@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-vietnamese-wght-normal.CtlIRbEm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-ext-wght-normal.MQgHevqp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-wght-normal.DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-ext-wght-normal.hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-wght-normal.Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#141d26;--ink-2:#36434f;--ink-3:#5b6875;--paper:#f3f4f1;--card:#fff;--sunk:#e8ebe9;--line:#d3d9db;--line-2:#e4e8e8;--accent:#0b5e68;--accent-2:#084b53;--accent-soft:#ddeeef;--accent-ink:#fff;--accent-on-dark:#5fc6cc;--signal:var(--accent);--signal-2:var(--accent-2);--signal-soft:var(--accent-soft);--logo-ink:var(--ink);--logo-accent:var(--accent);--logo-bg:var(--card);--wa:#0b7a43;--wa-hover:#086637;--link:#1f5fa8;--ok:#1c7a3e;--ok-soft:#e3f2e7;--transit:#1f5fa8;--transit-soft:#e4edf8;--lead:#8a5a00;--lead-soft:#fbf0d9;--danger:#a3261c;--on-ink:#eef1f3;--on-ink-2:#aeb8c1;--ink-line:#2c3946;--display:"Archivo", "Arial Narrow", system-ui, sans-serif;--body:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--urdu:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);--fs-2xl:clamp(1.875rem, 1.2rem + 2.8vw, 3rem);--fs-3xl:clamp(2rem, 1.1rem + 3.4vw, 3.5rem);--r:4px;--r-lg:8px;--gutter:16px;--maxw:1240px;--bar-h:64px;--ab-h:58px;color-scheme:light}[data-palette=petrol]{--accent:#0b5e68;--accent-2:#084b53;--accent-soft:#ddeeef;--accent-on-dark:#5fc6cc}@media (width>=600px){:root{--gutter:24px}}@media (width>=1200px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font:400 var(--fs-base)/1.55 var(--body);padding-bottom:calc(var(--ab-h) + env(safe-area-inset-bottom,0px));margin:0}@media (width>=900px){body{padding-bottom:0}}img,svg,video{max-width:100%;display:block}a{color:var(--link);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{color:var(--ink);text-wrap:balance;margin:0}p,ul,ol,dl,dd,figure{margin:0}ul[class],ol[class],.nav ul,.f-col ul{margin:0;padding:0;list-style:none}button{font:inherit}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.wrap--narrow{max-width:860px}.measure{max-width:65ch}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}h1,.t-h1{font:800 var(--fs-2xl)/1.04 var(--display);letter-spacing:-.015em;font-stretch:125%}.t-hero{font:800 var(--fs-3xl)/1 var(--display);letter-spacing:-.02em;font-stretch:125%}h2,.t-h2{font:800 var(--fs-xl)/1.08 var(--display);letter-spacing:-.01em;font-stretch:125%}h3,.t-h3{font:700 var(--fs-lg)/1.2 var(--body)}h4,.t-h4{font:700 var(--fs-md)/1.3 var(--body)}.t-lead{font-size:var(--fs-md);color:var(--ink-2);text-wrap:pretty;max-width:60ch;line-height:1.55}.t-small{font-size:var(--fs-sm)}.t-muted{color:var(--ink-3)}.t-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.t-num{font-variant-numeric:tabular-nums}.eyebrow{font:500 var(--fs-xs)/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:.5em;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);flex:none;width:7px;height:7px;transform:rotate(45deg)}.band-ink .eyebrow{color:var(--on-ink-2)}.prose{gap:1em;max-width:65ch;display:grid}.prose ul{gap:.4em;padding-inline-start:1.2em;display:grid}.tbc{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);color:inherit;border-radius:2px;padding-inline:.15em}.band-ink .tbc,.util .tbc,.site-footer .tbc,.photo--dark .tbc{background:color-mix(in srgb, var(--accent-on-dark) 22%, transparent);box-shadow:inset 0 -2px 0 var(--accent-on-dark);color:inherit}.btn-wa .tbc,.btn-ink .tbc,.btn-accent .tbc,.actionbar .ab-wa .tbc{color:inherit;background:0 0;box-shadow:inset 0 -2px}.band-accent .tbc,.shipline .tbc{box-shadow:inset 0 -2px 0 var(--accent-ink);color:var(--accent-ink);background:#0003}[data-mode=dark] .band-accent .tbc{background:#ffffff47}.band-accent .eyebrow{color:var(--accent-ink)}.band-accent .eyebrow:before{background:var(--accent-ink)}.stack{gap:var(--gap,16px);align-content:start;display:grid}.row{gap:var(--gap,12px);flex-wrap:wrap;align-items:center;display:flex}.section{padding-block:clamp(40px,6vw,80px)}.section--tight{padding-block:clamp(28px,4vw,48px)}.band-card{background:var(--card)}.band-sunk{background:var(--sunk)}.band-ink{background:var(--ink);color:var(--on-ink)}.band-ink h1,.band-ink h2,.band-ink h3,.band-ink h4{color:#fff}.band-ink .t-lead,.band-ink .t-muted{color:var(--on-ink-2)}.band-ink a:not(.btn){color:#fff}.band-accent{background:var(--accent);color:var(--accent-ink);--logo-ink:var(--accent-ink);--logo-accent:var(--accent-ink);--logo-bg:var(--accent)}.band-accent h1,.band-accent h2,.band-accent h3,.band-accent h4{color:inherit}.band-accent .t-lead,.band-accent .t-muted,.band-accent p{color:color-mix(in srgb, var(--accent-ink) 88%, transparent)}.band-accent a:not(.btn){color:inherit}.band-accent .btn-line{--fg:var(--accent-ink);--bd:color-mix(in srgb, var(--accent-ink) 70%, transparent)}.band-accent .btn-line:hover{--bg:transparent;--bd:var(--accent-ink)}.band-accent .btn-ink{--bg:var(--ink);--bd:var(--ink)}.band-accent .btn-wa{--bd:var(--accent-ink)}.rule{border:0;border-top:1px solid var(--line);margin:0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:24px;display:flex}.sec-head>div{gap:8px;min-width:0;display:grid}.split{gap:32px;display:grid}.split>*{min-width:0}@media (width>=900px){.split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px}.split--even{grid-template-columns:1fr 1fr}.split--aside{grid-template-columns:minmax(0,1fr) 380px}}.grid-2,.grid-3,.grid-4{gap:16px;display:grid}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}@media (width>=600px){.grid-2,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.ico--lg{stroke-width:1.5px;width:32px;height:32px}.ico--xl{stroke-width:1.25px;width:48px;height:48px}[dir=rtl] .ico--dir{transform:scaleX(-1)}.btn{--bg:var(--card);--fg:var(--ink);--bd:var(--line);border:1.5px solid var(--bd);border-radius:var(--r);background:var(--bg);min-height:48px;color:var(--fg);font:600 var(--fs-base)/1.2 var(--body);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:.55em;padding:.55em 1.2em;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover{--bd:var(--ink)}.btn-wa{--bg:var(--wa);--fg:#fff;--bd:var(--wa)}.btn-wa:hover{--bg:var(--wa-hover);--bd:var(--wa-hover)}.btn-ink{--bg:var(--ink);--fg:#fff;--bd:var(--ink)}.btn-ink:hover{--bg:#24313e;--bd:#24313e}.btn-accent{--bg:var(--accent);--fg:var(--accent-ink);--bd:var(--accent)}.btn-accent:hover{--bg:var(--accent-2);--bd:var(--accent-2)}.band-ink .btn-accent{--bd:var(--accent-on-dark)}.btn-line{--bg:transparent;--fg:var(--ink);--bd:var(--ink)}.btn-line:hover{--bg:var(--card)}.band-ink .btn-line{--fg:#fff;--bd:var(--on-ink-2)}.band-ink .btn-line:hover{--bg:transparent;--bd:#fff}.btn-sm{min-height:44px;font-size:var(--fs-sm);padding:.4em .95em}.btn-block{width:100%}.btn .ico{width:20px;height:20px}.btns{flex-wrap:wrap;gap:10px;display:flex}.link-arrow{min-height:44px;color:var(--ink);align-items:center;gap:.4em;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:hover{text-decoration:underline}.link-arrow .ico{width:18px;height:18px}.skip{inset-inline-start:8px;z-index:100;background:var(--ink);color:#fff;border-radius:var(--r);padding:10px 14px;position:absolute;top:-100px}.skip:focus{top:8px}.util{background:var(--ink);color:var(--on-ink-2);font-size:var(--fs-sm);display:none}.util .wrap{align-items:center;gap:22px;min-height:36px;display:flex}.util a{min-height:28px;color:var(--on-ink);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.util .wrap>*{white-space:nowrap}@media (width<=1239px){.util .util-opt{display:none!important}}.util a:hover{text-decoration:underline}.util .wrap>span{align-items:center;gap:6px;display:inline-flex}.util .ico{width:16px;height:16px}.util .push{margin-inline-start:auto}@media (width>=900px){.util{display:block}}.site-header{top:env(safe-area-inset-top,0px);z-index:40;background:var(--card);border-bottom:1px solid var(--line);position:sticky}.site-header .bar{min-height:var(--bar-h);align-items:center;gap:8px;display:flex;position:relative}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo{flex:none;display:block;overflow:visible}.logo .li{fill:var(--logo-ink)}.logo .la{fill:var(--logo-accent)}.logo .lb{fill:var(--logo-bg)}.logo .si{fill:none;stroke:var(--logo-ink)}.logo .sa{fill:none;stroke:var(--logo-accent)}.logo .sb{fill:none;stroke:var(--logo-bg)}.logo text{font-family:var(--display)}.brand .logo--lockup{width:auto;max-width:200px;height:34px}.on-card{--logo-ink:var(--ink);--logo-accent:var(--accent);--logo-bg:var(--card)}.on-ink,.site-footer{--logo-ink:#fff;--logo-accent:var(--accent-on-dark);--logo-bg:var(--ink)}.on-accent{--logo-ink:var(--accent-ink);--logo-accent:var(--accent-ink);--logo-bg:var(--accent)}.on-mono{--logo-accent:var(--logo-ink)}@media (width>=600px){.brand .logo--lockup{max-width:240px;height:40px}}.nav{display:none}.nav ul{display:grid}.nav a{min-height:48px;color:var(--ink);border-bottom:1px solid var(--line-2);align-items:center;font-weight:600;text-decoration:none;display:flex}.nav a[aria-current=page]{box-shadow:inset 4px 0 0 var(--accent);padding-inline-start:12px}[dir=rtl] .nav a[aria-current=page]{box-shadow:inset -4px 0 0 var(--accent)}.nav.is-open{inset-inline:0;padding:4px var(--gutter) 16px;background:var(--card);border-bottom:1px solid var(--line);display:block;position:absolute;top:100%;box-shadow:0 16px 24px -16px #141d2659}.bar-actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}@media (width<=379px){.menu-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-btn{padding:0}}@media (width>=600px){.bar-actions{gap:8px}}.menu-btn{border:1.5px solid var(--line);border-radius:var(--r);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.menu-btn .ico-close,.menu-btn[aria-expanded=true] .ico-menu{display:none}.menu-btn[aria-expanded=true] .ico-close{display:block}@media (width>=900px){.menu-btn{display:none}.nav{display:block;position:static}.nav ul{gap:2px;display:flex}.nav a{min-height:var(--bar-h);white-space:nowrap;border-bottom:0;padding-inline:12px;box-shadow:inset 0 -3px #0000}.nav a:hover{box-shadow:inset 0 -3px 0 var(--line)}.nav a[aria-current=page],[dir=rtl] .nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent);padding-inline-start:12px}.site-header .bar{gap:20px}}.actionbar{inset-inline:0;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--line);border-top:1px solid var(--line);grid-template-columns:1.35fr 1fr 1fr;gap:1px;display:grid;position:fixed;bottom:0}.actionbar a{min-height:var(--ab-h);background:var(--card);color:var(--ink);font-weight:600;font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.actionbar a.ab-wa{background:var(--wa);color:#fff;font-size:var(--fs-base)}.actionbar .ico{width:20px;height:20px}@media (width>=900px){.actionbar{display:none}}.crumbs{font-size:var(--fs-sm);color:var(--ink-3);flex-wrap:wrap;gap:4px 8px;padding-block:14px;display:flex}.crumbs li{align-items:center;gap:8px;display:inline-flex}.crumbs li+li:before{content:"/";color:var(--line)}.crumbs a{min-height:24px;color:var(--ink-2);align-items:center;display:inline-flex}.page-head{background:var(--card);border-bottom:1px solid var(--line)}.page-head .wrap{gap:14px;padding-block:8px 32px;display:grid}@media (width>=900px){.page-head .wrap{padding-block:8px 48px}}.photo{aspect-ratio:var(--ar,4 / 3);border-radius:var(--r);color:#8c979f;background:linear-gradient(180deg, #ffffff8c, #fff0 60%), repeating-linear-gradient(135deg, #141d2600 0 9px, #141d260b 9px 10px), var(--sunk);place-items:center;width:100%;max-width:100%;display:grid;position:relative;overflow:hidden}.photo:before,.photo:after{content:"";border:1.5px solid #141d2647;width:14px;height:14px;position:absolute}.photo:before{top:8px;border-bottom:0;border-right:0;inset-inline-start:8px}.photo:after{top:8px;border-bottom:0;border-left:0;inset-inline-end:8px}.photo>.ico{aspect-ratio:1;stroke-width:1px;width:34%;max-width:104px;height:auto}.photo-tag{inset-inline-start:8px;max-width:calc(100% - 16px);color:var(--ink-2);font:500 .6875rem/1.3 var(--mono);letter-spacing:.03em;background:#ffffffe6;border-radius:2px;padding:3px 6px;position:absolute;bottom:8px}.photo--dark{color:#5f6e7b;background:repeating-linear-gradient(135deg,#fff0 0 9px,#ffffff0d 9px 10px),#1d2935}.photo--dark:before,.photo--dark:after{border-color:#ffffff4d}.photo--dark .photo-tag{color:var(--on-ink);background:#141d26d9}.photo-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.photo--img{background:var(--sunk)}.photo--img picture{position:absolute;inset:0}.photo--img img{object-fit:cover;width:100%;height:100%;display:block}.stock{color:var(--ok);font:600 var(--fs-sm)/1.3 var(--body);padding-inline-start:17px;display:inline-block;position:relative}.stock:before{content:"";inset-inline-start:0;box-sizing:border-box;background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:calc(.65em - 4.5px)}.stock--transit{color:var(--transit)}.stock--transit:before{inset-inline-start:.5px;border-radius:1px;width:8px;height:8px;top:calc(.65em - 4px);transform:rotate(45deg)}.stock--lead{color:var(--lead)}.stock--lead:before{background:0 0;border:2px solid}.stock-box{border-radius:var(--r);background:var(--ok-soft);gap:4px;padding:12px 14px;display:grid}.stock-box--transit{background:var(--transit-soft)}.stock-box--lead{background:var(--lead-soft)}.stock-box p{font-size:var(--fs-sm);color:var(--ink-2)}.price{gap:2px;display:grid}.price b{font:750 var(--fs-lg)/1.15 var(--body);font-variant-numeric:tabular-nums;color:var(--ink)}.price small{font-size:var(--fs-xs);color:var(--ink-3)}.price--req b{font-size:var(--fs-md)}.price--lg b{font-size:var(--fs-xl);font-weight:800}.carton{border:1.5px solid var(--ink);background:var(--card);width:100%;max-width:100%;font:500 var(--fs-xs)/1.3 var(--mono);border-radius:2px;align-items:stretch;display:flex}.carton-mark{border-inline-end:1.5px solid var(--ink);flex:none;place-items:center;padding:6px 8px;display:grid}.carton-mark svg{width:24px;height:24px}.carton dl{flex-wrap:wrap;flex:1;min-width:0;display:flex}.carton dl>div{border-inline-start:1px dashed var(--line);flex:auto;padding:6px 10px}.carton dl>div:first-child{border-inline-start:0}.carton dt{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem}.carton dd{color:var(--ink);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.carton--sm dd{font-size:var(--fs-xs)}.carton--sm dl>div{padding:4px 8px}.table-scroll{max-width:100%;overflow-x:auto}.specs{border-collapse:collapse;background:var(--card);width:100%;font-size:var(--fs-sm)}.specs th,.specs td{border-bottom:1px solid var(--line-2);text-align:start;vertical-align:top;padding:11px 14px}.specs th{width:44%;color:var(--ink-2);font-weight:500}.specs td{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.specs thead th{font:600 var(--fs-xs)/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--paper);width:auto}.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}.specs--grid td{font-family:var(--body)}.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}.box-pad{padding:16px}@media (width>=900px){.box-pad{padding:24px}}.ctiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.ctiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.ctile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);min-height:100%;color:var(--ink);align-content:start;gap:8px;padding:16px;text-decoration:none;transition:border-color .15s;display:grid;position:relative}.ctile b{font:700 var(--fs-base)/1.25 var(--body)}.ctile>span{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.4}.ctile>.count{font:500 var(--fs-xs)/1.3 var(--mono);color:var(--ink-2);margin-top:4px}.ctile:hover{border-color:var(--ink)}.ctile:hover:after{content:"";top:-1px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%);width:18px;height:18px;position:absolute;inset-inline-end:-1px}[dir=rtl] .ctile:hover:after{clip-path:polygon(0 0,100% 0,0 100%)}@media (width>=900px){.ctile{gap:10px;padding:20px}.ctile b{font-size:var(--fs-md)}}.chip{border:1.5px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);font-size:var(--fs-sm);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:500;text-decoration:none;display:inline-flex}.chip[aria-pressed=true],.chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.chip .ico{width:14px;height:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--sunk);color:var(--ink-2);font:600 .6875rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:2px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge--cert{background:var(--ok-soft);color:var(--ok)}.badge--accent{background:var(--accent);color:var(--accent-ink)}.proofs{background:var(--line);border:1px solid var(--line);border-radius:var(--r);gap:1px;display:grid;overflow:hidden}@media (width>=600px){.proofs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=600px) and (width<=1099px){.proofs>:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=1100px){.proofs{grid-template-columns:repeat(5,minmax(0,1fr))}.proofs--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.proof{background:var(--card);align-content:start;gap:8px;padding:18px;display:grid}.proof .ico{stroke-width:1.6px;width:28px;height:28px;color:var(--ink)}.proof b{font:700 var(--fs-base)/1.3 var(--body)}.proof p{font-size:var(--fs-sm);color:var(--ink-2)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;display:grid}@media (width>=900px){.stats{grid-template-columns:repeat(5,minmax(0,1fr))}}.stat{border-top:2px solid;align-content:start;gap:4px;padding-top:12px;display:grid}.stat b{font:800 var(--fs-2xl)/1 var(--display);font-variant-numeric:tabular-nums;font-stretch:125%}.stat>span{font-size:var(--fs-sm);line-height:1.35}.band-ink .stat{border-top-color:var(--accent-on-dark)}.band-ink .stat>span{color:var(--on-ink-2)}.shipline{border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font:600 var(--fs-xs)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px;display:flex}.shipline .ico{width:18px;height:18px}.note{border-radius:var(--r);background:var(--sunk);color:var(--ink-2);font-size:var(--fs-sm);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.note:before{content:"";background:var(--accent);flex:none;width:8px;height:8px;margin-top:.45em;transform:rotate(45deg)}.note b{color:var(--ink)}.band-sunk .note{background:var(--card)}.docs{border:1px solid var(--line);border-radius:var(--r);background:var(--card);display:grid;overflow:hidden}.doc{border-bottom:1px solid var(--line-2);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.doc:last-child{border-bottom:0}.doc>.ico{width:24px;height:24px;color:var(--ink-2);grid-row:span 2;align-self:start}.doc div{gap:2px;min-width:0;display:grid}.doc b{font-weight:600;font-size:var(--fs-sm)}.doc div>span{font:400 var(--fs-xs)/1.4 var(--mono);color:var(--ink-3);overflow-wrap:anywhere}.doc .btn{grid-column:2;justify-self:start}@media (width>=600px){.doc{grid-template-columns:auto minmax(0,1fr) auto}.doc>.ico{grid-row:auto;align-self:center}.doc .btn{grid-column:auto}}.steps{counter-reset:step;gap:0;display:grid}.steps>li{counter-increment:step;align-content:start;gap:4px;padding-block:0 22px;padding-inline-start:52px;display:grid;position:relative}.steps>li:before{content:counter(step);inset-inline-start:0;border:1.5px solid var(--ink);background:var(--card);width:34px;height:34px;font:600 var(--fs-sm)/1 var(--mono);color:var(--ink);border-radius:2px;place-items:center;display:grid;position:absolute;top:0}.steps>li:after{content:"";inset-inline-start:16.5px;border-inline-start:1.5px dashed var(--line);position:absolute;top:38px;bottom:4px}.steps>li:last-child{padding-bottom:0}.steps>li:last-child:after{display:none}.steps b{padding-top:5px;font-weight:700}.steps p{color:var(--ink-2);font-size:var(--fs-sm)}.band-ink .steps>li:before{border-color:var(--accent-on-dark);color:#fff;background:0 0}.band-ink .steps>li:after{border-color:var(--ink-line)}.band-ink .steps p{color:var(--on-ink-2)}@media (width>=900px){.steps--row{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));gap:16px}.steps--row>li{padding:52px 0 0}.steps--row>li:after{inset-inline:42px 8px;border-inline-start:0;border-top:1.5px dashed var(--line);top:17px;bottom:auto}.band-ink .steps--row>li:after{border-color:var(--ink-line)}}.voice{background:var(--card);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:20px;display:grid}.voice blockquote{font-size:var(--fs-md);margin:0;line-height:1.5}.voice figcaption{font:500 var(--fs-xs)/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:12px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:1.5px solid var(--line);width:28px;height:28px;font:500 1.125rem/1 var(--mono);border-radius:2px;flex:none;place-items:center;display:grid}.faq details[open] summary:after{content:"−"}.faq details>div{color:var(--ink-2);gap:.75em;max-width:65ch;padding-block:0 18px;display:grid}.list-layout{gap:20px;display:grid}.list-layout>*{min-width:0}@media (width>=900px){.list-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px}}.filters{display:none}.filters.is-open{display:grid}@media (width>=900px){.filters{display:grid;position:sticky;top:88px}.filters-toggle{display:none!important}}.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);align-content:start;gap:4px;padding:4px 16px 16px}.filters fieldset{border:0;border-bottom:1px solid var(--line-2);gap:2px;margin:0;padding:12px 0;display:grid}.filters fieldset:last-of-type{border-bottom:0}.filters legend{font:600 var(--fs-xs)/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:0 0 6px}.filters .check{min-height:40px;color:var(--ink);align-items:center}.filters .check small{font-family:var(--mono);color:var(--ink-3);margin-inline-start:auto}.list-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.list-bar select{border:1.5px solid var(--line);border-radius:var(--r);background:var(--card);min-height:44px;font:inherit;color:var(--ink);padding:8px 10px}.gallery{gap:8px;display:grid}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.gallery-thumbs .photo{--ar:1 / 1}.gallery-thumbs .photo>.ico{width:40%}.gallery-thumbs .photo-tag{inset-inline-start:4px;max-width:calc(100% - 8px);padding:2px 4px;font-size:.5625rem;bottom:4px}.buybox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);gap:16px;padding:20px;display:grid}@media (width>=900px){.buybox{padding:24px;position:sticky;top:88px}}.wa-preview{border-radius:var(--r);color:var(--ink-2);font-size:var(--fs-xs);background:#e7f3ec;padding:10px 12px;line-height:1.5}.wa-preview b{font:600 .625rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wa);margin-bottom:2px;display:block}.calc{border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card);gap:14px;padding:16px;display:grid}.calc-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calc-out{background:var(--line);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.calc-out div{background:var(--paper);gap:2px;padding:10px;display:grid}.calc-out dt{font:500 .625rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.calc-out dd{font:800 var(--fs-lg)/1.1 var(--display);font-variant-numeric:tabular-nums;font-stretch:112%}.site-footer{background:var(--ink);color:var(--on-ink-2);font-size:var(--fs-sm)}.site-footer a{color:var(--on-ink);text-decoration:none}.f-col a,.f-links a,.f-contact a{align-items:center;gap:6px;min-height:24px;display:inline-flex}.f-links .ico{width:14px;height:14px}.site-footer a:hover{text-decoration:underline}.f-top{gap:32px;padding-block:48px 32px;display:grid}@media (width>=600px){.f-top{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.f-top{grid-template-columns:1.4fr 1.2fr 1fr 1.4fr;gap:32px}}.f-top>*{min-width:0}.f-brand{align-content:start;gap:14px;display:grid}.f-brand .brand{color:#fff}.f-col{align-content:start;gap:10px;display:grid}.f-col h2{font:600 var(--fs-xs)/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2);font-stretch:100%}.f-col ul{gap:8px;display:grid}.f-contact p{align-items:center;gap:8px;display:flex}.f-contact .ico{width:16px;height:16px;color:var(--accent-on-dark)}.f-legal{padding-block:22px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ink-line);font:400 var(--fs-xs)/1.55 var(--mono);gap:14px;display:grid}.f-legal dl{flex-wrap:wrap;gap:6px 22px;display:flex}.f-legal dl div{gap:6px;display:flex}.f-legal dt{color:var(--on-ink-2)}.f-legal dd{color:var(--on-ink)}.f-legal .tax{color:var(--on-ink);font-family:var(--body);font-size:var(--fs-sm)}.f-links{flex-wrap:wrap;gap:8px 20px;display:flex}html[lang=ur] body{font-family:var(--urdu);font-size:1.0625rem;line-height:2.2}html[lang=ur] h1,html[lang=ur] .t-h1,html[lang=ur] .t-hero,html[lang=ur] h2,html[lang=ur] .t-h2,html[lang=ur] h3,html[lang=ur] h4{font-family:var(--urdu);letter-spacing:0;font-weight:700;font-stretch:100%;line-height:2}html[lang=ur] .t-hero{font-size:clamp(1.75rem,1rem + 3.4vw,3.25rem);line-height:1.95}html[lang=ur] h1,html[lang=ur] .t-h1{font-size:clamp(1.625rem,1.1rem + 2.2vw,2.5rem)}html[lang=ur] h2,html[lang=ur] .t-h2{font-size:clamp(1.375rem,1.05rem + 1.4vw,1.875rem)}html[lang=ur] h3{font-size:var(--fs-md)}html[lang=ur] .t-lead{line-height:2.2}html[lang=ur] .eyebrow,html[lang=ur] .f-col h2,html[lang=ur] .voice figcaption,html[lang=ur] .filters legend{font-family:var(--urdu);font-size:var(--fs-sm);letter-spacing:0;text-transform:none;line-height:2}html[lang=ur] .btn{font-family:var(--urdu);padding-block:.25em .55em;font-weight:600;line-height:1.9}html[lang=ur] .nav a,html[lang=ur] .actionbar a{font-weight:500;line-height:1.9}html[lang=ur] .stock,html[lang=ur] .price b,html[lang=ur] .ctile b,html[lang=ur] .proof b{font-family:var(--urdu);line-height:2}html[lang=ur] .ctile>span,html[lang=ur] .proof p,html[lang=ur] .hint,html[lang=ur] .note{line-height:2.1}html[lang=ur] .f-legal .tax,html[lang=ur] .f-links,html[lang=ur] .f-legal dt{font-family:var(--urdu);line-height:2.1}html[lang=ur] .shipline{font:600 var(--fs-sm)/2 var(--urdu);letter-spacing:0;text-transform:none;padding-block:9px 11px}html[lang=ur] .photo-tag{font:500 var(--fs-xs)/1.8 var(--urdu);letter-spacing:0;padding:0 8px 3px}html[lang=ur] .ctile>.count{font:500 var(--fs-xs)/2 var(--urdu)}html[lang=ur] .stat>span{line-height:2}html[lang=ur] .voice blockquote{line-height:2.1}html[lang=ur] .specs td,html[lang=ur] .specs th{font-family:var(--urdu);line-height:2}@media (width>=900px) and (width<=1099px){html[lang=ur] .nav a{padding-inline:7px}html[lang=ur] .site-header .bar{gap:12px}}html[lang=ur] [lang=en]:not(.t-mono),html[lang=ur] .latin{font-family:var(--body);line-height:1.5}html[lang=ur] .t-mono,html[lang=ur] .t-mono [lang=en]{font-family:var(--mono)}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.brand{direction:ltr}.nav-btn{border:0;border-bottom:1px solid var(--line-2);width:100%;min-height:48px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0;font-weight:600;display:flex}.nav-btn .ico{width:18px;height:18px;transition:transform .15s}.nav-btn[aria-expanded=true] .ico{transform:rotate(180deg)}.hdr-cta{display:none}@media (width>=600px){.hdr-cta{display:inline-flex}}@media (width>=900px){.nav-btn{width:auto;min-height:var(--bar-h);white-space:nowrap;border-bottom:0;padding-inline:12px;box-shadow:inset 0 -3px #0000}.nav-btn:hover{box-shadow:inset 0 -3px 0 var(--line)}.nav-btn[aria-expanded=true],.nav-btn[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent)}}.mega{inset-inline:0;z-index:45;background:var(--card);border-bottom:1px solid var(--line);max-height:calc(100vh - 110px);display:none;position:absolute;top:100%;overflow:auto;box-shadow:0 18px 28px -18px #141d2666}.mega.is-open{display:block}.mega-grid{gap:18px 24px;padding-block:18px 22px;display:grid}@media (width>=700px){.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mega-group{align-content:start;gap:6px;min-width:0;display:grid}.mega-group h2{font:600 var(--fs-xs)/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-inline:10px;font-stretch:100%}.mega-group ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega-group a{border-radius:var(--r);min-height:44px;color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:9px 10px;text-decoration:none;display:grid}.mega-group a:hover{background:var(--paper)}.mega-group a .ico{width:24px;height:24px;color:var(--accent);margin-top:1px}.mega-group b{align-items:center;gap:8px;font-weight:650;line-height:1.3;display:flex}.mega-group small{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px;line-height:1.4;display:block}.mega-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 24px;padding:10px 10px 0;display:flex}.div-tag{min-width:2.5em;height:1.75em;font:600 .6875rem/1 var(--mono);letter-spacing:.06em;color:var(--ink-2);border:1.5px solid;border-radius:2px;flex:none;place-items:center;padding:0 .4em;display:inline-grid}.band-ink .div-tag,.on-ink .div-tag{color:var(--on-ink)}.f-end{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.f-mode{font-family:var(--body);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.f-mode-l{font-size:var(--fs-xs);margin-inline-end:6px}.f-mode button{min-height:40px;color:inherit;font:600 var(--fs-xs)/1 var(--body);cursor:pointer;opacity:.85;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.f-mode button:hover{opacity:1}.f-mode button .ico{width:15px;height:15px}.f-mode button[aria-pressed=true]{opacity:1;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.site-footer .f-mode button[aria-pressed=true]{background:var(--accent-on-dark);border-color:var(--accent-on-dark);color:#0b1215}[data-design=civic]{--display:"Schibsted Grotesk", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--body:"Public Sans", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"Public Sans", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--ink:#16202b;--ink-2:#3a4653;--ink-3:#5a6673;--paper:#f5f7fa;--card:#fff;--sunk:#ecf0f4;--line:#d5dce3;--line-2:#e6ebf0;--on-ink:#eef2f6;--on-ink-2:#b3beca;--ink-line:#2e3b49;--c-field:#84909d;--c-shadow:0 1px 0 #16202b0f;--fs-xl:clamp(1.5rem, 1.15rem + 1.5vw, 2.125rem);--fs-2xl:clamp(1.875rem, 1.25rem + 2.6vw, 3rem);--fs-3xl:clamp(2.25rem, 1.3rem + 3.8vw, 3.875rem);--r:10px;--r-lg:12px;--logo-ink:var(--ink);--logo-accent:var(--accent);--logo-bg:var(--card);font-family:var(--body);color:var(--ink)}[data-design=civic] .logo text{font-family:Archivo,Arial Narrow,system-ui,sans-serif}[data-design=civic] body{background:var(--paper);line-height:1.6}[data-design=civic] :where(h1,.t-h1){font:700 var(--fs-2xl)/1.08 var(--display);letter-spacing:-.022em;font-stretch:100%}[data-design=civic] :where(.t-hero){font:700 var(--fs-3xl)/1.02 var(--display);letter-spacing:-.03em;font-stretch:100%}[data-design=civic] :where(h2,.t-h2){font:700 var(--fs-xl)/1.12 var(--display);letter-spacing:-.018em;font-stretch:100%}[data-design=civic] :where(h3,.t-h3){font:600 var(--fs-lg)/1.25 var(--display);letter-spacing:-.01em;font-stretch:100%}[data-design=civic] :where(h4,.t-h4){font:600 var(--fs-md)/1.3 var(--display);font-stretch:100%}[data-design=civic] .t-lead{line-height:1.6}[data-design=civic] .t-mono{font-family:var(--body);font-variant-numeric:tabular-nums;letter-spacing:.01em}[data-design=civic] :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}[data-design=civic] .band-ink :focus-visible,[data-design=civic] .band-accent :focus-visible{outline-color:#fff}[data-design=civic] .eyebrow{font:600 var(--fs-sm)/1.35 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-2);gap:.55em;font-stretch:100%}[data-design=civic] .eyebrow:before{border:2px solid var(--accent);background:0 0;border-radius:50%;width:9px;height:9px;transform:none}[data-design=civic] .band-ink .eyebrow{color:var(--on-ink-2)}[data-design=civic] .band-ink .eyebrow:before{border-color:var(--accent-on-dark);background:0 0}[data-design=civic] .band-accent .eyebrow{color:var(--accent-ink)}[data-design=civic] .band-accent .eyebrow:before{border-color:var(--accent-ink);background:0 0}[data-design=civic] .section{padding-block:clamp(48px,7vw,96px)}[data-design=civic] .section--tight{padding-block:clamp(32px,4.5vw,56px)}[data-design=civic] .band-sunk{background:var(--sunk)}[data-design=civic] .band-ink{background:var(--ink)}[data-design=civic] .sec-head{margin-bottom:28px}[data-design=civic] .sec-head>div{gap:10px}[data-design=civic] .btn{font:600 var(--fs-base)/1.2 var(--body);letter-spacing:0;border-width:1.5px}[data-design=civic] .btn-line{--bd:var(--c-field)}[data-design=civic] .btn-line:hover{--bg:var(--card);--bd:var(--ink)}[data-design=civic] .btn-ink:hover{--bg:#26323f;--bd:#26323f}[data-design=civic] .btn-sm{font-size:var(--fs-sm)}[data-design=civic] .band-ink .btn-line{--fg:#fff;--bd:var(--on-ink-2)}[data-design=civic] .band-ink .btn-line:hover{--bg:transparent;--bd:#fff}[data-design=civic] .band-accent .btn-line{--fg:var(--accent-ink);--bd:color-mix(in srgb, var(--accent-ink) 70%, transparent)}[data-design=civic] .band-accent .btn-line:hover{--bg:transparent;--bd:var(--accent-ink)}[data-design=civic] .link-arrow{font-weight:600}[data-design=civic] .util{background:var(--paper);color:var(--ink-2);border-bottom:1px solid var(--line-2)}[data-design=civic] .util a{color:var(--ink)}[data-design=civic] .util .ico{color:var(--ink-3)}[data-design=civic] .util .tbc{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}[data-design=civic] .site-header{background:var(--card);border-bottom:1px solid var(--line-2)}[data-design=civic] .menu-btn{border:1.5px solid var(--line);border-radius:999px;padding-inline:14px}@media (width<=379px){[data-design=civic] .menu-btn{padding:0}}[data-design=civic] .nav ul{gap:2px}[data-design=civic] .nav a:not(.btn),[data-design=civic] .nav-btn{min-height:48px;box-shadow:none;color:var(--ink);border-bottom:0;border-radius:999px;padding-inline:12px;font-weight:600}[data-design=civic] .nav a:not(.btn):hover,[data-design=civic] .nav-btn:hover{background:var(--sunk);box-shadow:none}[data-design=civic] .nav a[aria-current=page]:not(.btn),[data-design=civic] .nav-btn[aria-current=page],[data-design=civic][dir=rtl] .nav a[aria-current=page]:not(.btn){background:var(--accent-soft);color:var(--accent-2);box-shadow:none;padding-inline-start:12px}[data-design=civic] .nav-btn[aria-expanded=true]{background:var(--sunk);box-shadow:none}[data-design=civic] .nav.is-open{padding:10px calc(var(--gutter) + 4px) 18px;border-bottom-color:var(--line);box-shadow:0 18px 28px -18px #16202b4d}[data-design=civic] .mega-group ul{margin:0;padding:0;list-style:none}@media (width>=900px){[data-design=civic] .nav ul{gap:4px}[data-design=civic] .nav a:not(.btn),[data-design=civic] .nav-btn{min-height:44px;padding-inline:16px}[data-design=civic] .nav a[aria-current=page]:not(.btn),[data-design=civic] .nav-btn[aria-current=page],[data-design=civic][dir=rtl] .nav a[aria-current=page]:not(.btn){box-shadow:none;padding-inline-start:16px}[data-design=civic] .nav-btn[aria-expanded=true],[data-design=civic] .nav a:not(.btn):hover,[data-design=civic] .nav-btn:hover{box-shadow:none}}[data-design=civic] .mega{border-bottom:1px solid var(--line);box-shadow:0 24px 32px -24px #16202b59}[data-design=civic] .mega-group h2{font:600 var(--fs-sm)/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-3);font-stretch:100%}[data-design=civic] .mega-group a{border-radius:var(--r)}[data-design=civic] .mega-group a:hover{background:var(--sunk)}[data-design=civic] .mega-group a .ico{color:var(--ink-2)}[data-design=civic] .mega-group b{font-weight:600}[data-design=civic] .div-tag{width:2.8em;min-width:0;height:2.8em;font:700 .6875rem/1 var(--body);letter-spacing:.04em;font-variant-numeric:normal;color:var(--accent);background:radial-gradient(circle closest-side,#0000 calc(100% - 3.5px),currentColor calc(100% - 3.5px) calc(100% - 2.5px),#0000 calc(100% - 2.5px));border:1.5px solid;border-radius:50%;place-items:center;padding:0;display:inline-grid}[data-design=civic] .band-ink .div-tag,[data-design=civic] .on-ink .div-tag{color:var(--accent-on-dark)}[data-design=civic] .page-head{background:var(--card);border-bottom:1px solid var(--line-2)}[data-design=civic] .page-head .wrap{gap:16px;padding-block:8px 40px}@media (width>=900px){[data-design=civic] .page-head .wrap{padding-block:8px 56px}}[data-design=civic] .crumbs li+li:before{content:"›";color:var(--ink-3);font-size:1.1em}[data-design=civic] .crumbs a{color:var(--ink-2);text-decoration-color:var(--line)}[data-design=civic] .photo{border-radius:var(--r-lg);color:#9aa5b1;background:radial-gradient(120% 90% at 50% 30%,#f6f8fa 0%,#e9edf1 70%,#e3e8ed 100%)}[data-design=civic] .photo:before,[data-design=civic] .photo:after{content:none}[data-design=civic] .photo-tag{inset-inline-start:10px;max-width:calc(100% - 20px);color:var(--ink-2);font:500 .6875rem/1.35 var(--body);letter-spacing:0;background:#fffffff0;border-radius:8px;padding:4px 9px;bottom:10px}[data-design=civic] .photo--dark{color:#6e7d8b;background:radial-gradient(120% 90% at 50% 30%,#2a3746 0%,#1d2834 75%)}[data-design=civic] .photo--dark .photo-tag{color:var(--on-ink);background:#16202bdb}[data-design=civic] .ctile{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--c-shadow);gap:10px;padding:20px;transition:border-color .15s,box-shadow .15s}[data-design=civic] .ctile b{font:600 var(--fs-base)/1.3 var(--display);letter-spacing:-.005em}[data-design=civic] .ctile>.count{font:500 var(--fs-xs)/1.35 var(--body);color:var(--ink-3)}[data-design=civic] .ctile>.count:has(.div-tag){flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}[data-design=civic] .ctile:hover{border-color:var(--c-field)}[data-design=civic] .ctile:hover:after{content:none}@media (width>=900px){[data-design=civic] .ctile{gap:12px;padding:24px}[data-design=civic] .ctile b{font-size:var(--fs-md)}}[data-design=civic] .box,[data-design=civic] .docs,[data-design=civic] .buybox,[data-design=civic] .filters,[data-design=civic] .voice{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}[data-design=civic] .stock{font-family:var(--body)}[data-design=civic] .stock-box{border-radius:var(--r)}[data-design=civic] .carton{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font:500 var(--fs-xs)/1.3 var(--body);overflow:hidden}[data-design=civic] .carton-mark{border-inline-end:1px solid var(--line)}[data-design=civic] .carton dl>div{border-inline-start:1px solid var(--line-2)}[data-design=civic] .carton dl>div:first-child{border-inline-start:0}[data-design=civic] .carton dt{letter-spacing:0;text-transform:none;color:var(--ink-3);font-size:.6875rem}[data-design=civic] .carton dd{font-variant-numeric:tabular-nums;font-weight:650}[data-design=civic] .specs td{font-family:var(--body);font-variant-numeric:tabular-nums;font-weight:500}[data-design=civic] .specs th{font-weight:500}[data-design=civic] .specs thead th{font:600 var(--fs-xs)/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-2);background:var(--sunk)}[data-design=civic] .table-scroll:has(>.specs){border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}[data-design=civic] .chip{border:1.5px solid var(--line);border-radius:999px;min-height:44px;padding:6px 16px;font-weight:500}[data-design=civic] .chip:hover{border-color:var(--c-field)}[data-design=civic] .chip[aria-pressed=true],[data-design=civic] .chip.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2);font-weight:600}[data-design=civic] .chips{gap:8px}[data-design=civic] .badge{font:600 var(--fs-xs)/1.35 var(--body);letter-spacing:0;text-transform:none;border-radius:999px;padding:3px 10px}[data-design=civic] .proofs{border-radius:var(--r-lg);background:var(--line-2);border-color:var(--line)}[data-design=civic] .proof{gap:10px;padding:22px}[data-design=civic] .proof .ico{width:24px;height:24px;color:var(--ink)}[data-design=civic] .proof b{font:600 var(--fs-base)/1.3 var(--display)}[data-design=civic] .stat{padding-top:0;border-top:0;border-inline-start:1.5px solid var(--line);gap:6px;padding-inline-start:16px}[data-design=civic] .stat b{font:700 var(--fs-2xl)/1 var(--display);letter-spacing:-.025em;font-variant-numeric:lining-nums proportional-nums;font-stretch:100%}[data-design=civic] .band-ink .stat{border-inline-start-color:var(--ink-line);border-top:0}[data-design=civic] .band-ink .stat b{color:#fff}[data-design=civic] .band-ink .stat>span{color:var(--on-ink-2)}[data-design=civic] .shipline{border-radius:var(--r-lg);background:color-mix(in srgb, var(--accent-soft) 60%, var(--sunk));color:var(--accent-2);font:600 var(--fs-sm)/1.45 var(--body);letter-spacing:0;text-transform:none;gap:6px 16px;padding:12px 16px}[data-design=civic] .shipline .tbc{box-shadow:inset 0 -2px 0 var(--accent);background:#fff9}[data-design=civic] .note{border-radius:var(--r-lg);background:var(--sunk);gap:12px;padding:14px 16px}[data-design=civic] .note:before{border:2px solid var(--accent);background:0 0;border-radius:50%;width:10px;height:10px;margin-top:.42em;transform:none}[data-design=civic] .band-sunk .note{background:var(--card)}[data-design=civic] .doc{padding:16px 18px}[data-design=civic] .doc div>span{font:400 var(--fs-xs)/1.45 var(--body)}[data-design=civic] .steps>li{padding-inline-start:56px;padding-bottom:26px}[data-design=civic] .steps>li:before{border:1.5px solid var(--ink);background:radial-gradient(circle closest-side, var(--card) calc(100% - 4px), var(--ink) calc(100% - 4px) calc(100% - 3px), var(--card) calc(100% - 3px));width:38px;height:38px;font:700 var(--fs-sm)/1 var(--display);color:var(--ink);border-radius:50%}[data-design=civic] .steps>li:after{inset-inline-start:18.25px;border-inline-start:1.5px solid var(--line);top:42px}[data-design=civic] .steps b{font-weight:600;font-family:var(--display);padding-top:7px}[data-design=civic] .band-ink .steps>li:before{border-color:var(--accent-on-dark);color:#fff;background:radial-gradient(circle closest-side, transparent calc(100% - 4px), var(--accent-on-dark) calc(100% - 4px) calc(100% - 3px), transparent calc(100% - 3px))}[data-design=civic] .band-ink .steps>li:after{border-color:var(--ink-line)}@media (width>=900px){[data-design=civic] .steps--row>li{padding:56px 0 0}[data-design=civic] .steps--row>li:after{inset-inline:46px 8px;border-inline-start:0;border-top:1.5px solid var(--line);top:19px;bottom:auto}[data-design=civic] .band-ink .steps--row>li:after{border-color:var(--ink-line)}}[data-design=civic] .voice{background:var(--card);gap:14px;padding:24px}[data-design=civic] .voice blockquote{font:500 var(--fs-md)/1.5 var(--body)}[data-design=civic] .voice figcaption{font:600 var(--fs-sm)/1.4 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-3)}[data-design=civic] .faq summary{min-height:60px;font-weight:600}[data-design=civic] .faq summary:after{border:1.5px solid var(--line);width:30px;height:30px;font:500 1.125rem/1 var(--body);color:var(--ink-2);border-radius:50%}[data-design=civic] .faq details[open] summary:after{border-color:var(--ink-3)}[data-design=civic] .list-bar select{border:1.5px solid var(--c-field);border-radius:var(--r)}[data-design=civic] .filters{padding:8px 18px 18px}[data-design=civic] .filters legend{font:600 var(--fs-sm)/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--ink)}[data-design=civic] .filters .check small{font-family:var(--body);font-variant-numeric:tabular-nums}[data-design=civic] .wa-preview{border-radius:var(--r)}[data-design=civic] .wa-preview b{font:600 var(--fs-xs)/1.3 var(--body);letter-spacing:0;text-transform:none}[data-design=civic] .calc{border:1px solid var(--line);border-radius:var(--r-lg)}[data-design=civic] .calc-out{border-radius:var(--r)}[data-design=civic] .calc-out dt{font:600 .6875rem/1.3 var(--body);letter-spacing:0;text-transform:none}[data-design=civic] .calc-out dd{font:700 var(--fs-lg)/1.1 var(--display);font-stretch:100%}[data-design=civic] .price b{font-family:var(--display)}[data-design=civic] .band-accent .tbc{box-shadow:inset 0 -2px 0 var(--accent-ink);color:var(--accent-ink);background:#0003}[data-design=civic][data-mode=dark] .band-accent .tbc{background:#ffffff47}[data-design=civic] .site-footer{--logo-ink:var(--ink);--logo-accent:var(--accent);--logo-bg:var(--sunk);background:var(--sunk);color:var(--ink-2);border-top:1px solid var(--line)}[data-design=civic] .site-footer a,[data-design=civic] .f-brand .brand{color:var(--ink)}[data-design=civic] .f-col h2{font:600 var(--fs-sm)/1.3 var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}[data-design=civic] .f-contact .ico{color:var(--ink-3)}[data-design=civic] .f-legal{border-top:1px solid var(--line);font:400 var(--fs-xs)/1.6 var(--body)}[data-design=civic] .f-legal dt{color:var(--ink-3)}[data-design=civic] .f-legal dd{color:var(--ink);font-variant-numeric:tabular-nums}[data-design=civic] .f-legal .tax{color:var(--ink)}[data-design=civic] .site-footer .tbc{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}@media (width<=899px){[data-design=civic] .f-col ul{gap:0}[data-design=civic] .f-col a,[data-design=civic] .f-links a{min-height:44px}[data-design=civic] .f-links{gap:0 20px}}[data-design=civic] .actionbar{background:var(--line-2);border-top-color:var(--line)}[data-design=civic] .actionbar a{font-weight:600}[data-design=civic] .dgroup-h{font-family:var(--body);letter-spacing:.04em}[data-design=civic] .dgroup-h:after{border-top:1px solid var(--line)}[data-design=civic] .loc--wh{box-shadow:none;background:color-mix(in srgb, var(--accent-soft) 45%, var(--card))}[data-design=civic] .tech-ico{border:1px solid var(--line);border-radius:50%}[data-design=civic] .carton:has(+.pdp-moq){border-end-end-radius:0;border-end-start-radius:0}[data-design=civic] .carton+.pdp-moq{border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:var(--card);font:500 var(--fs-xs)/1.3 var(--body);letter-spacing:0;text-transform:none;border-block-start:0}[data-design=civic].dspec,[data-design=civic] .dspec{border-radius:var(--r-lg)}[data-design=civic] .dspec-stats{border-radius:var(--r-lg);padding:24px}[data-design=civic][data-mode=dark]{color-scheme:dark;--paper:#0f151c;--card:#161e27;--sunk:#0b1015;--line:#2d3844;--line-2:#222b35;--ink:#e6ecf2;--ink-2:#b7c2cd;--ink-3:#8e9ba8;--on-ink:#eef2f6;--on-ink-2:#b3beca;--ink-line:#36434f;--c-band:#1b2530;--c-input:#11181f;--c-field:#6b7886;--c-shadow:0 1px 0 #0006;--accent:var(--accent-on-dark);--accent-2:color-mix(in srgb, var(--accent-on-dark) 76%, #fff);--accent-soft:color-mix(in srgb, var(--accent-on-dark) 16%, #121920);--accent-ink:#0a1116;--signal:var(--accent);--signal-2:var(--accent-2);--signal-soft:var(--accent-soft);--link:#8db6ec;--ok:#5cc88a;--ok-soft:#1c322f;--transit:#8db6ec;--transit-soft:#232f3d;--lead:#e0a86e;--lead-soft:#2f2d2b;--danger:#ff8e84;--logo-ink:var(--ink);--logo-accent:var(--accent);--logo-bg:var(--card);background:var(--paper);color:var(--ink)}[data-design=civic][data-mode=dark] .band-ink{background:var(--c-band)}[data-design=civic][data-mode=dark] .on-ink{--logo-bg:var(--c-band);background-color:var(--c-band);border-color:var(--c-band)}[data-design=civic][data-mode=dark] .band-accent{background:color-mix(in srgb, var(--accent-on-dark) 84%, #0f151c);--logo-bg:color-mix(in srgb, var(--accent-on-dark) 84%, #0f151c)}[data-design=civic][data-mode=dark] .band-accent :focus-visible{outline-color:var(--accent-ink)}[data-design=civic][data-mode=dark] .band-accent .btn-ink{--bg:var(--accent-ink);--fg:var(--ink);--bd:var(--accent-ink)}[data-design=civic][data-mode=dark] .band-accent .btn-ink:hover{--bg:#1e2a35;--bd:#1e2a35}[data-design=civic][data-mode=dark] .band-accent .box .btn-ink{--bg:var(--ink);--fg:var(--paper);--bd:var(--ink)}[data-design=civic][data-mode=dark] .band-accent .box .btn-ink:hover{--bg:#c3cdd7;--bd:#c3cdd7}[data-design=civic][data-mode=dark] .btn-ink{--bg:var(--ink);--fg:var(--paper);--bd:var(--ink)}[data-design=civic][data-mode=dark] .btn-ink:hover{--bg:#c3cdd7;--bd:#c3cdd7}[data-design=civic][data-mode=dark] .skip{color:var(--paper)}[data-design=civic][data-mode=dark] .nav a:not(.btn):hover,[data-design=civic][data-mode=dark] .nav-btn:hover,[data-design=civic][data-mode=dark] .nav-btn[aria-expanded=true],[data-design=civic][data-mode=dark] .mega-group a:hover{background:var(--line-2)}[data-design=civic][data-mode=dark] .nav.is-open{box-shadow:0 18px 28px -18px #000000b3}[data-design=civic][data-mode=dark] .mega{box-shadow:0 24px 32px -24px #000c}[data-design=civic][data-mode=dark] .photo{color:#66737f;background:radial-gradient(120% 90% at 50% 30%,#26303b 0%,#1d2630 70%,#1a222b 100%)}[data-design=civic][data-mode=dark] .photo-tag{color:var(--ink-2);background:#090d12db}[data-design=civic][data-mode=dark] .photo--dark{color:#56636f;background:radial-gradient(120% 90% at 50% 30%,#141c25 0%,#090d12 75%)}[data-design=civic][data-mode=dark] .photo--dark .photo-tag{color:var(--on-ink);background:#040609d1}[data-design=civic][data-mode=dark] .shipline .tbc{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 0 -2px 0 var(--accent)}[data-design=civic][data-mode=dark] .wa-preview{--wa:#6cd39b;background:color-mix(in srgb, #25a764 12%, var(--card));color:var(--ink-2);box-shadow:inset 0 0 0 1px #25a76442}[data-design=civic][data-mode=dark] .list-bar select{background:var(--c-input);color:var(--ink)}html[data-design=civic]{--display:"Schibsted Grotesk Variable", "Schibsted Grotesk", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--body:"Public Sans Variable", "Public Sans", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:var(--body)}