/* Pak Suzuki look for the dealer sites: the layout, colours, buttons, tabs, calculator and
   footer follow suzukipakistan.com; the content is each dealership's own. Loaded after core.css. */
:root{
  --ps-blue:#01349A;--ps-red:#E20A17;--ps-grey:#6A6A6A;--ps-light:#F2F2F2;--ps-ink:#181A20;--ps-line:#E4E4E4;--ps-foot:#00368F;
  --ps-grad:linear-gradient(180deg,#198FC9 0%,#03095B 100%);--ps-grad-r:linear-gradient(180deg,#03095B 0%,#198FC9 100%);
  --bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F2F2F2;--ink:#181A20;--muted:#6A6A6A;--line:#E4E4E4;
  --accent:#01349A;--accent-ink:#FFFFFF;--accent-soft:#EAF0FB;--signal:#E20A17;--signal-ink:#FFFFFF;
  --sz-blue:#01349A;--sz-navy:#00368F;--sz-red:#E20A17;
  --f-head:"Poppins","Segoe UI",Roboto,Arial,sans-serif;--f-display:var(--f-head);--f-mono:var(--f-head);
  --f-body:"Public Sans","Segoe UI",Roboto,Arial,sans-serif;
  --r:8px;--r-lg:16px;--shadow:0 20px 44px -26px rgba(1,30,90,.45)
}
html,body{background:#fff}
body{color:var(--ps-ink)}
section[id],main[id]{scroll-margin-top:76px}
.wrap{max-width:1280px}
.mono{font-family:var(--f-head);font-variant-numeric:tabular-nums}

/* ---------- Typography ---------- */
.display,.sec-head h2,.hero h1{font-family:var(--f-head);font-weight:600;text-transform:none;letter-spacing:-.4px;line-height:1.18;font-stretch:normal;font-variation-settings:normal}
.eyebrow{font-family:var(--f-head);font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ps-red)}
.sec-head{margin-inline:auto;text-align:center;justify-items:center;max-width:820px}
.sec-head h2{color:var(--ps-blue);font-size:clamp(1.9rem,3.3vw,2.65rem)}
.sec-head .lede{margin-inline:auto;color:var(--ps-grey);font-size:1.08rem}
.branch h3,.brand-txt b,.chat-head b,.confirm h3,.model-head h3,.pillar strong,.social h2,.side-card h3,.ask-card h2{font-family:var(--f-head);font-weight:600;font-stretch:normal;font-variation-settings:normal;text-transform:none;letter-spacing:0}
html[lang=ur] .display,html[lang=ur] .sec-head h2,html[lang=ur] .ps-hero h1,html[lang=ur] .eyebrow,html[lang=ur] .btn,html[lang=ur] .nav a,
html[lang=ur] .ps-q,html[lang=ur] .ps-foot h4,html[lang=ur] .ps-tile b,html[lang=ur] #filters .chip,html[lang=ur] .model-head h3,
html[lang=ur] .pillar strong,html[lang=ur] .brand-txt b{font-family:"Noto Nastaliq Urdu",var(--f-body);letter-spacing:0;line-height:1.9;text-transform:none}
html[lang=ur] .ps-hero h1{line-height:1.7}

/* ---------- Buttons (pill, blue gradient, white with shadow) ---------- */
.btn{border-radius:999px;font-family:var(--f-head);font-weight:500;font-size:1rem;min-height:46px;padding:10px 28px;border:2px solid transparent;transition:background .35s ease,color .2s,border-color .2s,box-shadow .2s}
.btn-primary{background:var(--ps-grad);color:#fff}
.btn-primary:hover{background:var(--ps-grad-r);filter:none;color:#fff}
.btn-line{background:#fff;color:var(--ps-grey);border-color:transparent;box-shadow:0 3px 6px rgba(0,0,0,.16)}
.btn-line:hover{border-color:var(--ps-blue);color:var(--ps-blue)}
.btn-signal{background:var(--ps-red);color:#fff}
.btn-signal:hover{background:#c40812;filter:none}
.btn-sm{min-height:40px;padding:7px 20px;font-size:.92rem}
.ps-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.ps-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.btn:focus-visible,.ps-q:focus-visible,.ps-tile:focus-visible{outline:3px solid #198FC9;outline-offset:2px}

/* ---------- Header: top bar + transparent nav over the hero, dark glass once scrolled ---------- */
.ps-head{position:fixed;top:0;left:0;right:0;z-index:60;color:#fff;transition:background-color .3s ease,box-shadow .3s ease}
.ps-head.scrolled,.ps-head.menu-open{background:rgba(0,0,0,.62);-webkit-backdrop-filter:saturate(1.3) blur(10px);backdrop-filter:saturate(1.3) blur(10px);box-shadow:0 10px 26px -18px rgba(0,0,0,.7)}
.ps-top{background:linear-gradient(rgba(0,0,0,.84),rgba(255,255,255,.12));font-size:14px;max-height:48px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}
.ps-head.scrolled .ps-top{max-height:0;opacity:0}
.ps-top-in{display:flex;align-items:center;justify-content:space-between;gap:6px 18px;min-height:38px}
.ps-soc,.ps-links{display:flex;align-items:center;gap:6px 18px}
.ps-soc{gap:14px}
.ps-top a{color:#E4E4E4;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ps-top a:hover{color:#fff}
.ps-top svg{width:15px;height:15px;flex:none}
.ps-top .n{direction:ltr;unicode-bidi:isolate}
.ps-top .status{background:rgba(255,255,255,.14);color:#fff;padding:3px 10px;font-size:.78rem;white-space:nowrap}
.ps-nav .head-row{min-height:74px;gap:18px}
.brand{gap:14px;color:#fff;text-decoration:none;min-width:0}
.ps-logo{display:block;width:150px;height:auto;flex:none}
.ps-logo .w{fill:#fff}.ps-logo .s{fill:var(--ps-red)}
.ps-bdiv{width:1px;height:34px;background:rgba(255,255,255,.35);flex:none}
.brand-txt{display:grid;line-height:1.25;min-width:0}
.brand-txt b{color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-txt small{color:#E4E4E4;font-size:.74rem;white-space:nowrap}
.nav{gap:clamp(16px,2.6vw,44px);margin-inline:auto}
.nav a{color:#E4E4E4;font-family:var(--f-head);font-size:15.5px;font-weight:400;padding:8px 0;white-space:nowrap;border-radius:0;background:none;transition:color .4s ease}
.nav a:hover,.nav a:focus-visible{color:var(--ps-red);background:none}
.head-actions{gap:12px;margin-inline-start:0}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:999px;padding:6px 14px;min-height:38px}
.lang-btn:hover{border-color:#fff}
.ps-contact{display:inline-flex;align-items:center;border:2px solid #E31D29;color:#fff;border-radius:23px;padding:7px 24px;font:500 15px var(--f-head);text-decoration:none;white-space:nowrap;transition:background .3s}
.ps-contact:hover{background:#E31D29;color:#fff}
.menu-btn{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:10px}
.nav .ps-monly{display:none}
html[lang=ur] .nav a{font-size:14.5px}
@media (max-width:1240px){.ps-contact{display:none}.nav .ps-monly{display:inline}.nav{gap:clamp(14px,2vw,30px)}}
@media (max-width:1020px){
  .nav .ps-monly{display:block}
  .nav{background:#fff;border-radius:0 0 14px 14px;box-shadow:0 18px 30px -18px rgba(0,0,0,.45);border-bottom:0;padding-block:6px 10px}
  .nav a{color:var(--ps-ink);font-size:1rem;padding:13px 20px;border-bottom:1px solid #EEE}
  .nav a:last-child{border-bottom:0}
  .nav a:hover{color:var(--ps-red)}
  .head-actions{margin-inline-start:auto}
  .ps-contact{display:none}
}
@media (max-width:760px){.ps-soc,.ps-top .n,.ps-top .ps-pak{display:none}.ps-links{flex:1}.ps-top-in{justify-content:flex-start;gap:4px 16px}.ps-top .status{margin-inline-start:auto}}
@media (max-width:560px){.ps-logo{width:104px}.ps-bdiv{height:30px}.brand{gap:10px}.brand-txt b{font-size:.8rem;white-space:normal;line-height:1.2;max-width:10.5em}.brand-txt small{display:none}.ps-nav .head-row{min-height:64px;gap:10px}.lang-btn{padding:5px 11px}}
@media (max-width:380px){.brand-txt{display:none}.ps-bdiv{display:none}}

/* ---------- Hero: full-bleed video with the dealer's own headline ---------- */
.ps-hero{position:relative;min-height:max(560px,95vh);min-height:max(560px,95svh);display:flex;align-items:flex-end;color:#fff;background:#0B1530;overflow:hidden;isolation:isolate}
.ps-hero-media{position:absolute;inset:0;z-index:-2}
.ps-hero-media img,.ps-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ps-hero-media video{opacity:0;transition:opacity .9s ease}
.ps-hero.playing .ps-hero-media video{opacity:1}
.ps-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,0) 42%,rgba(0,0,0,.5) 68%,rgba(0,0,0,.82) 100%)}
.ps-hero-content{width:100%;padding-top:150px;padding-bottom:clamp(54px,10vh,96px);display:grid;gap:14px;justify-items:start}
.ps-hero .eyebrow{color:#fff;opacity:.92;display:inline-flex;align-items:center;gap:10px}
.ps-hero .eyebrow::before{content:"";width:26px;height:3px;background:var(--ps-red);border-radius:2px}
.ps-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.75rem);max-width:17ch;margin:0;text-shadow:0 2px 26px rgba(0,0,0,.35)}
.ps-hero .lede{color:rgba(255,255,255,.9);max-width:58ch;font-size:clamp(1rem,1.4vw,1.15rem);margin:0}
.ps-hero .hero-ctas{gap:12px;margin-top:8px}
.ps-hero .facts{color:rgba(255,255,255,.88);margin-top:6px}
.ps-hero .facts li::before{background:var(--ps-red)}
.ps-down{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:grid;place-items:center;color:#fff;opacity:.8;border-radius:50%}
.ps-down svg{width:24px;height:24px;animation:psbob 2s ease-in-out infinite}
@keyframes psbob{50%{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.ps-down svg{animation:none}.ps-hero-media video{transition:none}}
@media (max-width:760px){.ps-hero{min-height:max(540px,86svh)}.ps-hero-content{padding-bottom:64px}.ps-hero .facts{font-size:.86rem;gap:6px 16px}.ps-hero .hero-ctas .btn{padding-inline:22px}}
/* Phones and portrait tablets: a full-height hero would crop the 16:9 film to its middle third and cut
   the cars off. Show the whole frame under the header instead, with the headline below it on navy,
   the way suzukipakistan.com does on phones. --ps-hh is the header height (ps.js measures it). */
:root{--ps-hh:112px}
@media (max-width:560px){:root{--ps-hh:102px}}
@media (orientation:portrait) and (max-width:1100px){
  .ps-hero{display:block;min-height:0;padding-top:var(--ps-hh)}
  .ps-hero::before{display:none}
  .ps-hero-media{position:relative;inset:auto;aspect-ratio:16/9;background:#000}
  .ps-hero-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(rgba(11,21,48,0),#0B1530);pointer-events:none}
  .ps-hero-content{padding-top:20px;padding-bottom:44px}
  .ps-hero h1{text-shadow:none}
  .ps-down{display:none}
  .ps-vbtn{top:calc(var(--ps-hh) + 56.25vw - 52px);bottom:auto;width:40px;height:40px}
}

/* ---------- Product line-up (grey band, centred heading, red-underlined tabs) ---------- */
#models{background:var(--ps-light)}
.filters{justify-content:center;gap:clamp(20px,4.4vw,44px);flex-wrap:nowrap;border-bottom:3px solid #DDD;width:max-content;max-width:100%;margin:0 auto clamp(28px,4vw,44px);overflow-x:auto;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
#filters .chip{border:0;border-bottom:3px solid transparent;margin-bottom:-3px;border-radius:0;background:none;color:#000;font:500 1.08rem var(--f-head);padding:0 2px 8px;min-height:0;white-space:nowrap}
#filters .chip:hover{color:var(--ps-blue)}
#filters .chip[aria-pressed=true]{background:none;color:#000;border-bottom-color:var(--ps-red)}
.models{gap:22px}
.model{background:#fff;border:0;border-radius:20px;box-shadow:0 12px 30px -20px rgba(0,0,0,.28);padding:22px;gap:14px;transition:box-shadow .25s,transform .25s}
.model:hover{box-shadow:0 22px 44px -24px rgba(1,52,154,.45);transform:translateY(-2px)}
.model-head{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:2px}
.model-head h3{font-size:1.5rem;color:#000;font-weight:500;letter-spacing:.3px}
.model-head .spec{font-size:.84rem;color:var(--ps-grey)}
.model p.blurb{text-align:center;color:var(--ps-grey)}
.price-from{justify-content:center;gap:8px}
.price-from .lbl{color:var(--ps-red);font-family:var(--f-head);font-weight:600}
.price-from .num{color:var(--ps-blue);font-family:var(--f-head);font-weight:600;font-size:1.5rem}
.vtable th{font-family:var(--f-head)}
.vtable td:last-child{font-family:var(--f-head);font-weight:500}
.model-actions{justify-content:center;gap:10px}
.model .note{text-align:center}
.art{background:radial-gradient(70% 60% at 50% 72%,#EEF2F8 0%,#FFFFFF 70%)}
.art .tag{background:var(--ps-light);color:var(--ps-blue);font-family:var(--f-head);font-weight:600;letter-spacing:.06em;border-radius:999px;padding:3px 10px}
.price-src,.source{text-align:center;color:var(--ps-grey);font-size:.84rem;max-width:820px;margin:26px auto 0}
@media (min-width:1001px){.model.feature{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.model.feature .model-head,.model.feature .price-from,.model.feature .model-actions{justify-content:flex-start;align-items:flex-start;text-align:start}.model.feature p.blurb,.model.feature .note{text-align:start}}

/* Car photo stage, colour dots and video button (official Pak Suzuki media) */
.art.sz-art{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;justify-content:stretch;gap:4px;padding:10px 10px 6px;aspect-ratio:auto;border-radius:14px}
.sz-stage{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border-radius:12px;min-width:0}
.sz-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(9,20,40,.22));transition:opacity .25s}
.sz-stage.loading img{opacity:.45}
.sz-stage.is-photo img{object-fit:cover;filter:none}
.sz-stage.is-svg svg{width:100%;max-width:340px;height:auto;align-self:end}
@media (min-width:1001px){.model.feature .art.sz-art{min-height:330px}.model.feature .sz-stage{aspect-ratio:auto;height:100%;min-height:260px}}
.art.sz-art .tag{z-index:2}
.sz-play{position:absolute;top:8px;inset-inline-end:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 14px 7px 10px;background:var(--ps-grad);color:#fff;font:500 .8rem/1 var(--f-head);cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}
.sz-play svg{width:15px;height:15px}
.sz-play:hover,.sz-play:focus-visible{background:var(--ps-red);color:#fff}
:root[dir=rtl] .sz-play svg{transform:scaleX(-1)}
.sz-colors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;min-height:30px}
.sz-dot{width:28px;height:28px;border:0;background:transparent;border-radius:50%;padding:0;display:grid;place-items:center;cursor:pointer}
.sz-dot::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.sz-dot.two::before{background:linear-gradient(180deg,#141516 0 40%,var(--c) 40%)}
.sz-dot[aria-checked=true]::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),0 0 0 2px #fff,0 0 0 4px var(--ps-blue)}
.sz-dot:focus-visible{outline:2px solid var(--ps-blue);outline-offset:1px}
.sz-cname{font-size:.76rem;color:var(--ps-grey);margin-inline-start:6px;font-family:var(--f-head)}
:root[lang=ur] .sz-cname{font-family:var(--f-body)}
.sz-arr{width:16px;height:16px;flex:none}
[dir=rtl] .sz-arr{transform:scaleX(-1)}

/* ---------- Instalment calculator (dark photo band) + quick actions ---------- */
#finance{position:relative;color:#fff;background:#0A1430 var(--calc-bg,none) center/cover no-repeat;isolation:isolate}
#finance::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(3,9,91,.9) 0%,rgba(3,9,91,.66) 48%,rgba(3,9,91,.45) 100%)}
#finance .eyebrow{color:#fff}
#finance .sec-head h2{color:#fff;font-size:clamp(2rem,3.6vw,3rem)}
#finance .sec-head .lede{color:rgba(255,255,255,.86)}
.fin{background:transparent;border:0;border-radius:0;overflow:visible;gap:22px;align-items:start}
.fin-form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fin-form label,.fin-form .lbl,.range-row output{color:#fff}
.fin-form .hint{color:rgba(255,255,255,.76)}
.fin-form .inp{background:#fff;border:1px solid #DDD;color:#3F3F3F;border-radius:8px}
.fin-form input[type=range]{accent-color:var(--ps-red);width:100%}
.fin-out{background:#fff;color:var(--ps-ink);border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.fin-out .lbl{color:var(--ps-grey);opacity:1;font-family:var(--f-head)}
.fin-out .big{color:var(--ps-blue);font-family:var(--f-head);font-weight:600}
.fin-out dl{border-top:1px solid var(--ps-line)}
.fin-out dt{opacity:1;color:var(--ps-grey)}
.fin-out dd{font-family:var(--f-head);font-weight:500}
.fin-out .note{color:var(--ps-grey);opacity:1}
.fin-out .flag{background:#FFF4E5;color:#7A4B00}
.fin-out .btn-line{color:var(--ps-grey);border-color:transparent}
.fin-out .btn-line:hover{color:var(--ps-blue);border-color:var(--ps-blue)}
.ps-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:clamp(32px,5vw,52px)}
.ps-q{display:grid;justify-items:center;align-content:center;gap:10px;min-height:128px;padding:18px 10px;border-radius:16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);font:500 1rem/1.3 var(--f-head);cursor:pointer;text-align:center;transition:background .3s,color .3s,transform .3s}
.ps-q:hover{background:#fff;color:var(--ps-blue);transform:translateY(-3px)}
.ps-q svg{width:36px;height:36px}
@media (max-width:980px){.ps-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.ps-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ps-q{min-height:104px;font-size:.92rem}.ps-q:last-child{grid-column:span 2}}

/* ---------- Services ---------- */
.pillar{border:1px solid var(--ps-line);border-radius:16px;box-shadow:0 3px 6px rgba(0,0,0,.06);transition:border-color .2s,box-shadow .2s}
.pillar:hover{border-color:var(--ps-blue)}
.pillar svg{color:var(--ps-blue)}
.pillar[aria-selected=true]{border-color:var(--ps-blue);background:#F4F7FD;box-shadow:inset 0 -3px 0 var(--ps-red)}
.pillar-detail{border-radius:18px;border-color:var(--ps-line);background:var(--ps-light)}
.pillar-detail h3{font-family:var(--f-head)}

/* ---------- Showroom photos (region-card style) ---------- */
#showroom{background:var(--ps-light)}
.ps-show{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,clamp(170px,18vw,250px));gap:14px}
.ps-tile{position:relative;display:block;margin:0;overflow:hidden;border-radius:18px;background:#DCE2EC;color:#fff;text-decoration:none;min-height:0}
.ps-tile:first-child{grid-row:span 2}
.ps-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.ps-tile:hover img{transform:scale(1.045)}
.ps-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72) 100%);pointer-events:none}
.ps-tile figcaption{position:absolute;inset-inline:16px;bottom:14px;z-index:1;display:grid;gap:2px}
.ps-tile b{font:600 1.12rem/1.25 var(--f-head)}
.ps-tile:first-child b{font-size:1.4rem}
.ps-tile small{font-size:.82rem;opacity:.88}
.ps-show-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.ps-credit{margin:14px auto 0;font-size:.8rem;color:var(--ps-grey);text-align:center}
@media (max-width:760px){.ps-show{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:150px;gap:10px}.ps-tile:first-child{grid-column:span 2;grid-row:span 2}.ps-tile b{font-size:.98rem}.ps-tile:first-child b{font-size:1.2rem}}

/* ---------- Why us (blue band) + Rahbar ---------- */
.sz-blue{background:linear-gradient(135deg,#01349A 0%,#03095B 100%);color:#fff;position:relative;overflow:hidden}
.sz-blue::after{content:"";position:absolute;width:560px;height:560px;inset-inline-end:-180px;top:-200px;border-radius:50%;background:radial-gradient(closest-side,rgba(25,143,201,.28),transparent)}
.sz-why-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:920px){.sz-why-grid{grid-template-columns:minmax(0,1fr)}}
.sz-why{display:grid;gap:16px}
.sz-blue .eyebrow{color:#fff;display:inline-flex;align-items:center;gap:10px}
.sz-blue .eyebrow::before{content:"";width:26px;height:3px;background:var(--ps-red);border-radius:2px}
.sz-why h2{color:#fff;font-size:clamp(1.8rem,3.3vw,2.6rem)}
.sz-ticks{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:12px}
.sz-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.5;color:#E8EEFA}
.sz-ticks .ck{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--ps-red);color:#fff;margin-top:1px}
.sz-ticks .ck svg{width:14px;height:14px}
.sz-blue .ask-card{color:var(--ps-ink);border:0;border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}

/* ---------- Booking, contact, social ---------- */
.book-card,.side-card,.branch,.ask-card{border-radius:18px;border-color:var(--ps-line)}
.book-card{box-shadow:0 12px 30px -24px rgba(0,0,0,.35)}
.type{border-radius:999px;border:1px solid var(--ps-line);font-family:var(--f-head);font-weight:500;padding:9px 18px;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.type:hover{border-color:var(--ps-blue);color:var(--ps-blue)}
.type[aria-checked=true]{background:var(--ps-grad);border-color:transparent;color:#fff}
.inp,select.inp,textarea.inp{border:1px solid #DDD;border-radius:8px}
.inp:focus{border-color:var(--ps-blue)}
#contact{background:var(--ps-light)}
.contact-strip{border-radius:18px;border-color:var(--ps-line);background:var(--ps-line)}
.contact-strip .k{font-family:var(--f-head)}
.sz-map{display:block;width:100%;height:clamp(240px,34vw,360px);border:0;border-radius:18px;margin:0 0 16px;background:#E6ECF7}
.social{background:#fff;color:var(--ps-ink);border-top:1px solid var(--ps-line)}
.social h2{color:var(--ps-blue)}
.social p{opacity:1;color:var(--ps-grey)}
.soc{color:var(--ps-ink);border:1px solid var(--ps-line);border-radius:999px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.08)}
.soc:hover{border-color:var(--ps-blue);color:var(--ps-blue)}
.soc.solid{background:var(--ps-grad);border-color:transparent;color:#fff}
.soc.solid:hover{background:var(--ps-grad-r);color:#fff}
.hashtag{color:var(--ps-red)}
.status{font-family:var(--f-head);font-weight:500}

/* ---------- Footer (Pak Suzuki blue, four columns) ---------- */
.ps-foot{background:var(--ps-foot);color:#fff;padding-top:clamp(48px,6vw,72px);font-size:.95rem}
.ps-foot a{color:#fff;text-decoration:none;transition:color .4s ease}
.ps-foot a:hover{color:var(--ps-red)}
.ps-foot-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:32px 40px}
.ps-foot h4{font:600 1.08rem/1.3 var(--f-head);margin:0 0 16px;color:#fff}
.ps-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ps-foot p{margin:14px 0 0;color:rgba(255,255,255,.86);line-height:1.6}
.ps-foot .ps-logo{width:170px}
.ps-foot button.ps-fl{background:none;border:0;padding:0;color:#fff;font:inherit;cursor:pointer;text-align:start}
.ps-foot button.ps-fl:hover{color:var(--ps-red)}
.ps-foot .ci{display:flex;gap:10px;align-items:flex-start}
.ps-foot .ci svg{width:17px;height:17px;flex:none;margin-top:3px;opacity:.9}
.ps-foot .ci .n{direction:ltr;unicode-bidi:isolate}
.ps-fsoc{display:flex;gap:10px;margin-top:18px}
.ps-fsoc a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}
.ps-fsoc a:hover{background:#fff;color:var(--ps-blue)}
.ps-fsoc svg{width:17px;height:17px}
.ps-foot-bottom{margin-top:44px;border-top:1px solid rgba(255,255,255,.2);padding-block:20px 26px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;font-size:.86rem;color:rgba(255,255,255,.85)}
.ps-foot-bottom a{text-decoration:underline;text-underline-offset:3px}
.ps-foot-bottom .sz-credit{flex-basis:100%;font-size:.78rem;color:rgba(255,255,255,.7)}
@media (max-width:980px){.ps-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ps-foot-grid{grid-template-columns:minmax(0,1fr)}.ps-foot-bottom{flex-direction:column;align-items:flex-start}}

/* ---------- Rahbar launcher + video player ---------- */
.launcher{background:var(--ps-grad);font-family:var(--f-head);font-weight:500}
.launcher .dot{background:var(--ps-red)}
.sz-modal{position:fixed;inset:0;z-index:300;background:rgba(0,12,40,.78);display:grid;place-items:center;padding:16px}
.sz-sheet{width:min(920px,100%);background:#fff;color:var(--ps-ink);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.sz-mhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;padding-inline-start:16px;border-bottom:1px solid var(--ps-line);border-top:4px solid var(--ps-red);font-family:var(--f-head)}
.sz-x{width:40px;height:40px;flex:none;border:1px solid var(--ps-line);border-radius:50%;background:#fff;color:var(--ps-ink);display:grid;place-items:center;cursor:pointer}
.sz-x svg{width:18px;height:18px}
.sz-sheet video{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;background:#000}
.sz-mfoot{margin:0;padding:10px 16px 12px;font-size:.84rem;color:var(--ps-grey)}
.sz-mfoot a{color:var(--ps-blue);font-weight:600}
html.sz-lock{overflow:hidden}