@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#0a1a3f;--navy2:#11285c;--blue:#1f56c4;--blue2:#17459f;--gray:#8b95a7;--gray2:#5d677a;--bg:#f1f3f6;--text:#1d2433;--muted:#6b7487;--line:#e1e5ec;--ok:#16935a;--r:14px}
*{box-sizing:border-box}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;font-size:15px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.skip-link{position:absolute;right:-999px}.skip-link:focus{right:10px;top:10px;background:#fff;padding:8px;z-index:999}
/* topbar & header */
.topbar{background:var(--navy);color:#c4cee2;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;padding:7px 20px;gap:10px;flex-wrap:wrap}
.topbar b{color:#fff}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.admin-bar .site-header{top:32px}
.hrow{display:flex;align-items:center;gap:18px;padding:12px 20px}
.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}
.logo img{height:38px;width:auto;display:block}
.logo .fa{border-right:2px solid var(--line);padding-right:12px;font-size:14px;font-weight:700;color:var(--navy);line-height:1.5}
.search{flex:1;display:flex;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.search input{flex:1;border:0;padding:10px 14px;outline:none;min-width:0;background:transparent}
.search button{border:0;background:var(--blue);color:#fff;padding:0 20px;font-weight:700;cursor:pointer}
.hbtns{display:flex;gap:8px}
.hb{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700;color:var(--navy);white-space:nowrap;position:relative}
.hb:hover{border-color:var(--blue)}
.hb .badge{position:absolute;top:-7px;left:-7px;background:var(--blue);color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.hb .badge:empty{display:none}
.menu-toggle{display:none}
.mainnav{background:var(--navy2)}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto}
.mainnav li{position:relative}
.mainnav a{display:block;color:#dbe3f3;padding:11px 15px;font-size:14px;white-space:nowrap}
.mainnav a:hover,.mainnav .current-menu-item>a{color:#fff;background:rgba(255,255,255,.08)}
.mainnav .sub-menu{display:none;position:absolute;top:100%;right:0;background:var(--navy2);min-width:200px;flex-direction:column;z-index:5}
.mainnav li:hover>.sub-menu{display:flex}
/* buttons */
.btn{display:inline-block;padding:11px 24px;border-radius:10px;font-weight:700;cursor:pointer;border:0;text-align:center;line-height:1.5}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue2)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-white{background:#fff;color:var(--navy)}
.btn-line{border:1.5px solid var(--navy);color:var(--navy);background:#fff}
/* hero */
.hero{background:radial-gradient(circle at 20% 30%,#1d4596 0%,var(--navy) 65%);color:#fff}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:48px 20px 76px}
.cert{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:4px 14px;border-radius:30px;font-size:13px;color:#c9d6f3;margin-bottom:12px}
.hero h1{font-size:38px;font-weight:900;line-height:1.45;margin:0}
.hero h1 em{font-style:normal;color:#7fa8ff}
.hero p{color:#c4d0e8;margin:12px 0 22px}
.hero .btn-ghost{margin-right:8px}
.stats{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}
.stats b{display:block;font-size:22px;font-weight:900}
.stats div{font-size:13px;color:#c4d0e8}
.hero-logo img{width:100%;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.35))}
.finder{background:#fff;border-radius:16px;padding:20px;box-shadow:0 14px 34px rgba(10,26,63,.14);margin-top:-40px;position:relative}
.finder h3{font-size:17px;color:var(--navy);margin:0 0 6px}
.fr{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
label{font-size:13px;color:var(--muted);display:block;margin-bottom:3px}
select,.in,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;outline:none}
select:focus,input:focus,textarea:focus{border-color:var(--blue)}
/* sections */
.sec{padding:52px 0}.sec.pt0{padding-top:0}.white{background:#fff}
.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:10px;flex-wrap:wrap}
.head h2{font-size:25px;font-weight:900;color:var(--navy);margin:0}
.head h2::after{content:"";display:block;width:48px;height:4px;background:var(--blue);border-radius:4px;margin-top:5px}
.head p{color:var(--muted);margin:0}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cat{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:18px 8px;text-align:center;transition:.2s}
.cat:hover{border-color:var(--blue);transform:translateY(-3px)}
.cat .ic{width:54px;height:54px;margin:0 auto 8px;border-radius:50%;background:#e6edfb;display:grid;place-items:center}
.cat b{display:block;font-size:14px}.cat small{color:var(--muted);font-size:12px}
.carlinks{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.carl{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:12px;text-align:center;transition:.2s}
.carl:hover{border-color:var(--blue);transform:translateY(-2px)}
.carl b{display:block;color:var(--navy)}.carl span{font-size:12px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.step .n{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:8px}
.step h4{margin:0 0 4px}.step p{font-size:14px;color:var(--muted);margin:0}
.partner-cta{background:linear-gradient(120deg,var(--blue),var(--navy));color:#fff;border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px}
.partner-cta h3{font-size:22px;margin:0}.partner-cta p{margin:4px 0 0;opacity:.9}
.cta-btns{display:flex;gap:8px;flex-wrap:wrap}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.f{padding:20px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.f .ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;margin-bottom:10px}
.f h4{color:var(--navy);margin:0}.f p{font-size:14px;color:var(--muted);margin:4px 0 0}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.about p{color:#3d4658}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.num{background:var(--navy);color:#fff;border-radius:var(--r);padding:18px;text-align:center}
.num b{display:block;font-size:26px;font-weight:900}.num span{font-size:13px;color:#c4d0e8}
/* blog */
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.bgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;transition:.2s}
.bcard:hover{border-color:var(--blue);transform:translateY(-2px)}
.bimg{width:110px;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;overflow:hidden}
.bimg img{width:100%;height:100%;object-fit:cover}
.bbody{padding:14px 16px}.bbody h3{color:var(--navy);font-size:16px;margin:2px 0}.bbody p{font-size:13px;color:var(--muted);margin:0}
.bmeta{font-size:12px;color:var(--gray)}.more2{font-size:13px;color:var(--blue);font-weight:700}
.post{max-width:820px}.post-thumb{border-radius:16px;margin:10px 0}
.bnav{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px}.bnav a{color:var(--blue)}
.subh{color:var(--navy);margin:24px 0 10px}
/* generic pages */
.pgw{padding-top:26px;padding-bottom:50px;min-height:50vh}
.pgw>h1{font-size:26px;color:var(--navy);margin:0 0 10px;line-height:1.5}
.lead{color:var(--muted)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:10px}.crumb a{color:var(--blue)}
.doc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;color:#2d3546}
.doc h2,.doc h3{color:var(--navy)}.doc a{color:var(--blue)}.doc ul{padding-right:20px}
.doc details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px;background:var(--bg)}
.doc summary{font-weight:700;color:var(--navy);cursor:pointer}
.note{background:#eef3fd;border-radius:10px;padding:10px 12px;font-size:14px;color:var(--navy2);margin:10px 0}
.note.warn{background:#fff6e6;color:#8a5a00}.note.good{background:#e7f6ee;color:#0f6e42}
.carhero{background:radial-gradient(circle at 20% 30%,#1d4596,var(--navy) 70%);color:#fff;border-radius:18px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.carhero h1{color:#fff;margin:0;font-size:24px}.carhero p{color:#c4d0e8;margin:4px 0 0}
.result{max-width:640px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center}
.result .ric{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;font-size:34px;color:#fff;font-weight:900;background:var(--blue)}
.row2{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.pagi{margin-top:20px;text-align:center}
.pagi .page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;margin:2px}
.pagi .current{background:var(--navy);color:#fff}
/* contact & dealers (plugin shortcodes) */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.ccard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.ccard h4{color:var(--navy);margin:6px 0}.ccard a{color:var(--blue)}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14px}
/* footer */
.site-footer{background:var(--navy);color:#c4cee2;font-size:14px;margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:24px;padding:42px 20px}
.site-footer img{height:42px;width:auto;margin-bottom:12px}
.site-footer h5{color:#fff;font-size:16px;margin:0 0 10px}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:6px}
.site-footer a:hover{color:#fff}
.social{display:flex;gap:10px;margin-top:8px}.social a{border:1px solid rgba(255,255,255,.2);padding:3px 10px;border-radius:20px;font-size:13px}
.trust{margin-top:10px;background:#fff;border-radius:10px;display:inline-block;padding:6px}
.copy{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:14px;font-size:12px}
.wa-float{position:fixed;bottom:18px;left:16px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:60}
/* responsive */
@media(max-width:900px){
 .hrow{flex-wrap:wrap}.search{order:3;flex-basis:100%}.hb .lbl{display:none}
 .menu-toggle{display:flex}
 .mainnav{display:none}.mainnav.open{display:block}
 .mainnav ul{flex-direction:column}.mainnav .sub-menu{position:static;display:flex;padding-right:14px}
 .hero-in,.about{grid-template-columns:1fr}.hero-logo{order:-1}.hero h1{font-size:28px}
 .cats{grid-template-columns:repeat(3,1fr)}.carlinks{grid-template-columns:repeat(3,1fr)}
 .feat{grid-template-columns:repeat(2,1fr)}.steps,.bgrid,.bgrid3,.cgrid,.dgrid{grid-template-columns:1fr}
 .fgrid{grid-template-columns:1fr 1fr}
 .admin-bar .site-header{top:46px}
}
@media(max-width:520px){
 .logo img{height:28px}.logo .fa{font-size:12px}
 .topbar{font-size:12px}.topbar .wrap>div:first-child{display:none}
 .fr{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.carlinks{grid-template-columns:repeat(2,1fr)}
 .fgrid{grid-template-columns:1fr}.carhero svg{display:none}
}

/* ===== mobile bottom navigation ===== */
.mobnav,.sheet,.sheet-ov{display:none}
@media(max-width:900px){
 body{padding-bottom:92px}
 .mobnav{display:flex;position:fixed;bottom:10px;left:10px;right:10px;z-index:70;background:#fff;border-radius:22px;box-shadow:0 8px 30px rgba(10,26,63,.18);padding:6px;justify-content:space-between;padding-bottom:calc(6px + env(safe-area-inset-bottom)/2)}
 .mobnav a,.mobnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:var(--gray2);font:inherit;font-size:11px;padding:7px 2px;border-radius:16px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .mobnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobnav .on{color:var(--blue);background:#e8effc;font-weight:700}
 .mobnav .badge{position:absolute;top:2px;left:calc(50% - 20px);background:var(--blue);color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
 .mobnav .badge:empty{display:none}
 .wa-float{bottom:96px;width:50px;height:50px}
 .sheet-ov{position:fixed;inset:0;background:rgba(5,12,30,.45);z-index:80}
 .sheet-ov.show{display:block}
 .sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto;transform:translateY(105%);transition:transform .25s}
 .sheet.show{transform:none}
 .sheet::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:var(--line);margin:-6px auto 10px}
 .sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--navy);font-size:16px}
 .sheet-x{border:0;background:var(--bg);width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}
 .sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
 .sheet-grid a{background:var(--bg);border-radius:14px;padding:12px 6px;text-align:center;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px}
 .sheet-sub{margin:16px 0 8px;color:var(--muted);font-size:13px}
 .sheet-chips{display:flex;flex-wrap:wrap;gap:6px}
 .sheet-chips a{border:1.5px solid var(--line);border-radius:20px;padding:4px 12px;font-size:13px}
 .sheet .search{order:0;flex-basis:auto}
 .site-footer{margin-bottom:0}
}

/* all-categories page */
.ss-catsearch{margin:6px 0 18px}
.ss-catgroup{margin-bottom:22px}
.ss-catgroup h3{color:var(--navy);font-size:17px;margin:0 0 10px}.ss-catgroup h3 small{color:var(--muted);font-weight:400}
.ss-circles{display:grid;grid-template-columns:repeat(8,1fr);gap:14px 10px}
.ss-circle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.ss-circle .ring{width:84px;height:84px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:.2s;box-shadow:0 2px 8px rgba(10,26,63,.06)}
.ss-circle .ring img{width:100%;height:100%;object-fit:cover}
.ss-circle:hover .ring{border-color:var(--blue);transform:translateY(-2px)}
.ss-circle b{font-size:13px;line-height:1.5}
@media(max-width:900px){.ss-circles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.ss-circles{grid-template-columns:repeat(4,1fr);gap:12px 6px}.ss-circle .ring{width:68px;height:68px}.ss-circle b{font-size:12px}}

/* ===== Liquid Glass (iOS style) — header + bottom navigation ===== */
:root{--glass:rgba(255,255,255,.55);--glass-b:rgba(255,255,255,.75);--glass-blur:blur(22px) saturate(185%) brightness(1.04)}
.site-header{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 24px rgba(10,26,63,.08)}
.site-header::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 60%);z-index:-1}
.site-header .search,.site-header .hb{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 2px 8px rgba(10,26,63,.06)}
.site-header .search input{background:transparent}
.mainnav{background:rgba(17,40,92,.82);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:900px){
 .site-header{margin:8px 8px 0;border-radius:24px;border:1px solid var(--glass-b);top:8px}
 .admin-bar .site-header{top:54px}
 .site-header::before{border-radius:24px}
 .hrow{padding:10px 12px}
 .mainnav{border-radius:0 0 24px 24px;overflow:hidden}
 .mobnav{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(24px) saturate(190%) brightness(1.05);backdrop-filter:blur(24px) saturate(190%) brightness(1.05);border:1px solid rgba(255,255,255,.8);border-radius:30px;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),0 12px 34px rgba(10,26,63,.2),0 2px 6px rgba(10,26,63,.08)}
 .mobnav::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 70%,rgba(255,255,255,.25) 100%)}
 .mobnav a,.mobnav button{color:#3f4a5e;border-radius:22px}
 .mobnav .on{background:rgba(31,86,196,.14);color:var(--blue);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 0 0 1px rgba(31,86,196,.12)}
 .sheet{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.8)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header,.mobnav,.sheet{background:#fff}
 .mainnav{background:var(--navy2)}
}
@media(max-width:520px){
 .hrow{gap:8px}.logo{gap:8px;margin-left:auto}.logo .fa{display:none}
 .hbtns{gap:6px}.hb{padding:7px 9px;border-radius:14px}
 .site-header .search{border-radius:16px}.site-header .search button{border-radius:0}
}

/* ===== Liquid Glass v2 — clearer glass, light frost ===== */
.site-header{background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px) saturate(200%) brightness(1.08);backdrop-filter:blur(12px) saturate(200%) brightness(1.08);border-bottom-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.18),0 8px 28px rgba(10,26,63,.10)}
.site-header::before{background:linear-gradient(160deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,0) 60%,rgba(255,255,255,.14) 100%)}
.site-header .search,.site-header .hb{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 2px 10px rgba(10,26,63,.06)}
.site-header .search input::placeholder{color:#4a5568}
.mainnav{background:rgba(17,40,92,.55);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}
@media(max-width:900px){
 .site-header{border-color:rgba(255,255,255,.55)}
 .mobnav{background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px) saturate(210%) brightness(1.1);backdrop-filter:blur(12px) saturate(210%) brightness(1.1);border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 2px rgba(255,255,255,.25),inset 0 0 18px rgba(255,255,255,.12),0 14px 36px rgba(10,26,63,.22)}
 .mobnav::before{background:linear-gradient(140deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,0) 68%,rgba(255,255,255,.2) 100%)}
 .mobnav a,.mobnav button{color:#1d2433;text-shadow:0 1px 1px rgba(255,255,255,.55)}
 .mobnav .on{background:rgba(31,86,196,.18);color:#1546a8}
 .sheet{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(190%);backdrop-filter:blur(18px) saturate(190%)}
}
/* v1.6.3 — calmer hero */
.ss-hero2 .hero-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:34px 20px 52px}
.ss-hero2 .hero-logo{order:0}
.ss-hero2 .hero-logo img{width:100%;max-width:360px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.ss-hero2 h1{font-size:28px;line-height:1.5}
.ss-hero2 p{margin:6px 0 16px;font-size:14.5px}
@media(max-width:520px){.ss-hero2 .hero-in{padding:22px 18px 40px;gap:8px}.ss-hero2 .hero-logo img{max-width:210px}.ss-hero2 h1{font-size:21px}.ss-hero2 p{font-size:13px;margin-bottom:12px}}
.ss-hero2 .hero-logo img{max-width:290px}
/* compact categories on home */
#cats .cats{grid-template-columns:repeat(6,1fr);gap:10px}
#cats .cat{padding:10px 6px;border-radius:12px}
#cats .cat .ic{width:40px;height:40px;margin-bottom:5px}
#cats .cat .ic svg{width:20px;height:20px}
#cats .cat b{font-size:12.5px;line-height:1.6}
#cats .cat small{font-size:11px}
#cats .head p{display:none}
@media(max-width:900px){#cats .cats{grid-template-columns:repeat(3,1fr);gap:8px}}
@media(max-width:520px){.ss-hero2 .hero-logo img{max-width:160px}.ss-hero2 h1{font-size:19px}.ss-hero2 .hero-in{padding:16px 16px 30px}#cats .cat .ic{width:36px;height:36px}#cats .cat b{font-size:12px}}
/* v1.6.5 — small round categories on home */
.ss-homecats{display:grid;grid-template-columns:repeat(8,1fr);gap:14px 8px}
.ss-hc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.ss-hc .ring{width:62px;height:62px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 8px rgba(10,26,63,.06);transition:.2s}
.ss-hc .ring img{width:100%;height:100%;object-fit:cover}
.ss-hc:hover .ring{border-color:var(--blue);transform:translateY(-2px)}
.ss-hc b{font-size:12px;font-weight:700;line-height:1.55;color:var(--navy)}
@media(max-width:900px){.ss-homecats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.ss-homecats{gap:12px 4px}.ss-hc .ring{width:56px;height:56px}.ss-hc b{font-size:11.5px}}
.ss-finder .search{margin-top:10px;background:#fff}
.ss-finder .search input{font-size:15px;padding:12px 14px}
@media(max-width:520px){.ss-finder .search input{font-size:16px}}
/* v1.6.7 — no header search on phones (use bottom "جستجو" or home search) */
@media(max-width:900px){.site-header .search{display:none}}
.ss-homeres:empty{display:none}
.ss-homeres{margin-top:12px}
.ss-homeres.loading{opacity:.55}
.ss-homeres ul.products{margin:8px 0 0}
/* v1.6.8 — square category tiles */
.ss-hc .ring{border-radius:16px;width:64px;height:64px;background:#eef3fd;border-color:#dbe5f8}
@media(max-width:520px){.ss-hc .ring{width:58px;height:58px;border-radius:14px}}
/* v1.7 — big header search with live results + partner button */
@media(max-width:900px){.site-header .search{display:flex}}
.site-header .ss-hsearch{position:relative;overflow:visible;border-radius:16px;min-height:52px;border-width:2px}
.site-header .ss-hsearch input[type=search]{font-size:16px;padding:12px 16px;min-height:48px}
.site-header .ss-hsearch input::-webkit-search-cancel-button{display:none}
.site-header .ss-hsearch button{display:flex;align-items:center;gap:6px;padding:0 20px;font-size:15px;border-radius:0 14px 14px 0}
html[dir=rtl] .site-header .ss-hsearch button{border-radius:14px 0 0 14px}
.ss-headres{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:80;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(10,26,63,.22);max-height:70vh;overflow:auto;padding:10px}
.ss-headres.loading{opacity:.7}
.ss-headres ul.products{margin:0!important}
.ss-headres .ss-active{margin:2px 4px 8px}
.ss-hr-wait{padding:16px;text-align:center;color:var(--muted)}
.ss-hr-all{display:block;text-align:center;padding:12px;margin-top:6px;border-radius:12px;background:#eef3fd;color:var(--blue2);font-weight:800}
body.ss-searching .mobnav{display:none}
.hb-partner{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;font-size:13px;padding:7px 12px!important;box-shadow:0 4px 12px rgba(31,86,196,.3)!important}
.hb-partner svg{stroke:#fff}
@media(max-width:900px){.site-header .ss-hsearch{order:3;flex-basis:100%;margin-top:4px}.hb-partner{font-size:12px;padding:6px 10px!important}.hb-partner svg{display:none}}
@media(max-width:380px){.hb-partner span{font-size:11px}.logo .fa{display:none}}
@media(max-width:900px){.site-header .ss-hsearch{flex:0 0 100%;max-width:100%;width:100%}.site-header .hbtns .hb:not(.hb-partner):not(.menu-toggle):first-of-type{}.hbtns{gap:6px}.hb-acc{display:none!important}}