.roof-calculator{display:block}.roof-calculator [hidden]{display:none!important}.roof-calculator .ladder-calculator__heading{max-width:18ch}.roof-calculator__input{width:100%;min-height:4.4rem;padding:.8rem 1rem;border:1px solid var(--ladder-line);border-radius:.4rem;background:var(--ladder-surface);color:var(--ladder-ink);font:inherit;font-size:2rem}.roof-calculator__status{margin-top:1.6rem;padding:1.8rem;border:2px solid var(--ladder-accent);border-left-width:.6rem;border-radius:.8rem;background:var(--ladder-surface);box-shadow:0 .4rem 1.2rem var(--ladder-soft-line)}.roof-calculator__input--prompt{animation:roof-input-prompt 1.6s ease-out 1}@keyframes roof-input-prompt{0%,to{box-shadow:0 0 0 0 transparent}35%,65%{box-shadow:0 0 0 .4rem var(--ladder-accent)}}@media(prefers-reduced-motion:reduce){.roof-calculator__input--prompt{animation:none;border-color:var(--ladder-accent)}}.roof-calculator__status[data-state=blocked]{border-color:var(--ladder-ink)}.roof-calculator__status h3{margin:0 0 1rem;color:var(--ladder-ink);font-size:2.2rem;font-weight:700;line-height:1.25}.roof-calculator__status p{margin:0 0 1.2rem}.roof-calculator__next{font-weight:600}.roof-calculator__status .button{width:100%;white-space:normal;text-align:center}.roof-calculator [data-configuration-heading]{scroll-margin-top:14rem}.roof-calculator :is(input,button,a):focus-visible{outline:2px solid var(--ladder-accent);outline-offset:3px}.roof-calculator .ladder-calculator__results{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-calculator__products{display:grid;gap:1.2rem;list-style:none;padding:0;margin:1.5rem 0}.roof-calculator__products li{display:grid;grid-template-columns:12rem minmax(0,1fr);align-items:center;gap:1.6rem;padding:1.4rem;border:1px solid var(--ladder-soft-line);border-radius:.8rem;overflow-wrap:anywhere}.roof-calculator__media{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:.4rem;background:var(--ladder-surface);overflow:hidden}.roof-calculator__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--ladder-surface)}.roof-calculator__image-placeholder{color:var(--ladder-muted);font-weight:700}.roof-calculator__product-details{display:grid;gap:.65rem;min-width:0}.roof-calculator__product-details p{margin:0}.roof-calculator__product-category{color:var(--ladder-muted);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.roof-calculator__product-title{color:var(--ladder-ink);font-size:1.7rem;font-weight:700;line-height:1.3;text-underline-offset:.3rem}.roof-calculator__product-dimensions,.roof-calculator__product-price{font-size:1.4rem}.roof-calculator__product-price{font-weight:600}.roof-calculator__roof{display:block;width:100%;max-width:28rem;height:auto;margin:2rem auto;color:var(--ladder-line)}.roof-calculator__guide,.roof-calculator__rounding{color:var(--ladder-muted);font-size:1.3rem}.roof-calculator__total{padding-top:1.6rem;border-top:1px solid var(--ladder-line)}.roof-calculator__total strong{color:var(--ladder-accent);font-size:2.4rem}.roof-calculator__actions{display:grid;gap:1rem;margin-top:1.5rem}.roof-calculator__actions .button{white-space:normal;text-align:center}.roof-calculator button:disabled{opacity:.55;cursor:not-allowed}@media screen and (min-width:990px){.roof-calculator .ladder-calculator__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}@media screen and (max-width:749px){.roof-calculator__roof{max-width:20rem;margin:1rem auto}.roof-calculator__products li{grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-roof-ladder-calculator.css.map */