.prod-head{gap:32px;min-height:380px}.prod-title{font-size:clamp(44px,5.6vw,76px);position:relative}.prod-side{gap:32px}.prod-lede{margin:0;font-size:18px;line-height:1.45}.prod-meta{display:grid}.prod-meta>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14px;display:flex}.prod-meta>div:last-child{border-bottom:1px solid var(--line)}.prod-meta span:last-child{text-align:right;align-items:center;gap:10px;font-weight:600;display:inline-flex}.prod-art{color:var(--fg);display:block;overflow:visible}.prod-art path,.prod-art circle,.prod-art rect,.prod-art line,.prod-art polyline,.prod-art polygon{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linejoin:round;stroke-linecap:round}.prod-art .acc{stroke:var(--yellow);stroke-width:2.2px}.prod-art .fill{fill:var(--yellow);stroke:none}.prod{flex-direction:column;gap:22px;min-height:560px;display:flex}.prod-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.prod-fig{background:var(--s2);border-radius:20px;justify-content:center;align-items:center;height:220px;transition:background-color .4s;display:flex;overflow:hidden}.prod-fig .prod-art{width:auto;height:170px}.prod-fig img{object-fit:contain;filter:drop-shadow(0 18px 22px #00000047);width:auto;max-width:88%;height:180px;transition:transform .6s var(--ease-out)}a.prod:hover .prod-fig img{transform:translateY(-6px)scale(1.04)}.prod-fig.photo img{object-fit:cover;filter:none;width:100%;max-width:none;height:100%}a.prod:hover .prod-fig.photo img{transform:scale(1.05)}.prod h3{letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:600}.prod p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.prod-keys{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:auto 0 0;padding-top:18px;display:grid}.prod-keys dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.prod-keys dd{margin:6px 0 0;font-size:14px;font-weight:600}.prod .circ{transition:transform .4s var(--ease-out), background-color .3s, color .3s, border-color .3s}a.prod:hover{--s:var(--yellow);--s2:var(--yellow-deep);--fg:var(--ink);--muted:#3b3410;--acc:var(--ink);--line:#0b0b0c33;background:var(--s);color:var(--fg)}a.prod:hover .circ{transform:rotate(45deg)}a.prod:hover .prod-art .acc{stroke:var(--ink)}a.prod:hover .prod-art .fill{fill:var(--ink)}.prod-next{flex-direction:column;justify-content:flex-end;gap:16px;min-height:320px;display:flex}.prod-next>:not(.ring){position:relative}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters .pill[aria-pressed=true]{background:var(--fg);color:var(--s);border-color:var(--fg)}.range-wrap{padding:0 40px 40px}.range-scroll{overflow-x:auto}.range{border-collapse:collapse;width:100%;min-width:960px;font-size:14px}.range th,.range td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 12px}.range th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.range td:first-child{white-space:nowrap;font-weight:600}.range td:first-child a{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);transition:text-decoration-color .3s,color .3s}.range td:first-child a:hover{text-decoration-color:currentColor}.range tbody tr{transition:background-color .3s}.range tbody tr:hover{background:var(--s2)}.compat{flex-direction:column;justify-content:space-between;gap:20px;min-height:320px;display:flex}.acc-card{flex-direction:column;justify-content:space-between;gap:22px;min-height:260px;display:flex}.acc-card h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.acc-card p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.prod-tags{flex-wrap:wrap;gap:8px;display:flex}.pd-head{gap:36px;min-height:600px}.pd-crumb{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pd-crumb a:hover{color:var(--fg)}.pd-title{font-size:clamp(40px,4.6vw,64px);position:relative}.pd-tagline{max-width:560px;margin:0;font-size:20px;line-height:1.4}.pd-chips{flex-wrap:wrap;gap:8px;display:flex}.pd-actions{flex-wrap:wrap;gap:12px;display:flex}.pd-visual{justify-content:center;align-items:center;min-height:600px;padding:0;display:flex}.pd-visual .prod-art{width:auto;height:clamp(320px,56vh,460px);position:relative}.pd-img{object-fit:contain;filter:drop-shadow(0 36px 44px #0006);width:auto;max-width:86%;height:clamp(340px,60vh,520px);position:relative}.pd-visual.photo{background:var(--s2)}.pd-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pd-visual.photo .pd-note{color:#fff;text-shadow:0 1px 10px #000000b3}.pd-note{position:absolute;bottom:28px;left:40px}.pd-scene{align-items:flex-end;min-height:540px;padding:0;display:flex}.pd-scene img{object-fit:cover;width:100%;height:130%;position:absolute;top:-15%;left:0}.pd-scene-cap{background:color-mix(in srgb, var(--ink) 74%, transparent);max-width:520px;color:var(--paper);-webkit-backdrop-filter:blur(10px);border-radius:18px;margin:40px;padding:22px 26px;position:relative}.pd-scene-cap .mono{color:var(--yellow)}.pd-scene-cap p{margin:10px 0 0;font-size:18px;line-height:1.4}.glance{flex-direction:column;justify-content:space-between;gap:16px;min-height:190px;display:flex}.pd-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1.05}.pd-summary{padding:56px 40px}.pd-summary p{letter-spacing:-.02em;max-width:1040px;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:400;line-height:1.2}.pd-high{flex-direction:column;justify-content:space-between;gap:28px;min-height:290px;display:flex}.pd-high .num{font-family:var(--mono);letter-spacing:.1em;color:var(--acc);font-size:12px}.pd-high h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.pd-high p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.pd-spec{flex-direction:column;gap:14px;display:flex}.spec-list{margin:0;display:grid}.spec-list>div{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding:14px 0;font-size:14px;display:grid}.spec-list>div:last-child{border-bottom:0}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0;font-weight:600}.options{gap:12px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.options li{align-items:center;gap:14px;display:flex}.options li:before{content:"";background:var(--yellow);border-radius:50%;flex:none;width:8px;height:8px}.quote-lead{gap:32px;min-height:540px}.q-form{flex-direction:column;gap:18px;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.q-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.q-row p{max-width:320px;margin:0;font-size:12px}.q-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.q-err{color:var(--yellow);margin:0;font-size:14px;line-height:1.5}.q-err a{text-decoration:underline}.q-form [type=submit][aria-busy=true]{opacity:.6;pointer-events:none}.q-done{outline:none;flex-direction:column;align-items:flex-start;gap:20px;max-width:600px;margin:0 auto;display:flex;position:relative}.q-done h3{margin:0}.q-done p{max-width:460px;margin:0;font-size:16px;line-height:1.5}.q-done .actions{flex-wrap:wrap;gap:12px;display:flex}.ok-badge{background:var(--yellow);width:72px;height:72px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.prod-cta{flex-direction:column;justify-content:space-between;gap:32px;min-height:320px;display:flex}.prod-cta>:not(.sun-fill){position:relative}.prod-cta h2{font-size:clamp(40px,5vw,64px)}.prod-cta-actions{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}@media (width<=960px){.prod-head{min-height:300px}.prod,.prod-next,.compat,.acc-card,.pd-high,.glance,.quote-lead,.prod-cta{min-height:0}.range-wrap{padding:0 16px 28px}.pd-head{min-height:0}.pd-visual{min-height:0;padding:40px 16px 56px}.pd-visual .prod-art{height:300px}.pd-img{height:320px}.pd-visual.photo{min-height:420px}.pd-note{bottom:20px;left:16px}.pd-scene{min-height:340px}.pd-scene-cap{margin:16px;padding:16px 18px}.pd-scene-cap p{font-size:16px}.pd-summary{padding:36px 16px}.spec-list>div{grid-template-columns:minmax(0,1fr);gap:4px}}
