/* Marudhar Furniture — site stylesheet (v3, Oct 2026)
   Navy + royal blue (Sleepwell-adjacent), warm sand neutrals, gold for ratings.
   Mobile-first. Breakpoints: 560 / 768 / 1024 / 1280. */
:root{
  --navy-950:#071530; --navy-900:#0b1f3f; --navy-800:#122d5c; --navy-700:#1a3d7a;
  --royal-600:#1d4ed8; --royal-500:#2563eb; --royal-400:#3b82f6; --sky-200:#bfdbfe; --sky-100:#dbeafe; --sky-50:#eff5ff;
  --sand-50:#faf8f4; --sand-100:#f3efe7; --sand-200:#e8e1d4; --gold:#c8902e; --gold-soft:#fbf3e2; --star:#f5b301;
  --gray-50:#f6f8fb; --gray-100:#eef2f7; --gray-200:#e2e8f0; --gray-300:#cbd5e1;
  --text:#0f1b2d; --muted:#55637a; --line:rgba(15,27,45,.09);
  --wa:#25d366; --wa-dark:#1da851;
  --shadow-sm:0 1px 2px rgba(11,31,63,.05),0 2px 6px rgba(11,31,63,.05);
  --shadow:0 2px 4px rgba(11,31,63,.04),0 12px 28px -8px rgba(11,31,63,.16);
  --shadow-lg:0 4px 10px rgba(11,31,63,.06),0 28px 56px -16px rgba(11,31,63,.3);
  --r:12px; --r-lg:18px; --nav-h:64px; --max:1200px; --ease:cubic-bezier(.2,.7,.2,1);
  --font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans Devanagari",sans-serif;
  --display:"Plus Jakarta Sans","Inter","Segoe UI",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;padding-bottom:62px}
img{max-width:100%;height:auto;display:block}
picture{display:contents}
source{display:none}
a{color:var(--royal-600);text-decoration:none}
a:hover{color:#1e40af}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:750;letter-spacing:-.022em;color:var(--navy-900);line-height:1.2}
h1,h2{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:var(--sky-100);color:var(--navy-900)}
:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:2px;border-radius:6px}
.container{width:min(100% - 2rem,var(--max));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;z-index:999;background:#fff;padding:.6rem 1rem;border-radius:0 0 8px 0;font-weight:700}
.skip-link:focus{left:0}
.ico{width:18px;height:18px;flex-shrink:0}

/* ---------- Top bar & header ---------- */
.topbar{background:var(--navy-950);color:#c7d4ea;font-size:.76rem}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:34px}
.topbar strong{color:#fff;font-weight:650}
.topbar a{color:#fff;font-weight:600}
.topbar .tb-right{display:none;gap:1.25rem;align-items:center}
.tb-rating{color:#fde68a;font-weight:600}
.sw-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60a5fa;margin-right:.45rem;vertical-align:middle;box-shadow:0 0 0 3px rgba(96,165,250,.2)}
.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h)}
.logo{display:flex;align-items:center;gap:.6rem;line-height:1.15;min-width:0}
.logo-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--royal-600),var(--navy-800));color:#fff;font:800 1rem var(--display);letter-spacing:-.02em;box-shadow:0 6px 14px -4px rgba(29,78,216,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.logo-text{display:flex;flex-direction:column;min-width:0}
.logo-name{font:780 1.08rem var(--display);color:var(--navy-900);letter-spacing:-.02em;white-space:nowrap}
.logo-tag{font-size:.64rem;color:var(--royal-600);font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:10px;margin-right:-10px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy-900);border-radius:2px;transition:.2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav{position:fixed;inset:var(--nav-h) 0 auto 0;background:#fff;border-bottom:1px solid var(--gray-200);padding:.6rem 1rem 1rem;display:none;flex-direction:column;gap:.1rem;box-shadow:var(--shadow)}
.nav.is-open{display:flex}
.nav a{padding:.7rem .9rem;border-radius:9px;font-weight:600;color:var(--navy-800);transition:background .2s,color .2s}
.nav a:hover,.nav a.active{background:var(--sky-50);color:var(--royal-600)}
.nav .nav-wa{margin-top:.4rem;background:var(--wa);color:#fff;text-align:center}
.nav .nav-wa:hover{background:var(--wa-dark);color:#fff}
.header-cta{display:none;align-items:center;gap:.55rem}
.hdr-soc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1.5px solid var(--gray-200);color:var(--navy-800);background:#fff;transition:background .18s,color .18s,border-color .18s}
.hdr-soc:hover{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.hdr-soc svg{width:16px;height:16px}
.nav-soc{display:flex;gap:.45rem;margin-top:.55rem;padding:0 .2rem}
.nav-soc a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border:1.5px solid var(--gray-200);border-radius:9px;font-weight:600;font-size:.84rem;color:var(--navy-800);flex:1;justify-content:center}
.nav-soc a:hover{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.nav-soc svg{width:16px;height:16px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.15rem;border-radius:10px;font-weight:650;font-size:.92rem;line-height:1.2;border:0;cursor:pointer;text-align:center;transition:transform .18s var(--ease),background .18s,box-shadow .18s,color .18s,border-color .18s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn-primary{background:linear-gradient(180deg,var(--royal-500),var(--royal-600));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -6px rgba(29,78,216,.6)}
.btn-primary:hover{color:#fff;background:linear-gradient(180deg,var(--royal-600),#1e40af)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 6px 16px -6px rgba(37,211,102,.6)}
.btn-wa:hover{background:var(--wa-dark);color:#fff}
.btn-outline{background:#fff;color:var(--navy-800);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-sm)}
.btn-outline:hover{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:#fff;color:var(--navy-900)}
.btn-dark{background:var(--navy-800);color:#fff;box-shadow:0 6px 16px -8px rgba(11,31,63,.6)}
.btn-dark:hover{background:var(--navy-950);color:#fff}
.btn-block{width:100%}
.btn-lg{padding:.85rem 1.4rem;font-size:1rem}
.btn-sm{padding:.5rem .85rem;font-size:.84rem}
.link-arrow{font-weight:650;font-size:.88rem;color:var(--royal-600);display:inline-flex;align-items:center;gap:.3rem}
.link-arrow::after{content:"→";transition:transform .2s var(--ease)}
.link-arrow:hover::after{transform:translateX(3px)}
.actions{display:flex;flex-wrap:wrap;gap:.6rem}

/* ---------- Sections ---------- */
.section{padding:clamp(2.25rem,5vw,3.75rem) 0}
.section-tight{padding:clamp(1.5rem,3vw,2.25rem) 0}
.bg-sand{background:var(--sand-50);border-block:1px solid var(--sand-100)}
.bg-soft{background:linear-gradient(180deg,var(--gray-50),#fff)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.14em;color:var(--royal-600);margin-bottom:.4rem}
.eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor;opacity:.7}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1.5rem;margin-bottom:1.25rem}
.head h2{font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.15}
.head p{color:var(--muted);font-size:.94rem;max-width:58ch}
.head-center{text-align:center;justify-content:center;flex-direction:column;align-items:center}
.head-center .eyebrow{justify-content:center}
.lead{color:var(--muted);font-size:.98rem}

/* ---------- Home hero ---------- */
.hero{position:relative;overflow:hidden;color:#dbe6f7;padding:1.75rem 0 0;
  background:radial-gradient(900px 420px at 88% -10%,rgba(59,130,246,.38),transparent 60%),radial-gradient(600px 300px at -10% 110%,rgba(200,144,46,.14),transparent 60%),linear-gradient(160deg,var(--navy-900) 0%,var(--navy-800) 55%,var(--navy-700) 100%)}
.hero-grid{display:grid;gap:1.5rem;align-items:center}
.hero-grid>*{min-width:0}
.hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}
.pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.1);color:#e6eefb;border:1px solid rgba(255,255,255,.18);font-size:.74rem;font-weight:650;padding:.3rem .7rem;border-radius:999px}
.pill svg{width:14px;height:14px}
.hero h1{color:#fff;font-size:clamp(1.95rem,5.2vw,3.15rem);line-height:1.06;letter-spacing:-.035em;margin-bottom:.8rem}
.hero h1 span{color:#93c5fd}
.hero-lead{color:#c3d2ea;font-size:1.02rem;max-width:50ch;margin-bottom:1.2rem}
.hero .actions{margin-bottom:1.1rem}
.rating-row{display:flex;flex-wrap:wrap;gap:.5rem}
.rating-chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:.4rem .65rem;color:#dbe6f7;font-size:.78rem;transition:background .2s}
.rating-chip:hover{background:rgba(255,255,255,.14);color:#fff}
.rating-chip strong{color:#fff;font:800 .95rem var(--display)}
.rating-chip .g{width:16px;height:16px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rating-chip .g svg{width:11px;height:11px}
.stars{--r:5;display:inline-block;width:74px;height:14px;flex-shrink:0;
  --star-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E");
  background:linear-gradient(90deg,var(--star) calc(var(--r)/5*100%),rgba(148,163,184,.45) 0);
  -webkit-mask:var(--star-mask) left center/14.8px 14px repeat-x;mask:var(--star-mask) left center/14.8px 14px repeat-x}
.hero-visual{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--navy-950);aspect-ratio:16/10;border:1px solid rgba(255,255,255,.14)}
.hero-visual>picture>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,21,48,.55))}
.hero-card{position:absolute;z-index:2;left:.7rem;right:.7rem;bottom:.7rem;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.97);color:var(--text);border-radius:var(--r);padding:.55rem .6rem;box-shadow:var(--shadow)}
.hero-card img{width:52px!important;height:52px!important;border-radius:9px;object-fit:cover;flex-shrink:0}
.hero-card div{min-width:0;flex:1}
.hero-card small{display:block;font-size:.66rem;font-weight:700;color:var(--royal-600);text-transform:uppercase;letter-spacing:.08em}
.hero-card strong{display:block;font:750 .9rem/1.25 var(--display);color:var(--navy-900)}
.hero-card span{font-size:.76rem;color:var(--muted)}
.hero-card .btn{flex-shrink:0}
.stat-bar{margin-top:1.75rem;display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -6px 24px rgba(7,21,48,.18);overflow:hidden}
.stat{padding:.75rem .85rem;display:flex;gap:.6rem;align-items:center;border-right:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);min-width:0}
.stat .s-ico{width:32px;height:32px;border-radius:9px;background:var(--sky-50);color:var(--royal-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat .s-ico svg{width:17px;height:17px}
.stat strong{display:block;color:var(--navy-900);font:750 .9rem/1.2 var(--display)}
.stat span{font-size:.74rem;color:var(--muted)}

/* ---------- Bestseller product cards ---------- */
.best-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.pcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s}
.pcard:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:rgba(37,99,235,.25)}
.pcard-img{aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--gray-100);overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}
.pcard:hover .pcard-img img{transform:scale(1.04)}
.pcard-flag{position:absolute;top:.5rem;left:.5rem;z-index:1;background:var(--gold-soft);color:#8a5a12;border:1px solid #f1dfb8;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .5rem;border-radius:999px}
.pcard-code{position:absolute;top:.5rem;right:.5rem;z-index:1;background:var(--navy-900);color:#fff;font:700 .66rem var(--display);letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px}
.pcard-body{padding:.7rem .75rem .8rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.pcard-body h3{font-size:.92rem;line-height:1.25}
.pcard-body p{font-size:.78rem;color:var(--muted);line-height:1.4}
.pcard-range{font-size:.72rem;color:var(--muted)}
.pcard-range a{font-weight:650}
.pcard .btn{margin-top:auto}
.pcard-actions{margin-top:auto;display:flex;flex-direction:column;gap:.4rem;padding-top:.3rem}

/* ---------- Category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.cat-tile{display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.5rem .7rem .5rem .5rem;box-shadow:var(--shadow-sm);color:var(--text);position:relative;min-width:0;transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s}
.cat-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:rgba(37,99,235,.28);color:var(--text)}
.cat-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--royal-600)}
.cat-thumb img{width:100%;height:100%;object-fit:cover}
.cat-thumb svg{width:26px;height:26px}
.cat-thumb.is-icon{background:var(--sky-50);border-color:var(--sky-100)}
.cat-tile div{min-width:0}
.cat-tile h3{font-size:.86rem;line-height:1.25}
.cat-tile p{font-size:.72rem;color:var(--muted);line-height:1.35;display:none}
.cat-tile .code{display:block;font-size:.66rem;font-weight:700;color:var(--royal-600);letter-spacing:.02em}
.cat-flag{position:absolute;top:-8px;right:8px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--royal-600);color:#fff;padding:.15rem .45rem;border-radius:999px}
.center-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.25rem}

/* ---------- Sleepwell premium band ---------- */
.sw-band{display:grid;border-radius:var(--r-lg);overflow:hidden;color:#dbe6f7;box-shadow:var(--shadow-lg);
  background:radial-gradient(500px 260px at 0 0,rgba(59,130,246,.3),transparent 60%),linear-gradient(120deg,var(--navy-950),var(--navy-800) 70%,var(--navy-700))}
.sw-band>*{min-width:0}
.sw-body{padding:1.5rem 1.25rem}
.sw-band h2{color:#fff;font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.15;margin:.7rem 0 .55rem}
.sw-band h2 span{color:#93c5fd}
.sw-band p{color:#c3d2ea;font-size:.94rem;margin-bottom:1rem;max-width:56ch}
.sw-points{display:grid;grid-template-columns:1fr;gap:.45rem 1rem;margin-bottom:1.15rem}
.sw-points li{font-size:.86rem;color:#e6eefb;display:flex;gap:.5rem;align-items:flex-start}
.sw-points li::before,.check-list li::before{content:"";width:17px;height:17px;flex-shrink:0;margin-top:2px;border-radius:50%;background:#3b82f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.sw-media{position:relative;min-height:230px;background:var(--navy-950)}
.sw-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sw-media .cap{position:absolute;left:.75rem;bottom:.75rem;background:rgba(7,21,48,.8);color:#fff;font-size:.72rem;padding:.3rem .6rem;border-radius:6px;backdrop-filter:blur(4px)}
.sw-badge{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:var(--navy-900);border:1px solid var(--sky-100);border-radius:10px;padding:.38rem .75rem .38rem .42rem;font-size:.8rem;font-weight:700;box-shadow:var(--shadow-sm)}
.sw-badge .moon{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--royal-500),var(--navy-800));color:#fff;display:flex;align-items:center;justify-content:center}
.sw-badge .moon svg{width:15px;height:15px}
.sw-badge small{display:block;font-size:.62rem;color:var(--royal-600);font-weight:750;text-transform:uppercase;letter-spacing:.07em;line-height:1.1}
.sw-steps{display:grid;gap:.5rem;margin:0 0 1.15rem;counter-reset:s}
.sw-steps li{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:#dbe6f7;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.55rem .7rem}
.sw-steps li::before{counter-increment:s;content:counter(s);width:22px;height:22px;border-radius:50%;background:#93c5fd;color:var(--navy-950);font:800 .75rem/22px var(--display);text-align:center;flex-shrink:0}
.sw-steps strong{color:#fff}
.sw-rating{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:#c3d2ea;margin-top:.9rem}
.sw-rating strong{color:#fff;font:800 .95rem var(--display)}
.sw-gallery{display:grid;grid-template-rows:1fr auto}

/* ---------- EMI strip ---------- */
.emi{display:grid;gap:1rem;align-items:center;background:linear-gradient(120deg,#fff,var(--sky-50));border:1px solid var(--sky-100);border-left:4px solid var(--royal-600);border-radius:var(--r-lg);padding:1.1rem 1.15rem;box-shadow:var(--shadow-sm)}
.emi>*{min-width:0}
.emi-head{display:flex;gap:.8rem;align-items:center}
.emi-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--royal-500),var(--navy-800));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.emi-ico svg{width:22px;height:22px}
.emi h2,.emi h3{font-size:1.1rem;line-height:1.2}
.emi-head p{font-size:.8rem;color:var(--muted)}
.emi-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.emi-steps li{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:.5rem .55rem;font-size:.74rem;color:var(--muted);line-height:1.3}
.emi-steps b{display:block;color:var(--navy-900);font:750 .8rem var(--display);margin-bottom:.1rem}
.emi-steps i{font-style:normal;color:var(--royal-600);font-weight:800;margin-right:.2rem}
.emi-cta{display:flex;flex-direction:column;gap:.35rem}
.emi-cta small{font-size:.7rem;color:var(--muted);text-align:center}

/* ---------- Reviews ---------- */
.reviews{display:grid;gap:1rem}
.reviews>*{min-width:0}
.rv-cards{display:grid;gap:.75rem}
.rv-card{display:flex;flex-direction:column;gap:.55rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;min-width:0}
.rv-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--royal-600),var(--royal-400))}
.rv-card.sw::before{background:linear-gradient(90deg,var(--navy-800),#60a5fa)}
.rv-top{display:flex;gap:.65rem;align-items:center;min-width:0}
.rv-top>div{min-width:0}
.rv-logo{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--royal-600),var(--navy-800));color:#fff;font:800 .85rem var(--display)}
.rv-logo.sw{background:linear-gradient(135deg,var(--navy-800),var(--navy-950));color:#93c5fd}
.rv-logo svg{width:18px;height:18px}
.rv-label{display:block;font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:var(--royal-600)}
.rv-card h3{font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}
.rv-score{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted)}
.rv-score strong{font:800 1.5rem/1 var(--display);color:var(--navy-900)}
.rv-links{display:flex;flex-wrap:wrap;gap:.45rem .9rem;align-items:center;margin-top:auto;padding-top:.2rem}
.rv-links .btn svg{width:16px;height:16px}
.txt-link{font-size:.82rem;font-weight:650;color:var(--royal-600);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,78,216,.35)}
.quotes{display:grid;gap:.75rem}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.95rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;min-width:0}
.quote .stars{width:66px;height:12px;-webkit-mask-size:13.2px 12px;mask-size:13.2px 12px}
.quote blockquote{font-size:.9rem;color:var(--text);line-height:1.5}
.quote blockquote::before{content:"“";font:800 1.6rem/0 var(--display);color:var(--sky-200);vertical-align:-.45rem;margin-right:.15rem}
.quote figcaption{font-size:.72rem;color:var(--muted);margin-top:auto}
.src-note{font-size:.74rem;color:var(--muted);margin-top:.85rem}

/* ---------- Photo strip ---------- */
.photo-grid{display:grid;gap:.7rem;grid-template-columns:1fr 1fr}
.photo{position:relative;border-radius:var(--r);overflow:hidden;background:var(--sand-100);box-shadow:var(--shadow-sm);min-height:150px}
.photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s var(--ease)}
.photo:hover img{transform:scale(1.03)}
.photo figcaption{position:absolute;left:.55rem;right:.55rem;bottom:.55rem;z-index:1;color:#fff;font-size:.74rem;line-height:1.3}
.photo figcaption strong{display:block;font:750 .9rem var(--display)}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,21,48,.78))}
.photo.wide{grid-column:1/-1;aspect-ratio:16/8}
.photo.tall{aspect-ratio:3/4}
.photo .tagp{position:absolute;top:.55rem;left:.55rem;z-index:1;background:#fff;color:var(--navy-900);font-size:.66rem;font-weight:800;padding:.18rem .5rem;border-radius:999px;letter-spacing:.03em}
.offer-line{font-weight:700}
.offer-line s{opacity:.75;font-weight:500;margin-right:.25rem}

/* ---------- Visit block ---------- */
.visit-grid{display:grid;gap:1rem}
.visit-grid>*{min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.05rem,2.5vw,1.5rem);box-shadow:var(--shadow-sm)}
.card h3{font-size:1.08rem;margin-bottom:.75rem}
.store-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--sand-100);min-height:220px}
.store-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.store-photo .cap{position:absolute;left:.6rem;bottom:.6rem;background:rgba(7,21,48,.82);color:#fff;font-size:.7rem;padding:.25rem .55rem;border-radius:6px}
.info-list{display:grid;gap:.6rem;margin-bottom:1rem}
.info-list li{display:flex;gap:.65rem;font-size:.88rem;align-items:flex-start;min-width:0}
.info-list li>div{min-width:0;flex:1;overflow-wrap:anywhere}
.ii{width:30px;height:30px;border-radius:9px;background:var(--sky-50);color:var(--royal-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ii svg{width:16px;height:16px}
.info-list small{display:block;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.info-list a{font-weight:650}
.map-embed{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--gray-100);min-height:260px;box-shadow:var(--shadow-sm)}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-facade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:1rem;
  background:linear-gradient(rgba(239,245,255,.85),rgba(239,245,255,.92)),repeating-linear-gradient(0deg,transparent 0 38px,rgba(29,78,216,.08) 38px 40px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(29,78,216,.08) 38px 40px)}
.map-facade .pin{width:44px;height:44px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--royal-600);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.map-facade .pin::after{content:"";width:16px;height:16px;border-radius:50%;background:#fff}
.map-facade p{font-size:.84rem;color:var(--navy-800);max-width:32ch}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:.55rem;max-width:860px;margin-inline:auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:border-color .2s}
.faq details[open]{border-color:rgba(37,99,235,.3)}
.faq summary{cursor:pointer;list-style:none;padding:.9rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;font:700 .95rem/1.35 var(--display);color:var(--navy-900)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--sky-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4ed8' stroke-width='3'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .ans{padding:0 1rem 1rem;color:var(--muted);font-size:.9rem}
.faq .ans a{font-weight:600}

/* ---------- CTA band ---------- */
.cta-band{color:#e6eefb;padding:1.85rem 0;background:radial-gradient(600px 220px at 85% 0,rgba(147,197,253,.25),transparent 60%),linear-gradient(120deg,var(--navy-900),var(--royal-600))}
.cta-band .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.cta-band h2{color:#fff;font-size:clamp(1.25rem,3vw,1.6rem);margin-bottom:.2rem}
.cta-band p{opacity:.88;font-size:.92rem}

/* ---------- Footer ---------- */
.site-footer{color:#a9b8d1;padding:2.25rem 0 1.25rem;font-size:.86rem;background:radial-gradient(800px 260px at 10% 0,rgba(29,78,216,.18),transparent 60%),var(--navy-950)}
.footer-grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}
.footer-grid>*{min-width:0}
.site-footer .logo-name{color:#fff}
.site-footer .logo-tag{color:#93c5fd}
.footer-brand p{margin-top:.65rem;max-width:38ch}
.footer-brand .sw-badge{margin-top:.85rem}
.footer-col h4{color:#fff;font:700 .78rem var(--font);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}
.footer-col a{display:block;color:#a9b8d1;padding:.18rem 0}
.footer-col a:hover{color:#fff}
.footer-col address{font-style:normal;line-height:1.55}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;font-size:.76rem;color:#7f90ad}

/* ---------- Sticky mobile CTA / float ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -4px 20px rgba(11,31,63,.12);padding-bottom:env(safe-area-inset-bottom,0)}
.sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem .5rem;font-weight:700;font-size:.94rem;color:#fff}
.sticky-cta svg{width:19px;height:19px}
.sticky-cta .s-wa{background:var(--wa);flex:1.6}
.sticky-cta .s-call{background:var(--navy-800)}
.sticky-cta a:hover{color:#fff;filter:brightness(.95)}
.wa-float{display:none;position:fixed;right:1.25rem;bottom:1.25rem;z-index:190;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(37,211,102,.45);transition:transform .15s}
.wa-float:hover{transform:scale(1.07);color:#fff}
.wa-float svg{width:30px;height:30px}

/* ---------- Inner page hero ---------- */
.page-hero{position:relative;overflow:hidden;color:#c3d2ea;padding:clamp(1.6rem,4vw,2.6rem) 0;background:radial-gradient(700px 300px at 90% -20%,rgba(59,130,246,.35),transparent 60%),linear-gradient(140deg,var(--navy-900),var(--navy-700))}
.page-hero .eyebrow{color:#93c5fd}
.page-hero h1{color:#fff;font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.35rem}
.page-hero p{max-width:68ch;font-size:.96rem}
.page-hero p strong{color:#fff}
.page-hero .ph-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;align-items:center}
.crumbs{font-size:.74rem;margin-bottom:.6rem;color:#93a9cc}
.crumbs a{color:#c3d2ea}
.crumbs a:hover{color:#fff}

/* ---------- Products page ---------- */
.chips{position:sticky;top:var(--nav-h);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.chips-inner{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips-inner::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;font-size:.8rem;font-weight:650;color:var(--navy-800);background:var(--gray-50);border:1px solid var(--gray-200);padding:.4rem .8rem;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.chip:hover,.chip.is-active{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.chip.sw{background:var(--royal-600);border-color:var(--royal-600);color:#fff}
.note-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;background:var(--sand-50);border:1px solid var(--sand-200);border-radius:var(--r);padding:.8rem 1rem}
.note-bar strong{display:block;color:var(--navy-900);font-family:var(--display)}
.note-bar span{font-size:.85rem;color:var(--muted)}
.cat-section{scroll-margin-top:130px;padding-top:.5rem;margin-bottom:2.25rem}
.cat-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.4rem 1rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:2px solid var(--gray-100)}
.cat-head h2{font-size:clamp(1.25rem,2.6vw,1.6rem)}
.cat-head p{color:var(--muted);font-size:.88rem;max-width:60ch}
.cat-head .count{font-size:.74rem;font-weight:700;color:var(--royal-600);background:var(--sky-50);border:1px solid var(--sky-100);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s;scroll-margin-top:130px;min-width:0}
.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:rgba(37,99,235,.25)}
.product-card .img-wrap{aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--gray-100);overflow:hidden}
.product-card .img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}
.product-card:hover .img-wrap img{transform:scale(1.03)}
.product-card .img-wrap.cover img{object-fit:cover}
.product-card .img-wrap.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1.5rem;text-align:center;background:linear-gradient(135deg,var(--sky-50),var(--sand-50))}
.img-wrap.ph svg{width:44px;height:44px;color:var(--royal-600)}
.img-wrap.ph strong{color:var(--navy-800);font-family:var(--display)}
.img-wrap.ph span{font-size:.8rem;color:var(--muted)}
.product-body{padding:.8rem .9rem .95rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.product-body h3{font-size:.96rem;line-height:1.3}
.product-body p{font-size:.82rem;color:var(--muted);flex:1}
.tags{display:flex;flex-wrap:wrap;gap:.3rem}
.tag{font-size:.66rem;font-weight:700;background:var(--gray-100);color:var(--navy-700);padding:.16rem .5rem;border-radius:999px}
.tag-hi{background:var(--royal-600);color:#fff}
.tag-sw{background:var(--sky-100);color:var(--royal-600)}
.mf-codes{font:700 .72rem var(--display);color:var(--royal-600);letter-spacing:.02em}
.sw-section{scroll-margin-top:120px}

.cta-card{background:radial-gradient(400px 200px at 100% 0,rgba(59,130,246,.35),transparent 60%),linear-gradient(140deg,var(--navy-900),var(--navy-700));border:0;color:#c3d2ea}
.cta-card:hover{border:0}
.cta-body{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.1rem;height:100%;justify-content:center}
.cta-body h3{color:#fff;font-size:1.05rem}
.cta-body p{font-size:.84rem;color:#c3d2ea}
.cta-ico{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);color:#93c5fd;display:flex;align-items:center;justify-content:center}
.cta-ico svg{width:21px;height:21px}

/* ---------- About ---------- */
.about-grid{display:grid;gap:1.5rem;align-items:start}
.about-grid>*{min-width:0}
.prose{max-width:68ch}
.prose h2{font-size:clamp(1.3rem,2.6vw,1.6rem);margin-bottom:.7rem}
.prose p{color:var(--muted);font-size:.95rem;margin-bottom:.85rem}
.prose strong{color:var(--navy-900)}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1.1rem 0}
.fact{background:var(--sand-50);border:1px solid var(--sand-200);border-radius:var(--r);padding:.7rem .8rem}
.fact strong{display:block;font:800 1.15rem/1.2 var(--display);color:var(--royal-600)}
.fact span{font-size:.76rem;color:var(--muted)}
.timeline{margin-top:1.1rem;display:grid;gap:.85rem;border-left:2px solid var(--sky-100);padding-left:1.1rem}
.timeline-item{position:relative}
.timeline-item::before{content:"";position:absolute;left:calc(-1.1rem - 7px);top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--royal-600);box-shadow:0 0 0 4px var(--sky-100)}
.timeline-item h3{font-size:.94rem}
.timeline-item p{font-size:.85rem;color:var(--muted)}
.side{display:grid;gap:.9rem}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.side-card .side-img{aspect-ratio:4/3;background:var(--sand-100)}
.side-card .side-img img{width:100%;height:100%;object-fit:cover}
.side-card .side-body{padding:.9rem 1rem}
.side-card h3{font-size:.98rem;margin-bottom:.25rem}
.side-card p{font-size:.84rem;color:var(--muted)}
.side-card.dark{background:linear-gradient(135deg,var(--navy-900),var(--navy-700));border:0}
.side-card.dark h3{color:#fff}
.side-card.dark p{color:#c3d2ea}
.trust-grid{display:grid;grid-template-columns:1fr;gap:.7rem}
.trust{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.9rem;display:flex;gap:.7rem;align-items:flex-start;box-shadow:var(--shadow-sm);min-width:0}
.trust .ii{width:38px;height:38px;border-radius:11px}
.trust .ii svg{width:19px;height:19px}
.trust h3{font-size:.9rem}
.trust p{font-size:.78rem;color:var(--muted)}

/* ---------- Contact ---------- */
.contact-grid{display:grid;gap:1.25rem;align-items:start}
.contact-grid>*{min-width:0}
.nap{display:grid;gap:.7rem}
.store-mini{display:grid;grid-template-columns:88px 1fr;gap:.75rem;align-items:center;background:var(--sand-50);border:1px solid var(--sand-200);border-radius:var(--r);padding:.55rem;margin-bottom:1rem}
.store-mini img{width:88px;height:88px;object-fit:cover;border-radius:9px}
.store-mini p{font-size:.84rem;color:var(--navy-800)}
.store-mini strong{display:block;color:var(--navy-900);font-family:var(--display)}
.hours{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:.2rem}
.hours td{padding:.25rem .5rem .25rem 0;border-bottom:1px dashed var(--gray-200)}
.hours td:last-child{text-align:right;font-weight:650;color:var(--navy-900)}
.pin-note{font-size:.76rem;color:var(--muted);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:9px;padding:.5rem .65rem;margin-top:.4rem}
.form-group{margin-bottom:.85rem}
.form-row{display:grid;gap:0 .8rem}
.form-group label{display:block;font-size:.84rem;font-weight:650;color:var(--navy-800);margin-bottom:.3rem}
.form-group label .req{color:var(--royal-600)}
.form-group label .opt{font-weight:500;color:var(--muted)}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem .9rem;border:1.5px solid var(--gray-200);border-radius:10px;font:inherit;font-size:1rem;background:var(--gray-50);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--royal-500);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.18)}
.form-group .is-invalid{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.15)}
.form-error{display:none;font-size:.8rem;color:#c0392b;margin-top:.3rem}
.form-group.has-error .form-error{display:block}
.form-hint{font-size:.75rem;color:var(--muted);margin-top:.25rem}
.form-success{display:none;background:#e8f8ef;border:1px solid #a8e6c1;color:#1a6b3c;padding:.9rem 1rem;border-radius:var(--r);margin-bottom:1rem;font-weight:600}
.form-success.is-visible{display:block}
.check-list{display:grid;gap:.4rem;margin:.2rem 0 .9rem}
.check-list li{display:flex;gap:.5rem;font-size:.86rem;color:var(--text)}

/* ---------- Responsive ---------- */
@media (max-width:379px){
  .container{width:min(100% - 1.5rem,var(--max))}
  .logo-name{font-size:1rem}
  .hero .actions .btn{flex:1 1 100%}
  .best-grid{gap:.55rem}
  .pcard-body{padding:.6rem .6rem .7rem}
  .pcard-body h3{font-size:.86rem}
  .emi-steps{grid-template-columns:1fr}
}
@media (max-width:559px){
  .topbar .tb-loc{display:none}
  .stat:last-child{grid-column:span 2}
  .hero .actions .btn-lg{flex:1 1 auto}
  .hero-card span,.hero-card small,.hero-card picture{display:none}
  .hero-card{padding:.5rem .55rem .5rem .75rem}
  .hero-card strong{font-size:.84rem}
  .hero-visual{aspect-ratio:4/3}
  .pcard-body p{display:none}
  .hide-sm{display:none}
  .product-body{padding:.6rem .6rem .7rem;gap:.25rem}
  .product-body h3{font-size:.84rem}
  .product-body p,.product-body .tags{display:none}
  .mf-codes{font-size:.66rem}
  .cta-body{padding:.9rem .75rem}
  .cta-body h3{font-size:.9rem}
  .cta-body p{font-size:.76rem}
  .cat-thumb{width:42px;height:42px;border-radius:9px}
  .cat-tile{gap:.5rem;padding:.45rem .5rem .45rem .45rem}
  .cat-tile h3{font-size:.8rem}
}
@media (min-width:560px){
  .cat-tile p{display:block}
  .stat-bar{grid-template-columns:repeat(3,1fr)}
  .gallery{gap:.85rem}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .rv-cards,.quotes{grid-template-columns:1fr 1fr}
  .quotes .quote:last-child{grid-column:1/-1}
  .sw-points{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  body{padding-bottom:0}
  .topbar .tb-right{display:flex}
  .nav-toggle{display:none}
  .nav{position:static;display:flex!important;flex-direction:row;background:transparent;border:0;box-shadow:none;padding:0;gap:.1rem}
  .nav a{padding:.45rem .7rem;font-size:.9rem}
  .nav .nav-wa{display:none}
  .nav-soc{display:none}
  .header-cta{display:flex}
  .sticky-cta{display:none}
  .wa-float{display:flex}
  .hero{padding-top:2.5rem}
  .hero-visual{aspect-ratio:16/8}
  .stat-bar{grid-template-columns:repeat(5,1fr)}
  .stat{border-bottom:0}
  .stat:last-child{border-right:0}
  .best-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .product-card .img-wrap{aspect-ratio:4/3}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .sw-band{grid-template-columns:1.15fr .85fr}
  .sw-body{padding:2rem}
  .emi{grid-template-columns:auto 1fr;padding:1.2rem 1.4rem}
  .emi-cta{grid-column:1/-1;flex-direction:row;align-items:center;gap:.8rem}
  .reviews{grid-template-columns:1fr}
  .visit-grid{grid-template-columns:.9fr 1.1fr}
  .visit-grid .map-embed{grid-column:1/-1}
  .about-side-grid{grid-template-columns:1fr 1fr}
  .trust-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
  .photo-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:190px}
  .photo-grid .photo{min-height:0}
  .photo.wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
  .photo.tall{grid-row:span 2;aspect-ratio:auto}
  .photo.half{grid-column:span 2}
  .side{grid-template-columns:1fr 1fr}
}
@media (min-width:768px) and (max-width:1023px){
  .topbar .tb-rating{display:none}
  .header-cta{display:none}
  .stat .s-ico{display:none}
  .stat{padding:.7rem .75rem}
  .emi{grid-template-columns:1fr}
  .emi-cta{grid-column:auto}
}
@media (min-width:1024px){
  .hero-grid{grid-template-columns:1.05fr .95fr;gap:2.75rem}
  .hero-visual{aspect-ratio:4/3.3}
  .best-grid{grid-template-columns:repeat(4,1fr)}
  .cat-grid{grid-template-columns:repeat(4,1fr)}
  .emi{grid-template-columns:minmax(220px,.85fr) 1.6fr auto}
  .emi-cta{grid-column:auto;flex-direction:column;min-width:210px}
  .reviews{grid-template-columns:.9fr 1.1fr;gap:1.25rem}
  .rv-cards{grid-template-columns:1fr}
  .visit-grid{grid-template-columns:.75fr 1fr 1.15fr;gap:1.25rem}
  .visit-grid .map-embed{grid-column:auto}
  .about-grid{grid-template-columns:1.45fr .95fr;gap:2rem}
  .side{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr 1.05fr;gap:1.5rem}
  .sw-band.sw-lg{grid-template-columns:1.05fr .95fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* ---------- Oct 6 2026 eve: premium product hero; real GBP photos on About only ---------- */
.hero-visual.is-product{background:radial-gradient(70% 60% at 70% 20%,rgba(59,130,246,.22),transparent 70%),#0b1f3f}
.hero-visual.is-product>picture>img{object-fit:cover;object-position:center 55%}
.hero-visual.is-product::after{background:linear-gradient(180deg,transparent 62%,rgba(7,21,48,.45))}
.hero-card .btn-outline{border-color:var(--gray-200)}
.visit-note{margin-top:1rem;font-size:.82rem;color:var(--muted)}
.visit-note a{font-weight:650}
.visit-grid-clean{grid-template-columns:1fr}
.store-mini img{object-position:center 12%}
.side-card .side-img img{object-position:center 30%}
.photo img{object-position:center 35%}
@media (min-width:768px){
  .visit-grid-clean{grid-template-columns:1.05fr 1fr;gap:1.25rem}
  .visit-grid-clean .map-embed{grid-column:auto;min-height:320px}
}
@media (min-width:1024px){
  .visit-grid-clean{grid-template-columns:1fr 1.15fr}
}

/* ---------- Oct 6 2026 (late): dining hero, clean header socials, compact Visit panel ---------- */
/* Hero: MF-300 dining set in warm studio (light image) */
.hero-visual.is-product{background:#efe8dc}
.hero-visual.is-product>picture>img{object-position:center 42%}
.hero-visual.is-product::after{background:linear-gradient(180deg,transparent 70%,rgba(11,31,63,.18))}
.hero-tag{position:absolute;z-index:2;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.05rem;padding:.45rem .75rem;border-radius:10px;background:rgba(11,31,63,.88);color:#fff;box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .18s}
.hero-tag:hover{background:var(--navy-900)}
.hero-tag small{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fcd34d}
.hero-tag strong{font:750 .84rem/1.2 var(--display);color:#fff}
.hero-visual.is-product .hero-card{border:1px solid var(--gray-200)}
@media (max-width:479px){.hero-tag{top:.55rem;left:.55rem;padding:.3rem .55rem}.hero-tag strong{display:none}.hero-tag small{font-size:.6rem}}

/* Header: one aligned row — nav | IG FB icon pair | WhatsApp. Text-label socials only inside the mobile menu. */
.header-cta{gap:.7rem}
.hdr-soc-group{display:flex;align-items:center;gap:.35rem;padding-right:.7rem;border-right:1px solid var(--gray-200);height:28px}
.hdr-soc{width:36px;height:36px;border-radius:10px;border:1px solid var(--gray-200)}
.hdr-soc svg{width:17px;height:17px;display:block}
.hdr-wa{height:38px;padding:0 .95rem}
.hdr-wa svg{width:17px;height:17px}
.nav-soc{display:flex;gap:.5rem;margin-top:.55rem;padding:0}
.nav-soc a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:1;padding:.6rem .75rem;line-height:1}
.nav-soc a span{display:inline}
.nav-soc svg{width:17px;height:17px;flex-shrink:0;display:block}
@media (min-width:768px){
  .nav-soc,.nav .nav-soc{display:none!important}
  .nav{align-items:center}
}

/* Visit us (Home): single full-width panel — details left, map right, no orphan column */
.section-visit{padding:clamp(1.75rem,4vw,2.75rem) 0}
.section-visit .head{margin-bottom:1rem}
.visit-panel{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.vp-body{padding:1.1rem 1.1rem 1.2rem;min-width:0}
.vp-body h3{font:750 1.05rem/1.3 var(--display);color:var(--navy-900);margin-bottom:.8rem}
.vp-info{display:grid;grid-template-columns:1fr;gap:.7rem 1.1rem;margin-bottom:1rem}
.vp-info li{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;min-width:0;line-height:1.45}
.vp-info li>div{min-width:0;flex:1;overflow-wrap:anywhere}
.vp-info small{display:block;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem}
.vp-info a{font-weight:650}
.vp-info .ii{width:30px;height:30px;border-radius:9px;background:var(--sky-50);color:var(--royal-600);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.vp-info .ii svg{width:16px;height:16px}
.vp-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.vp-actions .btn{flex:1 1 auto;padding:.62rem 1rem}
.visit-panel .vp-map{border:0;border-radius:0;box-shadow:none;min-height:230px;border-top:1px solid var(--line)}
@media (min-width:600px){
  .vp-info{grid-template-columns:1fr 1fr}
  .vp-info .vp-wide{grid-column:1/-1}
}
@media (min-width:900px){
  .visit-panel{grid-template-columns:1.15fr 1fr}
  .vp-body{padding:1.4rem 1.5rem}
  .visit-panel .vp-map{min-height:290px;border-top:0;border-left:1px solid var(--line)}
  .vp-actions .btn{flex:0 0 auto}
}
@media (min-width:768px) and (max-width:1023px){.hero-visual.is-product{aspect-ratio:16/11}}