/* ============================================================
   ACFixMart — brand.css
   One typeface everywhere (matches the logo lettering):
   Montserrat (bold/extra-bold italic feel) + Noto Sans Telugu /
   Noto Sans Devanagari so తెలుగు and हिन्दी render in the same weight.
   Loaded LAST on every page, so it wins over per-page styles.
   ============================================================ */
:root{
  --acf-font:'Montserrat','Noto Sans Telugu','Noto Sans Devanagari','Segoe UI',system-ui,-apple-system,sans-serif;
  --acf-display:'Montserrat','Noto Sans Telugu','Noto Sans Devanagari',system-ui,sans-serif;
  --acf-navy:#0a2a6b; --acf-royal:#1e6fe0; --acf-orange:#ff6b1a;
  --acf-logo-h:40px;
}

/* ── Same font on every page (icons excluded so Font Awesome keeps working) ── */
html body,
html body :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,ul,label,button,input,select,textarea,option,td,th,small,b,strong,em,u,nav,section,article,aside,header,footer,summary,details,blockquote,dt,dd,legend):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-brands):not(.fa-regular):not([class^="fa-"]):not([class*=" fa-"]){
  font-family:var(--acf-font)!important;
}
/* headings / display text take the logo's heavy, slightly italic feel */
html body :is(h1,h2,.acf-main h1,.acf-cta h2,.lp-hero h1,.lp-h2){font-weight:800; letter-spacing:-.015em}
html[lang="te"] body, html[lang="hi"] body{line-height:1.6}
html[lang="te"] :is(h1,h2,.lp-hero h1){line-height:1.25!important; letter-spacing:0}
html[lang="hi"] :is(h1,h2,.lp-hero h1){line-height:1.25!important; letter-spacing:0}

/* ── Logo (image, eye-catching but compact; one size scale for all screens) ── */
.acf-logo, .acf-ftr-logo{
  display:inline-flex; align-items:center; flex:none; text-decoration:none;
  background:#fff; border-radius:12px; padding:4px 10px;
  box-shadow:0 2px 10px rgba(30,111,224,.35), 0 0 0 2px rgba(255,107,26,.85);
  transition:transform .18s ease, box-shadow .18s ease;
}
.acf-logo:hover,.acf-ftr-logo:hover{transform:translateY(-1px) scale(1.02); box-shadow:0 4px 16px rgba(30,111,224,.5), 0 0 0 2px #ff6b1a}
.acf-logo img, .acf-ftr-logo img{display:block; height:var(--acf-logo-h); width:auto; max-width:100%; object-fit:contain}
.acf-ftr-logo{--acf-logo-h:44px}
/* legacy icon+text logo markup is no longer used */
.acf-logo-ic,.acf-logo-tx,.acf-ftr-logo .ic,.acf-ftr-logo .tx{display:none!important}

@media(max-width:1180px){:root{--acf-logo-h:36px}}
@media(max-width:980px){:root{--acf-logo-h:34px}}
@media(max-width:640px){:root{--acf-logo-h:30px} .acf-logo{padding:3px 8px;border-radius:10px}}
@media(max-width:380px){:root{--acf-logo-h:26px}}

/* ── Header refinements so logo + actions fit phones/tablets ── */
.acf-hdr-in{gap:18px}
@media(max-width:980px){
  .acf-hdr-in{gap:8px 10px}
  .acf-actions{gap:0}
}
@media(max-width:640px){
  .acf-hdr-in{padding:8px 10px}
  .acf-actions > .acf-act > span:not(.acf-user-name){display:none}      /* icon-only actions on phones */
  .acf-actions > .acf-act{padding:4px 8px}
  .acf-cart .cart-tx{display:none}
  .acf-cart{margin-left:4px; padding:0 11px}
}
@media(max-width:480px){
  .acf-actions > a.acf-act[href$="wishlist"]{display:none}
}

/* ── Language switcher ── */
.acf-lang{position:relative; display:inline-flex; align-items:center}
.acf-lang > button{
  display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 12px; cursor:pointer;
  background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.28); border-radius:999px;
  font-weight:700; font-size:13px; line-height:1; white-space:nowrap;
}
.acf-lang > button:hover{background:rgba(255,255,255,.2)}
.acf-lang > button i{font-size:14px}
.acf-lang-menu{
  position:absolute; right:0; top:calc(100% + 8px); min-width:150px; padding:6px; z-index:3000;
  background:#fff; border-radius:12px; box-shadow:0 12px 34px rgba(10,22,40,.25); display:none;
}
.acf-lang.open .acf-lang-menu{display:block}
.acf-lang-menu button{
  display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px;
  background:none; border:0; border-radius:8px; cursor:pointer; color:#0a1628; font-size:14px; font-weight:600; text-align:left;
}
.acf-lang-menu button:hover{background:#eef3ff}
.acf-lang-menu button.on{background:#e8f0ff; color:#1755e8}
.acf-lang-menu button.on::after{content:"✓"; font-weight:800}
@media(max-width:640px){
  .acf-lang > button{height:34px; padding:0 9px}
  .acf-lang > button .lg-label{display:none}
  .acf-lang > button .lg-code{display:inline}
}
.acf-lang > button .lg-code{display:none}
/* floating variant for standalone pages (login / register) */
.acf-lang-float{position:fixed; top:12px; right:12px; z-index:4000}
.acf-lang-float > button{background:#fff; color:#0a2a6b; border-color:#cfdcf3; box-shadow:0 4px 14px rgba(10,42,107,.15)}
.acf-lang-float > button:hover{background:#eef3ff}
.acf-lang-float .acf-lang-menu{right:0}

/* ── Footer logo block ── */
.acf-ftr-brand .acf-ftr-logo{margin-bottom:2px}

/* ============================================================
   Landing pages (/seller, /technician, /franchise)
   ============================================================ */
.lp{max-width:1240px; margin:0 auto; padding:18px 16px 30px; color:#0a1628}
.lp *{box-sizing:border-box}
.lp a{text-decoration:none}
.lp-crumb{font-size:13px; color:#64748b; margin:4px 2px 14px; font-weight:600}
.lp-crumb a{color:#1755e8}

.lp-hero{
  position:relative; overflow:hidden; border-radius:20px; color:#fff; padding:52px 44px;
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:32px; align-items:center;
  background:linear-gradient(120deg,#0a1e4d 0%,#0f3a9e 55%,#1e6fe0 100%);
}
.lp-hero.tech{background:linear-gradient(120deg,#062a2a 0%,#0b5d4e 55%,#12a37f 100%)}
.lp-hero.franchise{background:linear-gradient(120deg,#1a1033 0%,#3a1d8f 55%,#1e6fe0 100%)}
.lp-hero::after{content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px; border-radius:50%; background:rgba(255,107,26,.22); filter:blur(4px)}
.lp-kicker{
  display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:999px; font-size:13px; font-weight:700;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); margin-bottom:18px;
}
.lp-kicker i{color:#ffb020}
.lp-hero h1{margin:0 0 16px; font-size:clamp(28px,4.2vw,46px); line-height:1.12; color:#fff}
.lp-hero h1 em{font-style:italic; color:#ffab6b}
.lp-hero p{margin:0 0 26px; font-size:clamp(15px,1.7vw,18px); line-height:1.7; color:#dbe6ff; max-width:600px}
.lp-cta{display:flex; flex-wrap:wrap; gap:12px}
.lp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px; height:52px; padding:0 30px; border-radius:12px;
  font-weight:800; font-size:16px; cursor:pointer; border:0; transition:transform .15s, background .15s;
}
.lp-btn:hover{transform:translateY(-2px)}
.lp-btn.pri{background:var(--acf-orange); color:#fff!important; box-shadow:0 8px 22px rgba(255,107,26,.4)}
.lp-btn.pri:hover{background:#ff7d33}
.lp-btn.sec{background:rgba(255,255,255,.14); color:#fff!important; border:1px solid rgba(255,255,255,.35)}
.lp-btn.dark{background:#0a2a6b; color:#fff!important}
.lp-hero-card{
  position:relative; z-index:1; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25);
  border-radius:18px; padding:22px; backdrop-filter:blur(6px);
}
.lp-hero-card h3{margin:0 0 14px; font-size:15px; color:#fff; font-weight:800}
.lp-hero-card ul{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.lp-hero-card li{display:flex; gap:10px; align-items:flex-start; font-size:14.5px; line-height:1.45; color:#eaf1ff; font-weight:600}
.lp-hero-card li i{color:#5be3a3; margin-top:2px}

.lp-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0}
.lp-stat{background:#fff; border-radius:16px; padding:22px 18px; text-align:center; box-shadow:0 2px 12px rgba(10,22,40,.07)}
.lp-stat b{display:block; font-size:clamp(24px,3vw,34px); font-weight:800; color:#1755e8; line-height:1.1; margin-bottom:6px}
.lp-stat span{font-size:14px; color:#5b6b85; font-weight:600; line-height:1.4}

.lp-sec{margin:36px 0 0}
.lp-h2{font-size:clamp(22px,2.8vw,30px); margin:0 0 6px; color:#0a2a6b}
.lp-lead{margin:0 0 20px; color:#5b6b85; font-size:15.5px; line-height:1.7; max-width:760px}
.lp-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.lp-card{background:#fff; border-radius:16px; padding:24px 22px; box-shadow:0 2px 12px rgba(10,22,40,.07); border:1px solid #e6ecf7; transition:transform .15s, box-shadow .15s}
.lp-card:hover{transform:translateY(-3px); box-shadow:0 10px 26px rgba(10,22,40,.12)}
.lp-card .ic{width:50px; height:50px; border-radius:14px; display:grid; place-items:center; font-size:21px; margin-bottom:14px; color:#1755e8; background:#e8f0ff}
.lp-card:nth-child(3n+2) .ic{color:#059669; background:#e4f7ee}
.lp-card:nth-child(3n) .ic{color:#ea580c; background:#ffefe3}
.lp-card h3{margin:0 0 8px; font-size:17px; color:#0a1628}
.lp-card p{margin:0; font-size:14.5px; line-height:1.65; color:#5b6b85}

.lp-steps{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:step}
.lp-step{position:relative; background:#fff; border-radius:16px; padding:26px 20px 22px; border:1px solid #e6ecf7; box-shadow:0 2px 12px rgba(10,22,40,.06)}
.lp-step::before{
  counter-increment:step; content:counter(step); position:absolute; top:-14px; left:20px; width:32px; height:32px; border-radius:50%;
  background:var(--acf-orange); color:#fff; font-weight:800; display:grid; place-items:center; font-size:15px; box-shadow:0 4px 10px rgba(255,107,26,.4);
}
.lp-step h3{margin:6px 0 6px; font-size:16px}
.lp-step p{margin:0; font-size:14px; line-height:1.6; color:#5b6b85}

.lp-two{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.lp-panel{background:#fff; border-radius:16px; padding:26px 24px; border:1px solid #e6ecf7; box-shadow:0 2px 12px rgba(10,22,40,.06)}
.lp-panel h3{margin:0 0 14px; font-size:18px; color:#0a2a6b}
.lp-check{list-style:none; padding:0; margin:0; display:grid; gap:11px}
.lp-check li{display:flex; gap:10px; font-size:14.5px; line-height:1.55; color:#243352; font-weight:500}
.lp-check li i{color:#16a34a; margin-top:3px}

.lp-table{width:100%; border-collapse:collapse; font-size:14.5px}
.lp-table th,.lp-table td{padding:12px 10px; text-align:left; border-bottom:1px solid #e6ecf7}
.lp-table th{font-size:12.5px; text-transform:uppercase; letter-spacing:.04em; color:#64748b}
.lp-wrap-x{overflow-x:auto}

.lp-faq details{background:#fff; border:1px solid #e6ecf7; border-radius:12px; padding:0; margin-bottom:10px}
.lp-faq summary{cursor:pointer; padding:16px 18px; font-weight:700; font-size:15.5px; list-style:none; display:flex; justify-content:space-between; gap:12px; color:#0a1628}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+"; font-size:22px; font-weight:700; color:#1755e8; line-height:1}
.lp-faq details[open] summary::after{content:"–"}
.lp-faq details p{margin:0; padding:0 18px 16px; color:#5b6b85; font-size:14.5px; line-height:1.7}

.lp-final{
  margin-top:40px; border-radius:20px; padding:40px 34px; color:#fff; text-align:center;
  background:linear-gradient(120deg,#0a1e4d,#1e6fe0);
}
.lp-final h2{margin:0 0 10px; font-size:clamp(22px,3vw,32px); color:#fff}
.lp-final p{margin:0 auto 22px; max-width:640px; color:#dbe6ff; line-height:1.7}
.lp-final .lp-cta{justify-content:center}
.lp-others{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:18px}
.lp-others a{color:#fff; font-weight:700; font-size:14px; padding:8px 16px; border-radius:999px; border:1px solid rgba(255,255,255,.35)}
.lp-others a:hover{background:rgba(255,255,255,.14)}
.lp-note{font-size:12.5px; color:#7a8799; margin-top:14px; line-height:1.6}

@media(max-width:980px){
  .lp-hero{grid-template-columns:1fr; padding:36px 26px}
  .lp-grid{grid-template-columns:1fr 1fr}
  .lp-steps{grid-template-columns:1fr 1fr; row-gap:26px}
  .lp-stats{grid-template-columns:1fr 1fr}
  .lp-two{grid-template-columns:1fr}
}
@media(max-width:600px){
  .lp{padding:12px 10px 24px}
  .lp-hero{padding:28px 18px; border-radius:16px}
  .lp-grid,.lp-steps{grid-template-columns:1fr}
  .lp-btn{width:100%}
  .lp-stats{gap:10px}
  .lp-stat{padding:16px 10px}
  .lp-final{padding:30px 18px}
}

/* ── Registration page polish (shares the same font + logo) ── */
.reg-top .reg-logo{display:inline-flex; background:#fff; border-radius:12px; padding:5px 11px; box-shadow:0 2px 12px rgba(30,111,224,.25), 0 0 0 2px rgba(255,107,26,.8)}
.reg-top .reg-logo img{height:38px!important; width:auto}
@media(max-width:640px){.reg-top .reg-logo img{height:30px!important}}

/* ── Logo on standalone screens (login / partner portal) ── */
.logo img,.brand img{height:40px; width:auto; max-width:72vw; object-fit:contain}
@media(max-width:640px){.logo img,.brand img{height:32px}}

/* Montserrat is wider than the old font: give the category select room */
.acf-search-cat{width:172px}
@media(max-width:640px){.acf-search-cat{width:120px}}