*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;color:#1C2428;background:#F2F3F0;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.page{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
a{color:#7A3E8E}a:hover{color:#5A2C69}
:focus-visible{outline:3px solid #7A3E8E;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#1C2428;color:#fff;padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;color:#1C2428}
.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#7A3E8E;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.cart-badge[hidden]{display:none}
.hdr-nav::-webkit-scrollbar{display:none}.hdr-nav{scrollbar-width:none}
article:hover{box-shadow:0 10px 30px -18px rgba(28,36,40,.55)}
article:has(a[href]){cursor:pointer}
[data-add]:disabled{opacity:.6;cursor:not-allowed}
.opt[aria-pressed="true"]{background:#1C2428!important;color:#fff!important;border-color:#1C2428!important}
.opt:disabled{opacity:.4;cursor:not-allowed}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1C2428;color:#fff;padding:14px 18px;border-radius:8px;z-index:90;display:flex;gap:16px;align-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.toast a{color:#fff;font-weight:700}
.toast[hidden]{display:none}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid #D5D9D4;background:#fff;color:#1C2428;align-items:center;justify-content:center;padding:0}
.menu-btn .i-close{display:none}.menu-btn[aria-expanded="true"] .i-close{display:block}.menu-btn[aria-expanded="true"] .i-open{display:none}
.mnav{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #D5D9D4;box-shadow:0 18px 30px -18px rgba(28,36,40,.6);max-height:calc(100vh - 70px);overflow-y:auto;padding:8px 20px 24px}
.mn-grp{border-bottom:1px solid #E6E9E5;padding:10px 0}
.mn-main{display:block;font-size:19px;font-weight:750;color:#1C2428;text-decoration:none;padding:8px 0}
.mn-main[aria-current="page"]{color:#7A3E8E}
.mn-sub{display:block;color:#56616A;text-decoration:none;padding:7px 0 7px 12px;font-size:16px}
.mn-foot{display:flex;flex-direction:column;gap:10px;padding-top:18px}
.mn-quote,.mn-basket,.mn-tel{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:6px;font-weight:650;text-decoration:none}
.mn-quote{background:#7A3E8E;color:#fff}.mn-basket,.mn-tel{border:2px solid #1C2428;color:#1C2428}
.page{overflow-x:clip}
main div,main section,main aside,main form{min-width:0}
h1,h2{overflow-wrap:break-word}
@media (max-width:820px){.hdr-bar{flex-wrap:nowrap!important;height:64px!important;padding-top:0!important;padding-bottom:0!important}.hdr-nav{display:none!important}.menu-btn{display:inline-flex}.hdr-bar img{height:40px!important}
.topbar .tb-email{display:none}.topbar>div{justify-content:center!important;gap:4px 16px!important;font-size:13px}
main h1{font-size:clamp(30px,9vw,40px)!important;font-stretch:104%!important;letter-spacing:-0.01em!important;line-height:1.05!important}
main h2{font-size:clamp(24px,7vw,30px)!important;font-stretch:104%!important}
div:has(>nav.subnav){top:64px!important}}
@media (min-width:821px){.mnav{display:none!important}}
@media (max-width:820px){.hdr-quote{display:none!important}.hdr-act{margin-left:auto}}
@media (max-width:820px){div:has(>nav.subnav){position:static!important}nav.subnav{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}nav.subnav a{flex:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.hdr,footer,.noprint{display:none!important}body{background:#fff}}
/* 6 m length: not orderable online */
.opt.opt-off{background:#C62828!important;color:#fff!important;border:1px solid #C62828!important;cursor:pointer}
.opt.opt-off:hover,.opt.opt-off:focus-visible{background:#A61F1F!important;border-color:#A61F1F!important}
.len-modal{max-width:440px;width:calc(100% - 32px);border:0;border-radius:8px;padding:28px;color:#1C2428;box-shadow:0 20px 50px rgba(28,36,40,.3)}
.len-modal::backdrop{background:rgba(28,36,40,.55)}
.len-modal h2{margin:0 0 12px;font-size:22px;line-height:1.25;color:#B3261E}
.len-modal p{margin:0 0 12px;color:#3B464C}
.len-modal-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.len-modal-acts a,.len-modal-acts button{font:inherit;font-weight:650;min-height:46px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.len-call{background:#7A3E8E;color:#fff}
.len-mail{border:1px solid #D5D9D4;color:#1C2428;background:#fff}
.len-close{border:0;background:none;color:#56616A;text-decoration:underline}
/* basket production notice (cladding only) */
.lead-note{margin-top:20px;background:#FFF8EC;border:1px solid #E9D3A8;border-left:4px solid #C98A1B;border-radius:6px;padding:18px 20px;color:#3B464C;font-size:15px}
.lead-note-h{font-weight:780;font-size:18px;color:#1C2428;margin-bottom:6px}
.lead-note p{margin:0 0 10px}
.lead-note summary{cursor:pointer;font-weight:650;color:#7A3E8E}
.lead-note details[open] summary{margin-bottom:12px}
.lead-note h3{font-size:16px;margin:16px 0 6px;color:#1C2428}
.lead-note ul,.lead-note ol{margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:4px}