.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}}

