.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;padding:22px 5% 10px;font-size:11px;color:#777}.breadcrumbs a:hover{color:var(--red)}.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center;padding:30px 5% 60px;min-height:620px}.detail-intro h1{font-size:clamp(48px,5.6vw,88px);line-height:1;letter-spacing:-.06em;margin:26px 0;overflow-wrap:anywhere}.detail-intro h1>span{color:var(--red)}.detail-intro>p{line-height:1.7;font-size:15px;max-width:540px;color:#676569}.detail-intro .detail-tagline{font-size:24px;letter-spacing:-.6px;line-height:1.2;color:var(--ink)}.detail-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}.detail-share{border:0;border-bottom:1px solid #aaa;padding:10px 0;background:none;font-size:12px;color:var(--ink)}.detail-intro .share-status{font-size:11px;min-height:16px;margin:10px 0}.detail-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:8px;letter-spacing:1px;color:#777;border-top:1px solid #ccc;padding-top:18px}.detail-visual{margin:0;min-width:0}.zoom-image{border:0;padding:0;display:block;width:100%;background:transparent;cursor:zoom-in;overflow:hidden;border-radius:24px}.detail-visual img{display:block;width:100%;height:500px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.detail-visual .zoom-image:hover img{transform:scale(1.035)}.detail-visual.cutout img{object-fit:contain}.detail-visual figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#777;padding:16px 4px;line-height:1.4}.detail-visual figcaption span{white-space:nowrap}.detail-nav{margin:0 5%;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;gap:35px;flex-wrap:wrap;font-size:12px}.detail-nav a:last-child{margin-left:auto;color:var(--red)}.detail-nav a:hover{color:var(--red)}.detail-section{padding:90px 6%;scroll-margin-top:calc(var(--header-bottom) + 20px)}.detail-section-head{max-width:800px;margin-bottom:40px}.detail-section h2{font-size:clamp(36px,4.4vw,66px)}.detail-section-head .eyebrow{margin-bottom:25px}.detail-section-head>p{line-height:1.7;color:#777;max-width:600px}.use-grid,.preparation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.use-card{display:flex;flex-direction:column;align-items:start;text-align:left;border:1px solid #d3d0ca;background:transparent;border-radius:20px;padding:30px;color:var(--ink);transition:background .3s,transform .3s;min-height:270px}.use-card:hover{background:#fff;transform:translateY(-4px)}.use-card[aria-pressed=true]{border-color:var(--red);background:#fff6f8}.use-card small,.preparation-grid small{color:var(--red);font-size:11px}.use-card h3,.preparation-grid h3{font-size:24px;letter-spacing:-.6px;font-weight:500}.use-card p,.preparation-grid p{color:#777;font-size:14px;line-height:1.6}.use-card>span{font-size:11px;margin-top:auto;padding-top:16px}.use-feedback{font-size:12px;color:#777;margin-top:22px}.detail-options{background:#e5e3de;display:grid;grid-template-columns:1fr 1fr;gap:10%}.detail-options .eyebrow,.detail-quote .eyebrow{margin-bottom:25px;display:block}.detail-options p,.detail-quote>div>p{line-height:1.7;color:#666;max-width:450px}.option-list details,.detail-faq details{border-bottom:1px solid #bbb;padding:22px 0}.option-list summary,.detail-faq summary{cursor:pointer;font-size:17px;line-height:1.4;list-style:none;padding-right:25px;position:relative}.option-list summary:after,.detail-faq summary:after{content:'+';position:absolute;right:0;color:var(--red);font-size:22px}.option-list details[open] summary:after,.detail-faq details[open] summary:after{content:'−'}.option-list summary>span{color:#888;font-size:10px;margin-right:20px}.option-list p,.detail-faq details p{font-size:14px;line-height:1.7;color:#666}.preparation-grid article{border-top:1px solid #bbb;padding-top:25px}.detail-quote{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#171719;color:#f1f0ed}.detail-quote>div>p{color:#aaa}.detail-quote h2{overflow-wrap:anywhere}.quote-summary{margin-top:40px;padding:26px;border:1px solid #ffffff25;border-radius:18px;max-width:450px}.quote-summary small{font-size:9px;color:#aaa;letter-spacing:1px}.quote-summary h3{font-size:24px;font-weight:500}.quote-summary dl{display:grid;grid-template-columns:85px 1fr;gap:14px;font-size:12px}.quote-summary dt{color:#999}.quote-summary dd{margin:0;overflow-wrap:anywhere}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-form select{color-scheme:dark}.detail-form input[type=date]{color-scheme:dark}.quote-result{margin-top:25px;padding:22px;border:1px solid #ffffff25;border-radius:14px}.quote-result pre{font-family:inherit;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc}.quote-result .pill{margin-top:15px;font-size:12px}.detail-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.related-products{padding-top:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-card>div{height:230px;background:#e7e4df;overflow:hidden;border-radius:16px}.related-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.related-card:hover img{transform:scale(1.04)}.related-card small{font-size:9px;display:block;color:#777;margin-top:18px}.related-card h3{font-size:24px;letter-spacing:-.7px;font-weight:500}.image-dialog{border:0;border-radius:22px;padding:18px;background:var(--paper);max-width:92vw;max-height:90dvh;overflow:auto}.image-dialog::backdrop{background:#101014c9;backdrop-filter:blur(8px)}.image-dialog>button{display:block;margin:0 0 10px auto;border:1px solid #aaa;border-radius:24px;padding:9px 16px;background:none}.image-dialog>img{display:block;max-width:85vw;max-height:70vh;object-fit:contain;margin:auto}.image-dialog>p{font-size:11px;color:#777}.will-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .9s}.will-reveal.is-visible{opacity:1;transform:none}.category-results a{min-width:0}.category-hero img{object-fit:cover}.site-header .header-links{font-family:inherit}
@media(max-width:980px){.detail-hero{gap:4%;padding-left:4%;padding-right:4%}.detail-intro h1{font-size:57px}.detail-visual img{height:430px}.use-card{padding:23px}.use-card h3{font-size:21px}}
@media(max-width:760px){.breadcrumbs{padding-top:15px;font-size:10px}.detail-hero{grid-template-columns:1fr;gap:20px;padding:25px 6% 35px;min-height:0}.detail-intro h1{font-size:54px;margin:20px 0}.detail-intro .detail-tagline{font-size:23px}.detail-intro>p{font-size:14px}.detail-visual img{height:330px}.detail-visual.cutout img{height:320px}.detail-nav{gap:18px;padding:18px 0;font-size:11px}.detail-nav a:last-child{margin-left:0}.detail-section{padding:55px 6%}.detail-section h2{font-size:40px}.use-grid,.preparation-grid,.detail-options,.detail-quote,.detail-faq{grid-template-columns:1fr;gap:28px}.use-card{min-height:210px}.use-card h3{font-size:24px;margin:18px 0 5px}.quote-summary{max-width:none}.related-grid{grid-template-columns:1fr;gap:25px}.related-card>div{height:260px}.related-card h3{margin:10px 0}.field-pair{gap:16px}.detail-visual figcaption{font-size:8px}.detail-meta{font-size:7px}.detail-actions .pill{font-size:12px}.detail-faq{gap:10px}.category-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none;transition:none}.detail-visual img,.use-card,.related-card img{transition:none}.use-card:hover{transform:none}}


.category-product-image{display:block;width:100%;aspect-ratio:1.5;object-fit:contain;border-radius:12px;margin-bottom:18px;background:#f2eee8}.detail-visual img[src*="images/products/"]{object-fit:contain;background:#f2eee8}.related-card img[src*="images/products/"]{object-fit:contain;background:#f2eee8}

/* Intrinsic image and form sizes must never enlarge their grid column. */
.detail-hero>*,.detail-section>*,.field-pair>*,.category-hero>*,.category-results>*,.related-grid>*,.use-grid>*,.preparation-grid>*{min-width:0}
.detail-visual img,.category-hero img,.category-product-image,.related-card img{max-width:100%}
.category-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-results h2,.category-results small,.detail-section h2,.related-card h3,.use-card h3,.breadcrumbs,.detail-meta,.detail-visual figcaption{overflow-wrap:anywhere}
.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-form input,.detail-form select,.detail-form textarea{min-width:0;max-width:100%}
.image-dialog{width:min(960px,92vw)}.image-dialog>img{width:auto;max-width:100%;height:auto;max-height:70dvh}
@media(max-width:760px){
 .detail-hero,.category-hero{grid-template-columns:minmax(0,1fr)}
 .detail-intro h1,.category-hero h1{font-size:clamp(36px,9.5vw,54px);line-height:1.06}
 .detail-section h2{font-size:clamp(30px,8vw,40px)}
 .detail-visual img,.detail-visual.cutout img{height:auto;aspect-ratio:3/2;object-fit:contain}
 .category-hero img{height:auto;aspect-ratio:3/2;max-height:320px;object-fit:contain;background:#e9e6e0}
 .category-product-image{height:auto;aspect-ratio:3/2;margin-bottom:0}
 .category-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-results a{padding:14px;gap:12px}.category-results h2{font-size:18px;line-height:1.25;letter-spacing:-.3px}
 .related-card>div{height:auto;aspect-ratio:3/2}
 .detail-visual figcaption{flex-wrap:wrap}.detail-visual figcaption span{white-space:normal}
 .detail-actions .pill,.detail-form .pill{max-width:100%;white-space:normal;gap:12px}
 .detail-options,.detail-quote,.detail-faq,.use-grid,.preparation-grid,.related-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){.category-results{grid-template-columns:minmax(0,1fr)}.field-pair{grid-template-columns:minmax(0,1fr)}.quote-summary{padding:18px}.detail-nav{gap:14px}}