/* Neon Gadget Hub | Professional announcement bar | v1
   Additive: no existing HTML structure or authentication code is replaced. */
.ngh-ap-announcement {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 37px;
  background: linear-gradient(110deg,#fff7f1 0%,#fffaf6 60%,#ffede0 100%) !important;
  color: #181818 !important;
  border-bottom: 1px solid #ffd9be !important;
  box-shadow: 0 2px 12px rgba(28,17,10,.055);
  overflow: hidden;
}
.ngh-ap-announcement::before { content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#ff7a00; }
.ngh-ap-announcement .ngh-ap-ann-row {
  width: min(100% - 36px, 1280px) !important;
  max-width:1280px !important;
  min-height:37px !important;
  margin: 0 auto !important;
  display:flex !important;
  flex-wrap:nowrap;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:3px 0 !important;
}
.ngh-ap-announcement .ngh-ap-ann-benefits {
  display:flex !important; align-items:center !important;justify-content:center !important;
  flex:1 1 auto; min-width:0; gap:0 !important;
}
.ngh-ap-announcement .ngh-ap-ann-benefits > span {
  min-width:0; display:inline-flex !important;align-items:center !important;
  justify-content:center;gap:9px !important;
  padding:0 clamp(12px,2vw,29px) !important;
  font-size:clamp(10px,.85vw,13px) !important;
  font-weight:600 !important; line-height:1.35 !important;
  color:#202020 !important;white-space:nowrap;
  letter-spacing:.005em;
}
.ngh-ap-announcement .ngh-ap-ann-benefits > span + span {border-left:1px solid #ffb580 !important;}
.ngh-ap-announcement .ngh-ap-ann-benefits svg {display:block; flex:0 0 auto; width:19px !important;height:19px !important;color:#ff7a00 !important;stroke:#ff7a00 !important;}
.ngh-ap-announcement .ngh-ap-ann-region {
  display:inline-flex !important; align-items:center; justify-content:center;
  align-self:stretch; flex:0 0 auto;
  min-width:105px; padding:0 14px !important;
  background:#131313 !important;color:#fff !important;
  border-left:3px solid #ff7a00 !important;
  border-radius:0 0 8px 8px;
  font-size:12px !important; font-weight:650 !important;
  white-space:nowrap;
}
@media(max-width:900px){
 .ngh-ap-announcement .ngh-ap-ann-row{width:calc(100% - 16px)!important;gap:5px!important}
 .ngh-ap-announcement .ngh-ap-ann-benefits>span{padding:0 9px!important;font-size:10px!important;}
 .ngh-ap-announcement .ngh-ap-ann-region{min-width:58px;font-size:10px!important;padding:0 6px!important}
}
@media(max-width:580px){
 .ngh-ap-announcement .ngh-ap-ann-row{min-height:34px!important}
 .ngh-ap-announcement .ngh-ap-ann-benefits>span{padding:0 6px!important;font-size:10px!important}
 .ngh-ap-announcement .ngh-ap-ann-benefits>span:nth-child(2),
 .ngh-ap-announcement .ngh-ap-ann-benefits>span:nth-child(3){display:none!important}
 .ngh-ap-announcement .ngh-ap-ann-region{border-radius:0 0 5px 5px}
}
@media(prefers-reduced-motion:reduce){.ngh-ap-announcement *{transition:none!important;animation:none!important}}