/* Quiet editorial sections below the creator; follows every product colour theme. */
.hero-feature-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;max-width:540px}.hero-feature-pills a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;color:var(--muted);font-size:12px;line-height:1.4;background:var(--panel)}.hero-feature-pills a:hover{border-color:var(--accent);color:var(--ink)}html[data-design="single"] .feature-in-only,html[data-design="double"][data-pair="ff"] .feature-in-only{display:none}.innovation-card[id]{scroll-margin-top:calc(var(--toolbar-height) + 20px)}.innovation-pressure{width:100%;margin:4px 0 20px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.innovation-pressure svg{display:block;width:min(100%,300px);height:auto;margin:auto}.innovation-pressure figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px;text-align:center}@media(max-width:650px){.hero-feature-pills{gap:6px;margin-top:18px}.hero-feature-pills a{font-size:11px;padding:8px 10px}.innovation-pressure{padding:8px}}
.design-benefits{padding-block:72px}.design-benefits .section-heading{max-width:760px}.design-benefits .section-heading>p:last-child{font-size:16px;line-height:1.7}.benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.benefit-cards article{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);min-width:0}.benefit-symbol{display:grid!important;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--accent);margin-bottom:22px}.benefit-symbol svg{width:28px;height:28px}.benefit-cards h3{font-size:21px;line-height:1.25;margin:0 0 14px}.benefit-cards p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.cost-note{margin-top:28px;padding:22px 0;border-top:1px solid var(--line)}.cost-note p{font-size:13px;line-height:1.7;color:var(--muted)}.materials-section .material-visual{height:160px}.materials-section .material-body>p{min-height:0}.materials-section .material-body{padding:26px}.materials-section .material-disclosure{display:block;max-width:850px}.materials-section .material-disclosure p{font-size:13px;line-height:1.75}.material-disclosure details{margin-top:16px}.material-disclosure summary{font-size:14px;cursor:pointer}.oya-privacy-compact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:64px;border-bottom:1px solid var(--line)}.oya-privacy-compact .privacy-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:540px}.privacy-points{display:grid;align-content:center;gap:24px}.privacy-points>div{display:flex;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.privacy-points svg{width:28px;height:28px;flex:none;color:var(--accent)}.privacy-points p{margin:0}.privacy-points b{display:block;font-size:16px;margin-bottom:10px}.privacy-points span{display:block;color:var(--muted);font-size:14px;line-height:1.7}.faq{padding-block:64px}.faq summary{font-size:16px;line-height:1.5;min-height:60px}.faq details p{font-size:14px;line-height:1.8;max-width:650px}.checkout-note{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft);margin:22px 0}.checkout-note p,.checkout-note summary{font-size:13px;line-height:1.7}.checkout-note details{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.checkout-note summary{cursor:pointer}.checkout-form>p{line-height:1.7}.checkout-consent span{font-size:13px;line-height:1.7}.footer-note{max-width:800px;line-height:1.7!important}.closing{padding-block:56px}.closing .closing-spark{font-size:48px}.privacy-points svg,.benefit-symbol svg{overflow:visible}@media(max-width:760px){.design-benefits{padding-block:44px}.benefit-cards{grid-template-columns:1fr;gap:12px}.benefit-cards article{padding:22px}.benefit-symbol{float:left;margin:0 16px 12px 0}.benefit-cards p{clear:both}.benefit-cards h3{padding-top:12px}.oya-privacy-compact{grid-template-columns:1fr;gap:24px;padding-block:44px}.privacy-points>div{padding:20px}.faq{padding-block:44px}.faq summary{font-size:15px}.materials-section .material-visual{height:140px}.closing{padding-block:40px}.closing h2{font-size:clamp(44px,12vw,70px)}}

/* Product finish is independent of the category theme and material flexibility. */
.materials-section .sample-art i{border-color:#fff;box-shadow:inset 1px 3px 3px #fff,inset -3px -4px 3px #8884,4px 6px 0 #c9c9c9,7px 8px 4px #2223}
.materials-section .material-visual{background:linear-gradient(135deg,#dedede,#a5a5a5);color:#242424;overflow:hidden}
.material-result[data-material]:before{background:#fff;border:1px solid #999}
.material-price{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.material-price>span{min-width:0}.material-price strong{font-size:clamp(18px,2vw,25px);line-height:1.3;white-space:normal;overflow-wrap:anywhere;min-width:0}.material-price small{display:none}
.oya-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex:none}.edition-card:after{content:none}.brand-dot .oya-symbol{width:.8em;height:.8em}.closing-spark .oya-symbol{width:1em;height:1em}
.gift-art #metal stop{stop-color:#eee}.gift-art #metal stop:nth-child(2n){stop-color:#fff}.gift-counterpart ellipse{fill:#eee}.gift-counterpart .housing-opening{fill:#a8a8a8}.floating-object path[fill="url(#layers)"]{opacity:.12}
#model-fallback svg path{fill:#fff;stroke:#aaa}

.wordmark .oya-wordmark-image{display:block;width:150px;height:auto;max-width:100%;object-fit:contain}.wordmark{line-height:1;flex-shrink:0}html[data-mode="dark"] .wordmark .oya-wordmark-image{filter:brightness(0) invert(1)}.brand-dot img,.asterisk img,.closing-spark img{object-fit:contain}.summary-list #summary-file-cost{display:none}.summary-list div:has(>#summary-file-cost){display:none}.hero .from-price small{max-width:180px;line-height:1.5}.footer .wordmark .oya-wordmark-image{width:180px}@media(max-width:600px){.header .wordmark .oya-wordmark-image{width:115px}.modal-top .wordmark .oya-wordmark-image{width:130px}}
.color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-palette span{display:flex;gap:8px;align-items:center;min-width:0}.color-palette i{width:24px;height:24px;border:1px solid #9996;border-radius:50%;flex-shrink:0}.color-palette b{font-size:13px}.discreet-shipping{font-size:14px;line-height:1.6}.material-result:before{display:none}
@media(max-width:420px){.color-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
.color-palette b small{display:block;font-size:10px;font-weight:400;line-height:1.5;white-space:normal}
.color-palette{grid-template-columns:repeat(2,minmax(0,1fr))}
.color-palette label>span{height:100%;box-sizing:border-box;align-items:flex-start}
.color-palette i{margin-top:3px}
.color-palette b small[data-core-label]{margin-top:4px;color:var(--muted)}
.finish-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.finish-comparison>div{min-width:0;display:grid;align-content:start;justify-items:start;gap:6px}
.finish-comparison b{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.finish-comparison small{font-size:11px;line-height:1.5;color:var(--muted)}
.finish-sample{display:block;width:48px;height:48px;border-radius:50%;border:1px solid #8887;box-shadow:inset -4px -5px 10px #0001,inset 4px 5px 10px #fff4}
.finish-sample.coated{box-shadow:inset -4px -5px 12px #0001,inset 5px 6px 12px #fffb}
.finish-note{font-size:11px!important;line-height:1.6}
.housing-exterior label{display:block;margin:16px 0;font-size:13px}.housing-exterior output{float:right;font-weight:bold}.housing-exterior input[type=range]{display:block;width:100%;margin-top:14px}.circ-field:has(input[type=range]){display:block}.circ-field:has(input[type=range]) .number-wrap{display:flex;width:100%;gap:12px;margin-top:12px}.circ-field input[type=range]{flex:1;min-width:0;width:100%}.second-measures input[type=range]{width:100%}
/* Six clear stages; two rows on narrow screens keep labels legible. */
.calculator .config-route{grid-template-columns:repeat(6,minmax(0,1fr))}
#entry-a input[type=range],#entry-b input[type=range]{width:100%;accent-color:var(--accent)}
.design-tools-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.shuffle-color-preview{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.shuffle-color-preview>div:last-child{min-width:0}
.shuffle-color-preview small{margin:3px 0 0;line-height:1.5;overflow-wrap:anywhere}
.shuffle-color-samples{display:flex;gap:8px;flex:none}
.shuffle-color-samples>span{display:grid;justify-items:center;gap:3px;width:50px}
.shuffle-color-samples i{display:block;width:32px;height:32px;border:1px solid #8887;border-radius:50%;box-shadow:inset -3px -4px 8px #0001,inset 3px 4px 8px #fff6}
.shuffle-color-samples small{font-size:9px;white-space:nowrap}
#shuffle-color-price{color:var(--ink)}
#model-color-note{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.hero-art .hero-product-render{position:absolute;inset:8% 4% 23%;width:92%;height:69%;object-fit:contain;filter:drop-shadow(0 18px 14px #0003)}
.hero-art .hero-product-render[data-product-kind=mix]{inset:23% 2% 25%;width:96%;height:52%}
.hero-color-label{position:absolute;left:25px;right:25px;bottom:142px;font-size:12px;line-height:1.5;font-weight:700;color:var(--ink);text-align:center}
.sample-pla i{border-color:#111214;box-shadow:inset 2px 3px 4px #ffffff30,4px 6px 0 #08090a,7px 8px 4px #0004}.sample-tpu i{border-color:#197583;box-shadow:inset 2px 4px 5px #ffffff55,inset -3px -4px 4px #0b374a66,4px 6px 0 #10515c,7px 8px 4px #0003}
.marketing-palette{padding-top:56px;padding-bottom:56px}.marketing-palette h2{font-size:clamp(36px,5vw,64px);margin:12px 0 22px}.marketing-palette>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:90ch}
.marketing-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0 22px}.marketing-color-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;transition:transform .15s,border-color .15s}.marketing-color-card:hover{transform:translateY(-3px);border-color:var(--accent)}.marketing-color-card img{display:block;object-fit:contain;width:100%;height:auto;aspect-ratio:5/6;max-height:190px}.marketing-color-card b,.marketing-color-card span{display:block;overflow-wrap:anywhere}.marketing-color-card b{font-size:13px;line-height:1.5;margin-top:8px}.marketing-color-card span{font-size:10px;line-height:1.5;color:var(--muted)}
@media(max-width:850px){.marketing-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-color-label{font-size:10px;bottom:135px}}
@media(max-width:620px){.marketing-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketing-palette{padding-top:36px;padding-bottom:36px}.marketing-color-card img{max-height:170px}}
@media(max-width:650px){
 .calculator .config-route{grid-template-columns:repeat(3,minmax(0,1fr))}
 .design-tools-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .design-tools-actions .button{width:100%;min-width:0;min-height:48px;padding:10px 6px;font-size:12px;line-height:1.35;white-space:normal;justify-content:center}
 .design-tools-actions #undo-shuffle{grid-column:1/-1;min-height:44px;text-align:left}
}
@media(max-width:400px){.shuffle-color-preview{flex-direction:column;align-items:flex-start;gap:10px}}
/* Product innovation: compact, theme-aware and readable below the creator. */
.hardness-discover{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0 38px}.hardness-discover p{font-size:14px;line-height:1.75;color:var(--muted);max-width:60ch;margin:0}.hardness-discover .button{flex:none;white-space:normal;text-align:left}
@media(max-width:650px){.hardness-discover{flex-direction:column;align-items:stretch;gap:18px}.hardness-discover .button{justify-content:space-between;min-height:48px}}
.oya-innovation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.innovation-card{padding:clamp(22px,3vw,38px);border:1px solid var(--line);border-radius:24px;background:var(--panel);min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.innovation-airflow{background:linear-gradient(140deg,var(--soft),var(--panel))}.innovation-chambers{background:radial-gradient(ellipse at top right,var(--soft),var(--panel) 72%)}
.innovation-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;margin-bottom:28px}
.innovation-tag{font-size:10px;letter-spacing:1.1px;line-height:1.7;color:var(--muted);max-width:230px}
.innovation-card-top svg{width:56px;height:56px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.innovation-card h3{font-family:var(--display);font-size:clamp(27px,3.2vw,42px);line-height:1.12;letter-spacing:-.025em;margin:0 0 20px;color:var(--ink)}
.innovation-card p{font-size:15px;line-height:1.75;margin:0 0 16px;color:var(--muted);max-width:55ch}
.innovation-card .innovation-detail{font-size:13px}.innovation-detail strong{color:var(--ink)}
.innovation-status{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--muted);width:100%}
.innovation-zones{display:flex;gap:6px;width:100%;margin-top:auto;padding-top:16px}.innovation-zones span{flex:1;border:1px solid var(--line);border-radius:9px;padding:13px 8px;text-align:center;color:var(--accent);font-size:15px;background:var(--soft)}
.innovation-origin{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--soft)}
.innovation-origin-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:20px;letter-spacing:2px}
.innovation-origin .eyebrow{margin:0 0 10px}.innovation-origin h3{font-family:var(--display);font-size:30px;line-height:1.15;margin:0 0 14px}.innovation-origin p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:70ch}.innovation-origin .button{white-space:normal;text-align:left}
@media(max-width:900px){.innovation-origin{grid-template-columns:auto minmax(0,1fr)}.innovation-origin .button{grid-column:2}}
@media(max-width:650px){.oya-innovation-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}.innovation-card{padding:24px;border-radius:18px}.innovation-card-top{margin-bottom:20px}.innovation-card-top svg{width:44px;height:44px}.innovation-card p{font-size:14px}.innovation-origin{padding:24px;gap:18px;grid-template-columns:minmax(0,1fr);border-radius:18px}.innovation-origin-mark{width:46px;height:46px;font-size:16px}.innovation-origin .button{grid-column:1;justify-content:space-between}}
@media(max-width:760px){html:has(#model-vent-b:not([hidden])){--preview-height:clamp(330px,42dvh,390px)}}

/* Quick product comparison: benefits remain readable without horizontal scrolling. */
.oya-feature-overview{margin-top:32px;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.oya-feature-overview>h3{font-size:clamp(22px,3vw,32px);line-height:1.2;margin:0 0 10px}.oya-feature-overview>p{font-size:14px;line-height:1.7;color:var(--muted)}
.oya-feature-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.oya-feature-options article{min-width:0;display:flex;flex-direction:column}.oya-feature-options h4{font-size:20px;line-height:1.3;margin:10px 0}.oya-feature-options ul{padding-left:19px;margin:6px 0 24px;color:var(--muted);font-size:14px;line-height:1.7}.oya-feature-options li+li{margin-top:9px}.oya-feature-options .button{margin-top:auto;min-height:44px;white-space:normal;justify-content:space-between}.oya-feature-overview .oya-feature-note{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin:24px 0 0}
@media(max-width:900px){.oya-feature-options{grid-template-columns:1fr;gap:22px}.oya-feature-options article+article{border-top:1px solid var(--line);padding-top:22px}.oya-feature-options ul{margin-bottom:16px}.oya-feature-options .button{align-self:flex-start;min-width:180px}}