/* motosite. Tokens and shapes from design/catalogue-v6.3, home-v2, model-page-v3.11 (mobile, approved on the phone).
   Wider screens are this project's own layer, laid out for a mouse and a wide screen rather than more phone columns:
   a «موتورها» menu panel, standing product cards, offer and installment rows, sticky side controls. Breakpoints: 600
   (large phone/tablet), 900 (desktop: top nav replaces the bottom nav), 1200 (wide), 1440 (wider container). */
:root{--ink:#0F1217;--ink2:#2B3038;--ink3:#3A3F47;--mute:#5D636E;--faint:#8E949C;--bg:#F5F6F8;--card:#FFFFFF;--soft:#F1F2F4;--line:#EEF0F3;--line2:#E6E8EC;
--red:#D92D20;--red-bg:#FDECEA;--red-ink:#A61B11;--ok:#0F7B4A;--ok-bg:#E3F5EC;--ok-dot:#12A15F;--cq:#075985;--cq-bg:#E0F2FE;--ln:#0B6B63;--ln-bg:#E6F6F4;--am:#8A3A06;--am-bg:#FEF3E2;--or:#F79009;
--shadow:0 1px 2px rgba(15,18,23,.04),0 6px 20px rgba(15,18,23,.05);--wrap:1240px;--gut:12px}
/* Dana (D10), licensed, served from this site only (never Google or another host); the vendor's woff2, two weights.
   Standard Dana, not FaNum: every number on the site is already printed in Persian digits, and FaNum would also turn
   model codes into «JR۳۰۰». Both files are preloaded in functions.php. */
@font-face{font-family:Dana;src:url(fonts/Dana-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Dana;src:url(fonts/Dana-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Dana,Tahoma,sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden}
a{color:var(--red)}
img{max-width:100%}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2E6BE6;outline-offset:2px}
.n{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.ltr{direction:ltr;unicode-bidi:isolate}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.card{background:var(--card);border-radius:24px;box-shadow:var(--shadow)}
.h2{margin:0;font-size:18px;font-weight:800;line-height:1.6}
.h3{margin:14px 0 6px;font-size:15px;font-weight:800;line-height:1.6}
.sec{margin-top:20px}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 8px}
.all{font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:4px;min-height:44px}

/* top strip + header */
.strip{margin:0;background:var(--ink);color:#FFFFFF;text-align:center;font-size:12px;line-height:32px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr{position:relative;z-index:6;background:#FFFFFF;border-radius:0 0 24px 24px;box-shadow:0 6px 20px rgba(15,18,23,.06)}
.hin{padding:12px 16px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo act" "search search" "live live";gap:12px 8px;align-items:center}
.logo{grid-area:logo;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);min-height:44px;width:max-content}
.mark{width:36px;height:36px;border-radius:12px;background:var(--red);display:flex;align-items:center;justify-content:center;flex:none}
.word{font-size:21px;font-weight:800;letter-spacing:-.3px}.word span{color:var(--red)}
.hact{grid-area:act;display:flex;gap:8px}
.hbtn{width:44px;height:44px;border:0;border-radius:14px;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center;text-decoration:none}
.hsearch{grid-area:search;position:relative;min-width:0;height:50px;padding:0 16px;border-radius:999px;background:var(--soft);display:flex;align-items:center;gap:10px;color:var(--mute);font-size:15px;transition:box-shadow .15s ease;margin:0}
.hsearch:focus-within{background:#FFFFFF;box-shadow:0 0 0 2px var(--red)}
.hsearch input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:inherit;color:var(--ink);outline:none;-webkit-appearance:none}
.hsearch .ph{position:absolute;right:46px;pointer-events:none;white-space:nowrap}
.hsearch input:not(:placeholder-shown)+.ph,.hsearch:focus-within .ph{opacity:0}
.hsearch button{border:0;background:transparent;color:inherit;padding:0;display:flex}
.live{grid-area:live;margin:-2px 0 0;font-size:12px;color:var(--ink3);display:flex;align-items:center;gap:8px}
.pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok-dot);flex:none}
.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok-dot);animation:ping 1.8s ease-out 3}
@keyframes ping{from{transform:scale(1);opacity:.6}to{transform:scale(2.8);opacity:0}}
.tnav{display:none}

/* breadcrumb */
.crumb{padding:12px 4px 0;font-size:12px;color:var(--mute);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.crumb a{color:var(--mute);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.crumb [aria-current]{color:var(--ink)}

/* shared pieces */
.ico{width:34px;height:34px;border-radius:50%;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none}
.chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--red-bg);color:var(--red-ink);text-decoration:none}
.stock{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border-radius:999px;background:var(--ok-bg);color:var(--ok);font-size:11px;font-weight:800}
.stock::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok-dot)}
.stock.no{background:var(--soft);color:var(--mute)}.stock.no::before{background:var(--faint)}
.tg{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800}
.tg.zero{background:var(--ok-bg);color:var(--ok)}.tg.cheque{background:var(--cq-bg);color:var(--cq)}.tg.loan{background:var(--ln-bg);color:var(--ln)}.tg.split{background:var(--am-bg);color:var(--am)}
.tg.plain{background:#F2F3F5;color:var(--ink3);font-weight:600}.tg.need{background:#FFFFFF;color:var(--ink3);box-shadow:inset 0 0 0 1px #C9CDD3;font-weight:600}.tg.ok{background:#FFFFFF;color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-dot);font-weight:600}
.arrow{width:30px;height:30px;border-radius:50%;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .15s ease}
.pill{min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:#FFFFFF;color:var(--ink);font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.pill .c{font-weight:400;font-size:12px;color:var(--mute)}
.pill[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.pill[aria-pressed="true"] .c{color:#C9CDD3}
.pill[aria-disabled="true"]{color:var(--faint)}
.btn{min-height:48px;padding:0 18px;border-radius:999px;border:0;background:var(--ink);color:#FFFFFF;font-size:14px;font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}
.btn.red{background:var(--red)}
.btn.line{background:#FFFFFF;color:var(--ink);border:1px solid #D5D8DD}
.stat{background:#181C22;border-radius:18px;padding:12px 6px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.sico{width:32px;height:32px;border-radius:11px;background:#2A2F38;color:var(--or);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.stat b{font-size:17px;font-weight:800;color:#FFFFFF;line-height:1.4}
.stat>span:last-child{font-size:11px;color:#C9CDD3;line-height:1.5}
.dark{background:var(--ink);color:#FFFFFF}
.dark p,.dark.box p{color:#C9CDD3}

/* photo boxes: a real photo, or the honest «عکس کارخانه» box until one exists */
.pimg{aspect-ratio:3/2;width:100%;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#FFFFFF}
.pimg img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.pnone{background:#F7F7F5;flex-direction:column;gap:4px;color:var(--faint);font-size:10px;line-height:1.4}
.pnone svg{color:var(--red)}

/* model card, list form (catalogue, maker, brand) */
.mlist{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.mc{display:block;padding:12px;text-decoration:none;color:var(--ink);min-width:0}
.mc .top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;align-items:center}
.mc .meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:11px;color:var(--mute)}
.mc h3{margin:4px 0 0;font-size:15px;line-height:1.6;font-weight:800}
.mc .lbl{margin:6px 0 0;font-size:11px;color:var(--mute)}
.mc .price{margin:0;font-size:18px;font-weight:800;line-height:1.5}
.mc .price span{white-space:nowrap}
.mc .price small{font-size:12px;font-weight:400;color:var(--mute)}
.mc .hi,.mc .move{margin:0;font-size:11px;color:var(--mute);line-height:1.8}
.mc .tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.mc .tags>span:first-child{font-size:11px;color:var(--mute);margin-left:2px}
.mc .cta{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:800;color:var(--red)}
.mc .soon{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.dn{color:var(--ok)}.up{color:var(--red-ink)}

/* model card, tile form (home: two per row on a phone) */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pc{display:flex;flex-direction:column;padding:10px;border-radius:20px;text-decoration:none;color:var(--ink);min-width:0}
.pc .meta{margin-top:8px;display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--mute)}
.pc h3{margin:4px 0 0;font-size:14px;line-height:1.6;font-weight:800}
.pc .l{margin:4px 0 0;font-size:11px;color:var(--mute)}
.pc .p{margin:0;font-size:15px;font-weight:800;line-height:1.6;white-space:nowrap}
.pc .ok{margin-top:4px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--ok)}
.pc .ok::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok-dot)}

/* rows (home lists) */
.rows{margin:0;padding:4px 0;list-style:none;border-radius:20px}
.row{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;text-decoration:none;color:var(--ink)}
li+li>.row,.row+.row{border-top:1px solid var(--line)}
.row .t{flex:1;min-width:0}.row .t b{display:block;font-size:14px;line-height:1.6}.row .t span{display:block;font-size:11px;color:var(--mute);line-height:1.8}
.row .v{text-align:left;flex:none}.row .v b{display:block;font-size:14px;white-space:nowrap}.row .v span{display:block;font-size:11px;color:var(--mute)}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 2px}
.tile{min-height:52px;border-radius:16px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 0 6px;text-align:center;border:0;background:transparent}
.tile .ico{width:52px;height:52px;border-radius:18px;margin-bottom:4px}
.tile b{font-size:13px;font-weight:800;line-height:1.5}
.tile>span:last-child{font-size:11px;color:var(--mute);line-height:1.5}
.tile[aria-current="page"] .ico,.tile[aria-pressed="true"] .ico{background:var(--ink);color:#FFFFFF;box-shadow:0 6px 14px rgba(15,18,23,.22)}

/* hero card (list pages) */
.hero{margin-top:10px;padding:18px 16px 16px}
.hero h1{margin:0;font-size:24px;line-height:1.45;font-weight:800;letter-spacing:-.3px}
.hero p{margin:6px 0 0;font-size:13px;line-height:1.9}
.stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}

/* boxes, history, timeline, faq */
.box{padding:16px}
.box p{margin:6px 0 0;font-size:14px;line-height:2;color:var(--ink2)}
.hist{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.hist li{background:var(--bg);border-radius:16px;padding:10px 4px;font-size:11px;line-height:1.6;color:var(--mute)}
.hist b{display:block;font-size:18px;color:var(--ink)}.hist b.dn{color:var(--ok)}.hist b.up{color:var(--red-ink)}
.moves{margin:0;padding:0;list-style:none}
.moves li{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mute);line-height:1.7}
.moves li:first-child{border-top:0}
.moves .nm{font-size:14px;font-weight:800;color:var(--ink)}.moves .nm a{color:var(--ink)}
.tl{margin:12px 0 0;padding:0 14px 0 0;list-style:none;border-right:2px solid var(--red-bg)}
.tl li{position:relative;padding:0 0 14px;display:flex;flex-direction:column;gap:2px}
.tl li::before{content:"";position:absolute;right:-21px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #FFFFFF}
.tl b{font-size:13px;font-weight:800;color:var(--red-ink)}
.tl span{font-size:14px;line-height:2;color:var(--ink2)}
.facts{margin-top:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.facts div{background:var(--ink);border-radius:16px;padding:12px 4px;display:flex;flex-direction:column;gap:2px}
.facts b{font-size:15px;color:#FFFFFF;line-height:1.5}
.facts span{font-size:11px;color:#C9CDD3;line-height:1.6}
.src{font-size:12px!important;color:var(--mute)!important}
.faq{border-radius:16px}
.faq details+details{border-top:1px solid var(--line)}
.faq summary{min-height:56px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:800;line-height:1.7;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;transition:transform .2s ease}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq p{margin:0;padding:0 14px 14px;font-size:13px;line-height:2;color:var(--ink2)}
.jump{margin-top:10px;padding:8px}
.jump .tiles{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line);gap:4px}
.jl{display:flex;flex-wrap:wrap;gap:6px}
.jl a{min-height:44px;padding:0 12px;border-radius:999px;background:var(--bg);color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.jl svg{color:var(--red)}
.gh{padding:0 4px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.gh span{font-size:12px;color:var(--mute);flex:none}
.gsub{margin:-6px 4px 8px;font-size:12px;color:var(--mute)}
.more-link{margin-top:10px;min-height:52px;padding:0 16px;border-radius:16px;background:#FFFFFF;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:800;text-decoration:none}

/* catalogue filters */
.filters{padding:14px 14px 0}
.filters .ft{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}
.grp{margin:14px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--line)}
.grp legend{float:right;width:100%;padding:0;font-size:13px;font-weight:800;color:var(--ink)}
.grp .note{clear:both;margin:0;padding-top:4px;font-size:12px;line-height:1.8;color:var(--mute)}
.opts{clear:both;padding-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.fmore{width:calc(100% + 28px);margin:12px -14px 0;min-height:56px;border:0;border-top:1px solid var(--line);border-radius:0 0 24px 24px;background:#FFFFFF;color:var(--red);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}
.fmore[aria-expanded="true"] .arrow{transform:rotate(180deg)}
.filters[data-open="false"] .grp.extra{display:none}
.bar{position:sticky;top:0;z-index:5;background:var(--bg);padding:6px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.bar a,.bar label{min-width:0;min-height:44px;border-radius:14px;border:0;box-shadow:0 1px 2px rgba(15,18,23,.06),0 4px 12px rgba(15,18,23,.05);background:#FFFFFF;color:var(--ink);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-decoration:none;position:relative}
.bar select{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;font:inherit}
.bar .cnt{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#FFFFFF;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.bar .cnt:empty{display:none}
.countline{margin:10px 4px 8px;font-size:13px;color:var(--mute)}
.countline strong{color:var(--ink)}
.empty{padding:18px 16px;text-align:center}
.mc[hidden],.pg[hidden]{display:none}
.pager{margin-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.pg{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:#FFFFFF;color:var(--ink);font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 10px}
.pg[aria-current="page"]{background:var(--red);border-color:var(--red);color:#FFFFFF}

/* home slider: native scroll-snap, swipe or buttons, never moves by itself */
.sl{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 2px;scrollbar-width:none;overscroll-behavior-x:contain}
.sl::-webkit-scrollbar{display:none}
.slide{flex:0 0 calc(100% - 32px);min-width:0;scroll-snap-align:start;border-radius:24px;overflow:hidden;background:var(--ink);color:#FFFFFF;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(15,18,23,.16)}
.sph{position:relative;aspect-ratio:1/1;overflow:hidden;background:#1B1F26}
.sph img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.sph::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to bottom,rgba(15,18,23,0),var(--ink))}
.kick{position:absolute;top:12px;right:12px;z-index:1;min-height:28px;padding:0 10px;border-radius:999px;background:var(--ink);color:#FFFFFF;font-size:12px;font-weight:800;display:inline-flex;align-items:center}
.stx{padding:2px 16px 16px;display:flex;flex-direction:column;flex:1}
.stx .t{margin:0;font-size:22px;line-height:1.5;font-weight:800;letter-spacing:-.3px}
.stx .d{margin:4px 0 14px;font-size:13px;line-height:1.9;color:#C9CDD3;flex:1}
.scta{align-self:flex-start;min-height:44px;padding:0 16px 0 6px;border-radius:999px;background:var(--red);color:#FFFFFF;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:10px}
.scta i{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.sctl{display:flex;justify-content:center;align-items:center;gap:6px;padding:6px 0 0}
.sbtn{width:44px;height:44px;border-radius:50%;border:0;background:#FFFFFF;color:var(--ink);box-shadow:0 1px 2px rgba(15,18,23,.06),0 4px 12px rgba(15,18,23,.08);display:flex;align-items:center;justify-content:center;flex:none}
.sbtn[aria-disabled="true"]{color:#C9CDD3}
.dots{display:flex;justify-content:center;flex:1}
.dot{width:28px;height:36px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}
.dot::before{content:"";width:8px;height:8px;border-radius:999px;background:#C9CDD3;transition:transform .25s ease,background-color .25s ease}
.dot[aria-current="true"]::before{background:var(--red);transform:scaleX(2.5)}
.routes{margin-top:14px;display:grid;gap:8px}
.routes .stat{flex-direction:row;justify-content:space-between;padding:12px 10px;text-align:right}
.routes .stat b{font-size:15px}
.maker-row{margin:10px 0 0;padding:10px 12px;border-radius:18px;background:var(--bg)}
.maker-row .ico{width:40px;height:40px;border-radius:14px;background:var(--ink);color:#FFFFFF}

/* model page */
.mhero{margin-top:10px;padding:12px 12px 14px}
.mhero .bar1{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mhero .bar1 .stock{height:30px;padding:0 12px;font-size:12px}
.mhero .acts{display:flex;gap:8px}
.cbtn{width:40px;height:40px;border:1px solid var(--line2);background:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none}
.mhero .pimg{margin-top:6px;border-radius:16px}
.mtitle{padding:16px 4px 0}
.mtitle h1{margin:0;font-size:22px;line-height:1.5;font-weight:800}
.mtitle .sub{margin:4px 0 0;font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.mtitle .sub .chip{min-height:28px;padding:0 10px;font-size:12px}
.kv{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kv>div{border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#FFFFFF;box-shadow:var(--shadow)}
.kv strong{font-size:14px}.kv span:last-child{font-size:11px;color:var(--mute)}
.best{margin-top:16px;border-radius:24px;padding:18px 16px 16px}
.best .h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.best h2{margin:0;font-size:14px;font-weight:700;color:#C9CDD3}
.best .when{font-size:11px;color:#C9CDD3;display:flex;align-items:center;gap:4px}
.best .when::before{content:"";width:7px;height:7px;border-radius:50%;background:#3DD68C}
.best .big{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}
.best .big span:first-child{font-size:34px;font-weight:800;letter-spacing:-.5px}
.best .big span:last-child{font-size:14px;color:#C9CDD3}
.best .where{margin:4px 0 0;font-size:13px;color:#C9CDD3}
.best .go{margin-top:14px;min-height:50px;border-radius:14px;background:var(--red);color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none}
.best .two{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.best .two a{text-align:right;border:1px solid #2E333C;background:#181C22;color:#FFFFFF;border-radius:14px;padding:10px 12px;text-decoration:none;display:block}
.best .two .k{display:block;font-size:11px;color:#C9CDD3}
.best .two b{font-size:15px;font-weight:800}
.best .two .u{font-size:11px;color:#C9CDD3}
.best .two .w{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--or)}
.secnav{position:sticky;top:0;z-index:5;margin-top:16px;background:#FFFFFF;border-bottom:1px solid var(--line2);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.secnav a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--mute);text-decoration:none;border-bottom:2px solid transparent}
.secnav a:hover,.secnav a:focus-visible{color:var(--ink);border-bottom-color:var(--red)}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ways button{text-align:right;border:1px solid var(--line2);background:#FFFFFF;color:var(--ink);border-radius:16px;padding:10px 12px;min-height:72px}
.ways button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.ways .l1{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}
.ways .c{margin-right:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--red-bg);color:var(--red);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.ways button[aria-checked="true"] .c{background:var(--red);color:#FFFFFF}
.ways .l2{display:block;margin-top:4px;font-size:11px;line-height:1.7;opacity:.8}
.stops{margin-top:8px;display:grid;gap:4px}
.offers{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.stop{min-height:52px;padding:4px 2px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--mute);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.4}
.stop .v{font-size:12px;font-weight:800;color:var(--ink)}.stop .l{font-size:10px}
.stop[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#C9CDD3}.stop[aria-pressed="true"] .v{color:#FFFFFF}
.sumbox{margin:10px 0;padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.8}
.sumbox b{font-size:14px}.sumbox.ok{background:var(--ok-bg);color:#0B5E39}.sumbox.no{background:var(--am-bg);color:var(--am)}
.offer{padding:14px}
.offer[hidden]{display:none}
.offer .o1{display:flex;align-items:center;gap:10px}
.av{width:40px;height:40px;border-radius:12px;background:var(--red-bg);color:var(--red-ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none}
.offer h3{margin:0;font-size:15px;font-weight:800}
.offer .srcl{margin:1px 0 0;font-size:11px;color:var(--mute)}
.offer .tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}
.offer .badge{font-size:11px;font-weight:700;color:var(--ok);background:var(--ok-bg);padding:4px 8px;border-radius:999px;white-space:nowrap}
.offer .tl2{margin-top:12px;font-size:11px;color:var(--mute)}
.offer .tot{font-size:20px;font-weight:800}
.offer .tot small{font-size:12px;font-weight:400;color:var(--mute)}
.offer .extra{margin:8px 0 0;padding:6px 10px;border-radius:10px;background:var(--red-bg);color:var(--red-ink);font-size:12px;font-weight:700;line-height:1.8}
.offer dl{margin:10px 0 0;border-top:1px solid var(--line);font-size:13px}
.offer dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--line)}
.offer dl div:last-child{border-bottom:0}
.offer dd{margin:0;font-weight:800}
.offer details{margin-top:10px}
.offer details summary{display:inline-flex;min-height:40px;align-items:center;padding:0 12px;border-radius:12px;border:1px solid #D5D8DD;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.offer details summary::-webkit-details-marker{display:none}
.offer details p{margin:8px 0 0;font-size:12px;line-height:1.9;color:var(--ink3);background:var(--bg);border-radius:12px;padding:10px 12px}
.offer .ob{margin-top:12px;min-height:46px;border-radius:12px;background:var(--red);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-decoration:none}
.offer.out{opacity:.75}
.offer.out .ob{background:#FFFFFF;color:var(--ink);border:1px solid #D5D8DD}
.divider{margin:6px 4px 10px;font-size:14px;font-weight:800;color:var(--mute);display:flex;align-items:center;gap:8px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:#D5D8DD}
.vacant{display:block;margin-top:8px;border:2px dashed #F3A39B;border-radius:20px;padding:16px;text-decoration:none;color:var(--ink);background:#FFF6F5}
.htab{width:100%;font-size:13px;border-collapse:collapse}
.htab th{font-size:11px;color:var(--mute);font-weight:400;text-align:right;padding:0 0 6px}
.htab td{padding:8px 0;border-top:1px solid var(--line2)}
.specs{margin:0;font-size:13px}
.specs div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--line)}
.specs dt{color:var(--mute)}.specs dd{margin:0;font-weight:700}
.prose p{margin:0 0 10px;font-size:14px;line-height:2;color:var(--ink2)}
.prose h3{margin:16px 0 6px;font-size:15px;font-weight:800}
.near{margin:0;padding:0;list-style:none;font-size:14px;line-height:2;color:var(--ink2)}
.near li{padding:9px 0;border-top:1px solid var(--line)}
.near li>a:first-child{font-weight:800;color:var(--ink)}
.near .cmpl{display:inline-block;font-size:12px;color:var(--mute);text-decoration:underline;padding:4px 0}
/* review form (model page): WordPress's comment form in this site's own look */
.rform{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.rform p{margin:0}
.rnote{font-size:12px;color:var(--mute);line-height:1.8}
.rf label{display:block;margin-bottom:4px;font-size:13px;font-weight:800;color:var(--ink)}
.rf label span{font-weight:400;color:var(--mute)}
.rf input,.rf textarea{display:block;width:100%;min-height:46px;border:1px solid #D5D8DD;border-radius:12px;padding:10px 12px;background:#FFFFFF;color:var(--ink);font:inherit;font-size:15px}
.rf textarea{min-height:104px;resize:vertical;line-height:1.9}
.rf input:focus,.rf textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(15,18,23,.08)}
.rsend input.btn{width:100%;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.buybar{position:sticky;bottom:0;z-index:7;background:#FFFFFF;border-radius:20px 20px 0 0;box-shadow:0 -6px 20px rgba(15,18,23,.08)}
.buybar .in{padding:10px 12px 6px;display:flex;align-items:center;gap:10px;max-width:var(--wrap);margin:0 auto}
.buybar .go{flex:1;min-width:0;min-height:48px;border-radius:14px;background:var(--red);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;text-decoration:none}
.buybar .pr{text-align:left;flex:none}.buybar .pr div:first-child{font-size:17px;font-weight:800}.buybar .pr div:last-child{font-size:11px;color:var(--mute)}
.buybar .bnav{position:static;box-shadow:none;border-radius:0;padding-top:4px}

/* compare + installment */
/* compare: 2-4 slots, one search picker (a sheet on phones, a centred box on desktop), table scrolls inside its box */
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.slot{position:relative;min-height:150px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:10px 8px 12px;text-align:center;color:var(--ink)}
.slot.on{background:var(--bg);border:1px solid var(--line2)}
.slot.on img,.slot.on .nph{width:72px;height:72px;flex:none;border-radius:12px;object-fit:contain;background:#FFFFFF}
.nph{display:block;background:var(--soft)!important}
.sname{width:100%;min-width:0;border:0;background:transparent;padding:0;text-align:center;color:inherit;display:flex;flex-direction:column;align-items:center;gap:0}
.sname b,.slot.add b{font-size:14px;font-weight:800;line-height:1.5}
.sname span,.slot.add span:last-child{font-size:12px;color:var(--mute);line-height:1.5}
.sx{position:absolute;top:6px;left:6px;width:32px;height:32px;border:0;border-radius:999px;background:#FFFFFF;color:var(--mute);display:flex;align-items:center;justify-content:center;padding:0}
.slot.add{border:1.5px dashed #C9CDD3;background:#FFFFFF;justify-content:center;gap:0}
.slot.add .plus{width:30px;height:30px;border-radius:999px;background:var(--ink);color:#FFFFFF;font-size:20px;line-height:30px;font-weight:800;margin-bottom:4px}
.cmsg{margin:12px 0 0;padding:14px;border-radius:14px;background:var(--bg);color:var(--mute);font-size:13px;text-align:center}
.cwrap{margin:12px -16px 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ctab{width:100%;min-width:calc(104px + var(--cols,2) * 128px);border-collapse:collapse;font-size:13px;table-layout:fixed}
.ctab th,.ctab td{padding:10px 8px;border-top:1px solid var(--line);vertical-align:top;text-align:right;overflow-wrap:anywhere;line-height:1.8}
.ctab tbody th{color:var(--mute);font-weight:400;width:104px;position:sticky;right:0;background:#FFFFFF;z-index:1}
.ctab thead td{width:104px;position:sticky;right:0;background:#FFFFFF;z-index:1;border-top:0}
.ctab thead th{border-top:0;font-size:14px;font-weight:800;color:var(--ink);text-align:center}
.ctab thead th img,.ctab thead th .nph{display:block;width:64px;height:64px;margin:0 auto 6px;border-radius:12px;object-fit:contain;background:var(--bg)}
.ctab thead th a{color:var(--ink)}
.chint{margin:12px 0 -4px;font-size:12px;color:var(--mute);text-align:center}
.ctab td.best{color:var(--ok);font-weight:800}
.ctab .bt{display:block;width:max-content;margin-top:2px;padding:0 8px;border-radius:999px;background:var(--ok-bg);font-size:11px;line-height:20px}
.pick{border:0;padding:0;margin:auto 0 0;width:100%;max-width:100%;height:88vh;max-height:88vh;border-radius:24px 24px 0 0;background:#FFFFFF;color:var(--ink);flex-direction:column}
.pick[open]{display:flex}
.pick::backdrop{background:rgba(15,18,23,.45)}
.pkh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 6px}
.pkh p{margin:0;font-size:17px;font-weight:800}
.pkx{width:44px;height:44px;border:0;border-radius:999px;background:var(--soft);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0}
.pks{margin:6px 16px 8px;min-height:50px;padding:0 14px;border-radius:999px;background:var(--soft);display:flex;align-items:center;gap:10px;color:var(--mute)}
.pks input{flex:1;min-width:0;height:48px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);outline:0}
.pks:focus-within{box-shadow:0 0 0 3px #2E6BE6}
.pkl{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 10px 20px}
.pkg{margin:14px 6px 4px;font-size:12px;font-weight:800;color:var(--mute)}
.pko{width:100%;min-height:60px;border:0;border-radius:14px;background:transparent;padding:8px 6px;display:flex;align-items:center;gap:10px;text-align:right;color:var(--ink)}
.pko img,.pko .nph{width:44px;height:44px;flex:none;border-radius:10px;object-fit:contain;background:var(--bg)}
.pko .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pko .t b{font-size:14px;font-weight:800;line-height:1.5}
.pko .t span{font-size:12px;color:var(--mute);line-height:1.5}
.pko .v{flex:none;font-size:13px;font-weight:800;display:flex;flex-direction:column;align-items:flex-end;line-height:1.4}
.pko .v small{font-size:11px;font-weight:400;color:var(--mute)}
.pko[disabled]{opacity:.45;cursor:default}
.pko:not([disabled]):focus-visible{outline-offset:-3px}
@media (hover:hover){.pko:not([disabled]):hover,.slot.add:hover{background:var(--bg)}}
.plan{padding:14px}
.plan .ph{display:flex;align-items:center;gap:10px}
.showall{margin:10px auto 0;width:100%;max-width:420px}
.plan q{display:block;margin-top:8px;font-size:12px;line-height:1.9;color:var(--ink3);background:var(--bg);border-radius:12px;padding:10px 12px;quotes:"«" "»"}

/* footer, bottom nav, menu sheet */
.ftr{margin-top:20px;background:var(--ink);color:#C9CDD3}
.ftr .wrap{padding-top:22px;padding-bottom:24px}
.badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.badges div{background:#181C22;border-radius:16px;padding:12px 6px;font-size:12px;line-height:1.7}
.badges svg{color:var(--or)}
.brandline{margin:20px 0 0;display:flex;align-items:center;gap:8px;color:#FFFFFF;font-size:18px;font-weight:800}
.about{margin:10px 0 0;font-size:13px;line-height:2}
.cols{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:13px}
.cols h3{margin:0 0 8px;font-size:14px;color:#FFFFFF}
.cols ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.cols a{color:#C9CDD3;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.copy{margin:20px 0 0;padding-top:14px;border-top:1px solid #2A2F38;font-size:11px;color:var(--faint)}
.bnav{position:sticky;bottom:0;z-index:7;background:#FFFFFF;box-shadow:0 -6px 20px rgba(15,18,23,.06);border-radius:20px 20px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 4px 10px}
.bnav a,.bnav button{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--mute);font-size:11px;text-decoration:none;border:0;background:transparent;padding:0}
.bi{width:52px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}
.bnav [aria-current="page"]{color:var(--red);font-weight:800}
.bnav [aria-current="page"] .bi{background:var(--red-bg)}
.sheet{border:0;padding:0;margin:auto 0 0;width:100%;max-width:100%;max-height:85vh;border-radius:24px 24px 0 0;background:#FFFFFF;color:var(--ink)}
.sheet::backdrop{background:rgba(15,18,23,.45)}
.sheet .in{padding:16px 16px 24px;max-width:720px;margin:0 auto}
.sheet .sh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sheet h2{margin:0;font-size:17px;font-weight:800}
.sheet h3{margin:16px 0 8px;font-size:13px;font-weight:800;color:var(--mute)}
.sheet ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sheet li a{min-height:48px;padding:0 12px;border-radius:14px;background:var(--bg);color:var(--ink);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;font-weight:800}
.sheet li a span{font-size:11px;font-weight:400;color:var(--mute)}

/* motion: transform/opacity only, each with a job; off for prefers-reduced-motion */
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lift,.tile,.pill,.row,.pg,.sbtn,.more-link,.btn{transition:transform .12s ease}
.lift:active,.row:active{transform:scale(.985)}.tile:active,.pill:active,.pg:active,.sbtn:active,.more-link:active,.btn:active,.bnav a:active .bi{transform:scale(.96)}
@media (hover:hover){.lift:hover,.tile:hover{transform:translateY(-2px)}.row:hover .arrow,.lift:hover .arrow{transform:translateX(-3px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ≥ 600: large phones in landscape and tablets */
@media (min-width:600px){
:root{--gut:20px}
.mlist{grid-template-columns:repeat(2,minmax(0,1fr))}
.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.slide{flex-basis:calc(50% - 5px)}
.tiles{grid-template-columns:repeat(8,minmax(0,1fr))}
.jump .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.kv{max-width:560px}
.rform{grid-template-columns:repeat(2,minmax(0,1fr))}
.rform .rnote,.rform .rtext,.rform .rsend{grid-column:1/-1}
.rsend input.btn{width:auto;min-width:200px}
}
/* ≥ 900: desktop. Header becomes one row with the main menu; the bottom nav goes away */
@media (min-width:900px){
html{scroll-padding-top:132px}
.hdr{border-radius:0;position:sticky;top:0}
.hin{max-width:var(--wrap);margin:0 auto;padding:12px var(--gut);grid-template-columns:auto minmax(260px,1fr) auto auto;grid-template-areas:"logo search nav act";gap:16px}
.live{display:none}
.tnav{grid-area:nav;display:flex;gap:4px}
.tnav>a,.mm>a{min-height:44px;padding:0 14px;border-radius:12px;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:4px}
.tnav>a:hover,.mm>a:hover,.mm:focus-within>a{background:var(--bg)}
.tnav>a[aria-current="page"],.mm>a[aria-current="page"]{background:var(--red-bg);color:var(--red)}
/* «موتورها» panel: opens on hover or keyboard focus, never on its own */
.mm{position:relative}
.mmp{display:none;position:absolute;top:calc(100% + 10px);left:0;z-index:20;width:min(760px,calc(100vw - 48px));padding:20px;border-radius:24px;background:#FFFFFF;box-shadow:0 18px 50px rgba(15,18,23,.18);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}
.mmp::before{content:"";position:absolute;inset:-12px 0 auto 0;height:12px}
.mm:hover .mmp,.mm:focus-within .mmp{display:grid}
.mmh{margin:0 0 6px;padding:0 10px;font-size:12px;font-weight:800;color:var(--mute)}
.mmp ul{margin:0;padding:0;list-style:none}
.mmp li a{min-height:40px;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}
.mmp li a:hover{background:var(--bg)}
.mmp li a span{font-size:12px;font-weight:400;color:var(--mute)}
.mmall{grid-column:1/-1;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:8px}
.mmall .btn{min-height:44px;font-size:13px}
.bnav{display:none}
.buybar{display:none}
.livebar{display:flex}
.cat{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.cat .side{position:sticky;top:88px;max-height:calc(100vh - 100px);overflow:auto;border-radius:24px}
.cat .bar{top:76px}
.filters[data-open="false"] .grp.extra{display:block}
.fmore,.bar .fbtn{display:none}
.bar{grid-template-columns:minmax(0,260px);justify-content:end}
/* list cards stand up on desktop: photo on top, price under it, the CTA line at the bottom of every card */
.mlist{grid-template-columns:repeat(3,minmax(0,1fr))}
.cat .mlist{grid-template-columns:repeat(2,minmax(0,1fr))}
.mc{display:flex;flex-direction:column;padding:14px}
.mc .top{grid-template-columns:minmax(0,1fr);gap:10px}
.mc>.top,.mc>.tags,.mc>.move{margin-bottom:10px}
.mc .cta,.mc .soon{margin-top:auto}
.mc .price{font-size:20px}
.lists2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.lists2>.sec{margin-top:20px}
.slide{flex-basis:calc(33.333% - 7px)}
.sph{aspect-ratio:4/3}
[data-slider]:not(:has(.slide:nth-child(4))) .sctl{display:none}
.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero{padding:28px 28px 24px}
.hero h1{font-size:30px}
.stats{max-width:620px}
.hero.dark:has(.stats){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:40px;align-items:center}
.hero.dark:has(.stats)>*{grid-column:1}
.hero.dark .stats{grid-column:2;grid-row:1/span 2;margin:0;max-width:none}
.jump .tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.mtop{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.mtop .best{margin-top:10px}
.mtitle{padding-top:4px}
.secnav{top:69px;border-radius:16px;border:0;box-shadow:var(--shadow)}
/* model page: ways + cash stops in a sticky side column, one row per offer (seller | numbers | button) */
.buyg{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}
.buyg.one{grid-template-columns:minmax(0,1fr)}
.bctl{position:sticky;top:132px}
.bctl .ways button{min-height:0;padding:9px 12px}
.bctl .stops{grid-template-columns:minmax(0,1fr)!important;gap:2px}
.bctl .stop{flex-direction:row;justify-content:space-between;min-height:40px;padding:0 12px}
.bctl .stop .l{font-size:11px}
.offers{margin-top:0}
.offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 200px;grid-template-rows:auto 1fr;column-gap:24px;align-items:center;padding:16px 18px}
.offer .oa{grid-column:1;grid-row:1}
.offer details{grid-column:1;grid-row:2;margin-top:8px;align-self:start}
.offer .on{grid-column:2;grid-row:1/3}
.offer .ob{grid-column:3;grid-row:1/3;margin-top:0}
.offer .on .tl2{margin-top:0}
.offer .on dl div{padding:5px 0}
/* installment page: one row per model, the four numbers side by side */
.mlist.plist{grid-template-columns:minmax(0,1fr);gap:8px}
.plist .plan{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,3fr) 230px;gap:20px;align-items:center;padding:12px 18px}
.plist .specs{margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.plist .specs div{display:flex;flex-direction:column;padding:0;border:0}
.plist .specs dt{font-size:11px}
.plist .btn{margin:0!important;min-height:44px;font-size:13px}
.rows.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 8px}
.rows.two li:nth-child(2)>.row{border-top:0}
.ftr .top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:32px;align-items:start}
.sheet{margin:auto;max-width:720px;border-radius:24px}
.pick{margin:auto;max-width:600px;height:min(720px,86vh);border-radius:24px}
.slots{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.cwrap{margin-inline:0}
.ctab tbody th,.ctab thead td{width:160px}
.ctab{min-width:0}
}
@media (min-width:1200px){
.mlist{grid-template-columns:repeat(4,minmax(0,1fr))}
.cat .mlist{grid-template-columns:repeat(3,minmax(0,1fr))}
.pgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
.mlow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
}
@media (min-width:1440px){
:root{--wrap:1320px}
}