:root{--ink:#141618;--muted:#616873;--line:#e2e5e8;--paper:#fff;--wash:#f3f5f7;--accent:#ff5426;--accent-ink:#b53412;--frame:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 "Onest Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.015em}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default;opacity:.45}a,button{transition:background .2s,color .2s,border-color .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #285aef;outline-offset:4px}img{display:block;max-width:100%}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.055em;line-height:1.07}.wrap{max-width:var(--frame);padding:0 44px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.muted{color:var(--muted)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.notice{font-size:12px;color:#737983;border-bottom:1px solid var(--line)}.notice .wrap{display:flex;justify-content:space-between;align-items:center;min-height:29px}.header{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-main{height:80px;display:flex;gap:38px;align-items:center}.logo{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:750;letter-spacing:-1.6px}.logo svg{width:28px;height:34px;stroke:var(--accent);stroke-width:3}.topnav{display:flex;gap:26px;align-items:center;font-size:14px}.topnav a:hover,.topnav a[aria-current="page"]{color:var(--accent-ink)}.search{display:flex;align-items:center;margin-left:auto;background:#f0f2f4;gap:10px;padding:10px 14px;border:1px solid transparent;border-radius:8px;max-width:270px;flex:1}.search:focus-within{border-color:#afb6bf;background:white}.search svg{width:18px;color:#7c838d}.search input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:14px}.header-actions{display:flex;gap:18px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:7px;border-radius:8px;min-width:38px;min-height:38px}.icon-btn:hover{background:var(--wash)}.icon-btn.active{color:var(--accent-ink)}.badge{position:absolute;top:-2px;right:-3px;border-radius:20px;padding:0 4px;min-width:17px;height:17px;font-size:11px;background:var(--accent);color:white;border:2px solid white;line-height:13px;font-weight:600}.badge:empty{display:none}.hero{position:relative;min-height:546px;background:#121416;color:white;isolation:isolate;overflow:hidden}.hero-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0de0 0%,#080a0dc5 25%,#080a0d38 52%,transparent 80%);z-index:-1}.hero .wrap{min-height:546px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding-bottom:64px;padding-top:44px}.hero h1{font-size:clamp(50px,5.6vw,82px);font-weight:550;letter-spacing:-.06em;margin:25px 0 22px;max-width:620px}.hero h1 span{color:#ff815f}.hero-copy{font-size:16px;line-height:1.6;color:#e0e1e5;max-width:330px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:13px 20px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;background:var(--ink);color:#fff}.btn:hover{background:#33383e}.btn.accent{background:var(--accent);color:white}.btn.accent:hover{background:#dd4117}.btn.outline{border-color:#ccd1d7;background:white;color:var(--ink)}.btn.outline:hover{background:var(--wash);border-color:#9ca5af}.btn.light{background:#ffffff15;border-color:#ffffff4f;color:#fff;backdrop-filter:blur(10px)}.btn.light:hover{background:#ffffff30}.hero-actions{display:flex;gap:10px}.hero-foot{position:absolute;bottom:26px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;color:#c0c4ca;font-size:12px;letter-spacing:.05em}.hero-foot strong{color:#f1f2f4;font-weight:500}.hero-foot .serial{font-family:monospace;font-size:12px}.shortcut{display:flex;gap:30px;align-items:center;background:#fff;border-bottom:1px solid var(--line);min-height:86px}.shortcut-title{font-size:14px;color:#66707c;white-space:nowrap}.sizes{display:flex;align-items:center;gap:8px;flex:1}.size-btn{border:1px solid var(--line);border-radius:8px;padding:10px 17px;min-height:44px;font-size:16px;white-space:nowrap}.size-btn:hover,.size-btn.active{background:#20252a;color:#fff;border-color:#20252a}.shortcut>a{font-size:14px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.section{padding-top:60px;padding-bottom:60px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-head h2{font-size:42px}.section-head .eyebrow{color:#626e7c;margin-bottom:14px}.section-head p{font-size:15px;color:#63707b;margin-top:13px;max-width:560px}.link-btn{font-size:14px;padding:7px 0;white-space:nowrap;border-bottom:1px solid #c5cbd1}.link-btn:hover{color:var(--accent-ink);border-color:var(--accent)}.catalog-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:27px}.tab{font-size:14px;padding:10px 17px;border-radius:30px;border:1px solid var(--line);color:#616b76}.tab:hover{background:var(--wash)}.tab.active{background:#1a1d22;color:white;border-color:#1a1d22}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{min-width:0}.card-media{background:#f2f4f6;position:relative;border-radius:12px;aspect-ratio:1.15;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-btn{width:100%;height:100%;padding:17px;display:flex;align-items:center;justify-content:center}.product-image-btn img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product-image-btn:hover img{transform:scale(1.05)}.product-card[data-brand="Xiaomi"] .product-image-btn{padding:0}.product-card[data-brand="Xiaomi"] .product-image-btn img{width:128%;height:128%;max-width:none;flex-shrink:0}.card-tools{position:absolute;right:10px;top:10px;z-index:2;display:flex;gap:3px}.card-tools .icon-btn{background:#ffffffd9;width:33px;height:33px;min-width:33px;min-height:33px}.card-tools svg{width:18px;height:18px}.card-tech{position:absolute;left:13px;top:15px;font-size:11px;font-weight:600;letter-spacing:.07em;color:#626d79;text-transform:uppercase;pointer-events:none}.card-meta{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px;font-size:12px;color:#6c7783}.card-meta .brand{letter-spacing:.1em;text-transform:uppercase}.card-title{font-size:18px;line-height:1.35;letter-spacing:-.025em;min-height:49px;font-weight:600}.card-title a:hover{color:var(--accent-ink)}.card-specs{display:flex;gap:7px;align-items:center;font-size:13px;color:#707985;margin:10px 0 17px;flex-wrap:wrap}.card-specs span+span:before{content:"·";padding-right:7px;color:#a6afb8}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;gap:10px}.card-price{font-size:15px;font-weight:550}.card-price small{display:block;font-size:11px;font-weight:400;color:#858d97;margin-top:2px}.card-bottom .btn{font-size:12px;min-height:38px;padding:9px 12px}.card-compare{display:flex;align-items:center;gap:7px;font-size:13px;color:#6a747f;padding:14px 0 0}.card-compare svg{width:17px;height:17px}.card-compare.active{color:var(--accent-ink)}.tech-section{background:#f3f5f7}.tech-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.tech-feature{background:#12161b;color:white;border-radius:16px;padding:36px;min-height:440px;position:relative;overflow:hidden}.tech-feature h3{font-size:50px;letter-spacing:-.055em;line-height:1.1;margin:12px 0 13px}.tech-feature>p{color:#bdc6d2;font-size:15px;max-width:340px}.tech-feature>img{width:66%;height:260px;object-fit:contain;position:absolute;right:-7%;bottom:30px;background:#fff;border-radius:4px}.tech-feature .btn{position:absolute;left:36px;bottom:35px;z-index:2}.tech-feature .tech-label{font-size:11px;color:#94a3b9;text-transform:uppercase;letter-spacing:.12em}.tech-stack{display:flex;flex-direction:column;gap:20px}.tech-mini{background:white;border-radius:16px;padding:30px;flex:1;position:relative;overflow:hidden}.tech-mini h3{font-size:34px;letter-spacing:-.045em;margin:9px 0 9px}.tech-mini p{font-size:14px;color:#69737e;max-width:280px;margin-bottom:14px}.tech-mini .eyebrow{color:#6d7885;font-size:11px}.tech-mini .link-btn{font-size:13px}.tech-mini .numeral{position:absolute;right:24px;bottom:14px;font-size:88px;letter-spacing:-.08em;line-height:1;color:#d7dde4;pointer-events:none}.fit-callout{padding:45px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.fit-callout h2{font-size:47px;margin:14px 0 20px}.fit-callout p{font-size:15px;color:#65717d;max-width:355px;margin-bottom:23px}.fit-preview{display:flex;align-items:center;gap:20px;justify-content:center}.fit-number{font-size:90px;font-weight:500;letter-spacing:-.09em;line-height:1}.fit-number small{font-size:18px;display:block;letter-spacing:0;color:#76818d;margin-top:12px}.fit-preview .fit-data{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:19px;color:#687482;font-size:13px}.fit-data strong{display:block;color:#22272e;font-size:21px;font-weight:500;letter-spacing:-.03em;margin-bottom:3px}.catalog-intro{padding-top:35px;padding-bottom:30px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:13px;color:#75808b;margin-bottom:25px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.catalog-intro h1{font-size:64px;margin-bottom:13px}.catalog-intro>p{color:#697583;font-size:15px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.toolbar-left{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.catalog-toolbar .catalog-tabs{margin:0}.filter-button{display:flex;align-items:center;gap:8px;border:1px solid #cbd1d8;border-radius:8px;min-height:41px;padding:8px 14px;font-size:14px}.filter-button svg{width:17px;height:17px}.sort{font-size:14px;padding:10px;border:0;background:#f3f5f7;border-radius:8px;max-width:205px}.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.active-filters:empty{display:none}.chip{font-size:13px;border-radius:7px;background:#f0f2f5;padding:8px 12px}.catalog-bottom{padding-bottom:65px}.demo-note{font-size:12px;color:#79838d;margin-top:30px;line-height:1.65}.empty{padding:65px 20px;text-align:center;background:var(--wash);border-radius:14px;grid-column:1/-1}.empty h2{font-size:27px;margin-bottom:12px}.empty p{color:var(--muted);margin-bottom:22px}.pdp{padding-top:35px;padding-bottom:55px}.pdp-main{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:start}.pdp-photo{background:#f3f5f7;border-radius:16px;padding:40px;min-height:530px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pdp-photo img{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply}.pdp-photo.xiaomi img{width:125%;max-width:none;max-height:550px}.pdp-photo-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px;color:#737f8c}.pdp-copy>.eyebrow{color:#6f7e8d;margin:5px 0 16px}.pdp-copy h1{font-size:48px;margin-bottom:15px}.pdp-copy .subline{color:#6c7988;font-size:15px;margin-bottom:25px}.size-options{display:flex;gap:8px;margin:12px 0 26px}.label{font-size:13px;color:#6d7782}.pdp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-bottom:25px}.pdp-stats strong{font-size:24px;letter-spacing:-.04em;font-weight:550;display:block;line-height:1.1;margin-bottom:7px}.pdp-stats span{font-size:12px;color:#778491}.pdp-price{font-size:26px;letter-spacing:-.04em;font-weight:550;margin-bottom:9px}.pdp-note{font-size:13px;color:#7d8791;max-width:400px;margin-bottom:22px}.pdp-actions{display:flex;gap:8px;margin-bottom:25px}.pdp-actions .btn:first-child{flex:1}.pdp-facts{padding:15px 0;border-top:1px solid var(--line);font-size:13px;color:#6f7b89;display:flex;align-items:center;gap:10px}.pdp-facts svg{width:18px;height:18px}.pdp-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:48px;margin-bottom:38px;padding-bottom:17px;font-size:14px;overflow-x:auto;white-space:nowrap}.pdp-content{display:grid;grid-template-columns:1fr 1fr;gap:50px}.pdp-content h2{font-size:32px;margin-bottom:20px}.pdp-content p{font-size:15px;color:#637181;margin-bottom:20px;max-width:580px}.spec-table{width:100%;border-collapse:collapse;font-size:14px}.spec-table th,.spec-table td{padding:14px 0;border-bottom:1px solid var(--line);text-align:left}.spec-table th{font-weight:400;color:#7c8793;width:55%}.spec-table td{font-weight:500}.source{font-size:13px;text-decoration:underline;text-underline-offset:4px}.guide-intro{padding-top:44px;padding-bottom:30px}.guide-intro h1{font-size:64px;margin:18px 0}.guide-intro p{font-size:17px;color:#6d7883;max-width:670px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:55px}.guide-card{padding:35px;border:1px solid var(--line);border-radius:14px}.guide-card h2{font-size:35px;margin-bottom:20px}.guide-card p{font-size:15px;color:#63707d;margin-bottom:18px}.guide-card ul{padding-left:20px;color:#63707d;font-size:15px;line-height:1.8}.guide-card .btn{margin-top:14px}.guide-faq{padding:30px 0 55px}.guide-faq h2{font-size:36px;margin-bottom:25px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px;font-weight:500}details p{font-size:15px;color:#63707d;max-width:800px;margin-top:13px}.footer{background:#12161b;color:white;padding:45px 0 24px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer .logo{font-size:37px;margin-bottom:14px}.footer p{color:#a0aab8;font-size:14px}.footer h2{font-size:13px;letter-spacing:.06em;margin:5px 0 19px;color:#8d9baa;text-transform:uppercase}.footer a{display:block;font-size:14px;color:#c3cbd6;margin-bottom:12px}.footer a:hover{color:#fff}.footer-phone{font-size:21px!important;color:#fff!important;letter-spacing:-.04em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #303741;margin-top:36px;padding-top:20px;color:#778595;font-size:12px}.mobile-nav{display:none}.compare-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:35;background:#161b21;color:white;border-radius:12px;box-shadow:0 10px 40px #0003;padding:11px 13px 11px 19px;display:flex;gap:25px;align-items:center;font-size:14px}.compare-thumbs{display:flex;gap:7px}.compare-thumbs img{width:48px;height:32px;object-fit:contain;background:white;border-radius:4px}.compare-dock .btn{min-height:38px;padding:9px 15px;font-size:13px}.toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:70;background:#151b23;color:white;border-radius:9px;padding:14px 20px;font-size:14px;box-shadow:0 8px 25px #0003;max-width:90%;text-align:center}dialog{padding:0;border:0;border-radius:16px;width:min(1060px,calc(100% - 32px));max-height:calc(100dvh - 36px);color:var(--ink);background:white;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#0b11196b;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line);gap:20px}.dialog-head h2{font-size:25px;letter-spacing:-.035em}.close{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#f2f4f6;width:36px;height:36px;flex-shrink:0}.close svg{width:17px}.drawer{margin:0 0 0 auto;width:min(480px,100%);height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px}.drawer-content{padding:28px}.filter-group{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.filter-group h3{font-size:16px;letter-spacing:-.03em;margin-bottom:12px}.filter-check{display:flex;gap:10px;align-items:center;font-size:15px;padding:6px 0;cursor:pointer}.filter-check input{width:18px;height:18px;accent-color:var(--accent)}.filter-check span{margin-left:auto;font-size:12px;color:#84909b}.filter-footer{display:flex;gap:12px;position:sticky;bottom:0;background:white;padding:18px 28px;border-top:1px solid var(--line)}.filter-footer .btn{flex:1}.bag-item{display:grid;grid-template-columns:96px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.bag-item img{width:96px;height:90px;object-fit:contain}.bag-item h3{font-size:16px;line-height:1.4;margin-bottom:8px}.bag-item p{font-size:13px;color:#758290;margin-bottom:12px}.quantity{display:inline-flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:4px}.quantity button{padding:3px 7px;font-size:18px}.bag-remove{font-size:12px;text-decoration:underline;margin-left:10px;color:#7e8996}.bag-note{margin-top:25px;padding:20px;background:var(--wash);border-radius:10px;font-size:14px;color:#66717f}.bag-note p{margin-bottom:16px}.comparison{padding:24px;overflow:auto}.comparison-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.comparison-top p{font-size:14px;color:#74808c}.toggle{font-size:14px;display:flex;align-items:center;gap:8px}.toggle input{accent-color:var(--accent);width:16px;height:16px}.comparison table{width:100%;border-collapse:collapse;font-size:14px;min-width:650px}.comparison th,.comparison td{padding:17px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:170px}.comparison th{font-weight:400;color:#6e7c8b;min-width:150px}.comparison .different td{background:#fff5f0}.comparison td img{width:175px;height:105px;object-fit:contain;margin-bottom:16px}.comparison td h3{font-size:16px;line-height:1.4;max-width:200px;margin-bottom:8px}.comparison tr:first-child td{padding-top:0}.size-body{padding:30px}.size-body>p{font-size:15px;color:#657384;max-width:660px;margin-bottom:28px}.size-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.range-row{display:flex;align-items:center;justify-content:space-between;font-size:15px}.range-row output{font-size:36px;letter-spacing:-.06em;font-weight:500}.range{width:100%;accent-color:var(--accent);margin:22px 0}.range-ticks{display:flex;justify-content:space-between;font-size:12px;color:#8a96a2;margin-bottom:28px}.wall-input{display:flex;gap:12px;align-items:center;font-size:14px;color:#74818e;margin-top:23px}.wall-input input{width:96px;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:16px;color:var(--ink)}.measure{background:#f2f4f6;padding:35px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.measure-screen{width:100%;aspect-ratio:16/9;border:5px solid #232b34;border-radius:5px;background:#d7dfe8;display:flex;align-items:center;justify-content:center;color:#5e6f82;font-size:29px;font-weight:500;letter-spacing:-.05em}.measure-values{font-size:14px;color:#6f7e8d;margin-top:17px}.measure-values strong{font-size:19px;color:#252f39;font-weight:500}.fit-result{font-size:14px;margin-top:14px;padding:12px;border-radius:7px;background:#e6edf4;color:#3d536d;width:100%;text-align:center}.fit-result.warning{background:#fff0e8;color:#944d24}.size-note{border-top:1px solid var(--line);margin-top:27px;padding-top:19px;font-size:13px;color:#73808e;line-height:1.7}.motion{animation:arrive .45s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero{min-height:580px}.hero .wrap{min-height:580px}.hero h1{font-size:84px}}
@media(max-width:1150px){.wrap{padding:0 30px}.header-main{gap:23px}.topnav{gap:20px}.topnav a:last-child{display:none}.search{max-width:230px}.header-actions{gap:9px}.hero .wrap{padding-top:45px;padding-bottom:70px}.hero h1{font-size:67px}.hero-foot{left:30px;right:30px}.shortcut{gap:20px}.size-btn{padding:9px 13px}.product-grid{gap:16px}.card-title{font-size:16px}.card-bottom{align-items:flex-start;flex-direction:column;gap:13px}.card-bottom .btn{width:100%;font-size:13px}.tech-feature h3{font-size:43px}.tech-feature>img{width:60%;height:240px;right:-6%}.pdp-main{gap:30px}.pdp-photo{min-height:450px;padding:30px}.pdp-copy h1{font-size:40px}.pdp-stats strong{font-size:21px}.fit-callout{padding:35px;gap:25px}}
@media(max-width:850px){.wrap{padding:0 24px}.header-main{height:auto;min-height:78px;flex-wrap:wrap;gap:16px;padding-top:17px;padding-bottom:17px}.topnav{margin-left:auto}.topnav a:last-child{display:inline}.header-actions{gap:9px}.search{order:4;flex-basis:100%;max-width:none;flex-grow:1}.hero,.hero .wrap{min-height:510px}.hero .wrap{padding-top:45px;padding-bottom:70px}.hero h1{font-size:61px}.hero-img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#080a0de0 0%,#080a0db5 39%,#080a0d28 85%)}.hero-foot{left:24px;right:24px}.shortcut{flex-wrap:wrap;gap:14px;padding-top:20px;padding-bottom:20px}.shortcut-title{width:100%}.shortcut>a{font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.card-title{font-size:18px}.card-bottom{flex-direction:row;align-items:center}.card-bottom .btn{width:auto}.tech-layout{grid-template-columns:1fr 1fr}.tech-feature{padding:27px;min-height:460px}.tech-feature h3{font-size:40px}.tech-feature .btn{left:27px;bottom:28px}.tech-feature>img{bottom:115px;width:85%;right:-8%;height:220px}.tech-feature>p{font-size:14px}.tech-mini{padding:25px}.tech-mini h3{font-size:31px}.tech-mini .numeral{display:none}.section-head h2{font-size:36px}.section{padding-top:44px;padding-bottom:44px}.fit-callout{grid-template-columns:1fr 1fr;gap:25px;padding:28px}.fit-callout h2{font-size:36px}.fit-number{font-size:65px}.fit-preview{gap:14px}.fit-preview .fit-data{padding-left:17px}.fit-data strong{font-size:17px}.pdp-main{grid-template-columns:1fr;gap:35px}.pdp-photo{min-height:460px}.pdp-copy h1{font-size:48px}.pdp-content{gap:30px}.catalog-toolbar{flex-wrap:wrap}.sort{max-width:100%}.guide-intro h1,.catalog-intro h1{font-size:54px}.guide-card{padding:27px}.size-layout{gap:25px}.measure{padding:25px}.footer-top{gap:25px}}
@media(max-width:600px){body{padding-bottom:65px}.wrap{padding:0 18px}.notice .wrap{justify-content:center;font-size:11px;min-height:25px}.notice span:last-child{display:none}.header-main{min-height:68px;padding-top:14px;padding-bottom:14px;gap:12px}.logo{font-size:28px;gap:7px}.logo svg{width:25px;height:30px}.topnav{display:none}.header-actions{margin-left:auto;gap:10px}.header-actions .icon-btn{padding:3px;min-height:30px;min-width:30px}.header-actions [data-favorites]{display:none}.header-actions svg{width:21px}.search{padding:9px 12px;border-radius:7px}.search input{font-size:14px}.hero,.hero .wrap{min-height:570px}.hero .wrap{justify-content:flex-start;padding-top:39px;padding-bottom:60px}.hero .eyebrow{font-size:11px}.hero h1{font-size:54px;max-width:355px;margin:20px 0 18px;letter-spacing:-.06em}.hero-copy{font-size:15px;max-width:280px;margin-bottom:24px}.hero-img{object-position:65% center}.hero:after{background:linear-gradient(180deg,#0a0d11d9 0%,#0a0d11b8 47%,#0a0d1140 78%,#0a0d1199 100%)}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions .btn{font-size:13px;min-height:43px;padding:11px 14px}.hero-foot{left:18px;right:18px;bottom:20px;display:block;font-size:11px}.hero-foot .serial{display:none}.hero-foot strong{font-size:12px}.shortcut{padding-top:19px;padding-bottom:19px;gap:13px}.shortcut-title{font-size:13px}.sizes{width:100%;gap:6px;flex:0 0 100%;overflow-x:auto;scrollbar-width:none}.size-btn{font-size:14px;padding:9px 13px;min-height:40px}.shortcut>a{font-size:13px}.section{padding-top:34px;padding-bottom:34px}.section-head{gap:12px;margin-bottom:22px;align-items:flex-end}.section-head h2{font-size:30px;max-width:270px}.section-head .eyebrow{font-size:11px;margin-bottom:11px}.section-head p{font-size:14px}.section-head .link-btn{font-size:12px}.catalog-tabs{gap:6px;margin-bottom:22px}.tab{font-size:13px;padding:8px 13px}.product-grid{gap:27px 12px}.card-media{border-radius:10px;aspect-ratio:1}.product-image-btn{padding:8px}.card-tools{top:6px;right:6px}.card-tools .icon-btn{width:29px;height:29px;min-height:29px;min-width:29px}.card-tools svg{width:16px;height:16px}.card-tech{font-size:9px;left:10px;top:14px;letter-spacing:.035em}.card-meta{font-size:11px;margin-top:13px}.card-title{font-size:14px;line-height:1.4;min-height:59px;letter-spacing:-.01em}.card-specs{font-size:11px;gap:4px;margin:8px 0 13px}.card-specs span+span:before{padding-right:4px}.card-bottom{flex-direction:column;align-items:stretch;gap:12px;padding-top:12px}.card-price{font-size:13px}.card-price small{font-size:10px}.card-bottom .btn{font-size:12px;min-height:38px;width:100%}.card-compare{font-size:12px;padding-top:12px;gap:5px}.card-compare svg{width:15px;height:15px}.tech-layout{grid-template-columns:1fr;gap:14px}.tech-feature{min-height:420px;padding:26px}.tech-feature h3{font-size:44px}.tech-feature>p{max-width:245px}.tech-feature>img{width:70%;height:190px;bottom:47px;right:-6%}.tech-feature .btn{left:26px;bottom:27px;font-size:13px}.tech-stack{gap:14px}.tech-mini{padding:26px;min-height:208px}.tech-mini h3{font-size:34px}.tech-mini .numeral{display:block;font-size:72px;right:19px}.tech-mini p{max-width:225px}.fit-callout{grid-template-columns:1fr;padding:27px;gap:35px;border-radius:12px}.fit-callout h2{font-size:37px;max-width:290px}.fit-callout p{font-size:14px}.fit-preview{justify-content:flex-start;gap:22px}.fit-number{font-size:79px}.fit-data strong{font-size:19px}.fit-preview .fit-data{padding-left:22px;gap:13px}.fit-number small{font-size:14px}.catalog-intro{padding-top:26px;padding-bottom:22px}.catalog-intro h1{font-size:45px;margin-bottom:10px}.catalog-intro>p{font-size:14px}.breadcrumbs{font-size:12px;margin-bottom:23px;gap:8px}.catalog-toolbar{padding:17px 0;gap:13px;margin-bottom:20px}.toolbar-left{gap:13px;width:100%}.catalog-toolbar .catalog-tabs{order:2;flex-basis:100%}.sort{font-size:13px;flex:1;min-width:0;width:100%}.filter-button{font-size:13px}.catalog-bottom{padding-bottom:35px}.demo-note{font-size:11px}.pdp{padding-top:25px;padding-bottom:35px}.pdp-main{gap:25px}.pdp-photo{min-height:310px;padding:22px}.pdp-photo img{max-height:260px}.pdp-photo.xiaomi img{max-height:320px}.pdp-photo-caption{font-size:11px;left:18px;right:18px;bottom:16px}.pdp-copy h1{font-size:38px}.pdp-copy .eyebrow{font-size:11px;margin-bottom:14px}.pdp-copy .subline{font-size:14px;margin-bottom:22px}.pdp-stats{padding:20px 0;gap:12px}.pdp-stats strong{font-size:22px}.pdp-stats span{font-size:11px}.pdp-price{font-size:23px}.pdp-note{font-size:12px}.pdp-actions .btn{font-size:13px;padding:12px 13px}.pdp-tabs{gap:24px;margin-top:35px;margin-bottom:28px;font-size:13px}.pdp-content{grid-template-columns:1fr;gap:30px}.pdp-content h2{font-size:29px}.pdp-content p{font-size:14px}.spec-table{font-size:13px}.guide-intro{padding-top:29px}.guide-intro h1{font-size:45px}.guide-intro p{font-size:15px}.guide-grid{grid-template-columns:1fr;gap:15px;padding-bottom:25px}.guide-card{padding:26px}.guide-card h2{font-size:31px}.guide-card p,.guide-card ul{font-size:14px}.guide-faq h2{font-size:30px}summary{font-size:16px}details p{font-size:14px}.footer{padding:32px 0 28px}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-top>div:first-child{grid-column:1/-1}.footer h2{font-size:11px;margin-bottom:15px}.footer a{font-size:13px}.footer .logo{font-size:33px}.footer-phone{font-size:17px!important}.footer-bottom{flex-direction:column;gap:7px;font-size:11px;margin-top:25px;padding-top:18px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:space-around;padding:9px 8px max(9px,env(safe-area-inset-bottom));min-height:65px}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#71808d;padding:0 5px}.mobile-nav svg{width:21px;height:21px}.mobile-nav .active{color:var(--accent-ink)}.compare-dock{bottom:79px;left:14px;right:14px;transform:none;padding:10px 12px;gap:12px;justify-content:space-between;font-size:12px}.compare-thumbs{display:none}.compare-dock .btn{font-size:12px}.toast{top:160px;font-size:13px}.dialog-head{padding:19px 21px}.dialog-head h2{font-size:22px}.drawer-content{padding:21px}.drawer{border-radius:0;width:100%}.filter-footer{padding:17px 21px}.filter-check{font-size:14px}.comparison{padding:18px}.comparison-top{align-items:flex-start;flex-direction:column}.comparison-top p,.toggle{font-size:13px}.comparison th,.comparison td{font-size:13px;min-width:155px;padding:15px 12px}.comparison td img{width:150px;height:95px}.comparison td h3{font-size:14px}.size-body{padding:23px}.size-body>p{font-size:14px}.size-layout{grid-template-columns:1fr;gap:25px}.range-row{font-size:14px}.range-row output{font-size:33px}.measure{padding:23px}.measure-values{font-size:13px}.measure-values strong{font-size:17px}.size-note{font-size:12px}.bag-item{grid-template-columns:82px 1fr;gap:16px}.bag-item img{width:82px;height:76px}.bag-item h3{font-size:15px}.bag-note{font-size:13px}.empty{padding:45px 18px}.empty h2{font-size:25px}.empty p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.tech-feature{min-height:500px}.tech-feature>img{width:55%;height:165px;bottom:85px;right:24px;border-radius:6px}.tech-feature>p{max-width:370px}.tech-feature .btn{bottom:30px}
@media(max-width:850px){.tech-feature{min-height:490px}.tech-feature>img{width:76%;height:150px;bottom:85px;right:24px}}
@media(max-width:600px){.tech-feature{min-height:510px}.tech-feature>img{width:66%;height:145px;bottom:85px;right:24px}.tech-feature h3{font-size:39px;line-height:1.1}.tech-feature>p{max-width:280px}.hero h1{font-size:50px}.footer-phone{white-space:nowrap}.footer-top{grid-template-columns:1fr 1.1fr}}
@media(max-width:600px){.hero,.hero .wrap{min-height:480px}}

.expert-note{background:#eff4f1;border:1px solid #d7e2db;border-radius:18px;padding:24px;margin-top:24px}.expert-note h3{font-size:22px;margin:10px 0}.expert-note p{font-size:14px;line-height:1.7}.expert-note .eyebrow{color:#426354}.expert-note small{display:block;color:#56645d;margin-top:16px}.expert-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.editorial{padding-top:70px;padding-bottom:70px}.editorial h1{font-size:clamp(36px,5vw,68px);letter-spacing:-.05em;line-height:1.07;max-width:900px}.editorial .link-btn{white-space:normal;overflow-wrap:anywhere}.editorial h1{overflow-wrap:anywhere}.editorial .lead{max-width:750px;font-size:19px;line-height:1.6;color:#66706b}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{border:1px solid #ddd;border-radius:20px;padding:28px;background:#f7f8f6}.story h3{font-size:26px;letter-spacing:-.03em}.story p{line-height:1.7;color:#626a64}.cinema-panel{background:#152421;color:#fff;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:32px 0}.projection-scene{position:relative;min-height:250px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#6c8480 0%,#253e38 50%,#172b25 80%);border-radius:16px}.projection-screen{width:85%;aspect-ratio:16/9;border:5px solid #111;background:radial-gradient(ellipse at 25% 70%,#fbb896,transparent 45%),radial-gradient(ellipse at 75% 20%,#558e97,transparent 50%),linear-gradient(145deg,#162b3e,#719296);box-shadow:0 12px 60px #b5d3c055}.projection-screen span{display:block;text-align:center;padding-top:20%;font-size:34px;font-weight:600}.wizard-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wizard-fields label{display:grid;gap:10px;font-weight:600}.wizard-fields select,.wizard-fields input{width:100%;padding:15px;border:1px solid #ccc;border-radius:10px;background:#fff;color:#172820;font:inherit}.wizard-box{background:#f3f5f1;padding:30px;border-radius:20px;margin:30px 0}.wizard-result{margin-top:28px;line-height:1.8}.wizard-result h2{font-size:30px}.contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chat-fab{position:fixed;right:22px;bottom:28px;z-index:25;border:0;border-radius:50px;background:#183c2b;color:#fff;padding:17px 22px;font:600 14px inherit;box-shadow:0 8px 30px #0003;cursor:pointer}.chat-log{display:grid;gap:14px;max-height:45vh;overflow:auto;padding:20px}.chat-bubble{background:#edf2ee;padding:16px;border-radius:14px;line-height:1.7}.chat-bubble.user{background:#183c2b;color:#fff;margin-left:25px}.chat-form{padding:20px;display:flex;gap:8px}.chat-form input{min-width:0;flex:1;padding:14px;border:1px solid #ccc;border-radius:10px;font:inherit}.chat-status{padding:0 20px;color:#68736b;font-size:12px;line-height:1.6}.legal-content{max-width:840px;line-height:1.85}.legal-content h2{font-size:25px;margin-top:30px}.draft-banner{padding:18px;border:1px solid #dcc48c;background:#fff8e6;border-radius:12px;line-height:1.6;margin:24px 0}.video-block{background:#eef1ef;border-radius:20px;padding:30px;margin-top:30px}.video-block h2{font-size:28px}.video-shell{aspect-ratio:16/9;background:#162822;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}.video-shell iframe{width:100%;height:100%;border:0}.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;font-size:13px}.empty-filter-preview{display:flex;gap:10px;flex-wrap:wrap}.empty-filter-preview span{padding:10px 16px;border:1px solid #536b61;border-radius:30px;font-size:13px}.landing-hero{padding:45px;border-radius:22px;background:#e9eee8;margin:25px 0}.landing-hero h2{font-size:36px;letter-spacing:-.035em}.footer .link-btn{text-align:left}.video-caption{font-size:13px;color:#66756b;margin-top:12px}
@media(max-width:800px){.expert-grid,.cinema-panel,.story-grid{grid-template-columns:1fr}.wizard-fields{grid-template-columns:1fr}.cinema-panel{padding:25px}.chat-fab{bottom:83px;right:12px;padding:14px 17px}.editorial{padding-top:35px;padding-bottom:35px}.wizard-box,.landing-hero{padding:22px}.story{padding:23px}.projection-scene{min-height:200px}.chat-form{padding:12px}.chat-form .btn{padding:10px}.legal-links{gap:12px}.expert-note{padding:20px}}
#tv-finder-dialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0;padding:0;color:#16211d;background:#fff;box-shadow:-20px 0 80px #0002;overflow:hidden}#tv-finder-dialog::backdrop{background:#10171399}#tv-finder-dialog *{box-sizing:border-box}.finder-toolbar{height:76px;padding:20px 30px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee}.finder-toolbar button{border:0;background:none;color:inherit;font:600 13px inherit;cursor:pointer;padding:8px 0}.finder-body{height:calc(100dvh - 76px);overflow:auto;padding:26px 32px 50px;overscroll-behavior:contain}.finder-body h2{font-size:38px;line-height:1.14;letter-spacing:-.04em;margin:16px 0 20px;font-weight:750}.finder-body p{font-size:15px;line-height:1.65;color:#59665e;margin:12px 0 22px}.finder-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#6c776f;margin:24px 0 12px}.finder-hint{font-size:12px;color:#67736b;margin:22px 0 12px}.finder-progress{height:6px;border-radius:5px;background:#e8ebe8;margin-bottom:30px;overflow:hidden}.finder-progress span{display:block;height:100%;background:#ff5428;border-radius:5px;transition:width .2s}.finder-options{padding:0;margin:0;border:0;display:grid;gap:12px}.finder-option{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e7e1;border-radius:12px;background:#f7f8f6;padding:21px 20px;cursor:pointer;font-size:15px;font-weight:600;min-height:66px}.finder-option:hover{border-color:#929f96}.finder-option.selected{background:#fff3ed;border-color:#ff5428}.finder-option input{width:20px;height:20px;margin:0;accent-color:#ff5428;flex-shrink:0}.finder-primary{border:0;border-radius:9px;padding:16px 22px;background:#ff5428;color:#fff;font:600 14px inherit;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}.finder-primary:disabled{background:#f3c5b6;cursor:default}.finder-next-row{display:flex;justify-content:flex-end;margin-top:25px}.finder-secondary{border:1px solid #d1d9d2;background:#fff;border-radius:9px;padding:15px 20px;font:600 14px inherit;cursor:pointer}.finder-time{font-size:13px;font-weight:600;margin:20px 0}.finder-small{font-size:11px!important;color:#79837b!important;margin-top:24px!important}.finder-art{height:190px;background:radial-gradient(ellipse at 70% 20%,#7b9583,#24342d);border-radius:16px;padding:25px;display:grid;place-items:center}.finder-screen{height:100%;width:auto;max-width:100%;aspect-ratio:16/9;background:linear-gradient(145deg,#c17b55,#303b3c 70%);border:5px solid #111;color:#fff;display:grid;place-content:center;text-align:center;font-size:22px;letter-spacing:-.03em;box-shadow:0 15px 35px #0004}.finder-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.finder-summary{background:#f4f6f2;border-radius:12px;padding:18px;margin:25px 0}.finder-summary summary{cursor:pointer;font-size:14px;font-weight:600}.finder-summary div{display:grid;gap:5px;margin:18px 0;font-size:12px}.finder-summary span{color:#67736b}.finder-result{border:1px solid #dfe6df;border-radius:18px;padding:24px;margin:24px 0}.finder-result img{width:100%;height:180px;object-fit:contain;background:#f3f5f2;border-radius:12px;margin:12px 0}.finder-result h3{font-size:24px;letter-spacing:-.025em;line-height:1.25;margin:16px 0}.finder-result h4{font-size:13px;margin:22px 0 12px}.finder-result ul{padding-left:18px;color:#56635b;font-size:13px;line-height:1.7}.finder-result li{margin:8px 0}.finder-empty{padding:24px;background:#eff3ee;border-radius:16px;margin:24px 0}.finder-launch{padding:36px;border-radius:20px;background:#e9eee8;margin:30px 0}.finder-launch h2{font-size:32px;letter-spacing:-.03em;margin-bottom:16px}.finder-launch p{max-width:650px;line-height:1.7;margin-bottom:22px}.finder-toolbar button:focus-visible,.finder-primary:focus-visible,.finder-secondary:focus-visible{outline:3px solid #2769be;outline-offset:3px}.finder-option:focus-within{outline:2px solid #2769be;outline-offset:2px}
@media(max-width:640px){.finder-toolbar{padding:16px 20px;height:68px}.finder-body{padding:20px 22px 35px;height:calc(100dvh - 68px)}.finder-body h2{font-size:31px}.finder-option{padding:18px 16px;font-size:14px}.finder-art{height:170px}.finder-launch{padding:24px}.finder-launch h2{font-size:28px}}


@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/268f03691b3d06e5.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/68e5e01d6265bd68.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/14e7d3079b75860e.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/052df74533250c2e.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:'Onest Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/onest-ruble.woff2) format('woff2-variations');unicode-range:U+20BD}










:root{--font-body:"Onest Variable",Arial,sans-serif;--font-heading:"Onest Variable",Arial,sans-serif}
body,#home-view{font-family:var(--font-body)!important;font-weight:400;letter-spacing:0;font-optical-sizing:auto}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,#home-view .mc-hero h1,#home-view .mc-section-head h2,#home-view .mc-guide-panel h2,#home-view .mc-editorial h2{font-family:var(--font-heading);font-weight:650}
#home-view .mc-hero h1{font-size:clamp(44px,4.45vw,64px);line-height:1.06;letter-spacing:-.045em;max-width:580px}
#home-view .mc-hero-title{display:block;color:#17211e}#home-view .mc-hero-tagline{display:block;color:#69776c}
#home-view .mc-hero p{font-size:16px;line-height:1.7;letter-spacing:0}
#home-view .mc-section-head h2{font-size:38px;letter-spacing:-.035em}
.card-title,.card-title a{font-family:var(--font-body);font-weight:600;letter-spacing:-.015em}
.card-specs,.spec-table,.comparison,.card-price,.pdp-stats{font-variant-numeric:tabular-nums}
#home-view .mc-button{font-weight:600;letter-spacing:0;font-size:14px}
@media(max-width:800px){
.mc-prototype-bar{padding:5px 16px;font-size:10px}
#home-view .mc-frame{padding-left:18px;padding-right:18px}
#home-view .mc-mini-mobile{padding-top:0;gap:22px;min-height:42px;align-items:center;font-size:13px;margin-bottom:0}
#home-view .mc-hero{grid-template-columns:1fr;padding-top:10px;padding-bottom:18px;gap:14px}
#home-view .mc-hero .mc-kicker{display:none}
#home-view .mc-hero h1{font-size:clamp(25px,7.2vw,30px);font-weight:650;line-height:1.12;letter-spacing:-.03em;margin:0 0 10px;max-width:100%}
#home-view .mc-hero .mc-desktop-break{display:none}
#home-view .mc-hero-title{display:block;color:#17211e}
#home-view .mc-hero-tagline{display:block;font-size:22px;line-height:1.2;font-weight:450;letter-spacing:-.02em;margin-top:5px}
#home-view .mc-hero p{font-size:14px;line-height:1.5;margin:0;max-width:100%}
#home-view .mc-hero .mc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0}
#home-view .mc-hero .mc-button{display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 7px;font-size:12px;line-height:1.25;white-space:nowrap;border-radius:8px}
#home-view .mc-hero-photo{height:168px;border-radius:12px}
#home-view .mc-photo-label{left:12px;right:12px;bottom:12px;font-size:8px;gap:10px}
#home-view .mc-cats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px}
#home-view .mc-cat{display:block;min-width:0;padding:13px 0 0;gap:0}
#home-view .mc-cat-number{font-size:9px;letter-spacing:.05em;line-height:1.5}
#home-view .mc-cat h2{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:7px 0}
#home-view .mc-cat p{font-size:11px;line-height:1.5;margin:0}
#home-view .mc-cat-icon{display:none}
#home-view .mc-section-head{align-items:flex-start;gap:12px;margin-bottom:18px}
#home-view .mc-section-head h2{font-size:25px;line-height:1.12}
#home-view #models .mc-section-head .mc-kicker{display:none}
#home-view #models .mc-section-head h2{margin:0;max-width:220px}
#home-view #models .mc-section-head a{margin-top:4px;font-size:11px;white-space:nowrap}
#home-view .mc-section{padding-top:26px;padding-bottom:26px}
#home-view .catalog-tabs{margin-bottom:18px}
#home-view .mc-guide-panel h2,#home-view .mc-editorial h2,#home-view .mc-help h2{font-size:26px;line-height:1.16}
.card-title{font-size:15px;line-height:1.4}
.chat-fab{min-height:44px;padding:10px 14px;font-size:12px;right:12px;bottom:86px}
}
@media(max-width:800px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.footer-top>div{min-width:0}.footer-phone{font-size:16px}.footer-top a{overflow-wrap:anywhere}}
@media(max-width:360px){#home-view .mc-hero-tagline{font-size:20px}#home-view .mc-hero .mc-button{font-size:11px}#home-view .mc-cat h2{font-size:16px}#home-view .mc-cat p{font-size:10px}}



.mobile-search-toggle,.mobile-search-close{display:none}
@media(max-width:800px){
.header .search{display:none;order:4;flex-basis:100%;max-width:none;margin-left:0;align-items:center}
.header.search-open .search{display:flex}
.header .mobile-search-toggle{display:inline-flex;min-width:44px;min-height:44px;padding:8px}
.header .mobile-search-toggle[aria-expanded="true"]{background:#e5ebe4;color:#263e30}
.header .mobile-search-close{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;margin:-6px -8px -6px 0;flex-shrink:0}
.header .mobile-search-close svg{width:18px;height:18px}
.header .search input{font-size:16px}
.header-main{min-height:72px;row-gap:10px}
}



@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/95729fc1ce53fbd5.woff2) format('woff2')}
/* Common Russian/Latin headings keep the original outlines with a smaller font transfer. */
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/roboto-condensed-900-ru-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0400-052F,U+2000-206F,U+20BD,U+2116}
:root{--v-paper:#f7f6f2;--v-ink:#191a1b;--v-orange:#fa633b;--v-line:#dcdcd6;--v-header-height:80px;--font-body:"Onest Variable",Arial,sans-serif;--font-heading:"Onest Variable",Arial,sans-serif}
html{scroll-padding-top:90px}html.motion-off{scroll-behavior:auto}body{background:var(--v-paper);color:var(--v-ink)}
.v-display{font-family:"Roboto Condensed",Arial,sans-serif!important;font-weight:900!important;text-transform:uppercase;letter-spacing:-.025em;line-height:.98;margin:0}
.visual-home{background:var(--v-paper);color:var(--v-ink);overflow:clip}
#home-view a{text-decoration:none;color:inherit}#home-view button{font-family:var(--font-body)}
.v-wrap{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(24px,4.3vw,76px)}
.v-kicker{font-family:var(--font-body);font-size:11px;font-weight:550;line-height:1.5;text-transform:uppercase;letter-spacing:.11em}
.v-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:32px}
.v-section-head h2{font-size:clamp(42px,5.5vw,80px);margin-top:20px}
.v-section-head>p{font-size:15px;line-height:1.65;color:#aaa;max-width:360px;margin:0 0 4px}
.v-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:14px;line-height:1.4;font-weight:550;padding-bottom:8px;border-bottom:1px solid currentColor;transition:gap .25s ease}
.v-text-link:hover{gap:46px}.v-text-link span{font-size:24px;font-weight:400}
.v-pill{min-height:52px;border-radius:100px;padding:15px 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid transparent;font-size:13px;font-weight:550;line-height:1.3;cursor:pointer;transition:background .2s,color .2s,transform .2s;text-decoration:none}
.v-pill span{font-size:22px;font-weight:400;line-height:1}.v-pill:hover{transform:translateY(-2px)}
#home-view .v-pill-light{background:white;color:#17191b}.v-pill-glass{background:#ffffff0c;color:white;border-color:#ffffff55;backdrop-filter:blur(10px)}
.v-pill-glass:hover{background:#fff2}#home-view .v-pill-dark{background:#1b1c1d;color:white}
.v-actions{display:flex;gap:12px;flex-wrap:wrap}.v-round-arrow{display:flex;justify-content:center;align-items:center;width:56px;height:56px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff70;color:white;font-size:28px;font-weight:400;transition:transform .25s,background .25s}
.v-hero{position:relative;overflow:hidden;height:100svh;min-height:700px;background:#191512;color:white;isolation:isolate}
.v-hero-backdrop{position:absolute;inset:-4% 0 -4%;z-index:-2;overflow:hidden;will-change:transform}
.v-hero-backdrop>picture{display:block;width:100%;height:100%}.v-hero-image{height:100%;width:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.02)}
.v-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080706c9 0%,#08070652 14%,transparent 32%),linear-gradient(90deg,#080706d1 0%,#08070688 37%,#0807060d 65%),linear-gradient(0deg,#08070691 0%,transparent 32%)}
.v-hero-content{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:calc(var(--v-header-height) + 42px);padding-bottom:24px}
.v-hero-kicker{display:flex;align-items:center;gap:10px;color:#eee}.v-live-dot{width:6px;height:6px;background:var(--v-orange);border-radius:50%;flex-shrink:0}
.v-hero-body{margin-block:40px;max-width:760px}.v-hero h1{font-size:clamp(80px,8.6vw,138px);letter-spacing:-.035em;line-height:.9;color:#fff;max-width:760px}
.v-title-line{display:block;overflow:hidden;padding-bottom:.045em}.v-title-line>span{display:block}
.v-hero-body>p{font-size:16px;line-height:1.65;font-weight:400;color:#f2eeea;margin:28px 0 28px;max-width:400px}
.v-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;line-height:1.5;color:#c2bdb8}
.v-scroll-hint{display:inline-flex;align-items:center;gap:28px;font-size:12px;color:white!important}.v-scroll-hint>span{font-size:22px;line-height:1}
.v-image-note{margin-left:auto}.v-motion-button{border:1px solid #ffffff40;border-radius:100px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#e4ddd7;background:#0002;font-size:10px;cursor:pointer}
.v-pause-mark{font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1}
.v-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:90px}
.v-intro h2{font-size:clamp(38px,4.8vw,69px);margin-top:20px}.v-intro>p{font-size:18px;line-height:1.75;max-width:450px;margin:28px 0 0;color:#5b5a56}
.v-categories{display:grid;grid-template-columns:1fr 1fr;gap:3px;scroll-margin-top:80px}
.v-category{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:440px;aspect-ratio:1.32;color:white!important;background:#171d21}
.v-category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 50%;z-index:-2;transition:transform 1s cubic-bezier(.2,.65,.2,1)}
.v-category .v-category-tv{object-position:72% 50%}.v-category::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0dcc 0%,#080a0d0d 58%,#080a0d55 100%)}
.v-category-top{position:absolute;top:30px;left:34px;right:34px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;font-size:10px;text-transform:uppercase;letter-spacing:.08em;line-height:1.6;color:#ffffffba}
.v-category-index{font-size:18px;letter-spacing:-.02em;font-weight:500;color:#fff}
.v-category-bottom{position:absolute;bottom:36px;left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.v-category h2{font-size:clamp(36px,4.65vw,72px);letter-spacing:-.015em;margin:0 0 15px}.v-category p{font-size:12px;line-height:1.6;max-width:280px;margin:0;color:#ddd}
@media(hover:hover){.v-category:hover img{transform:scale(1.06)}.v-category:hover .v-round-arrow{background:white;color:#1a1b1c;transform:rotate(45deg)}}
.v-models{padding-top:95px;padding-bottom:95px}.v-model-tools{display:flex;justify-content:space-between;align-items:center;margin-top:36px;margin-bottom:26px;gap:20px}.v-model-tools .catalog-tabs{margin:0}
.v-model-caption{font-size:11px;color:#68685f}#home-view .catalog-tabs{gap:6px}.visual-home .tab{border:1px solid #deded7;border-radius:100px;background:transparent;color:#65645f;padding:10px 19px;min-height:41px;font-size:12px}.visual-home .tab.active{background:#1b1d1e;color:white;border-color:#1b1d1e}
.visual-home .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.visual-home .product-card{background:transparent}.visual-home .card-media{border-radius:0;aspect-ratio:1.09;background:#fff;border:1px solid #eeede7;transition:background .3s}
.visual-home .card-media img{transition:transform .6s cubic-bezier(.2,.65,.2,1)}.visual-home .card-tech{left:13px;top:14px;background:#f4f3ee;border-radius:100px;padding:5px 9px;font-size:9px;letter-spacing:.035em;color:#5a5a55}
.visual-home .card-tools{right:10px;top:9px}.visual-home .card-tools .icon-btn{background:transparent}.visual-home .card-meta{color:#68685f;font-size:11px;margin-top:19px}.visual-home .card-meta .brand{color:#272823;font-weight:600}
.visual-home .card-title{font-size:17px;line-height:1.45;letter-spacing:-.02em;margin:10px 0 13px}.visual-home .card-specs{color:#68685f;font-size:10px}.visual-home .card-specs span{background:transparent;border:1px solid #e0e0d9;border-radius:4px;padding:4px 6px}
.visual-home .card-bottom{border-color:#dcdcd4;padding-top:16px}.visual-home .card-price{font-size:13px;letter-spacing:-.015em;font-weight:550}.visual-home .card-price small{font-size:9px;font-weight:400;color:#68685f;margin-top:5px}
.visual-home .card-bottom .btn{background:transparent;color:#1b1c1d;border:1px solid #d2d2c9;border-radius:100px;padding:9px 13px;font-size:10px;min-height:34px}.visual-home .card-compare{font-size:10px;color:#68685f}.visual-home .card-compare.active{color:#bb3c1c}
@media(hover:hover){.visual-home .product-card:hover .card-media img{transform:scale(1.04)}.visual-home .product-card:hover .card-media{background:#fdfdfb}}
.v-demo-note{font-size:10px!important;line-height:1.65!important;color:#68685f!important;margin:28px 0 0!important;max-width:740px}
.v-experience{background:#171a1c;color:#f4f2ed;padding-block:90px}.v-experience .v-kicker{color:#a5a8a7}.v-experience .v-section-head h2{font-size:clamp(48px,6.3vw,92px)}
.v-experience-tabs{display:flex;gap:36px;border-bottom:1px solid #ffffff26;margin:46px 0 38px}.v-experience-tabs button{position:relative;flex:1;display:flex;align-items:center;gap:16px;text-align:left;border:0;color:#888c8d;background:none;padding:0 0 19px;cursor:pointer;font-size:11px;transition:color .25s;line-height:1.5}
.v-experience-tabs button span{font-size:14px}.v-experience-tabs button.is-active{color:#fff}.v-experience-tabs button::after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:var(--v-orange);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.v-experience-tabs button.is-active::after{transform:scaleX(1)}
.v-scene{display:grid;grid-template-columns:1.35fr 1fr;gap:0;min-height:420px}.v-scene-visual{position:relative;overflow:hidden;min-height:420px;background:#1f2326}.v-scene-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:66% 50%;transition:opacity .18s,transform 1s;transform:scale(1.01)}
.v-scene-visual.is-product{background:#f7f7f6}.v-scene-visual.is-product img{object-fit:contain;padding:30px;object-position:center}.v-scene-photo-label{position:absolute;bottom:16px;left:20px;color:#eee;font-size:9px;line-height:1.4;padding:5px 8px;background:#0005;border-radius:3px;z-index:1}
.v-scene-copy{display:flex;flex-direction:column;justify-content:center;background:#222628;padding:40px 45px}.v-scene-copy h3{font-size:clamp(36px,4vw,61px);margin:22px 0 23px;letter-spacing:-.015em}.v-scene-copy p{font-size:13px;line-height:1.8;color:#b5b8b8;margin:0;max-width:400px}.v-scene-copy .v-text-link{color:#fff;margin-top:33px;align-self:flex-start;font-size:12px;gap:20px}.v-scene.is-changing img{opacity:0}.v-scene.is-changing .v-scene-copy{opacity:.65}.v-scene-copy{transition:opacity .18s}
.v-editorial{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:65px;padding-top:100px;padding-bottom:100px}.v-editorial-copy h2{font-size:clamp(40px,5vw,75px);margin-top:23px}.v-editorial-lead{font-size:15px;line-height:1.8;color:#67675f;max-width:440px;margin:25px 0 28px}.v-expert-points{border-top:1px solid var(--v-line);margin-bottom:28px;max-width:430px}.v-expert-points>div{display:flex;gap:32px;border-bottom:1px solid var(--v-line);padding:15px 0;align-items:flex-start}.v-expert-points>div>span{color:#b74323;font-size:11px;line-height:1.8}.v-expert-points p{font-size:12px;line-height:1.7;margin:0;color:#57584e}.v-editorial-copy .v-demo-note{margin-top:14px!important}
.v-editorial-visual{background:#ebece7;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px;min-height:540px;overflow:hidden}.v-editorial-product-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#62645b}.v-editorial-visual>img{width:100%;height:auto;max-height:400px;object-fit:contain;margin:auto;mix-blend-mode:multiply;transition:transform .8s}.v-editorial-visual-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#585d52}.v-editorial-visual .v-round-arrow{color:#242821!important;border-color:#979e904d;width:45px;height:45px;font-size:25px}
.v-guide{background:#f0663d;color:#221b16;padding-block:85px}.v-guide-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.v-guide h2{font-size:clamp(55px,7vw,102px);margin-top:23px}.v-guide p{font-size:14px;line-height:1.8;max-width:450px;margin:27px 0;color:#342317}.v-guide .v-pill{margin-top:3px}.v-guide-projector-link{display:block;font-size:11px;margin-top:22px;line-height:1.7}.v-guide-steps{border-top:1px solid #6e301945}.v-guide-steps>div{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid #6e301945}.v-guide-steps>div>span{font-size:12px;color:#342317}.v-guide-steps>div>span:last-child{margin-left:auto;font-size:23px;color:#342317}.v-guide-steps>div p{font-size:16px;font-weight:450;line-height:1.5;color:#342317;margin:0}.v-guide-size{display:block;border:0;background:none;text-align:left;padding:28px 0 0;font-size:12px;color:#342317;line-height:1.8;cursor:pointer}.v-guide-size span{display:block;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#342317;margin-top:4px}
.v-help{display:flex;justify-content:space-between;gap:70px;align-items:center;padding-top:78px;padding-bottom:80px}.v-help h2{font-size:clamp(44px,5.2vw,76px);margin-top:20px}.v-help>div>p{font-size:13px;line-height:1.7;color:#7b7a71;margin:20px 0 0}.v-help-actions{min-width:270px}.v-help-actions>.v-pill{width:100%;min-height:55px}.v-messengers{display:flex;gap:20px;justify-content:space-between;margin-top:22px;font-size:11px;line-height:1.5}.v-messengers button{border:0;padding:0;background:none;cursor:pointer;color:#5c5d54}.v-help-actions .v-demo-note{font-size:9px!important;margin-top:16px!important;max-width:350px}
.header .header-main{gap:32px}.header .logo{letter-spacing:-.055em;font-size:29px}.header .logo svg{width:25px;height:29px}.header .topnav{font-size:12px;gap:28px}.header .search{border-radius:100px;background:#f1f1ec;border:1px solid #e0e0d9;min-height:40px;padding:0 15px;font-size:12px}.header .search input{font-size:12px}.header .header-actions{gap:8px}.header .icon-btn{width:36px;height:36px;min-width:36px;border-radius:50%}
.footer{background:#191c1e;color:#ddded8;padding-top:55px}.footer .logo{font-size:37px;letter-spacing:-.06em}.footer-top h2{font-size:12px}.footer-top a,.footer-top .link-btn{font-size:12px;line-height:1.8}.footer-top p{font-size:12px;color:#949791;line-height:1.7}.footer .legal-links{gap:20px}.footer .legal-links a{font-size:10px;color:#8f948d}.footer-bottom{font-size:10px;color:#818680}.footer-phone{font-size:18px!important;letter-spacing:-.04em}
.chat-fab{border-radius:100px;background:#fbfbf5;color:#252820;border:1px solid #d6d8cf;box-shadow:0 8px 28px #00000012;font-size:11px;padding:13px 18px;min-height:46px}.chat-fab svg{width:18px;height:18px}
.visual-home :focus-visible{outline:3px solid #2b71d0;outline-offset:5px}.v-hero :focus-visible,.v-experience :focus-visible{outline-color:#ffba91}
.motion-enabled [data-reveal]{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled [data-reveal]:not(.is-visible){opacity:0;transform:translateY(28px)}
/* The hero title stays visible from first paint; only the photo moves gently. */
.motion-enabled .v-hero-image{animation:v-ken-burns 22s ease-in-out infinite alternate}
.motion-enabled .v-scroll-hint>span{animation:v-scroll-cue 2.4s ease-in-out infinite}.motion-enabled .v-live-dot{animation:v-dot 3s ease-in-out infinite}
@keyframes v-ken-burns{from{transform:scale(1.02)}to{transform:scale(1.075)}}@keyframes v-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes v-dot{0%,100%{opacity:1}50%{opacity:.45}}
.motion-off [data-reveal]{opacity:1!important;transform:none!important}.motion-off .v-hero-image,.motion-off .v-title-line>span,.motion-off .v-scroll-hint>span,.motion-off .v-live-dot{animation:none!important}.motion-off .v-hero-backdrop{transform:none!important}.motion-off .v-category img,.motion-off .card-media img,.motion-off .v-round-arrow,.motion-off .v-pill,.motion-off .v-scene-copy,.motion-off .v-scene-visual img{transition:none!important}
@media(min-width:1600px){.v-category{aspect-ratio:1.55;min-height:500px}}
@media(max-width:1100px){.header .header-main{gap:22px}.header .topnav{gap:18px}.header .search{max-width:205px}.v-hero h1{font-size:100px}.v-intro{gap:40px}.v-category{min-height:390px;aspect-ratio:1.12}.v-category-top,.v-category-bottom{left:24px;right:24px}.v-round-arrow{width:45px;height:45px;font-size:24px}.v-editorial{gap:38px}.v-scene-copy{padding:32px}.v-guide-grid{gap:45px}.v-guide-steps>div p{font-size:14px}.v-models .product-grid{gap:16px}.visual-home .card-title{font-size:15px}.visual-home .card-bottom{flex-direction:column;align-items:stretch}.visual-home .card-bottom .btn{text-align:center;justify-content:center}.v-editorial-visual{min-height:480px}}
@media(max-width:800px){
  :root{--v-header-height:66px}html{scroll-padding-top:66px}.v-wrap{padding-inline:20px}.v-kicker{font-size:9px;letter-spacing:.07em}.v-display{letter-spacing:-.02em}
  .header .header-main{min-height:66px;height:auto;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header .logo{font-size:25px;gap:7px}.header .logo svg{width:21px;height:25px}.header .topnav{display:none}.header .header-actions{gap:4px;margin-left:auto}.header .icon-btn{width:32px;height:32px;min-width:32px}.header .icon-btn svg{width:19px;height:19px}.header .search{max-width:none;min-height:42px;border-radius:6px;flex-basis:100%}.header.search-open .search{display:flex}.header .search .mobile-search-close{width:30px;height:32px;flex-shrink:0}
  .v-hero{height:586px;min-height:0}.v-hero-content{padding-top:calc(var(--v-header-height) + 23px);padding-bottom:19px}.v-hero-backdrop{inset:0}.v-hero-image{object-position:72% 50%}.v-hero::before{background:linear-gradient(180deg,#0c0906b8 0%,transparent 30%),linear-gradient(0deg,#0c0906e6 0%,#0c0906bb 32%,#0c090617 80%),linear-gradient(90deg,#00000060 0%,transparent 75%)}.v-hero-body{margin:0;margin-top:auto;margin-bottom:26px;max-width:520px}.v-hero h1{font-size:clamp(47px,10.5vw,72px);line-height:.9;letter-spacing:-.022em;max-width:500px}.v-hero-body>p{font-size:13px;line-height:1.65;margin:18px 0 21px;max-width:300px}.v-actions{gap:8px;flex-wrap:nowrap}.v-pill{padding:13px 17px;font-size:12px;min-height:45px;gap:15px}.v-pill span{font-size:19px}.v-hero .v-pill{padding:12px 14px;font-size:11px;gap:12px;flex:1;max-width:220px;min-height:43px}.v-hero-bottom{gap:10px;font-size:8px}.v-image-note{font-size:7px}.v-scroll-hint{font-size:9px;gap:18px}.v-scroll-hint>span{font-size:18px}.v-motion-button{padding:7px 10px;min-width:30px;min-height:30px}.v-motion-label{display:none}
  .v-intro{gap:28px;padding-block:43px;grid-template-columns:1.1fr 1fr}.v-intro h2{font-size:clamp(27px,4.5vw,37px);margin-top:13px}.v-intro>p{font-size:11px;line-height:1.75;margin:16px 0 0;max-width:none}.v-intro>p br{display:none}
  .v-categories{gap:2px;scroll-margin-top:66px}.v-category{min-height:0;aspect-ratio:.79}.v-category-top{top:17px;left:16px;right:16px;font-size:8px;gap:6px}.v-category-top>span:first-child{max-width:160px}.v-category-index{font-size:12px}.v-category-bottom{bottom:20px;left:16px;right:16px;gap:7px;display:block}.v-category h2{font-size:clamp(24px,4.8vw,39px);margin-bottom:11px}.v-category p{font-size:9px;line-height:1.6;max-width:200px}.v-category .v-round-arrow{width:30px;height:30px;font-size:19px;margin-top:17px}.v-category img{object-position:60% 50%}.v-category .v-category-tv{object-position:71% 50%}
  .v-section-head{align-items:flex-start;gap:20px;margin-bottom:25px}.v-section-head h2{font-size:36px;margin-top:14px}.v-section-head>.v-text-link{font-size:10px;gap:12px;margin-top:25px;flex-shrink:0}.v-text-link{font-size:12px;gap:20px}.v-text-link span{font-size:20px}.v-models{padding-top:45px;padding-bottom:45px}.v-model-tools{margin-top:22px;margin-bottom:22px;gap:12px}.v-model-caption{display:none}.visual-home .tab{font-size:10px;padding:8px 14px;min-height:35px}.visual-home .product-grid{grid-template-columns:1fr 1fr;gap:27px 14px}.visual-home .card-media{aspect-ratio:1.08}.visual-home .card-tech{left:9px;top:10px;font-size:8px;padding:4px 7px}.visual-home .card-tools{right:5px;top:4px}.visual-home .card-tools .icon-btn{width:31px;height:31px;min-width:31px}.visual-home .card-meta{font-size:9px;margin-top:12px}.visual-home .card-title{font-size:13px;line-height:1.5;margin:8px 0 10px}.visual-home .card-specs{font-size:8px;gap:5px}.visual-home .card-specs span{padding:3px 4px}.visual-home .card-price{font-size:11px}.visual-home .card-price small{font-size:8px;line-height:1.6}.visual-home .card-bottom{gap:12px;padding-top:12px;flex-direction:column;align-items:stretch}.visual-home .card-bottom .btn{font-size:9px;min-height:34px}.visual-home .card-compare{font-size:9px;min-height:32px}.v-demo-note{font-size:9px!important;margin-top:23px!important}
  .v-experience{padding-block:45px}.v-experience .v-section-head{display:block}.v-experience .v-section-head h2{font-size:47px}.v-section-head>p{font-size:12px;line-height:1.7;margin-top:19px}.v-experience-tabs{gap:13px;margin-top:28px;margin-bottom:23px}.v-experience-tabs button{display:block;font-size:9px;padding-bottom:15px}.v-experience-tabs button span{display:block;font-size:11px;margin-top:7px;line-height:1.4}.v-scene{grid-template-columns:1fr;min-height:0}.v-scene-visual{min-height:0;aspect-ratio:1.5}.v-scene-visual img{object-position:70% 50%}.v-scene-copy{padding:26px 24px 28px;min-height:277px}.v-scene-copy h3{font-size:37px;margin:17px 0 17px}.v-scene-copy p{font-size:12px;line-height:1.8}.v-scene-copy .v-text-link{margin-top:23px;font-size:11px}.v-scene-photo-label{font-size:8px;left:12px;bottom:12px}
  .v-editorial{grid-template-columns:1fr;gap:31px;padding-top:45px;padding-bottom:45px}.v-editorial-copy h2{font-size:42px;margin-top:14px}.v-editorial-lead{font-size:12px;line-height:1.8;margin-top:19px;margin-bottom:22px}.v-expert-points{margin-bottom:23px;max-width:none}.v-expert-points>div{gap:27px;padding:13px 0}.v-expert-points p{font-size:11px}.v-expert-points p br{display:none}.v-editorial-visual{min-height:0;height:320px;padding:22px}.v-editorial-product-label{font-size:8px}.v-editorial-visual>img{max-height:232px;width:95%;margin:auto}.v-editorial-visual-foot{font-size:10px}.v-editorial-visual .v-round-arrow{width:34px;height:34px;font-size:20px}
  .v-guide{padding-block:45px}.v-guide-grid{grid-template-columns:1fr;gap:35px}.v-guide h2{font-size:64px;margin-top:17px}.v-guide p{font-size:12px;line-height:1.75;margin:21px 0}.v-guide p br{display:none}.v-guide-projector-link{font-size:10px;margin-top:18px}.v-guide-steps>div{padding:17px 0;gap:20px}.v-guide-steps>div p{font-size:13px}.v-guide-steps>div>span{font-size:10px}.v-guide-steps>div>span:last-child{font-size:20px}.v-guide-size{padding-top:22px;font-size:11px}
  .v-help{padding-block:45px;display:block}.v-help h2{font-size:43px;margin-top:17px}.v-help>div>p{font-size:12px;margin-top:17px}.v-help-actions{margin-top:26px;min-width:0;max-width:450px}.v-help-actions>.v-pill{min-height:47px}.v-messengers{font-size:11px;gap:16px;margin-top:20px}.footer{padding-top:40px}.footer .logo{font-size:32px}.footer .legal-links{gap:13px 18px}.footer-bottom{font-size:9px}.footer-top p{font-size:11px}.footer-top a,.footer-top .link-btn{font-size:11px}.footer-phone{font-size:17px!important}.chat-fab{min-height:40px;font-size:10px;padding:10px 13px;right:12px;bottom:85px}.mobile-nav{background:#fbfbf8f5;backdrop-filter:blur(14px)}
}
@media(max-width:440px){.header-main.wrap{padding-inline:16px}.v-wrap{padding-inline:18px}.v-hero{height:536px}.v-hero h1{font-size:clamp(42px,12.5vw,55px)}.v-hero-content{padding-top:calc(var(--v-header-height) + 21px)}.v-hero-body{margin-bottom:23px}.v-intro{display:block;padding-block:35px}.v-intro h2{font-size:33px}.v-intro>p{font-size:12px;line-height:1.75;margin-top:18px;max-width:335px}.v-section-head h2{font-size:33px}.v-section-head>.v-text-link{font-size:9px;gap:8px;max-width:90px}.v-section-head>.v-text-link span{font-size:18px}.v-category-top{left:13px;right:13px;top:13px;font-size:7px}.v-category-index{display:none}.v-category-bottom{left:13px;right:13px;bottom:17px}.v-category h2{font-size:27px}.v-category p{font-size:8px}.v-models .product-grid{gap:25px 12px}.v-scene-copy{padding:24px 21px;min-height:285px}.v-editorial-copy h2{font-size:39px}.v-editorial-visual{height:275px;padding:20px}.v-editorial-visual>img{max-height:197px}.v-guide h2{font-size:60px}.v-image-note{max-width:100px;text-align:right}.v-help h2{font-size:39px}}
@media(max-width:350px){.header .logo{font-size:23px}.header .icon-btn{width:29px;height:31px;min-width:29px}.header .header-actions{gap:2px}.header .header-main{gap:8px}.v-hero .v-pill{font-size:10px;padding-inline:11px;gap:7px}.v-hero h1{font-size:43px}.v-category h2{font-size:24px}.v-section-head h2{font-size:30px}.v-hero-kicker{font-size:8px}.v-experience-tabs button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-enabled [data-reveal]{opacity:1!important;transform:none!important}.v-hero-backdrop{transform:none!important}}



/* Shared colours: media and cinematic sections retain their own art direction. */
:root {
  --ui-bg: #f7f6f2;
  --ui-surface: #ffffff;
  --ui-surface-2: #edeee8;
  --ui-text: #191d1b;
  --ui-muted: #62685f;
  --ui-border: #d4d8cf;
  --ui-control-border: #788273;
  --ui-glass: #f7f6f2f5;
  --ui-button: #202722;
  --ui-button-text: #ffffff;
  --ui-button-hover: #354239;
  --ui-accent-text: #ab351a;
  --ui-accent-solid: #ba3c1d;
  --ui-accent-soft: #fff0e9;
  --ui-focus: #245dcc;
  --ui-success-bg: #edf3ec;
  --ui-success-text: #30543d;
  --ui-warning-bg: #fff4df;
  --ui-warning-text: #754414;
  --ui-scheme: light;
  --ui-media: #eef0ec;
  --ui-media-text: #384039;
  --mobile-bar-height: 0px;
}
:root[data-theme="dark"] {
  --ui-bg: #131719;
  --ui-surface: #1c2225;
  --ui-surface-2: #252e31;
  --ui-text: #f0f2ed;
  --ui-muted: #b3bdb5;
  --ui-border: #3b4748;
  --ui-control-border: #74877d;
  --ui-glass: #131719f5;
  --ui-button: #edf1e9;
  --ui-button-text: #18211b;
  --ui-button-hover: #d4dfd0;
  --ui-accent-text: #ffab8f;
  --ui-accent-solid: #ba3c1d;
  --ui-accent-soft: #3a2925;
  --ui-focus: #91bcff;
  --ui-success-bg: #22372c;
  --ui-success-text: #b9dfc5;
  --ui-warning-bg: #392d1c;
  --ui-warning-text: #f4cf9c;
  --ui-scheme: dark;
  --ui-media: #e5e9e2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --ui-bg: #131719; --ui-surface: #1c2225; --ui-surface-2: #252e31;
    --ui-text: #f0f2ed; --ui-muted: #b3bdb5; --ui-border: #3b4748; --ui-control-border: #74877d;
    --ui-glass: #131719f5; --ui-button: #edf1e9; --ui-button-text: #18211b;
    --ui-button-hover: #d4dfd0; --ui-accent-text: #ffab8f;
    --ui-accent-soft: #3a2925; --ui-focus: #91bcff;
    --ui-success-bg: #22372c; --ui-success-text: #b9dfc5;
    --ui-warning-bg: #392d1c; --ui-warning-text: #f4cf9c;
    --ui-scheme: dark; --ui-media: #e5e9e2;
  }
}
:root {
  --ink: var(--ui-text); --muted: var(--ui-muted); --line: var(--ui-border);
  --paper: var(--ui-bg); --wash: var(--ui-surface-2);
  --accent-ink: var(--ui-accent-text);
  --v-paper: var(--ui-bg); --v-ink: var(--ui-text); --v-line: var(--ui-border);
  color-scheme: var(--ui-scheme);
  background: var(--ui-bg);
  scrollbar-gutter: stable;
  scroll-padding-top: calc(var(--v-header-height, 80px) + 18px);
}
body { background: var(--ui-bg); color: var(--ui-text); }
:is(body.is-home, body:has(#home-view:not([hidden]))) .mc-prototype-bar { display: none; }
body:has(dialog[open]) { overflow: hidden; }
::selection { background: var(--ui-accent-text); color: var(--ui-bg); }
input, select, textarea { accent-color: var(--v-orange); }
input::placeholder, textarea::placeholder { color: var(--ui-muted); opacity: 1; }
:is(button, a, input, select, textarea, summary):focus-visible,
.visual-home :focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 4px; }
.finder-option:focus-within { outline-color: var(--ui-focus); }
.wrap, .v-wrap {
  --mobiat-content-gutter: max(clamp(18px, 4vw, 64px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  padding-inline: var(--mobiat-content-gutter);
}
:is(.pdp-copy, .pdp-content>div, .v-help>div, .v-scene-copy, .story, .guide-card) { min-width: 0; }
:is(.card-title, .pdp-copy h1, .story h3, .finder-result h3, .legal-content) { overflow-wrap: anywhere; }

/* Opaque surfaces use the selected theme. The first-screen header stays clear. */
.header { background: var(--ui-glass); color: var(--ui-text); border-color: var(--ui-border); }
.header .header-main { gap: clamp(16px, 2vw, 30px); }
.header .header-actions { gap: 4px; flex-shrink: 0; }
.header .topnav { font-size: 13px; }
.header .topnav a { display: inline-flex; align-items: center; min-height: 44px; }
.header .logo { white-space: nowrap; flex-shrink: 0; }
.header .icon-btn { width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 10px; }
.header .search { min-width: 120px; max-width: 245px; min-height: 44px; background: var(--ui-surface-2); border-color: var(--ui-border); color: var(--ui-text); }
.header .search input { font-size: 14px; color: inherit; }
.header .search input::placeholder, .header .search svg { color: var(--ui-muted); }
.header .search:focus-within { border-color: var(--ui-focus); background: var(--ui-surface); }
.header .badge { border-color: var(--ui-bg); }
.badge { background: var(--ui-accent-solid); }
.header .topnav a[aria-current="page"] { color: var(--ui-accent-text); }
.header .mobile-search-toggle[aria-expanded="true"] { background: var(--ui-surface-2); }
.theme-toggle { position: relative; }
.theme-toggle svg { width: 21px; height: 21px; }
.theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon-sun { display: block; }
:root[data-theme="dark"] .theme-icon-moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .theme-icon-sun { display: block; }
  :root:not([data-theme]) .theme-icon-moon { display: none; }
}
.theme-settings { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #ffffff26; }
.theme-settings-label { font-size: 13px; color: #e5e9e1; }
.theme-options { display: flex; gap: 6px; flex-wrap: wrap; }
.theme-option { border: 1px solid #71806b; border-radius: 100px; min-height: 44px; padding: 10px 16px; font-size: 12px; color: #d6ded3; }
.theme-option:hover { background: #ffffff12; }
.theme-option[aria-pressed="true"] { background: #eaf0e5; border-color: #eaf0e5; color: #1a261b; }

/* Catalogue, product pages and editorial copy. */
.btn { background: var(--ui-button); color: var(--ui-button-text); }
.btn:hover { background: var(--ui-button-hover); }
.btn.outline { background: var(--ui-surface); border-color: var(--ui-control-border); color: var(--ui-text); }
.btn.outline:hover { background: var(--ui-surface-2); border-color: var(--ui-muted); }
.btn.accent, .finder-primary { background: var(--ui-accent-solid); color: #fff; }
.btn.accent:hover, .finder-primary:hover:not(:disabled) { background: #a83215; }
.btn.light { background: #ffffff15; color: #fff; border-color: #ffffff5f; }
.btn.light:hover { background: #ffffff30; }
.tab, .visual-home .tab { background: transparent; border-color: var(--ui-control-border); color: var(--ui-muted); min-height: 44px; }
.size-btn { border-color: var(--ui-control-border); }
.tab.active, .visual-home .tab.active, .size-btn.active, .size-btn:hover { background: var(--ui-button); border-color: var(--ui-button); color: var(--ui-button-text); }
.card-media, .visual-home .card-media, .pdp-photo, .v-editorial-visual { background: var(--ui-media); border-color: var(--ui-border); color: var(--ui-media-text); color-scheme: light; }
.visual-home .product-card:hover .card-media { background: var(--ui-media); }
.card-media .card-tech, .visual-home .card-tech { color: var(--ui-media-text); background: #ffffffdc; }
.card-media .card-tools .icon-btn, .visual-home .card-tools .icon-btn { background: #ffffffe6; color: #354139; }
.card-media .card-tools .icon-btn.active { color: #ae351a; }
.pdp-photo-caption, .v-editorial-product-label, .v-editorial-visual-foot { color: var(--ui-media-text); }
.card-meta, .visual-home .card-meta, .card-specs, .visual-home .card-specs,
.card-price small, .visual-home .card-price small, .card-compare, .visual-home .card-compare { color: var(--ui-muted); }
.visual-home .card-meta .brand { color: var(--ui-text); }
.visual-home .card-specs span, .visual-home .card-bottom { border-color: var(--ui-border); }
.visual-home .card-bottom .btn { color: var(--ui-text); border-color: var(--ui-control-border); background: var(--ui-surface); }
.visual-home .card-bottom .btn:hover { background: var(--ui-surface-2); }
.card-compare.active, .visual-home .card-compare.active { color: var(--ui-accent-text); }
.filter-button { border-color: var(--ui-control-border); }
.link-btn { border-color: var(--ui-border); }
.sort, .chip, .measure, .wizard-box, .video-block, .finder-launch, .finder-summary, .finder-empty { background: var(--ui-surface-2); color: var(--ui-text); }
.guide-card, .story, .expert-note { background: var(--ui-surface); border-color: var(--ui-border); }
:is(.section-head, .catalog-intro, .guide-intro, .guide-card, .pdp-copy, .pdp-content, .editorial, .story, .expert-note, .video-block) :is(p, ul),
.breadcrumbs, .label, .pdp-stats span, .pdp-note, .pdp-facts, .spec-table th, .demo-note,
.expert-note .eyebrow, .expert-note small, .video-caption, .fit-data, .fit-number small,
.v-intro>p, .v-model-caption, .v-editorial-lead, .v-expert-points p, .v-help>div>p, .v-messengers button { color: var(--ui-muted); }
.editorial .lead, .pdp-copy .subline, .pdp-copy>.eyebrow, .section-head .eyebrow, .fit-callout p { color: var(--ui-muted); }
.cinema-panel p { color: #d0dbd3; }
.v-scene-photo-label { background: #121a16d9; color: #f0f3ee; }
.visual-home .v-demo-note { color: var(--ui-muted) !important; }
.v-expert-points>div>span { color: var(--ui-accent-text); }
#home-view .v-pill-dark { background: var(--ui-button); color: var(--ui-button-text); }
.v-hero { height: auto; }
.v-hero-content { height: auto; min-height: max(700px, 100vh); min-height: max(700px, 100svh); }
.v-categories { scroll-margin-top: 0; }
.spec-table { table-layout: fixed; }
.spec-table th, .spec-table td { overflow-wrap: anywhere; }
.wizard-fields :is(select, input), .chat-form input, .wall-input input {
  background: var(--ui-surface); border-color: var(--ui-control-border); color: var(--ui-text);
}
.draft-banner { background: var(--ui-warning-bg); border-color: var(--ui-warning-text); color: var(--ui-warning-text); }
.legal-content .draft-banner p { color: inherit; }
.footer { color: #e5e9e1; }
.footer :is(.legal-links a, .footer-bottom, .footer-top p) { color: #aeb8aa; }

/* Dialogs and every step of the finder follow the same theme. */
dialog, #tv-finder-dialog { background: var(--ui-surface); color: var(--ui-text); }
dialog { overscroll-behavior: contain; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
dialog::backdrop, #tv-finder-dialog::backdrop { background: #090e13a6; }
.dialog-head, .finder-toolbar { background: var(--ui-surface); border-color: var(--ui-border); flex-shrink: 0; }
.dialog-head { position: sticky; top: 0; z-index: 3; }
.close { width: 44px; height: 44px; min-width: 44px; background: var(--ui-surface-2); }
.drawer[open], #tv-finder-dialog[open], #compare-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.drawer, #tv-finder-dialog { height: 100vh; max-height: 100vh; height: 100dvh; max-height: 100dvh; }
.drawer-content { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.filter-footer { position: static; flex-shrink: 0; display: flex; gap: 12px; padding: 20px 28px max(20px, env(safe-area-inset-bottom)); border-top: 1px solid var(--ui-border); background: var(--ui-surface); }
.filter-footer .btn { flex: 1; }
.filter-check { min-height: 44px; }
.filter-check span, .bag-item p, .bag-remove, .bag-note, .comparison-top p,
.comparison th, .size-body>p, .range-ticks, .wall-input, .measure-values, .size-note { color: var(--ui-muted); }
.quantity button { min-width: 40px; min-height: 40px; }
.bag-remove { display: inline-flex; min-height: 44px; align-items: center; }
.measure-values strong, .fit-data strong { color: var(--ui-text); }
.fit-result { background: var(--ui-success-bg); color: var(--ui-success-text); }
.fit-result.warning { background: var(--ui-warning-bg); color: var(--ui-warning-text); }
.comparison { flex: 1; min-height: 0; overscroll-behavior: contain; }
.comparison .different td { background: var(--ui-accent-soft); }
.comparison th { position: sticky; left: 0; z-index: 1; background: var(--ui-surface); }
.comparison td img, .finder-result img { background: var(--ui-media); border-radius: 8px; padding: 8px; }
.bag-item img { background: var(--ui-media); border-radius: 8px; padding: 8px; }
.finder-toolbar { height: auto; min-height: 76px; }
.finder-toolbar button { min-height: 44px; font-size: 13px; font-weight: 550; }
.finder-body { height: auto; flex: 1; min-height: 0; padding-bottom: max(40px, env(safe-area-inset-bottom)); }
.finder-body p, .finder-kicker, .finder-hint, .finder-summary span, .finder-result ul { color: var(--ui-muted); }
.finder-body .finder-small { color: var(--ui-muted) !important; }
.finder-progress { background: var(--ui-surface-2); }
.finder-option, .finder-secondary { color: var(--ui-text); background: var(--ui-surface-2); border-color: var(--ui-control-border); }
.finder-option:hover { border-color: var(--ui-muted); }
.finder-option.selected { background: var(--ui-accent-soft); border-color: var(--v-orange); }
.finder-primary:disabled { background: var(--ui-surface-2); color: var(--ui-muted); opacity: .65; }
.finder-result { border-color: var(--ui-border); }
.chat-bubble { background: var(--ui-surface-2); color: var(--ui-text); }
.chat-bubble.user { background: var(--ui-success-bg); color: var(--ui-success-text); }
.chat-status { color: var(--ui-muted); }
.chat-fab { background: var(--ui-surface); color: var(--ui-text); border-color: var(--ui-border); bottom: calc(var(--mobile-bar-height) + 18px); }
.mobile-nav { background: var(--ui-glass); border-color: var(--ui-border); }
.mobile-nav :is(a, button) { color: var(--ui-muted); }
.mobile-nav .active { color: var(--ui-accent-text); }
.compare-dock { bottom: calc(var(--mobile-bar-height) + 16px); }
.compare-dock .btn { background: #edf1e9; color: #18211b; }
body:has(.compare-dock:not([hidden])) .chat-fab { bottom: calc(var(--mobile-bar-height) + 96px); }

@media (max-width: 1200px) {
  .header .topnav { gap: 18px; }
  .header .search { max-width: 200px; }
  .product-grid, .visual-home .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
  .card-bottom, .visual-home .card-bottom { flex-direction: row; align-items: center; }
  .pdp-main { gap: 32px; }
}
@media (max-width: 1024px) {
  :root { --mobile-bar-height: calc(64px + env(safe-area-inset-bottom)); --v-header-height: calc(66px + env(safe-area-inset-top)); }
  body { padding-bottom: var(--mobile-bar-height); }
  .header .header-main { height: auto; min-height: 66px; flex-wrap: wrap; gap: 10px; padding-top: calc(10px + env(safe-area-inset-top)); padding-bottom: 10px; }
  .header .topnav { display: none; }
  .header .header-actions { margin-left: auto; gap: 2px; }
  .header .search { display: none; order: 4; flex-basis: 100%; max-width: none; min-width: 0; margin-left: 0; min-height: 48px; border-radius: 10px; }
  .header.search-open .search { display: flex; }
  .header .mobile-search-toggle, .header .mobile-search-close { display: inline-flex; }
  .header .search .mobile-search-close { width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: 0 -10px 0 0; }
  .header .search input, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea, .sort { font-size: 16px; }
  .mobile-nav { display: flex; position: fixed; inset: auto 0 0; z-index: 40; backdrop-filter: blur(18px); border-top: 1px solid var(--ui-border); padding: 6px max(10px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)); min-height: var(--mobile-bar-height); justify-content: space-around; }
  .mobile-nav :is(a, button) { display: flex; position: relative; flex: 1; min-width: 0; min-height: 50px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 11px; padding: 0 2px; }
  .mobile-nav .badge { top: 0; right: calc(50% - 23px); }
  .mobile-nav svg { width: 21px; height: 21px; }
  .compare-dock { left: 16px; right: 16px; transform: none; gap: 14px; min-height: 64px; padding: 10px 14px; justify-content: space-between; font-size: 12px; }
  .compare-thumbs { display: none; }
  .chat-fab { right: max(16px, env(safe-area-inset-right)); }
  .v-intro, .v-editorial, .v-help { gap: 36px; }
  .v-hero { min-height: 0; }
  .v-hero-content { min-height: 600px; min-height: max(600px, calc(100svh - var(--mobile-bar-height))); }
  .v-hero h1 { font-size: clamp(76px, 9vw, 96px); }
  .v-scene-copy { padding: 32px 28px; }
  .v-guide-grid { gap: 40px; }
  .pdp-main { grid-template-columns: 1fr; }
  .pdp-photo { min-height: 360px; }
  .pdp-content { gap: 30px; }
}
@media (max-width: 800px) {
  .wrap, .v-wrap, .header-main.wrap {
    --mobiat-content-gutter: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    padding-inline: var(--mobiat-content-gutter);
  }
  .v-hero { height: auto; min-height: 0; }
  .v-hero-content { min-height: 520px; min-height: clamp(520px, 74svh, 620px); gap: 24px; }
  .v-hero h1 { font-size: clamp(44px, 10.5vw, 70px); }
  .v-hero-body { margin-top: auto; }
  .v-hero-body>p { font-size: 14px; }
  .v-hero .v-pill { min-height: 48px; font-size: 12px; min-width: 0; }
  .v-image-note { display: none; }
  .v-motion-button { min-width: 44px; min-height: 44px; }
  .v-hero-bottom { font-size: 10px; }
  .v-scroll-hint { font-size: 11px; min-height: 44px; }
  .v-text-link { min-height: 44px; font-size: 13px; }
  .v-intro>p, .v-category p { font-size: 12px; }
  .v-category p { font-size: 11px; }
  .v-category-top { font-size: 9px; }
  .v-models .product-grid, .product-grid { gap: 26px 16px; }
  .card-title, .visual-home .card-title { font-size: 15px; line-height: 1.45; }
  .card-meta, .visual-home .card-meta { font-size: 11px; }
  .card-specs, .visual-home .card-specs { font-size: 10px; }
  .card-price, .visual-home .card-price { font-size: 13px; }
  .card-price small, .visual-home .card-price small { font-size: 10px; }
  .card-bottom, .visual-home .card-bottom { flex-direction: column; align-items: stretch; gap: 12px; }
  .card-bottom .btn, .visual-home .card-bottom .btn { min-height: 44px; font-size: 12px; justify-content: center; }
  .card-compare, .visual-home .card-compare { min-height: 44px; font-size: 12px; padding-top: 8px; }
  .card-tools .icon-btn, .visual-home .card-tools .icon-btn { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
  .visual-home .v-demo-note, .visual-home .v-help-actions .v-demo-note { font-size: 11px !important; }
  .v-expert-points p, .v-editorial-lead, .v-help>div>p { font-size: 13px; }
  .v-messengers button { min-height: 44px; font-size: 12px; }
  .v-experience-tabs button { min-height: 56px; font-size: 10px; }
  .v-experience-tabs button span { font-size: 12px; }
  .story-grid, .expert-grid, .pdp-content { grid-template-columns: 1fr; }
  .cinema-panel { padding: 28px; gap: 24px; }
  .editorial { padding-top: 36px; padding-bottom: 44px; }
  .editorial .lead { font-size: 16px; }
  .story p, .guide-card p, .guide-card ul { font-size: 14px; }
  .theme-settings { align-items: flex-start; gap: 14px; }
}
@media (max-width: 600px) {
  .header .header-actions [data-compare-open], .header .header-actions [data-favorites] { display: none; }
  .header .logo { font-size: 25px; }
  .header .logo svg { width: 22px; }
  .header .header-main { gap: 8px; }
  .wrap, .v-wrap, .header-main.wrap {
    --mobiat-content-gutter: max(16px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    padding-inline: var(--mobiat-content-gutter);
  }
  .catalog-toolbar { gap: 14px; }
  .catalog-toolbar .toolbar-left { flex: 1; }
  .catalog-tabs { gap: 6px; }
  .tab, .visual-home .tab, .filter-button, .sort { min-height: 44px; }
  .active-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .chip { flex-shrink: 0; min-height: 44px; }
  .pdp-copy h1 { font-size: clamp(30px, 8.5vw, 44px); }
  .pdp-actions { flex-wrap: wrap; }
  .pdp-actions .btn { min-height: 48px; }
  .pdp-actions .btn:first-child { flex-basis: 100%; }
  .pdp-actions .btn:nth-child(2) { flex: 1; }
  .pdp-actions .btn:last-child { min-width: 48px; }
  .pdp-photo { min-height: 290px; }
  .pdp-photo-caption { gap: 12px; font-size: 10px; }
  .pdp-tabs { gap: 24px; padding-bottom: 8px; }
  .pdp-tabs>* { min-height: 44px; display: inline-flex; align-items: center; }
  .pdp-stats strong { font-size: 23px; }
  .pdp-stats span { font-size: 11px; }
  .spec-table { font-size: 14px; }
  .spec-table th { width: 50%; padding-right: 12px; }
  .wizard-fields, .cinema-panel { grid-template-columns: 1fr; }
  .wizard-box, .finder-launch, .story { padding: 24px; }
  .guide-faq.wrap { padding-inline: max(16px, env(safe-area-inset-left)); }
  dialog[open] { margin: 0; width: 100%; max-width: 100%; height: 100vh; max-height: 100vh; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .dialog-head, .finder-toolbar { padding: calc(12px + env(safe-area-inset-top)) 16px 12px; }
  .dialog-head h2 { font-size: 21px; }
  .drawer-content { padding: 20px 16px; }
  .filter-footer { padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
  .filter-footer .btn { min-width: 0; padding-inline: 12px; }
  .finder-toolbar { gap: 8px; }
  .finder-toolbar button { font-size: 11px; padding-inline: 0; }
  .finder-body { padding: 24px 18px calc(32px + env(safe-area-inset-bottom)); }
  .finder-body h2 { font-size: 30px; }
  .finder-option { font-size: 14px; padding: 18px 16px; }
  .finder-next-row .finder-primary { width: 100%; min-height: 48px; }
  .comparison { padding: 16px; }
  .comparison th { min-width: 135px; max-width: 135px; }
  .comparison th, .comparison td { font-size: 13px; padding: 16px 12px; }
  .chat-log { max-height: 38dvh; }
  .chat-form { padding: 16px; flex-wrap: wrap; }
  .chat-form input { flex-basis: 100%; }
  .chat-form .btn { width: 100%; }
  #chat-dialog { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
  .wall-input { flex-wrap: wrap; }
  .size-layout { grid-template-columns: 1fr; }
  .size-body { padding: 24px 16px calc(24px + env(safe-area-inset-bottom)); }
  .chat-fab { min-height: 44px; padding: 10px 14px; }
  .footer :is(.legal-links a, .footer-bottom) { font-size: 11px; }
  .footer-top a, .footer-top .link-btn { font-size: 13px; }
  .footer-top .link-btn, .legal-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .theme-settings { display: block; }
  .theme-options { margin-top: 12px; gap: 6px; }
  .theme-option { font-size: 11px; padding-inline: 13px; }
}
@media (max-width: 360px) {
  .header .logo { font-size: 23px; gap: 6px; }
  .header .logo svg { width: 20px; }
  .header .header-actions { gap: 0; }
  .header .icon-btn { width: 44px; min-width: 44px; }
  .v-hero h1 { font-size: 43px; }
  .v-hero .v-pill { padding-inline: 10px; gap: 7px; font-size: 11px; }
  .v-section-head { flex-wrap: wrap; gap: 12px; }
  .v-section-head>.v-text-link { max-width: none; margin-top: 0; font-size: 12px; }
  .product-grid, .visual-home .product-grid { grid-template-columns: 1fr; }
  .card-media, .visual-home .card-media { aspect-ratio: 1.45; }
  .card-bottom, .visual-home .card-bottom { flex-direction: row; align-items: center; }
  .mobile-nav :is(a, button) { font-size: 9px; }
  .theme-option { padding-inline: 11px; font-size: 10px; }
  .compare-dock { gap: 8px; padding-inline: 10px; }
  .compare-dock .btn { font-size: 11px; padding-inline: 10px; }
}
@media (max-height: 500px) and (max-width: 1024px) {
  .v-hero-content { min-height: 480px; }
  .v-hero h1 { font-size: clamp(42px, 8vw, 64px); }
  .v-hero-body>p { margin-block: 16px; }
  .v-hero-body { margin-block: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-toggle, .theme-option { transition: none; }
}
@media (hover: none) {
  .product-image-btn:hover img, .visual-home .product-card:hover .card-media img, .v-pill:hover { transform: none; }
}
@media (forced-colors: active) {
  .theme-option, .theme-toggle, .finder-option, .btn { border: 1px solid ButtonText; }
  .theme-option[aria-pressed="true"], .finder-option.selected { outline: 2px solid Highlight; }
}


/* Product pages: spacious media, compact purchase controls, and grouped details. */
.pdp-v2 { padding-top: 26px; padding-bottom: 64px; }
body.is-product #main.motion { animation: none; }
/* The existing header keeps its height when the product controls take over. */
.header.is-product-scrolled .header-main { flex-wrap: nowrap; gap: 20px; }
.header.is-product-scrolled :is(.topnav, .search) { display: none; }
.header.is-product-scrolled .header-actions { margin-left: 0; }
.header.is-product-scrolled .header-actions :is([data-search-toggle], [data-favorites], [data-compare-open]) { display: none; }
.pdp-header-product { flex: 1; min-width: 0; }
.pdp-header-name { display: block; color: var(--ui-text); min-width: 0; line-height: 1.35; }
.pdp-header-name>span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 15px; font-weight: 550; letter-spacing: -.025em; }
.pdp-header-meta { display: block; font-size: 11px; line-height: 1.5; color: var(--ui-muted); margin-top: 3px; }
.header .pdp-header-add { flex-shrink: 0; min-height: 46px; padding: 11px 20px; gap: 9px; font-size: 13px; white-space: nowrap; border-radius: 8px; }
.header .pdp-header-add svg { width: 19px; height: 19px; }
.header.is-product-scrolled .pdp-header-product { animation: pdp-header-enter .18s ease-out; }
@keyframes pdp-header-enter { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.pdp-v2 .breadcrumbs { flex-wrap: wrap; gap: 8px; margin-bottom: 28px; font-size: 12px; }
.pdp-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; margin-bottom: 30px; }
.pdp-heading-copy { min-width: 0; }
.pdp-kicker { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; line-height: 1.6; font-weight: 550; color: var(--ui-muted); }
.pdp-v2 h1 { font-size: clamp(30px, 3vw, 42px); font-weight: 600; line-height: 1.15; letter-spacing: -.045em; margin: 12px 0; overflow-wrap: anywhere; }
.pdp-subtitle { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; line-height: 1.7; color: var(--ui-muted); }
.pdp-model-code { font-size: 11px; padding-left: 16px; border-left: 1px solid var(--ui-border); }
.pdp-save-actions { display: flex; gap: 18px; flex-shrink: 0; padding-bottom: 2px; }
.pdp-text-action { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; padding: 6px 0; font-size: 13px; white-space: nowrap; color: var(--ui-muted); }
.pdp-text-action svg { width: 20px; height: 20px; }
.pdp-text-action:hover, .pdp-text-action[aria-pressed="true"] { color: var(--ui-accent-text); }
.pdp-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 394px); grid-template-areas: "gallery buy" "highlights buy"; gap: 28px 44px; align-items: start; }
.pdp-scroll-stage { grid-template-areas: "gallery buy"; }
.pdp-gallery { grid-area: gallery; min-width: 0; }
.pdp-gallery-layout { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; align-items: start; }
.pdp-gallery-layout.pdp-single-photo { grid-template-columns: 1fr; }
.pdp-single-photo .pdp-thumbnails { display: none; }
.pdp-thumbnails { display: flex; flex-direction: column; gap: 10px; }
.pdp-thumbnail { width: 72px; height: 64px; padding: 5px; border: 1px solid var(--ui-control-border); border-radius: 8px; background: #fff; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.pdp-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.pdp-thumbnail[aria-pressed="true"] { border: 2px solid var(--ui-accent-solid); padding: 4px; box-shadow: 0 0 0 2px var(--ui-accent-soft); }
.pdp-gallery-stage { min-width: 0; }
.pdp-v2 .pdp-photo { width: 100%; aspect-ratio: 1.26; min-height: 380px; max-height: 560px; display: block; padding: 28px; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; position: relative; color: #384039; touch-action: pan-y pinch-zoom; }
.pdp-v2 .pdp-photo img, .pdp-v2 .pdp-photo.xiaomi img { width: 100%; height: 100%; max-width: 100%; max-height: none; object-fit: contain; mix-blend-mode: normal; }
.pdp-media-badge { position: absolute; top: 15px; left: 16px; border-radius: 30px; background: #f0f2ed; padding: 5px 9px; font-size: 10px; letter-spacing: .02em; }
.pdp-zoom-hint { position: absolute; bottom: 14px; right: 16px; display: inline-flex; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 5px; background: #ffffffef; font-size: 11px; }
.pdp-zoom-hint svg { width: 17px; height: 17px; }
.pdp-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; }
.pdp-gallery-caption { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; color: var(--ui-muted); }
#pdp-image-counter { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pdp-gallery-arrows { display: flex; gap: 5px; }
.pdp-gallery-arrows button { width: 44px; height: 44px; border: 1px solid var(--ui-control-border); border-radius: 50%; display: grid; place-items: center; background: var(--ui-surface); color: var(--ui-text); }
.pdp-gallery-arrows button:first-child svg { transform: rotate(180deg); }
.pdp-gallery-arrows svg { width: 18px; height: 18px; }
.pdp-gallery-arrows button:hover { background: var(--ui-surface-2); }
.pdp-gallery-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 11px; color: var(--ui-muted); padding-top: 6px; }
.pdp-gallery-foot .pdp-text-action { font-size: 12px; }

.pdp-v2 .pdp-buy-panel { grid-area: buy; position: sticky; top: calc(var(--v-header-height, 80px) + 20px); border: 1px solid var(--ui-border); border-radius: 18px; padding: 25px; background: var(--ui-surface); min-width: 0; }
/* One document scroll: the tall purchase column defines the gallery's sticky range. */
.pdp-v2 .pdp-scroll-stage .pdp-buy-panel { position: static; }
.pdp-stock { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ui-muted); margin-bottom: 16px; }
.pdp-stock>span { width: 6px; height: 6px; border-radius: 50%; background: var(--ui-accent-text); }
.pdp-v2 .pdp-price { font-size: 29px; font-weight: 600; letter-spacing: -.04em; line-height: 1.25; margin: 0 0 9px; color: var(--ui-text); }
.pdp-v2 .pdp-note { font-size: 12px; line-height: 1.7; margin-bottom: 23px; max-width: 290px; color: var(--ui-muted); }
.pdp-size-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; }
.pdp-size-head>span { font-weight: 550; }
.pdp-size-head button { padding: 0; min-height: 44px; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; color: var(--ui-muted); }
.pdp-v2 .size-options { flex-wrap: wrap; margin: 4px 0 24px; gap: 8px; }
.pdp-v2 .size-btn { min-width: 62px; min-height: 44px; padding: 10px 15px; border-radius: 8px; text-align: center; font-size: 14px; }
.pdp-add-button { width: 100%; min-height: 52px; border-radius: 9px; font-size: 15px; }
.pdp-cart-disclaimer { display: block; text-align: center; margin-top: 9px; font-size: 10px; line-height: 1.6; color: var(--ui-muted); }
.pdp-question { display: flex; align-items: center; justify-content: flex-start; gap: 9px; width: 100%; min-height: 52px; font-size: 12px; margin-top: 8px; padding: 12px 0; }
.pdp-question>svg:last-child { margin-left: auto; width: 16px; height: 16px; }
.pdp-question:hover { color: var(--ui-accent-text); }
.pdp-fulfillment { border-top: 1px solid var(--ui-border); }
.pdp-fulfillment details { border-top: 0; border-bottom: 1px solid var(--ui-border); padding: 0; }
.pdp-fulfillment summary { list-style: none; display: flex; align-items: center; gap: 12px; min-height: 75px; font-size: 13px; line-height: 1.45; padding: 16px 0; font-weight: 550; }
.pdp-fulfillment summary::-webkit-details-marker, .pdp-spec-group summary::-webkit-details-marker { display: none; }
.pdp-fulfillment summary>svg { width: 21px; height: 21px; flex-shrink: 0; }
.pdp-fulfillment summary>svg:last-child { width: 15px; height: 15px; margin-left: auto; }
.pdp-fulfillment summary>span>span { display: block; margin-top: 4px; font-size: 11px; font-weight: 400; color: var(--ui-muted); }
.pdp-fulfillment details[open] summary>svg:last-child { transform: rotate(90deg); }
.pdp-fulfillment details>div { padding: 0 0 15px 33px; }
.pdp-fulfillment details p { font-size: 12px; line-height: 1.75; margin: 0; color: var(--ui-muted); }
.pdp-fulfillment .pdp-inline-link { margin-top: 8px; font-size: 11px; }
.pdp-buy-help { padding: 16px 16px 12px; margin-top: 22px; border-radius: 9px; background: var(--ui-surface-2); }
.pdp-buy-help>span { font-size: 11px; color: var(--ui-muted); }
.pdp-buy-help button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 4px 0 0; min-height: 44px; font-size: 12px; font-weight: 550; text-align: left; }
.pdp-buy-help svg { width: 16px; height: 16px; }

.pdp-highlights { grid-area: highlights; min-width: 0; }
.pdp-highlights h2 { font-size: 18px; font-weight: 600; letter-spacing: -.02em; margin-bottom: 16px; }
.pdp-highlights ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 14px; line-height: 1.65; }
.pdp-highlights li { display: flex; align-items: flex-start; gap: 10px; }
.pdp-highlights li>svg { width: 18px; height: 18px; margin-top: 4px; color: var(--ui-accent-text); }
.pdp-highlights li>span { color: var(--ui-muted); }
.pdp-highlights strong { color: var(--ui-text); font-weight: 550; }
.pdp-summary-highlights { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); column-gap: 44px; row-gap: 16px; margin-top: 36px; padding-top: 32px; border-top: 1px solid var(--ui-border); }
.pdp-summary-highlights h2 { grid-column: 1; margin-bottom: 0; }
.pdp-summary-highlights ul { grid-column: 1; }
.pdp-expert-mini { display: flex; gap: 15px; align-items: flex-start; margin-top: 26px; padding: 21px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-surface); }
.pdp-mini-mark { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; font-size: 18px; font-weight: 650; background: var(--ui-accent-soft); color: var(--ui-accent-text); }
.pdp-expert-mini p { font-size: 13px; line-height: 1.75; margin: 7px 0 5px; color: var(--ui-muted); }
.pdp-expert-mini .pdp-inline-link { font-size: 12px; }
.pdp-summary-highlights .pdp-expert-mini { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
.pdp-inline-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 4px 0; font-size: 13px; line-height: 1.55; text-align: left; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--ui-control-border); color: var(--ui-text); }
.pdp-inline-link:hover { color: var(--ui-accent-text); text-decoration-color: currentColor; }

.pdp-v2 .pdp-tabs { position: sticky; top: var(--v-header-height, 80px); z-index: 20; display: flex; align-items: center; gap: 28px; min-height: 68px; padding: 0 4px; margin: 46px 0 0; border-top: 1px solid var(--ui-border); border-bottom: 1px solid var(--ui-border); background: var(--ui-glass); backdrop-filter: blur(18px); scrollbar-width: thin; }
.pdp-tabs button { position: relative; display: inline-flex; align-items: center; min-height: 62px; padding: 14px 0; flex-shrink: 0; font-size: 13px; color: var(--ui-muted); }
.pdp-tabs button[aria-current] { color: var(--ui-text); }
.pdp-tabs button[aria-current]::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: var(--ui-accent-text); }
.pdp-tabs button:focus-visible { outline-offset: -3px; }
.pdp-detail-section { padding-block: 48px; border-bottom: 1px solid var(--ui-border); scroll-margin-top: 68px; }
.pdp-detail-section:last-of-type { border-bottom: 0; }
.pdp-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 28px; }
.pdp-section-heading h2, .pdp-expert-split h2 { font-size: clamp(28px, 3vw, 39px); line-height: 1.1; font-weight: 550; letter-spacing: -.04em; margin-top: 12px; }
.pdp-section-heading>p { font-size: 13px; line-height: 1.7; color: var(--ui-muted); max-width: 285px; }
.pdp-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pdp-story-card { background: var(--ui-surface); border: 1px solid var(--ui-border); padding: 29px; border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; }
.pdp-story-symbol { display: grid; place-items: center; width: 42px; height: 42px; background: var(--ui-surface-2); border-radius: 9px; margin-bottom: 24px; }
.pdp-story-card h3 { font-size: 21px; font-weight: 550; line-height: 1.25; letter-spacing: -.025em; margin-bottom: 14px; }
.pdp-story-card p { font-size: 14px; line-height: 1.8; color: var(--ui-muted); margin-bottom: 14px; max-width: 480px; }
.pdp-story-card .pdp-inline-link { margin-top: auto; }
.pdp-install-callout { display: flex; align-items: center; gap: 27px; padding: 26px 28px; border: 1px solid var(--ui-border); border-radius: 12px; margin-top: 20px; }
.pdp-install-callout>div:nth-child(2) { flex: 1; min-width: 0; }
.pdp-size-illustration { width: 90px; aspect-ratio: 16/9; border: 2px solid var(--ui-text); border-radius: 3px; display: grid; place-items: center; flex-shrink: 0; font-size: 21px; font-weight: 550; position: relative; }
.pdp-size-illustration::after { content: ''; position: absolute; bottom: -9px; width: 25px; height: 6px; border-bottom: 2px solid var(--ui-text); border-left: 2px solid var(--ui-text); border-right: 2px solid var(--ui-text); }
.pdp-install-callout h3 { font-size: 19px; line-height: 1.4; margin-bottom: 7px; }
.pdp-install-callout p { font-size: 13px; line-height: 1.75; color: var(--ui-muted); max-width: 580px; }
.pdp-install-callout .btn { white-space: nowrap; font-size: 12px; flex-shrink: 0; }

.pdp-spec-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 48px; align-items: start; }
.pdp-spec-groups { min-width: 0; }
.pdp-spec-group { padding: 0; border-top: 1px solid var(--ui-border); }
.pdp-spec-group:last-child { border-bottom: 1px solid var(--ui-border); }
.pdp-spec-group summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; min-height: 64px; font-size: 16px; font-weight: 550; }
.pdp-spec-group summary>svg { width: 17px; height: 17px; transform: rotate(90deg); }
.pdp-spec-group[open] summary>svg { transform: rotate(-90deg); }
.pdp-spec-group>div { padding-bottom: 22px; }
.pdp-v2 .spec-table { table-layout: fixed; font-size: 13px; }
.pdp-v2 .spec-table th, .pdp-v2 .spec-table td { padding: 13px 12px; width: 50%; border-bottom: 0; line-height: 1.65; overflow-wrap: anywhere; }
.pdp-v2 .spec-table tr:nth-child(odd) { background: var(--ui-surface-2); }
.pdp-v2 .spec-table th { font-weight: 400; color: var(--ui-muted); }
.pdp-v2 .spec-table td { font-weight: 500; }
.pdp-spec-note { color: var(--ui-muted); font-size: 12px; line-height: 1.8; margin-top: 15px; }
.pdp-source-card { padding: 24px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-surface); }
.pdp-source-card>svg { color: var(--ui-accent-text); width: 28px; height: 28px; margin-bottom: 24px; }
.pdp-source-card h3 { font-size: 21px; line-height: 1.3; letter-spacing: -.03em; font-weight: 550; margin-bottom: 15px; }
.pdp-source-card p { font-size: 13px; line-height: 1.8; color: var(--ui-muted); margin-bottom: 15px; }
.pdp-source-card .pdp-inline-link { font-size: 12px; }
.pdp-expert-split { display: grid; grid-template-columns: .65fr 1fr; gap: 90px; }
.pdp-author { display: flex; align-items: center; gap: 12px; margin-top: 26px; }
.pdp-author strong { font-size: 13px; font-weight: 550; }
.pdp-author>div>span { display: block; font-size: 11px; color: var(--ui-muted); margin-top: 3px; }
.pdp-expert-copy { padding-top: 3px; min-width: 0; }
.pdp-expert-copy blockquote { margin: 0 0 28px; font-size: 21px; line-height: 1.55; letter-spacing: -.025em; color: var(--ui-text); }
.pdp-expert-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; border-top: 1px solid var(--ui-border); padding-top: 22px; margin-bottom: 18px; }
.pdp-expert-points strong { font-size: 13px; font-weight: 550; }
.pdp-expert-points p { font-size: 13px; line-height: 1.8; color: var(--ui-muted); margin-top: 9px; }
.pdp-editorial-disclaimer { margin-top: 10px; font-size: 11px; line-height: 1.8; color: var(--ui-muted); }
.pdp-v2 .video-block { margin: 0; padding: 28px; border-radius: 14px; }
.pdp-v2 .video-block h2 { font-size: 31px; font-weight: 550; line-height: 1.15; margin-top: 10px; }
.pdp-v2 .video-shell { aspect-ratio: 16/9; min-height: 230px; max-width: 840px; margin-inline: auto; }
.pdp-reviews-empty { display: flex; align-items: center; gap: 22px; border: 1px solid var(--ui-border); background: var(--ui-surface); border-radius: 12px; padding: 27px; }
.pdp-reviews-empty>svg { width: 30px; height: 30px; color: var(--ui-muted); }
.pdp-reviews-empty>div { flex: 1; min-width: 0; }
.pdp-reviews-empty h3 { font-size: 17px; font-weight: 550; margin-bottom: 6px; }
.pdp-reviews-empty p { font-size: 13px; color: var(--ui-muted); }
.pdp-reviews-empty .btn { font-size: 12px; }
.pdp-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pdp-service-grid article { border: 1px solid var(--ui-border); border-radius: 12px; padding: 27px; background: var(--ui-surface); }
.pdp-service-grid article>svg { width: 25px; height: 25px; margin-bottom: 22px; }
.pdp-service-grid h3 { font-size: 20px; font-weight: 550; margin-bottom: 12px; }
.pdp-service-grid p { font-size: 13px; line-height: 1.8; color: var(--ui-muted); margin-bottom: 12px; max-width: 480px; }
.pdp-related .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pdp-buybar { display: none; }

/* An accessible native modal; photos keep their original colours in both themes. */
.pdp-image-dialog { width: min(1250px, calc(100% - 48px)); max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); }
.pdp-image-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.pdp-image-dialog .dialog-head { flex-shrink: 0; padding: 17px 22px; }
.pdp-image-dialog .dialog-head h2 { font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
.pdp-image-viewer { padding: 20px 22px 16px; min-height: 0; overflow: auto; flex: 1; }
.pdp-viewer-canvas { width: 100%; height: min(58vh, 640px); height: min(58dvh, 640px); overflow: auto; background: #fff; color: #384039; border-radius: 8px; touch-action: pan-x pan-y pinch-zoom; }
.pdp-viewer-canvas img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
.pdp-viewer-canvas.is-zoomed img { width: 190%; min-width: 1000px; height: auto; min-height: 100%; object-fit: contain; }
.pdp-viewer-toolbar { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 18px 0 8px; }
.pdp-viewer-toolbar button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; border: 1px solid var(--ui-control-border); border-radius: 8px; background: var(--ui-surface); font-size: 12px; }
.pdp-viewer-toolbar button:first-child svg { transform: rotate(180deg); }
#pdp-viewer-caption { font-size: 13px; text-align: center; color: var(--ui-muted); line-height: 1.5; }
.pdp-viewer-toolbar .pdp-viewer-zoom { margin-left: auto; padding-inline: 13px; }
.pdp-viewer-zoom[aria-pressed="true"] { background: var(--ui-button); color: var(--ui-button-text); border-color: var(--ui-button); }
.pdp-viewer-note { font-size: 11px; line-height: 1.75; color: var(--ui-muted); margin-top: 4px; }

@media (min-width: 1025px) {
  .pdp-scroll-stage .pdp-gallery { position: sticky; top: calc(var(--v-header-height, 80px) + 20px); align-self: start; }
  .pdp-v2 .pdp-scroll-stage .pdp-photo { min-height: 0; max-height: min(560px, calc(100vh - var(--v-header-height, 80px) - 150px)); max-height: min(560px, calc(100dvh - var(--v-header-height, 80px) - 150px)); }
}
@media (min-width: 1025px) and (max-height: 480px) {
  .pdp-scroll-stage .pdp-gallery { position: static; }
}
@media (max-width: 1200px) {
  .pdp-main { grid-template-columns: minmax(0, 1fr) 340px; column-gap: 28px; }
  .pdp-v2 .pdp-buy-panel { padding: 22px; }
  .pdp-heading { align-items: flex-start; }
  .pdp-heading .pdp-save-actions { gap: 8px; flex-direction: column; }
  .pdp-v2 .pdp-photo { min-height: 330px; }
  .pdp-expert-split { gap: 55px; }
  .pdp-spec-layout { gap: 30px; }
  .pdp-v2 .pdp-tabs { gap: 24px; }
}
@media (max-width: 1024px) {
  .header.is-product-scrolled .header-main { gap: 10px; }
  .header.is-product-scrolled .header-actions [data-bag-open] { display: none; }
  .header .pdp-header-add { min-height: 44px; padding: 10px 16px; font-size: 12px; }
  body.is-product.product-header-pinned { padding-bottom: var(--mobile-bar-height); }
  body.product-header-pinned .pdp-buybar { display: none; }
  .pdp-main { grid-template-columns: 1fr; grid-template-areas: "gallery" "buy" "highlights"; gap: 25px; }
  .pdp-scroll-stage { grid-template-areas: "gallery" "buy"; }
  .pdp-scroll-stage .pdp-gallery { position: static; }
  .pdp-summary-highlights { column-gap: 25px; }
  .pdp-v2 .pdp-buy-panel { position: static; padding: 25px; }
  .pdp-v2 .pdp-photo { min-height: 0; max-height: 550px; aspect-ratio: 1.6; }
  .pdp-heading .pdp-save-actions { flex-direction: row; gap: 16px; }
  .pdp-heading { flex-wrap: wrap; gap: 10px; }
  .pdp-v2 .pdp-note { max-width: none; }
  .pdp-v2 .pdp-tabs { min-height: 58px; margin-top: 32px; gap: 26px; overflow-x: auto; overscroll-behavior-inline: contain; }
  .pdp-tabs button { min-height: 56px; font-size: 12px; }
  .pdp-detail-section { scroll-margin-top: 60px; }
  .pdp-spec-layout { grid-template-columns: 1fr 240px; gap: 24px; }
  .pdp-source-card { padding: 20px; }
  .pdp-install-callout { flex-wrap: wrap; gap: 25px; }
  .pdp-install-callout .btn { margin-left: auto; }
  .pdp-buybar { position: fixed; inset: auto 0 var(--mobile-bar-height); z-index: 39; display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 10px max(20px, env(safe-area-inset-left)); background: var(--ui-glass); backdrop-filter: blur(18px); border-top: 1px solid var(--ui-border); box-shadow: 0 -5px 22px #00000007; }
  .pdp-buybar>div { margin-right: auto; min-width: 0; }
  .pdp-buybar>div>span { display: block; font-size: 10px; color: var(--ui-muted); margin-bottom: 2px; }
  .pdp-buybar strong { font-size: 15px; font-weight: 550; letter-spacing: -.02em; white-space: nowrap; }
  .pdp-buybar .btn { min-height: 48px; font-size: 13px; padding-inline: 20px; }
  .pdp-buybar-chat { display: grid; place-items: center; width: 44px; height: 48px; flex-shrink: 0; border: 1px solid var(--ui-control-border); border-radius: 8px; background: var(--ui-surface); }
  body.is-product { padding-bottom: calc(var(--mobile-bar-height) + 76px); }
  body.is-product .compare-dock, body.is-product .chat-fab { display: none; }
  .pdp-related .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .pdp-v2 { padding-top: 18px; padding-bottom: 42px; }
  .pdp-v2 .breadcrumbs { margin-bottom: 20px; font-size: 11px; }
  .pdp-v2 h1 { font-size: clamp(27px, 5vw, 36px); margin-top: 9px; line-height: 1.16; }
  .pdp-kicker { font-size: 10px; letter-spacing: .08em; }
  .pdp-subtitle { font-size: 12px; gap: 5px 10px; }
  .pdp-model-code { font-size: 10px; padding-left: 10px; }
  .pdp-heading { margin-bottom: 20px; }
  .pdp-heading .pdp-save-actions { gap: 24px; }
  .pdp-text-action { font-size: 12px; }
  .pdp-gallery-layout { grid-template-columns: 1fr; gap: 14px; }
  .pdp-thumbnails { order: 2; flex-direction: row; gap: 8px; overflow-x: auto; padding: 3px; overscroll-behavior-inline: contain; }
  .pdp-thumbnail { flex-shrink: 0; width: 68px; height: 57px; }
  .pdp-v2 .pdp-photo { min-height: 250px; aspect-ratio: 1.35; max-height: 460px; padding: 24px 15px; border-radius: 10px; }
  .pdp-gallery-controls { padding-top: 7px; }
  .pdp-gallery-caption { font-size: 11px; gap: 10px; }
  .pdp-gallery-foot { font-size: 10px; padding-top: 0; }
  .pdp-gallery-foot .pdp-text-action { font-size: 11px; }
  .pdp-gallery-foot .pdp-text-action svg { width: 16px; height: 16px; }
  .pdp-v2 .pdp-buy-panel { padding: 22px; border-radius: 12px; }
  .pdp-v2 .pdp-price { font-size: 27px; }
  .pdp-v2 .pdp-note { font-size: 12px; margin-bottom: 18px; }
  .pdp-question { font-size: 12px; }
  .pdp-highlights h2 { font-size: 18px; }
  .pdp-summary-highlights { display: block; margin-top: 28px; padding-top: 26px; }
  .pdp-summary-highlights h2 { margin-bottom: 16px; }
  .pdp-summary-highlights .pdp-expert-mini { margin-top: 24px; }
  .pdp-highlights ul { font-size: 13px; gap: 9px; }
  .pdp-expert-mini { padding: 19px; gap: 12px; }
  .pdp-section-heading { align-items: flex-start; gap: 18px; flex-wrap: wrap; }
  .pdp-section-heading h2, .pdp-expert-split h2 { font-size: 30px; }
  .pdp-section-heading>p { font-size: 12px; max-width: none; }
  .pdp-detail-section { padding-block: 34px; }
  .pdp-story-card { padding: 22px; }
  .pdp-story-card h3 { font-size: 19px; }
  .pdp-story-card p { font-size: 13px; }
  .pdp-install-callout { padding: 23px; gap: 20px; }
  .pdp-size-illustration { width: 67px; font-size: 17px; }
  .pdp-install-callout h3 { font-size: 18px; }
  .pdp-install-callout p { font-size: 12px; }
  .pdp-expert-split { grid-template-columns: 1fr; gap: 25px; }
  .pdp-expert-split h2 br { display: none; }
  .pdp-expert-copy blockquote { font-size: 19px; }
  .pdp-service-grid article { padding: 23px; }
  .pdp-v2 .video-block { padding: 22px; }
  .pdp-v2 .video-shell { aspect-ratio: 16/9; min-height: 190px; }
}
@media (max-width: 600px) {
  .header.is-product-scrolled .header-main { gap: 8px; }
  .header.is-product-scrolled .logo>span { display: none; }
  .header.is-product-scrolled .logo { gap: 0; }
  .pdp-header-name>span { -webkit-line-clamp: 2; font-size: 12px; }
  .pdp-header-meta { display: none; }
  .header .pdp-header-add { font-size: 12px; padding-inline: 10px; }
  .header .pdp-header-add svg { display: none; }
  .pdp-model-code { flex-basis: 100%; padding-left: 0; border-left: 0; }
  .pdp-save-actions { width: 100%; }
  .pdp-heading .pdp-save-actions { gap: 20px; }
  .pdp-media-badge { top: 11px; left: 12px; font-size: 9px; }
  .pdp-zoom-hint { bottom: 10px; right: 10px; font-size: 10px; }
  .pdp-gallery-caption { max-width: 100%; }
  .pdp-stock { font-size: 11px; margin-bottom: 12px; }
  .pdp-v2 .pdp-buy-panel { padding: 20px; }
  .pdp-v2 .size-options { margin-bottom: 20px; }
  .pdp-cart-disclaimer { font-size: 10px; }
  .pdp-question { min-height: 54px; }
  .pdp-question>svg:first-child { width: 20px; height: 20px; }
  .pdp-fulfillment summary { min-height: 73px; }
  .pdp-highlights ul { font-size: 13px; }
  .pdp-story-grid, .pdp-spec-layout, .pdp-service-grid { grid-template-columns: 1fr; gap: 16px; }
  .pdp-story-symbol { margin-bottom: 18px; }
  .pdp-install-callout { display: grid; grid-template-columns: 65px minmax(0, 1fr); align-items: start; gap: 20px 16px; }
  .pdp-size-illustration { margin-top: 8px; }
  .pdp-install-callout .btn { width: 100%; margin: 0; grid-column: 1/-1; }
  .pdp-source-card>svg { margin-bottom: 18px; }
  .pdp-expert-points { grid-template-columns: 1fr; gap: 20px; }
  .pdp-section-heading { margin-bottom: 23px; }
  .pdp-section-heading .pdp-inline-link { font-size: 12px; }
  .pdp-spec-group summary { font-size: 15px; min-height: 62px; }
  .pdp-v2 .spec-table { font-size: 12px; }
  .pdp-v2 .spec-table th, .pdp-v2 .spec-table td { padding: 11px 10px; }
  .pdp-reviews-empty { padding: 22px; flex-wrap: wrap; gap: 16px; }
  .pdp-reviews-empty .btn { width: 100%; }
  .pdp-reviews-empty h3 { font-size: 16px; }
  .pdp-related .product-grid { gap: 26px 15px; }
  .pdp-buybar { padding-inline: max(14px, env(safe-area-inset-left)); gap: 9px; }
  .pdp-buybar strong { font-size: 13px; }
  .pdp-buybar .btn { font-size: 12px; padding-inline: 13px; min-height: 46px; gap: 7px; }
  .pdp-buybar .btn svg { width: 18px; height: 18px; }
  .pdp-buybar-chat { height: 46px; }
  .pdp-image-dialog[open] { width: 100%; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; margin: 0; border-radius: 0; }
  .pdp-image-dialog .dialog-head { padding: calc(12px + env(safe-area-inset-top)) 16px 12px; }
  .pdp-image-dialog .dialog-head h2 { font-size: 16px; }
  .pdp-image-viewer { display: flex; flex-direction: column; padding: 16px max(12px, env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom)); overflow: hidden; }
  .pdp-viewer-canvas { flex: 1; height: auto; min-height: 0; border-radius: 5px; }
  .pdp-viewer-toolbar { flex-shrink: 0; flex-wrap: wrap; gap: 10px; padding-top: 16px; }
  #pdp-viewer-caption { flex: 1; font-size: 11px; }
  .pdp-viewer-toolbar .pdp-viewer-zoom { margin-left: 0; width: 100%; }
  .pdp-viewer-note { flex-shrink: 0; font-size: 10px; margin-top: 8px; }
}
@media (max-width: 360px) {
  .pdp-v2 { padding-inline: max(16px, env(safe-area-inset-left)); }
  .pdp-v2 h1 { font-size: 26px; }
  .pdp-v2 .pdp-photo { min-height: 230px; }
  .pdp-v2 .pdp-price { font-size: 25px; }
  .pdp-buybar { padding-inline: max(10px, env(safe-area-inset-left)); gap: 7px; }
  .pdp-buybar strong { font-size: 12px; }
  .pdp-buybar .btn { padding-inline: 10px; font-size: 11px; }
  .pdp-buybar-chat { width: 44px; }
  .pdp-related .product-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) and (max-height: 500px) {
  .pdp-v2 .pdp-photo { max-height: 310px; }
  .pdp-buybar { min-height: 60px; padding-block: 7px; }
  .pdp-buybar .btn, .pdp-buybar-chat { min-height: 44px; height: 44px; }
  body.is-product { padding-bottom: calc(var(--mobile-bar-height) + 60px); }
  .pdp-image-dialog[open] { width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; }
  .pdp-viewer-canvas { height: 40dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .header.is-product-scrolled .pdp-header-product { animation: none; }
  .pdp-thumbnail, .pdp-gallery-arrows button, .pdp-text-action { transition: none; }
}
.motion-off .header.is-product-scrolled .pdp-header-product { animation: none; }
@media (forced-colors: active) {
  .pdp-thumbnail[aria-pressed="true"] { outline: 2px solid Highlight; }
  .pdp-tabs button[aria-current] { text-decoration: underline; }
  .pdp-buybar { border: 1px solid CanvasText; }
}


/* Accessories share the storefront typography and theme tokens. */
.catalog-kind-links { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 24px; border-bottom: 1px solid var(--ui-border); }
.catalog-kind-links a { min-height: 48px; display: inline-flex; align-items: center; position: relative; padding: 8px 0 14px; font-size: 14px; color: var(--ui-muted); }
.catalog-kind-links a[aria-current] { color: var(--ui-text); }
.catalog-kind-links a[aria-current]::after { content: ''; position: absolute; bottom: -1px; inset-inline: 0; height: 2px; background: var(--ui-accent-text); }
.accessory-intro .pdp-kicker { margin-top: 12px; margin-bottom: 14px; }
.accessory-intro h1 { font-size: clamp(38px, 4.5vw, 60px); line-height: 1.1; max-width: 810px; }
.accessory-catalog { padding-bottom: 70px; }
.accessory-filters { margin: 0 0 24px; }
.accessory-filters .tab { display: inline-flex; align-items: center; gap: 10px; }
.accessory-filters .tab>span { font-size: 11px; opacity: .75; }
.accessory-catalog-summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; color: var(--ui-muted); font-size: 13px; margin-bottom: 24px; }
.accessory-catalog-summary p { font-size: 12px; }
.accessory-catalog .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 25px; }
.accessory-card { display: flex; flex-direction: column; }
.accessory-card .card-media { background: #fff; border: 1px solid var(--ui-border); border-radius: 12px; }
.accessory-card .product-image-btn { padding: 25px; }
.accessory-card .product-image-btn img { mix-blend-mode: normal; }
.accessory-card .card-tech { font-size: 10px; }
.accessory-card .card-title { font-size: 18px; min-height: 49px; }
.accessory-card .card-specs { align-items: flex-start; gap: 6px; font-size: 11px; }
.accessory-card .card-specs span { border: 1px solid var(--ui-border); padding: 4px 7px; border-radius: 5px; }
.accessory-card .card-specs span+span::before { content: none; }
.accessory-card .card-bottom { margin-top: auto; min-height: 68px; }
.accessory-card .card-bottom .btn { min-height: 44px; font-size: 12px; }
.accessory-card .card-bottom .btn svg { width: 17px; height: 17px; }
.accessory-card>.pdp-inline-link { align-self: flex-start; font-size: 12px; margin-top: 5px; }
.accessory-advice { border: 1px solid var(--ui-border); border-radius: 14px; background: var(--ui-surface); padding: 30px; margin-top: 45px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 32px; }
.accessory-advice>div { display: flex; align-items: center; gap: 14px; }
.accessory-advice svg { width: 30px; height: 30px; color: var(--ui-accent-text); }
.accessory-advice h2 { font-size: 24px; line-height: 1.2; letter-spacing: -.035em; }
.accessory-advice p { font-size: 13px; line-height: 1.75; color: var(--ui-muted); }
.accessory-advice .btn { font-size: 12px; }

/* Recommendations remain in the purchase column and follow the document scroll. */
.pdp-accessories { min-width: 0; padding-top: 26px; margin-top: 26px; border-top: 1px solid var(--ui-border); scroll-margin-top: 68px; }
.pdp-accessories .pdp-section-heading { display: block; margin-bottom: 16px; }
.pdp-accessories .pdp-section-heading h2 { font-size: 24px; line-height: 1.2; margin-top: 8px; }
.pdp-accessories .pdp-section-heading .pdp-inline-link { margin-top: 4px; font-size: 12px; }
.bundle-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.bundle-item { min-width: 0; padding: 14px; border: 1px solid var(--ui-border); background: var(--ui-surface); border-radius: 10px; display: flex; flex-direction: column; transition: border-color .15s; }
.bundle-item.is-selected { border-color: var(--ui-accent-text); box-shadow: inset 0 0 0 1px var(--ui-accent-text); }
.bundle-item-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.bundle-item-head h3 { font-size: 12px; font-weight: 550; }
.bundle-check { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; cursor: pointer; font-size: 11px; white-space: nowrap; color: var(--ui-muted); }
.bundle-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--ui-accent-solid); }
.bundle-check:focus-within { outline: 3px solid var(--ui-focus); outline-offset: 4px; border-radius: 4px; }
.bundle-item-body { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: start; }
.bundle-item-image { display: grid; place-items: center; min-width: 0; height: 84px; background: #fff; border: 1px solid var(--ui-border); border-radius: 7px; padding: 7px; color-scheme: light; }
.bundle-item-image img { width: 100%; height: 100%; max-height: 70px; object-fit: contain; }
.bundle-item-info { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.bundle-item h4 { font-size: 14px; font-weight: 550; line-height: 1.4; letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere; }
.bundle-item h4 a:hover { color: var(--ui-accent-text); }
.bundle-item-features { font-size: 11px; line-height: 1.65; color: var(--ui-muted); margin: 0; }
.bundle-fit { display: inline-flex; align-items: flex-start; gap: 6px; align-self: flex-start; color: var(--ui-muted); font-size: 10px; line-height: 1.6; }
.bundle-fit svg { width: 15px; height: 15px; flex-shrink: 0; }
.bundle-fit.is-checked { color: var(--ui-success-text); background: var(--ui-success-bg); padding: 4px 6px; border-radius: 4px; }
.bundle-item-purchase { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.bundle-item-price { display: block; font-size: 13px; font-weight: 550; line-height: 1.5; }
.bundle-item .btn { min-height: 44px; font-size: 11px; padding: 10px 12px; gap: 7px; }
.bundle-item .btn svg { width: 17px; height: 17px; }
.bundle-choice { display: block; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ui-border); }
.bundle-choice>span { display: block; font-size: 10px; color: var(--ui-muted); margin-bottom: 5px; }
.bundle-choice select { width: 100%; min-width: 0; min-height: 44px; padding: 9px; border: 1px solid var(--ui-control-border); border-radius: 7px; background: var(--ui-surface); color: var(--ui-text); font-size: 12px; }
.bundle-summary { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; border-radius: 10px; padding: 16px; margin-top: 16px; background: var(--ui-surface-2); }
.bundle-summary-media { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.bundle-summary-media img { width: 48px; height: 39px; object-fit: contain; border-radius: 5px; padding: 4px; background: #fff; }
.bundle-summary-media>span { color: var(--ui-muted); font-size: 17px; }
.bundle-summary-copy { min-width: 0; }
.bundle-summary-copy strong { display: block; font-size: 13px; font-weight: 550; line-height: 1.5; }
.bundle-summary-copy>span { display: block; font-size: 11px; color: var(--ui-muted); margin-top: 5px; }
.bundle-summary .btn { width: 100%; min-height: 48px; font-size: 13px; }
.bundle-summary .btn:disabled { background: var(--ui-surface); color: var(--ui-muted); border-color: var(--ui-control-border); opacity: 1; cursor: not-allowed; }
.bundle-details { padding-block: 18px 5px; margin-top: 10px; border-top: 0; }
.bundle-details summary { font-size: 12px; min-height: 44px; line-height: 1.6; }
.bundle-details p { font-size: 12px; line-height: 1.8; color: var(--ui-muted); margin-top: 13px; max-width: 870px; }
.bundle-details .pdp-inline-link { font-size: 11px; }
.bundle-demo-note { font-size: 10px; line-height: 1.8; color: var(--ui-muted); margin-top: 8px; }

.accessory-detail .pdp-gallery-caption { padding-top: 15px; }
.accessory-purchase-check { padding-top: 19px; margin-top: 6px; border-top: 1px solid var(--ui-border); }
.accessory-purchase-check strong { font-size: 13px; font-weight: 550; }
.accessory-purchase-check p { font-size: 12px; line-height: 1.8; color: var(--ui-muted); margin-top: 9px; }
.accessory-description h2 { font-size: 32px; margin-top: 12px; margin-bottom: 24px; letter-spacing: -.04em; }
.accessory-description p { max-width: 800px; font-size: 15px; line-height: 1.8; color: var(--ui-muted); margin-bottom: 20px; }
.accessory-spec-table { max-width: 850px; margin-bottom: 14px; }
.accessory-spec-table td, .accessory-spec-table th { overflow-wrap: anywhere; }

@media (max-width: 1200px) {
  .accessory-advice { grid-template-columns: 1fr 1fr; gap: 20px; }
  .accessory-advice .btn { justify-self: start; grid-column: 1/-1; }
  .bundle-item-head { gap: 8px; }
  .bundle-item-head h3 { font-size: 12px; }
  .bundle-check { font-size: 10px; }
}
@media (max-width: 1024px) {
  .accessory-catalog .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bundle-choice select { font-size: 16px; }
  .pdp-accessories { scroll-margin-top: 60px; }
  .bundle-item-head { flex-wrap: wrap; gap: 0 10px; }
  .bundle-check { font-size: 11px; }
}
@media (max-width: 800px) {
  .accessory-intro h1 { font-size: 37px; }
  .accessory-intro>p { font-size: 14px; }
  .accessory-catalog-summary { align-items: flex-start; flex-wrap: wrap; gap: 7px; }
  .accessory-catalog-summary p { font-size: 11px; }
  .accessory-card .card-title { font-size: 16px; }
  .accessory-card .card-meta { font-size: 10px; }
  .accessory-card .card-specs { font-size: 10px; }
  .accessory-card .product-image-btn { padding: 19px; }
  .pdp-accessories { padding-top: 24px; margin-top: 24px; }
  .bundle-cards { gap: 12px; }
  .bundle-item-head { flex-wrap: nowrap; }
  .bundle-item-head h3 { font-size: 13px; }
  .bundle-item h4 { font-size: 15px; }
  .bundle-fit { font-size: 11px; }
  .bundle-item-features { font-size: 11px; }
  .bundle-details summary { font-size: 13px; min-height: 44px; }
  .bundle-demo-note { font-size: 11px; }
}
@media (max-width: 600px) {
  .accessory-intro { padding-top: 23px; }
  .accessory-intro h1 { font-size: 34px; }
  .catalog-kind-links { margin-top: 20px; }
  .catalog-kind-links a { font-size: 13px; }
  .accessory-catalog .product-grid { gap: 30px 15px; }
  .accessory-filters { gap: 7px; }
  .accessory-filters .tab { font-size: 12px; padding-inline: 12px; }
  .accessory-card .card-tech { left: 8px; top: 10px; font-size: 8px; max-width: 72%; }
  .accessory-card .card-tools { top: 5px; right: 5px; }
  .accessory-card .card-title { font-size: 14px; }
  .accessory-card .card-meta { gap: 6px; flex-wrap: wrap; }
  .accessory-card .card-price { font-size: 12px; }
  .accessory-card .card-bottom .btn { font-size: 11px; gap: 6px; padding-inline: 9px; }
  .accessory-advice { grid-template-columns: 1fr; padding: 24px; gap: 20px; }
  .accessory-advice h2 { font-size: 23px; }
  .accessory-advice .btn { width: 100%; }
  .bundle-summary-media img { width: 48px; height: 39px; }
  .bundle-summary-media { gap: 4px; }
  .accessory-description h2 { font-size: 29px; }
  .accessory-description p { font-size: 14px; }
}
@media (max-width: 360px) {
  .accessory-catalog .product-grid { grid-template-columns: 1fr; }
  .accessory-intro h1 { font-size: 31px; }
  .accessory-card .card-title { font-size: 17px; }
  .accessory-card .card-price { font-size: 13px; }
  .bundle-item { padding: 12px; }
  .bundle-item-body { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; }
  .bundle-item-image { height: 72px; padding: 5px; }
  .bundle-item h4 { font-size: 14px; }
  .bundle-item-purchase .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bundle-item { transition: none; }
}
@media (forced-colors: active) {
  .bundle-item.is-selected { outline: 2px solid Highlight; }
  .bundle-check input { forced-color-adjust: auto; }
}


/* WordPress chrome: keep the storefront clear of the admin toolbar. */
:root { --mobiat-admin-height: 0px; }
:root:has(body.admin-bar) { --mobiat-admin-height: 32px; }
html { scroll-padding-top: calc(var(--v-header-height, 80px) + var(--mobiat-admin-height) + 18px); }
body.admin-bar .header { top: var(--mobiat-admin-height) !important; }
.pdp-v2 .pdp-tabs { top: calc(var(--v-header-height, 80px) + var(--mobiat-admin-height)); }
.pdp-scroll-stage .pdp-gallery { top: calc(var(--v-header-height, 80px) + var(--mobiat-admin-height) + 20px); }
.mobiat-skip-link:focus { position: fixed; top: calc(var(--mobiat-admin-height) + 10px); left: 10px; width: auto; height: auto; clip: auto; overflow: visible; background: var(--ui-surface); color: var(--ui-text); padding: 12px; z-index: 100000; border: 2px solid var(--ui-focus); border-radius: 8px; }
@media (max-width: 782px) { :root:has(body.admin-bar) { --mobiat-admin-height: 46px; } }
@media (max-width: 600px) { body.admin-bar #wpadminbar { position: fixed; } }
@media (min-width: 1025px) {
  .pdp-v2 .pdp-scroll-stage .pdp-photo { max-height: min(560px, calc(100vh - var(--v-header-height, 80px) - var(--mobiat-admin-height) - 150px)); max-height: min(560px, calc(100dvh - var(--v-header-height, 80px) - var(--mobiat-admin-height) - 150px)); }
}