.yh [hidden],#heavy-products [hidden]{display:none!important}
.yh{background:#F4F4F2;scroll-margin-top:100px}.yh .ct-head>p{max-width:440px}.yh .yh-eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;margin:0 0 12px;color:#6B7077}
.yh-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.yh-tabs button{font:inherit;text-align:left;cursor:pointer;padding:16px 20px;border:1px solid #DDE0E3;border-radius:6px;background:#fff;color:#22262C;transition:background .18s,color .18s}.yh-tabs strong{display:block;font-size:24px;line-height:1.3}.yh-tabs span{display:block;font-size:12px;margin-top:4px}.yh-tabs button[aria-selected=true]{background:#FFCF24;border-color:#FFCF24}.yh-tabs button:hover{background:#22262C;color:#fff}.yh button:focus-visible,.yh a:focus-visible,.yh select:focus-visible,.yh input:focus-visible,.yh-layout:focus-visible{outline:3px solid #073C61;outline-offset:3px}
.yh-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}.yh-form{min-width:0}.yh fieldset{border:0;border-bottom:1px solid #DDE0E3;padding:0 0 24px;margin:0 0 24px;min-width:0}.yh legend{font-size:18px;font-weight:600;margin:0 0 16px;padding:0}.yh legend>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#FFCF24;font-size:12px;margin-right:10px}.yh label{display:block;font-size:13px;font-weight:600}.yh select,.yh input{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:48px;margin-top:8px;border:1px solid #88929D;border-radius:5px;background:#fff;color:#22262C;padding:10px 12px;font:inherit;font-size:14px}.yh select:disabled{opacity:.6}.yh .yh-small{font-size:12px;line-height:1.65;color:#6B7077;margin:12px 0 0}.yh-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.yh-pair{display:flex;align-items:center;gap:14px;margin-top:16px;background:white;padding:16px;border-radius:6px}.yh-pair>div{min-width:0;flex:1}.yh-pair span{font-size:12px;color:#6B7077}.yh-pair strong{display:block;overflow-wrap:anywhere;font-size:14px;margin-top:5px}.yh-reset{font:inherit;font-size:13px;color:#22262C;border:0;background:none;cursor:pointer;text-decoration:underline;padding:8px 0}
.yh-result{background:#fff;border:1px solid #DDE0E3;border-top:5px solid #FFCF24;border-radius:8px;padding:28px;min-width:0;position:sticky;top:100px}.yh .yh-status{font-size:13px;margin:0 0 12px}.yh-figure{margin:12px 0 20px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px}.yh-image{width:100px;height:100px;object-fit:contain;border-radius:5px}.yh figcaption{font-size:11px;color:#6B7077;line-height:1.6}.yh .yh-code{font-size:clamp(22px,2.5vw,32px);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.2}.yh .yh-spec{font-size:14px}.yh-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;font-size:12px;margin:18px 0}.yh-summary dt{color:#6B7077}.yh-summary dd{margin:0;overflow-wrap:anywhere}.yh-product{display:inline-block;font-size:12px;color:#22262C;text-decoration:underline;margin:0 0 20px}.yh .yh-quote{display:flex;justify-content:center;text-align:center;background:#FFCF24;color:#22262C;border-radius:6px;font-size:14px;padding:15px 20px;transition:background .18s,color .18s}.yh .yh-quote:hover{background:#22262C;color:#fff}.yh-error{font-size:12px;color:#A51D27}.yh-range-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.yh-range-tabs button{font:inherit;font-size:14px;padding:10px 24px;border-radius:999px;border:1px solid #DDE0E3;background:white;color:#22262C;cursor:pointer}.yh-range-tabs button[aria-selected=true]{background:#FFCF24;border-color:#FFCF24}.yh-range-tabs button:hover{background:#22262C;color:white}.yh-range-tabs button:focus-visible{outline:3px solid #073C61;outline-offset:3px}
@media(max-width:760px){.yh-layout{grid-template-columns:1fr;gap:24px}.yh-result{position:static;padding:22px}.yh-tabs{grid-template-columns:repeat(2,1fr)}.yh-tabs button{padding:12px 16px}.yh-fields{grid-template-columns:1fr}.yh .ct-head{display:block}.yh .ct-head>p{max-width:none}.yh-summary{grid-template-columns:100px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.yh *{transition:none!important}}
@media(max-width:760px){.yh select,.yh input{font-size:16px}.yh-tabs button[aria-selected=true]:hover{background:#FFCF24;color:#22262C}.yh-range-tabs button[aria-selected=true]:hover{background:#FFCF24;color:#22262C}}
/* Keep the existing header usable on narrow phones on this page only. */
@media(max-width:360px){.lp-page .yocl-site-header .yocl-nav-brand{flex-basis:112px}.lp-page .yocl-site-header .yocl-nav-brand img{width:112px}.lp-page .yocl-site-header .yocl-header-inner{gap:8px}}
