/* ============================================================
   ACFixMart — shared header + footer (chrome.css)
   Pixel-matched to the approved V2 design screenshots.
   Uses its own .acf-* classes so main.css / redesign.css
   rules can never leak into the header or footer.
   ============================================================ */
:root{
  --acf-ink:#0a1628; --acf-ann:#1e3a5f; --acf-blue:#1755e8; --acf-orange:#ff6b1a;
  --acf-wrap:1580px;            /* footer content width */
  --acf-search-h:30px;          /* header search box height */
  --acf-display:'Montserrat','Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif;
}

/* ───────── Announcement bar ───────── */
.acf-ann{
  background:var(--acf-ann); color:#dbe4f0; text-align:center;
  font:500 14px/37px Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif;
  height:37px; padding:0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.acf-ann strong{color:#fff; font-weight:700}
.acf-ann a{color:inherit; text-decoration:none}
.acf-ann .acf-ann-em{font-size:13px; margin-right:4px}
.acf-ann .acf-ann-sep{margin:0 6px 0 14px}

/* ───────── Header ───────── */
.acf-hdr{
  position:sticky; top:0; z-index:1000; background:var(--acf-ink);
  font-family:Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif;
}
.acf-hdr *{box-sizing:border-box}
.acf-hdr-in{display:flex; align-items:center; gap:25px; height:73px; padding:0 23px}

.acf-logo{display:flex; align-items:center; gap:12px; text-decoration:none; flex:none}
.acf-logo-ic{
  width:43px; height:43px; border-radius:10px; background:var(--acf-blue); color:#fff;
  display:grid; place-items:center; font-size:19px;
}
.acf-logo-tx{
  font-family:var(--acf-display); font-weight:800; font-size:24px; letter-spacing:-.02em;
  color:#fff; line-height:1;
}
.acf-logo-tx em{font-style:normal; color:var(--acf-orange)}

/* search pill */
.acf-search{
  position:relative; display:flex; align-items:stretch; flex:1 1 624px; max-width:624px;
  height:var(--acf-search-h); background:#fff; border-radius:999px; margin:0;
}
.acf-search-cat{
  position:relative; flex:none; width:152px; margin:0; display:block;
  background:#eef0f4; border-radius:999px 0 0 999px; border-right:1px solid #d3d9e3;
}
.acf-search-cat select{
  appearance:none; -webkit-appearance:none; width:100%; height:100%;
  border:0!important; border-radius:999px 0 0 999px!important; background:transparent!important;
  padding:0 30px 0 18px; font:700 14px Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif; color:var(--acf-ink);
  cursor:pointer; text-overflow:ellipsis; outline:none; box-shadow:none!important;
}
.acf-search-cat i{
  position:absolute; right:13px; top:50%; transform:translateY(-50%);
  font-size:11px; color:var(--acf-ink); pointer-events:none;
}
.acf-hdr .acf-search input.acf-search-input{
  flex:1 1 auto; min-width:0; height:100%; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; outline:none;
  padding:0 14px; font:400 15px Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif; color:var(--acf-ink);
}
.acf-search-input::placeholder{color:#6b7280; opacity:1}
.acf-hdr .acf-search button.acf-search-btn{
  flex:none; width:36px; border:0; background:var(--acf-blue); color:#fff; cursor:pointer;
  border-radius:0 999px 999px 0; font-size:14px; padding:0; display:grid; place-items:center;
}
.acf-search-btn:hover{background:#2f6bff}
.acf-search .search-suggest{top:calc(100% + 6px); border-radius:12px; text-align:left}

/* right-hand actions */
.acf-actions{margin-left:auto; display:flex; align-items:center; gap:4px}
.acf-actions > .acf-act{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  padding:4px 14px; background:none; border:0; cursor:pointer; text-decoration:none;
  font:600 13.5px/1.1 Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif; color:#d1d5db; position:relative;
}
.acf-actions > .acf-act i{font-size:19px; color:#d1d5db; transition:color .15s}
.acf-actions > .acf-act:hover,.acf-actions > .acf-act:hover i{color:#fff}
.acf-actions .city-name{max-width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.acf-cart{
  display:inline-flex; align-items:center; gap:9px; height:38px; padding:0 18px; margin-left:14px;
  background:var(--acf-orange); color:#fff!important; border-radius:10px; text-decoration:none;
  font:700 15px Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif; white-space:nowrap; transition:background .15s, transform .15s;
}
.acf-cart i{font-size:15px}
.acf-cart:hover{background:#ff7d33; transform:translateY(-1px)}

/* logged-in user menu (reuses toggleUserMenu + .user-dropdown from main.js/main.css) */
.acf-actions .acf-user{flex-direction:column!important; gap:4px!important}
.acf-user .acf-user-name{display:flex; align-items:center; gap:5px; color:inherit; font-size:13.5px; font-weight:600}
.acf-user .acf-user-name i{font-size:10px!important}
.acf-user .user-avatar{width:22px; height:22px; border:0}
.acf-user .prime-badge-sm{font-size:9px}
.acf-hdr .user-dropdown{text-align:left; top:calc(100% + 12px)}
.acf-hdr .user-dropdown a{color:#1f2937; font-size:14px; font-weight:500}
.acf-hdr .user-dropdown a i{font-size:14px!important; color:var(--acf-blue)!important}
.acf-hdr .user-dropdown a.prime-link{color:#b7791f}

/* header responsive */
@media(max-width:980px){
  .acf-hdr-in{height:auto; flex-wrap:wrap; padding:10px 14px; gap:10px 12px}
  .acf-search{order:3; flex:1 1 100%; max-width:none; height:40px}
  .acf-actions{margin-left:auto}
}
@media(max-width:640px){
  .acf-logo-tx{font-size:19px}
  .acf-logo-ic{width:36px; height:36px; font-size:16px; border-radius:9px}
  .acf-actions > .acf-act{padding:4px 7px; font-size:11px}
  .acf-actions > .acf-act i{font-size:17px}
  .acf-actions .city-name{max-width:64px}
  .acf-cart{margin-left:6px; padding:0 12px; font-size:13px; height:34px}
  .acf-search-cat{width:112px}
  .acf-ann{font-size:12px}
}

/* ───────── Footer ───────── */
.acf-ftr-wrap{
  max-width:var(--acf-wrap); margin:0 auto; padding:24px 16px 16px;
  font-family:Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif;
}
.acf-ftr-wrap *{box-sizing:border-box}
.acf-ftr-wrap a{text-decoration:none}

.acf-cta{
  display:flex; align-items:center; justify-content:space-between; gap:32px; color:#fff;
  padding:58px 58px 56px; border-radius:16px;
  background:linear-gradient(100deg,#0a1628 0%,#10327c 55%,#1755e8 100%);
}
.acf-cta h2{
  margin:0 0 14px; font-family:var(--acf-display); font-weight:800; font-size:35px; line-height:44px;
  letter-spacing:-.01em; color:#fff;
}
.acf-cta p{margin:0; max-width:600px; font-size:17px; line-height:29px; color:#c3d0ee}
.acf-cta-btns{display:flex; gap:14px; flex:none}
.acf-cta-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; height:56px; padding:0 33px;
  border-radius:8px; font:700 17px Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif; color:#fff!important; white-space:nowrap;
  transition:transform .15s, background .15s;
}
.acf-cta-btn:hover{transform:translateY(-2px)}
.acf-cta-btn.pri{background:var(--acf-orange)}
.acf-cta-btn.pri:hover{background:#ff7d33}
.acf-cta-btn.sec{background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.28); padding:0 32px}
.acf-cta-btn.sec:hover{background:rgba(255,255,255,.2)}

.acf-ftr{background:var(--acf-ink); margin-top:24px; padding:48px 29px 0; color:#94a3b8}
.acf-ftr-grid{display:grid; grid-template-columns:minmax(0,1.88fr) repeat(3,minmax(0,1fr)); gap:0}
.acf-ftr-brand{padding-right:60px}
.acf-ftr-logo{display:inline-flex; align-items:center; gap:12px}
.acf-ftr-logo .ic{
  width:40px; height:40px; border-radius:9px; background:var(--acf-blue); color:#fff;
  display:grid; place-items:center; font-size:18px;
}
.acf-ftr-logo .tx{font-family:var(--acf-display); font-weight:800; font-size:22px; letter-spacing:-.02em; color:#fff; line-height:1}
.acf-ftr-logo .tx em{font-style:normal; color:var(--acf-orange)}
.acf-ftr-brand p{margin:18px 0 22px; max-width:520px; font-size:16px; line-height:27px; color:#94a3b8}
.acf-social{display:flex; gap:12px}
.acf-social a{
  width:38px; height:38px; border-radius:9px; background:#1a2436; color:#cbd5e1;
  display:grid; place-items:center; font-size:16px; transition:background .15s, color .15s;
}
.acf-social a:hover{background:var(--acf-blue); color:#fff}

.acf-ftr-col h4{margin:0 0 14px; font-size:16px; font-weight:700; color:#fff; line-height:1.4}
.acf-ftr-col a,.acf-ftr-col span.acf-gst{
  display:block; font-size:16px; line-height:27.5px; color:#8a97ab; transition:color .15s;
}
.acf-ftr-col a:hover{color:#fff}
.acf-ftr-col a.acf-hot{color:#fff}

.acf-ftr-bottom{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px;
  margin-top:44px; padding:22px 0 24px; border-top:1px solid #1d2839; font-size:14.5px; color:#94a3b8;
}
.acf-ftr-bottom nav{display:flex; gap:24px; flex-wrap:wrap}
.acf-ftr-bottom a{color:#94a3b8; transition:color .15s}
.acf-ftr-bottom a:hover{color:#fff}

@media(max-width:1100px){
  .acf-cta{flex-direction:column; align-items:flex-start; padding:40px 32px}
  .acf-cta h2{font-size:28px; line-height:36px}
  .acf-ftr-grid{grid-template-columns:1fr 1fr; gap:34px 20px}
  .acf-ftr-brand{grid-column:1 / -1; padding-right:0}
}
@media(max-width:600px){
  .acf-ftr-wrap{padding:16px 10px 10px}
  .acf-cta{padding:30px 20px}
  .acf-cta h2{font-size:23px; line-height:30px}
  .acf-cta p{font-size:15px; line-height:25px}
  .acf-cta-btns{flex-wrap:wrap; width:100%}
  .acf-cta-btn{height:50px; padding:0 22px; font-size:15px; flex:1 1 auto}
  .acf-ftr{padding:34px 20px 0}
  .acf-ftr-col a,.acf-ftr-col span.acf-gst{font-size:15px}
}

/* ───────── Homepage hero (V2 screenshot match) ───────── */
body{background:#f0f2f8!important}
.acf-home{max-width:1580px; margin:16px auto 0; padding:0 16px; font-family:Montserrat,'Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif}
.acf-home *{box-sizing:border-box}
.acf-home a{text-decoration:none}
.acf-hero{
  display:grid; grid-template-columns:252px minmax(0,1fr) 288px; background:#fff; border-radius:14px;
  overflow:hidden; box-shadow:0 2px 12px rgba(10,22,40,.06);
}
.acf-side{padding:14px 0 12px}
.acf-side a{
  display:flex; align-items:center; gap:14px; padding:0 22px; height:43px; font-size:15px; font-weight:500;
  color:#0a1628; border-left:3px solid transparent; transition:background .15s;
}
.acf-side a i{width:18px; text-align:center; font-size:16px}
.acf-side a:hover,.acf-side a.on{background:#eef3ff; color:#1755e8; border-left-color:#1755e8}
.acf-side hr{border:0; border-top:1px solid #e5e9f2; margin:10px 22px 10px 22px}

.acf-main{
  position:relative; min-height:504px; color:#fff; text-align:center; padding:34px 30px 30px;
  background:linear-gradient(135deg,#0a1e4d 0%,#1348c8 55%,#1755e8 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.acf-pill{
  display:inline-flex; align-items:center; gap:8px; padding:7px 18px; border-radius:999px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); font-size:14px; font-weight:600; margin-bottom:34px;
}
.acf-pill i{color:#ffb020}
.acf-main h1{
  margin:0 0 22px; font-family:var(--acf-display); font-weight:800; font-size:52px; line-height:56px; letter-spacing:-.02em; color:#fff;
}
.acf-main h1 em{font-style:normal; color:var(--acf-orange)}
.acf-main p{margin:0 0 36px; max-width:500px; font-size:18px; line-height:29px; color:#dbe6ff}
.acf-main-btns{display:flex; gap:16px; margin-bottom:34px; flex-wrap:wrap; justify-content:center}
.acf-main-btns a{
  display:inline-flex; align-items:center; gap:8px; height:51px; padding:0 33px; border-radius:8px;
  font-weight:700; font-size:17px; color:#fff; transition:transform .15s;
}
.acf-main-btns a:hover{transform:translateY(-2px)}
.acf-main-btns .pri{background:var(--acf-orange)}
.acf-main-btns .sec{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28)}
.acf-trust{display:flex; gap:14px; flex-wrap:wrap; justify-content:center}
.acf-trust span{
  display:inline-flex; align-items:center; gap:9px; padding:0 22px; height:44px; border-radius:8px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); font-size:15px; font-weight:600;
}
.acf-trust i.g{color:#22c55e} .acf-trust i.b{color:#60a5fa} .acf-trust i.y{color:#facc15}
.acf-main .hp-slide img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}

.acf-deals{display:flex; flex-direction:column}
.acf-deal{flex:1; padding:20px 20px 16px; display:flex; flex-direction:column; gap:5px; color:#0a1628; border-bottom:1px solid rgba(10,22,40,.05)}
.acf-deal:last-child{border-bottom:0}
.acf-deal small{font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.acf-deal b{font-size:18px; line-height:1.25; font-weight:800}
.acf-deal span{font-size:14px; color:#6b7a96; line-height:1.35}
.acf-deal u{margin-top:auto; padding-top:4px; text-decoration:none; font-weight:700; font-size:15px; color:#1755e8}
.acf-deal.d1{background:#f4f6fd} .acf-deal.d1 small{color:#ea580c}
.acf-deal.d2{background:#fdf7e9} .acf-deal.d2 small{color:#b45309}
.acf-deal.d3{background:#e9f9f1} .acf-deal.d3 small{color:#059669}
.acf-deal.d4{background:#f3f2fc} .acf-deal.d4 small{color:#dc2626}

.acf-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:18px 0 8px}
.acf-stat{display:flex; align-items:center; gap:22px; padding:26px 24px; background:#fff; border-radius:14px; box-shadow:0 2px 12px rgba(10,22,40,.06)}
.acf-stat .ic{width:57px; height:57px; border-radius:14px; display:grid; place-items:center; font-size:22px; flex:none}
.acf-stat b{display:block; font-family:var(--acf-display); font-weight:800; font-size:28px; line-height:1.1; color:#0a1628}
.acf-stat span{font-size:15px; color:#6b7a96}

@media(max-width:1200px){.acf-hero{grid-template-columns:230px 1fr}.acf-deals{display:none}.acf-stats{grid-template-columns:1fr 1fr}}
@media(max-width:840px){
  .acf-hero{grid-template-columns:1fr}.acf-side{display:none}.acf-main{min-height:0; padding:34px 18px}
  .acf-main h1{font-size:32px; line-height:38px}.acf-main p{font-size:16px}.acf-stats{gap:10px}.acf-stat{padding:16px 14px; gap:12px}.acf-stat b{font-size:20px}
}

/* announcement ticker (long / multiple announcements) */
.acf-ann-ticker{overflow:hidden; width:100%}
.acf-ann-track{display:inline-flex; white-space:nowrap; animation:acfAnn 45s linear infinite; will-change:transform}
.acf-ann-track:hover{animation-play-state:paused}
.acf-ann-item{padding-right:90px}
.acf-ann-item a{color:inherit}
@keyframes acfAnn{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.acf-side{max-height:560px; overflow-y:auto; scrollbar-width:none}
.acf-side::-webkit-scrollbar{display:none}