/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.table-row{display:table-row}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--navy:#092c4d;--navy-deep:#061f37;--orange:#e68d3b;--orange-dark:#c86f23;--cream:#f1eee3;--paper:#fff;--ink:#17202a;--muted:#66717c;--line:#d8d4cc;--green:#2c7a52;--shadow:0 20px 60px #092c4d1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffbd75}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.utility-bar{background:var(--navy-deep);color:#dce8f2;letter-spacing:.02em;font-size:12px}.utility-inner{justify-content:space-between;align-items:center;gap:20px;min-height:34px;display:flex}.utility-actions{align-items:center;gap:22px;display:flex}.utility-links{gap:22px;display:flex}.utility-links a:hover{color:#fff}.social-links{align-items:center;gap:7px;display:flex}.social-links>span{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.social-links a{border:1px solid;border-radius:50%;place-items:center;width:26px;height:26px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.social-links svg{fill:currentColor;width:14px;height:14px;display:block}.social-links svg rect,.social-links svg circle:not(.instagram-dot){fill:none;stroke:currentColor;stroke-width:1.9px}.social-links svg .instagram-dot{fill:currentColor;stroke:none}.utility-social{color:#9fb3c2}.utility-social>span{color:#718a9c}.utility-social a:hover{border-color:var(--orange);background:var(--orange);color:var(--navy-deep);transform:translateY(-1px)}.site-header{z-index:20;background:#fff;position:relative;box-shadow:0 1px #092c4d1f}.header-main{grid-template-columns:244px 1fr auto;align-items:center;gap:28px;min-height:88px;display:grid}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{flex:none;width:68px;height:auto;display:block}.roof-mark{background:var(--orange);clip-path:polygon(50% 0,100% 37%,89% 50%,50% 21%,11% 50%,0 37%);width:47px;height:43px;display:block;position:relative}.roof-mark:after{content:"";background:var(--navy);height:19px;position:absolute;top:20px;left:10px;right:10px}.roof-mark i{z-index:2;background:#fff;width:8px;height:13px;position:absolute;top:26px;left:20px}.brand-copy{text-transform:uppercase;flex-direction:column;line-height:1;display:flex}.brand-copy strong{color:var(--navy);letter-spacing:-.02em;font-size:17px}.brand-copy small{color:var(--orange-dark);letter-spacing:.28em;margin-top:6px;font-size:12px;font-weight:800}.search-box{background:#fff;border:2px solid #ccd2d8;align-items:stretch;height:48px;display:flex}.search-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #092c4d14}.search-box input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;padding:0 16px}.search-box input::placeholder{color:#7b858e}.search-button{background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;place-items:center;min-width:86px;font-size:13px;font-weight:800;display:grid}.quote-button{background:var(--cream);height:48px;color:var(--navy);cursor:pointer;border:0;align-items:center;gap:14px;padding:0 16px 0 18px;font-weight:800;display:flex}.quote-button b{background:var(--orange);width:26px;height:26px;color:var(--navy-deep);border-radius:50%;place-items:center;display:grid}.mobile-toggle{background:var(--navy);color:#fff;border:0;padding:12px 16px;font-weight:800;display:none}.category-nav{background:var(--orange);color:var(--navy-deep)}.nav-inner{align-items:stretch;min-height:48px;display:flex}.nav-inner a{white-space:nowrap;align-items:center;padding:0 18px;font-size:13px;font-weight:800;display:flex}.nav-inner a:hover{background:#ffffff4d}.nav-inner .all-products{background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.07em}.hero{background:var(--navy);min-height:590px;position:relative;overflow:hidden}.hero-image{background-image:url(/roofing-hero.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-scrim{background:linear-gradient(90deg,#061f37f5,#061f37bd 43%,#061f3714 78%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg, var(--orange) 0 42%, var(--cream) 42%);height:7px;position:absolute;inset:auto 0 0}.hero-inner{align-items:center;min-height:590px;padding-block:72px;display:flex;position:relative}.hero-copy{color:#fff;width:min(640px,58%)}.eyebrow,.kicker{color:var(--orange);letter-spacing:.16em;text-transform:uppercase;margin-bottom:15px;font-size:12px;font-weight:900;display:block}.kicker.light{color:#ffc27e}.hero h1{letter-spacing:-.025em;text-transform:uppercase;max-width:650px;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(54px,6vw,84px);font-weight:700;line-height:.94}.hero-copy>p{color:#dbe4eb;max-width:580px;margin:24px 0 30px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{letter-spacing:.05em;text-transform:uppercase;border:2px solid #0000;justify-content:center;align-items:center;min-height:49px;padding:0 22px;font-size:13px;font-weight:900;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:var(--navy-deep)}.button.primary:hover{background:#f2a052}.button.secondary{color:#fff;border-color:#ffffffa6}.button.secondary:hover{color:var(--navy);background:#fff}.button.dark{background:var(--navy);color:#fff}.hero-points{color:#dbe4eb;text-transform:uppercase;letter-spacing:.06em;gap:30px;margin-top:52px;font-size:12px;font-weight:800;display:flex}.hero-points span{align-items:center;gap:8px;display:flex}.hero-points b{color:var(--orange);font-size:11px}.section{padding-block:84px}.section-heading{margin-bottom:30px}.section-heading h2,.calc-copy h2,.value-intro h2,.rental-showcase h2,.contact-cta h2{color:var(--navy);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1}.split-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.split-heading a{color:var(--navy);text-transform:uppercase;border-bottom:2px solid var(--orange);padding-bottom:5px;font-size:13px;font-weight:900}.category-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.category-card{flex-direction:column;justify-content:space-between;min-height:210px;padding:23px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.category-card.navy{background:var(--navy);color:#fff}.category-card.orange{background:var(--orange);color:var(--navy-deep)}.category-card.cream{background:var(--cream);color:var(--navy)}.category-card.slate{color:var(--navy);background:#dfe6e8}.category-card.green{color:#fff;background:#315f4f}.category-code{opacity:.18;letter-spacing:.04em;align-self:end;font-family:Impact,sans-serif;font-size:52px}.category-card h3{margin:0 0 7px;font-size:19px}.category-card p{opacity:.8;margin:0;font-size:13px;line-height:1.45}.category-arrow{font-size:19px;position:absolute;bottom:21px;right:20px}.products-section{background:#f6f5f1;border-top:1px solid #e8e4db;border-bottom:1px solid #e8e4db}.inventory-note{color:var(--muted);font-size:13px}.product-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.product-card{background:#fff;border:1px solid #dedbd4;min-width:0;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.product-visual{background-color:#e8e8e5;height:205px;position:relative;overflow:hidden}.product-visual:before,.product-visual:after{content:"";position:absolute}.product-visual.charcoal{background:repeating-linear-gradient(165deg,#55595d 0 13px,#343a3e 14px 27px,#75787a 28px 30px)}.product-visual.charcoal:after{border:8px solid #ffffff3d;inset:25px 42px;transform:skewY(-5deg)}.product-visual.membrane{background:linear-gradient(150deg,#cdd2d2,#f4f4f0 55%,#b9c2c4)}.product-visual.membrane:before{border:26px solid #171b1d;border-radius:50%;width:112px;height:112px;top:36px;left:70px;box-shadow:48px 20px 0 -6px #292d30}.product-visual.nails{background:linear-gradient(135deg,#e8e5dc,#c9d0d2)}.product-visual.nails:before{border:13px dashed #70787e;border-radius:50%;width:115px;height:115px;top:37px;left:72px;box-shadow:inset 0 0 0 24px #9ca4a8}.product-visual.rental{background:linear-gradient(145deg,#203c51,#0c2336)}.product-visual.zinc{background:repeating-linear-gradient(155deg,#214f79 0 30px,#315f4f 31px 60px,#9c3f35 61px 90px,#8b969c 91px 120px)}.product-visual.has-image{background-position:50%;background-size:cover}.product-visual.has-image:before,.product-visual.has-image:after{display:none}.product-visual.rental:before{background:var(--orange);border-radius:12px 28px 10px 10px;width:115px;height:60px;top:70px;left:65px;transform:rotate(-8deg);box-shadow:28px 42px 0 -17px #c7cfd3}.product-badge{z-index:2;background:var(--orange);color:var(--navy-deep);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;font-size:10px;font-weight:900;position:absolute;top:12px;left:12px}.visual-label{z-index:2;color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#061f37b8;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;bottom:8px;right:9px}.product-body{padding:19px}.product-category{color:var(--orange-dark);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.product-card h3{min-height:43px;color:var(--navy);margin:7px 0 4px;font-size:17px;line-height:1.25}.product-detail{min-height:35px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.availability-row{color:#4f5a64;align-items:center;gap:7px;margin:14px 0;font-size:11px;font-weight:700;display:flex}.status{background:var(--green);border-radius:50%;width:8px;height:8px}.status.low-stock{background:#d97a25}.status.call-for-availability{background:#70808d}.price-row{border-top:1px solid #ece9e2;justify-content:space-between;align-items:end;gap:10px;padding-top:15px;display:flex}.price-row div{flex-direction:column;display:flex}.price-row strong{color:var(--navy);font-size:17px}.price-row small{color:var(--muted);margin-top:3px;font-size:10px}.price-row button{background:var(--navy);color:#fff;cursor:pointer;text-transform:uppercase;border:0;padding:10px 11px;font-size:10px;font-weight:900}.price-row button:hover{background:var(--orange-dark)}.card-actions{gap:5px;flex-direction:row!important;display:flex!important}.price-row .text-action{color:var(--navy);background:0 0;border:1px solid #bcc4ca}.price-row .text-action:hover{background:var(--cream)}.empty-state{text-align:center;border:1px solid var(--line);background:#fff;padding:50px}.empty-state strong{color:var(--navy);font-size:22px}.empty-state p{color:var(--muted)}.calculator-banner{background:var(--navy);color:#fff;grid-template-columns:190px 1fr auto;align-items:center;gap:35px;min-height:250px;margin-block:76px;padding:38px 48px;display:grid;overflow:hidden}.calc-graphic{background:repeating-linear-gradient(160deg,#ffffff0a 0 10px,#ffffff17 11px 20px);border:2px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;width:170px;height:170px;display:flex}.calc-graphic span{color:var(--orange);font-family:Impact,sans-serif;font-size:72px}.calc-graphic.zinc span{font-size:50px}.calc-graphic small{text-transform:uppercase;font-weight:900;line-height:1.15}.calc-copy h2{color:#fff;font-size:clamp(34px,4vw,48px)}.calculator-product-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.calculator-product-tabs button{color:#dce7ef;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #6e8291;flex-direction:column;gap:3px;min-height:58px;padding:10px 12px;display:flex}.calculator-product-tabs button.active{border-color:var(--orange);background:var(--orange);color:var(--navy-deep)}.calculator-product-tabs strong{text-transform:uppercase;font-size:11px}.calculator-product-tabs small{opacity:.78;font-size:9px}.calculator-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.calculator-fields label{color:#e5edf3;text-transform:uppercase;grid-template-columns:1fr auto;gap:8px;font-size:11px;font-weight:800;display:grid}.calculator-fields label>span{color:#f3ad62}.calculator-fields input[type=number]{width:100%;min-height:46px;color:var(--navy);background:#fff;border:1px solid #6e8291;grid-column:1/-1;padding:0 12px;font-size:16px;font-weight:800}.calculator-fields input[type=range]{width:100%;accent-color:var(--orange);grid-column:1/-1}.calculator-colour{color:#e5edf3;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;max-width:260px;margin-top:13px;font-size:11px;font-weight:800;display:flex}.calculator-colour select{min-width:135px;min-height:38px;color:var(--navy);font:inherit;background:#fff;border:1px solid #6e8291;padding:0 10px}.calc-copy .calc-disclaimer{color:#aebec9;max-width:620px;margin:14px 0 0;font-size:11px;line-height:1.5}.calc-result{min-width:190px;color:var(--navy);text-align:center;background:#fff;flex-direction:column;align-items:center;padding:22px;display:flex}.calc-result>span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.calc-result strong{color:var(--orange-dark);margin-top:5px;font-family:Impact,sans-serif;font-size:66px;line-height:1}.calc-result b{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.calc-result small{color:var(--muted);margin-top:9px}.calc-result button{background:var(--navy);color:#fff;cursor:pointer;text-transform:uppercase;border:0;width:100%;margin-top:15px;padding:11px 8px;font-size:10px;font-weight:900}.value-section{background:var(--cream);padding-block:92px}.value-grid{grid-template-columns:.78fr 1.22fr;gap:90px;display:grid}.value-intro p{color:#53606b;font-size:16px;line-height:1.7}.value-list{border-top:1px solid #c8c4ba}.value-list article{border-bottom:1px solid #c8c4ba;grid-template-columns:58px 1fr;gap:18px;padding:25px 0;display:grid}.value-list article>span{color:var(--orange-dark);font-size:12px;font-weight:900}.value-list h3{color:var(--navy);margin:0 0 7px;font-size:18px}.value-list p{color:#5d666e;margin:0;line-height:1.55}.rental-section{background:#fff;padding-block:78px}.rental-showcase{background:var(--navy);grid-template-columns:.88fr 1.12fr;align-items:center;gap:44px;padding:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 65px #092c4d2e}.rental-showcase:before{content:"";background:var(--orange);width:7px;position:absolute;inset:0 auto 0 0}.rental-showcase-copy{z-index:1;color:#fff;position:relative}.rental-showcase h2{color:#fff;font-size:clamp(40px,4.6vw,61px)}.rental-showcase-copy>p{color:#d7e2e9;max-width:470px;margin:20px 0;font-size:15px;line-height:1.65}.rental-requirements{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.rental-requirements span{color:#e2ebf1;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0d;border:1px solid #557086;padding:8px 10px;font-size:9px;font-weight:900}.rental-availability-button{background:var(--orange);min-height:50px;color:var(--navy-deep);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:0;padding:0 22px;font-size:12px;font-weight:900;transition:transform .2s,background .2s}.rental-availability-button:hover{background:#f2a052;transform:translateY(-2px)}.rental-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.rental-preview-grid article{border-bottom:4px solid var(--orange);background:#fff;min-width:0;overflow:hidden}.rental-preview-image{background:var(--cream) center / cover no-repeat;height:150px}.rental-preview-grid article>div:last-child{flex-direction:column;min-height:112px;padding:14px;display:flex}.rental-preview-grid span{color:var(--navy);font-size:11px;font-weight:900;line-height:1.35}.rental-preview-grid strong{color:var(--orange-dark);margin-top:auto;padding-top:13px;font-size:15px}.rental-preview-grid small{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:9px}.contact-cta{background:var(--navy-deep);color:#fff;padding-block:78px}.contact-inner{justify-content:space-between;align-items:center;gap:70px;display:flex}.contact-cta h2{color:#fff}.contact-cta p{color:#d3dee7;max-width:630px;font-size:17px;line-height:1.6}.contact-actions{text-align:center;flex-direction:column;gap:12px;min-width:270px;display:flex}.contact-actions span{color:#9eb0bf;font-size:10px;line-height:1.4}.contact-actions button{cursor:pointer;border:0}footer{color:#bdcbd5;background:#051726;padding:60px 0 22px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:52px;display:grid}.footer-brand .brand-copy strong{color:#fff}.footer-grid>div:first-child p{color:#879aa9;max-width:360px;line-height:1.6}.footer-social{color:#a8bac7;width:fit-content;margin-top:22px}.footer-social>span{color:#6f8799;margin-right:3px}.footer-social a{width:34px;height:34px}.footer-social svg{width:17px;height:17px}.footer-social a:hover{border-color:var(--orange);background:var(--orange);color:var(--navy-deep);transform:translateY(-2px)}.footer-grid h3{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:5px 0 18px;font-size:12px}.footer-grid>div:not(:first-child){flex-direction:column;gap:11px;font-size:13px;display:flex}.footer-grid a:hover{color:#fff}.footer-admin{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.footer-admin:hover{color:#fff}.footer-bottom{color:#6f8799;border-top:1px solid #1a3448;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:11px;display:flex}.overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03101bad;justify-content:flex-end;display:flex;position:fixed;inset:0}.quote-drawer{background:#f8f7f3;width:min(540px,100%);height:100%;overflow-y:auto;box-shadow:-25px 0 70px #00000040}.drawer-head{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:105px;padding:24px 30px;display:flex;position:sticky;top:0}.drawer-head .kicker{margin-bottom:7px}.drawer-head h2{color:var(--navy);text-transform:uppercase;margin:0;font-family:Impact,sans-serif;font-size:32px}.drawer-head>button,.modal-close{color:var(--navy);cursor:pointer;text-transform:uppercase;background:#fff;border:1px solid #b7c0c6;padding:10px 13px;font-size:11px;font-weight:900}.drawer-body{padding:28px 30px 50px}.basket-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.basket-empty>span{background:var(--cream);width:80px;height:80px;color:var(--orange-dark);border-radius:50%;place-items:center;font-family:Impact,sans-serif;font-size:38px;display:grid}.basket-empty h3{color:var(--navy);margin:22px 0 5px;font-size:23px}.basket-empty p{max-width:320px;color:var(--muted);line-height:1.55}.basket-empty button{background:var(--navy);color:#fff;cursor:pointer;text-transform:uppercase;border:0;padding:13px 20px;font-weight:900}.basket-lines{flex-direction:column;gap:10px;display:flex}.basket-lines article{background:#fff;border:1px solid #e0ddd6;grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:12px;display:grid}.basket-thumb{background:var(--navy);width:76px;height:72px}.basket-thumb.charcoal{background:repeating-linear-gradient(165deg,#55595d 0 8px,#343a3e 9px 17px,#75787a 18px 20px)}.basket-thumb.membrane{background:radial-gradient(circle,#151a1d 0 28%,#bcc5c7 29% 43%,#eef0ed 44%)}.basket-thumb.nails{background:repeating-radial-gradient(circle,#a1aaad 0 5px,#626d72 6px 9px)}.basket-thumb.rental{background:linear-gradient(145deg,#e68d3b,#17364d)}.basket-thumb.zinc{background:linear-gradient(145deg,#214f79 0 25%,#315f4f 26% 50%,#9c3f35 51% 75%,#8b969c 76%)}.basket-lines h3{color:var(--navy);margin:0 0 4px;font-size:14px}.basket-lines p{color:var(--muted);margin:0 0 8px;font-size:11px}.basket-lines article>div:nth-child(2) button{color:#9a4f23;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.quantity-control{text-align:center;border:1px solid #cbd0d3;grid-template-columns:26px 30px 26px;align-items:center;display:grid}.quantity-control button{background:var(--cream);height:30px;color:var(--navy);cursor:pointer;border:0}.quantity-control span{flex-direction:column;justify-content:center;align-items:center;min-height:30px;font-size:12px;font-weight:900;line-height:1;display:flex}.quantity-control span small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:7px;font-weight:900}.basket-total{border-top:2px solid var(--navy);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px;margin:20px 0;padding:20px 0;display:grid}.basket-total span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.basket-total strong{color:var(--navy);font-size:21px}.basket-total small{color:var(--muted);grid-column:1/-1;font-size:10px;line-height:1.4}.quote-form{border:1px solid var(--line);background:#fff;padding:20px}.quote-form h3{color:var(--navy);margin:0 0 16px}.quote-form label{color:var(--navy);flex-direction:column;gap:6px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.quote-form input,.quote-form select{min-height:43px;color:var(--ink);background:#fff;border:1px solid #bcc4c8;padding:0 11px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.submit-quote,.whatsapp-quote{background:var(--orange);width:100%;min-height:47px;color:var(--navy-deep);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:0;justify-content:center;align-items:center;font-weight:900;display:flex}.whatsapp-quote{color:#fff;background:#277d51;margin-top:10px;font-size:12px}.drawer-note{color:var(--muted);text-align:center;margin:10px 5px;font-size:10px;line-height:1.45}.quote-success{color:#194f36;background:#e2f1e9;margin-bottom:10px;padding:20px}.quote-success span,.quote-success strong{display:block}.quote-success span{text-transform:uppercase;font-size:10px;font-weight:900}.quote-success strong{margin:5px 0;font-size:26px}.quote-success p{margin:0;font-size:11px;line-height:1.5}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.form-error{color:#9b2f22;background:#fff0ed;margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.45}button:disabled{cursor:not-allowed;opacity:.55}.modal-overlay{justify-content:center;align-items:center;padding:24px}.product-modal{background:#fff;grid-template-columns:1fr 1fr;width:min(940px,100%);max-height:calc(100vh - 48px);display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0000004d}.modal-close{z-index:2;position:absolute;top:16px;right:16px}.modal-visual{background:#ddd;min-height:560px;position:relative;overflow:hidden}.modal-visual.charcoal{background:repeating-linear-gradient(165deg,#55595d 0 20px,#343a3e 21px 41px,#75787a 42px 45px)}.modal-visual.membrane{background:radial-gradient(circle at 47% 48%,#121719 0 16%,#252a2d 17% 29%,#d2d7d6 30% 40%,#eef0ec 41% 100%)}.modal-visual.nails{background:repeating-radial-gradient(circle,#8b9599 0 8px,#dce0df 9px 18px,#626b70 19px 24px)}.modal-visual.rental{background:linear-gradient(145deg,#1a3a52,#061c2d 55%,#e68d3b 56% 72%,#263b49 73%)}.modal-visual.zinc{background:repeating-linear-gradient(155deg,#214f79 0 60px,#315f4f 61px 120px,#9c3f35 121px 180px,#8b969c 181px 240px)}.modal-visual.has-image{background-position:50%;background-size:cover}.modal-visual.variant-preview{animation:.24s ease-out variant-preview-in}@keyframes variant-preview-in{0%{opacity:.72}to{opacity:1}}.modal-visual span{color:#fff;text-transform:uppercase;background:#061f37bf;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;bottom:14px;left:16px}.modal-copy{padding:62px 48px 42px}.modal-copy h2{color:var(--navy);text-transform:uppercase;margin:8px 0 12px;font-family:Impact,sans-serif;font-size:44px;line-height:1}.modal-price{align-items:baseline;gap:9px;display:flex}.modal-price strong{color:var(--orange-dark);font-size:25px}.modal-price span{color:var(--muted);font-size:12px}.modal-copy fieldset{border:0;margin:22px 0;padding:0}.modal-copy legend,.modal-copy h3{color:var(--navy);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.variant-row{flex-wrap:wrap;gap:8px;display:flex}.variant-row button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #bcc4c8;align-items:center;gap:7px;padding:11px 13px;font-size:11px;font-weight:800;display:flex}.variant-row button.active{border-color:var(--navy);background:var(--navy);color:#fff}.variant-swatch{border:1px solid #061f3747;border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff2e}.variant-row button.active .variant-swatch{border-color:#ffffffb8}.modal-copy ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.8}.modal-add{background:var(--orange);width:100%;min-height:50px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;margin-top:25px;font-weight:900}.floating-quote-basket{z-index:70;border:2px solid var(--orange);background:var(--navy);color:#fff;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-width:190px;min-height:68px;padding:11px 12px 11px 17px;animation:.24s ease-out floating-basket-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 38px #03101b47}.floating-quote-basket>span{flex-direction:column;align-items:start;gap:2px;display:flex}.floating-quote-basket small{color:#b8c8d3;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.floating-quote-basket strong{letter-spacing:.04em;text-transform:uppercase;font-size:13px}.floating-quote-basket b{background:var(--orange);width:38px;height:38px;color:var(--navy-deep);border-radius:50%;place-items:center;font-size:15px;animation:.26s ease-out basket-count-pop;display:grid}.floating-quote-basket:hover{background:var(--navy-deep);transform:translateY(-2px)}@keyframes floating-basket-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes basket-count-pop{50%{transform:scale(1.2)}}.quote-toast{z-index:75;border-left:5px solid var(--orange);width:min(360px,100% - 32px);color:var(--navy);background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;animation:.25s ease-out quote-toast-in;display:flex;position:fixed;bottom:104px;right:24px;box-shadow:0 18px 45px #03101b3d}.quote-toast>span{flex-direction:column;gap:3px;min-width:0;display:flex}.quote-toast strong{text-transform:uppercase;font-size:13px}.quote-toast small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.quote-toast button{background:var(--navy);color:#fff;cursor:pointer;text-transform:uppercase;border:0;flex:none;padding:9px 10px;font-size:9px;font-weight:900}@keyframes quote-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.quote-confirm-overlay{z-index:90}.quote-confirm{background:#fff;grid-template-columns:.9fr 1.1fr;width:min(760px,100%);max-height:calc(100vh - 48px);display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0000004d}.quote-confirm-visual{background-color:#d8dcda;background-position:50%;background-size:cover;min-height:510px}.quote-confirm-visual.charcoal{background-image:repeating-linear-gradient(165deg,#55595d 0 18px,#343a3e 19px 37px,#75787a 38px 41px)}.quote-confirm-visual.membrane{background-image:radial-gradient(circle,#151a1d 0 28%,#bcc5c7 29% 43%,#eef0ed 44%)}.quote-confirm-visual.nails{background-image:repeating-radial-gradient(circle,#a1aaad 0 7px,#626d72 8px 13px)}.quote-confirm-visual.rental{background-image:linear-gradient(145deg,#e68d3b,#17364d)}.quote-confirm-visual.zinc{background-image:linear-gradient(145deg,#214f79 0 25%,#315f4f 26% 50%,#9c3f35 51% 75%,#8b969c 76%)}.quote-confirm-copy{padding:54px 38px 34px}.quote-confirm-copy h2{color:var(--navy);text-transform:uppercase;margin:8px 0;font-family:Impact,sans-serif;font-size:36px;line-height:1}.quote-confirm-copy>p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.55}.quote-option-label{color:var(--navy);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;gap:6px;margin-bottom:18px;font-size:10px;font-weight:900;display:flex}.quote-option-label select{min-height:43px;color:var(--navy);font:inherit;text-transform:none;background:#fff;border:1px solid #bcc4c8;padding:0 11px}.quote-confirm-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.quote-confirm-row>div{background:#f5f4ef;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.quote-confirm-row span,.quote-confirm-total span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:900}.quote-confirm-row strong{color:var(--navy);font-size:18px}.quote-confirm-row small{color:var(--muted);font-size:10px}.quote-stepper{background:#fff;border:1px solid #bdc5c8;grid-template-columns:34px 1fr 34px;align-items:stretch;margin-top:2px;display:grid}.quote-stepper button{background:var(--cream);min-height:38px;color:var(--navy);cursor:pointer;border:0;font-size:18px}.quote-stepper input{width:100%;min-width:0;color:var(--navy);text-align:center;appearance:textfield;background:#fff;border:0;font-size:14px;font-weight:900}.quote-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.quote-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.quote-confirm-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:15px;margin-top:18px;padding-top:16px;display:flex}.quote-confirm-total strong{color:var(--orange-dark);font-size:22px}.confirm-add-button{background:var(--orange);width:100%;min-height:50px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;margin-top:18px;font-weight:900}.rental-availability-overlay{z-index:95}.rental-availability-modal{background:#f6f5f1;width:min(850px,100%);max-height:calc(100vh - 48px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #00000057}.rental-availability-head{border-top:7px solid var(--orange);background:#fff;padding:42px 48px 26px}.rental-availability-head .kicker{margin-bottom:8px}.rental-availability-head h2{max-width:620px;color:var(--navy);text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(36px,5vw,53px);line-height:1}.rental-availability-head p{max-width:620px;color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.6}.rental-availability-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:24px 48px;display:grid}.rental-availability-options>button{min-width:0;color:var(--navy);cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.rental-availability-options>button:hover{border-color:#aab8c2}.rental-availability-options>button.active{border-color:var(--orange);box-shadow:0 8px 25px #092c4d1f}.rental-option-image{background:var(--cream) center / cover no-repeat;width:100%;height:150px}.rental-option-copy{flex-direction:column;gap:5px;min-height:88px;padding:14px;display:flex}.rental-option-copy strong{padding-right:22px;font-size:12px;line-height:1.35}.rental-option-copy small{color:var(--orange-dark);font-size:10px;font-weight:900}.rental-availability-options>button>b{color:#fff;background:#fff;border:1px solid #bdc7cd;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;bottom:12px;right:10px}.rental-availability-options>button.active>b{border-color:var(--orange);background:var(--orange);color:var(--navy-deep)}.rental-availability-footer{text-align:center;padding:0 48px 38px}.rental-availability-footer a{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#277d51;justify-content:center;align-items:center;min-height:52px;font-size:12px;font-weight:900;display:flex}.rental-availability-footer a:hover{background:#1f6943}.rental-availability-footer p{max-width:560px;color:var(--muted);margin:10px auto 0;font-size:10px;line-height:1.5}.admin-layer{z-index:100;background:#eff1ef;position:fixed;inset:0;overflow-y:auto}.admin-login{border-top:7px solid var(--orange);width:min(520px,100% - 32px);box-shadow:var(--shadow);text-align:center;background:#fff;margin:min(12vh,90px) auto;padding:46px}.admin-login .roof-mark{margin:0 auto 25px}.admin-login h2{color:var(--navy);text-transform:uppercase;margin:0;font-family:Impact,sans-serif;font-size:42px;line-height:1}.admin-login>p{color:var(--muted);line-height:1.6}.admin-close{background:var(--navy);color:#fff;cursor:pointer;border:0;padding:12px 15px;font-weight:800;position:fixed;top:18px;left:18px}.preview-notice{background:var(--cream);color:var(--navy);text-align:left;flex-direction:column;gap:5px;margin:24px 0;padding:16px;display:flex}.preview-notice span{color:var(--muted);font-size:11px;line-height:1.45}.preview-notice.error{color:#8b2f24;background:#fff0ed}.admin-enter{background:var(--orange);width:100%;min-height:50px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;place-items:center;font-weight:900;display:grid}.admin-enter.secondary{background:var(--navy);color:#fff}.dashboard{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--navy-deep);color:#fff;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.admin-sidebar .brand-copy strong{color:#fff;font-size:13px}.admin-sidebar nav{flex-direction:column;gap:4px;margin-top:50px;display:flex}.admin-sidebar nav a{color:#a9bac7;padding:13px 14px;font-size:13px;font-weight:700}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:#fff;background:#173b58}.admin-sidebar>button{color:#fff;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #44627a;margin-top:auto;padding:12px;font-size:11px;font-weight:800}.admin-content{min-width:0;padding:38px}.admin-content>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.admin-content>header h1{color:var(--navy);text-transform:uppercase;margin:0;font-family:Impact,sans-serif;font-size:44px}.demo-pill{color:#9d531a;text-transform:uppercase;background:#fff0de;padding:8px 12px;font-size:10px;font-weight:900}.demo-pill.live{color:#266044;background:#dceee5}.admin-banner{border-left:4px solid var(--orange);color:#70401e;background:#fff4e6;flex-wrap:wrap;gap:6px 15px;margin-bottom:18px;padding:14px 16px;font-size:12px;display:flex}.admin-banner.success{border-left-color:var(--green);color:#245a41;background:#eaf5ef}.admin-banner.error{color:#8b2f24;background:#fff0ed;border-left-color:#a83b2e}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid article{background:#fff;border:1px solid #dfe2df;flex-direction:column;min-height:140px;padding:20px;display:flex}.metric-grid article>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.metric-grid strong{color:var(--navy);margin:10px 0 7px;font-family:Impact,sans-serif;font-size:43px}.metric-grid small{color:var(--muted)}.admin-panel{background:#fff;border:1px solid #dfe2df;margin-top:16px;padding:22px}.panel-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.panel-heading .kicker{margin-bottom:5px}.panel-heading h2{color:var(--navy);margin:0;font-size:20px}.panel-heading>span{color:var(--muted);text-transform:uppercase;font-size:10px}.inventory-table{flex-direction:column;display:flex}.table-row{border-top:1px solid #e5e6e3;grid-template-columns:1.8fr 1.05fr .42fr 1.75fr;align-items:center;gap:15px;min-height:72px;font-size:12px;display:grid}.table-row>span:first-child{flex-direction:column;gap:3px;display:flex}.table-row small{color:var(--muted)}.table-row>span:nth-child(2){align-items:center;gap:7px;display:flex}.table-row i{background:var(--green);border-radius:50%;width:7px;height:7px}.table-row i.warn{background:var(--orange-dark)}.table-head{min-height:35px;color:var(--muted);text-transform:uppercase;border-top:0;font-size:9px;font-weight:900}.stock-number{color:var(--navy);font-size:17px;font-weight:900}.inventory-adjust{grid-template-columns:minmax(70px,.7fr) 1fr auto;gap:6px;display:grid}.inventory-adjust input,.inventory-adjust select,.inventory-adjust button,.quote-row select{min-width:0;color:var(--navy);font:inherit;background:#fff;border:1px solid #c2c9cc;padding:8px}.inventory-adjust button{background:var(--navy);color:#fff;cursor:pointer;font-weight:900}.admin-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-empty{min-height:90px;color:var(--muted);border:1px dashed #cbd0ce;place-items:center;font-size:12px;display:grid}.admin-list,.movement-list{flex-direction:column;gap:8px;display:flex}.quote-row{background:#f5f5f1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:15px;display:grid}.quote-row div{flex-direction:column;gap:3px;display:flex}.quote-row span{color:var(--muted);font-size:11px}.quote-row select{text-transform:capitalize}.movement-list article{border-top:1px solid #e4e6e3;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:15px;padding:12px 0;font-size:11px;display:grid}.movement-list article div{flex-direction:column;gap:3px;display:flex}.movement-list article span,.movement-list article small{color:var(--muted)}.movement-list article b{color:var(--green);font-size:16px}.movement-list article b.negative{color:#a83b2e}.settings-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-form label,.upload-form label{color:var(--navy);text-transform:uppercase;flex-direction:column;gap:6px;font-size:10px;font-weight:900;display:flex}.settings-form label.wide{grid-column:1/-1}.settings-form input,.settings-form textarea,.upload-form input,.upload-form select{width:100%;color:var(--navy);font:inherit;text-transform:none;background:#fff;border:1px solid #c8cecb;padding:10px}.settings-form button,.upload-form button{background:var(--orange);min-height:42px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;font-weight:900}.settings-form button{grid-column:1/-1}.upload-form{flex-direction:column;gap:14px;display:flex}.settings-list{margin:0;padding:0;list-style:none}.settings-list li{border-top:1px solid #e4e6e3;justify-content:space-between;gap:20px;padding:12px 0;font-size:12px;display:flex}.settings-list b{color:#a9571b;text-transform:uppercase;font-size:9px}.settings-list b.done{color:var(--green)}.portal-gate{background:#eff1ef;min-height:100vh;padding-top:1px;overflow:hidden}.portal-gate .admin-login h1{color:var(--navy);text-transform:uppercase;margin:0;font-family:Impact,sans-serif;font-size:42px;line-height:1}.portal-back{z-index:2;background:var(--navy);color:#fff;text-transform:uppercase;padding:12px 15px;font-size:11px;font-weight:900;position:fixed;top:18px;left:18px}.portal-shell{background:#eff1ef;grid-template-columns:235px minmax(0,1fr);min-height:100vh;display:grid}.portal-content{width:100%;max-width:1540px}.portal-side-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.portal-side-actions a{color:#fff;text-align:center;text-transform:uppercase;border:1px solid #44627a;padding:11px 12px;font-size:10px;font-weight:900}.panel-action,.panel-close{background:var(--orange);min-height:38px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;padding:9px 13px;font-size:10px;font-weight:900}.panel-action.small{min-height:34px}.panel-close{color:var(--navy);background:#fff;border:1px solid #bdc5c8}.panel-note{color:var(--muted);margin:-7px 0 20px;font-size:12px;line-height:1.55}.catalogue-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalogue-admin-card{background:#fafaf8;border:1px solid #dfe3e1;grid-template-columns:130px minmax(0,1fr);min-width:0;display:grid}.catalogue-admin-thumb{background-color:#c9cecc;background-position:50%;background-size:cover;min-height:190px;position:relative;overflow:hidden}.catalogue-admin-thumb.charcoal{background-image:repeating-linear-gradient(165deg,#55595d 0 13px,#343a3e 14px 27px,#75787a 28px 30px)}.catalogue-admin-thumb.membrane{background-image:radial-gradient(circle,#202629 0 22%,#d6dad8 23% 36%,#f0f1ed 37%)}.catalogue-admin-thumb.nails{background-image:repeating-radial-gradient(circle,#899296 0 7px,#dce0df 8px 16px,#606a6e 17px 22px)}.catalogue-admin-thumb.rental{background-image:linear-gradient(145deg,#203c51,#0c2336 55%,#e68d3b 56% 72%,#263b49 73%)}.catalogue-admin-thumb span{color:#fff;text-transform:uppercase;background:#061f37d1;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;bottom:8px;left:8px}.catalogue-admin-card>div:last-child{min-width:0;padding:17px}.catalogue-admin-card h3{color:var(--navy);margin:5px 0 7px;font-size:17px}.catalogue-admin-card p{min-height:34px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.catalogue-card-meta{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.catalogue-card-meta>*{color:#526067;text-transform:uppercase;background:#e8ebe9;padding:5px 7px;font-size:8px;font-weight:900}.catalogue-card-meta .live,.variant-admin-list .live{color:#266044;background:#dceee5}.catalogue-card-meta .draft,.variant-admin-list .draft{color:#9d531a;background:#fff0de}.catalogue-card-actions{gap:7px;display:flex}.catalogue-card-actions button{background:var(--navy);color:#fff;cursor:pointer;text-transform:uppercase;border:0;flex:1;min-height:34px;font-size:9px;font-weight:900}.catalogue-card-actions button.secondary{color:var(--navy);background:#fff;border:1px solid #bfc7c9}.product-editor{border-top:5px solid var(--orange);scroll-margin-top:15px}.product-editor-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-editor-form>label,.variant-fields label,.variant-editor-form>label{color:var(--navy);letter-spacing:.03em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:10px;font-weight:900;display:flex}.product-editor-form label>span,.variant-fields label>span{color:var(--muted);font-size:8px}.product-editor-form input,.product-editor-form select,.product-editor-form textarea,.variant-editor-form input,.variant-editor-form select{width:100%;min-height:42px;color:var(--navy);font:inherit;text-transform:none;background:#fff;border:1px solid #c8cecb;padding:10px}.product-editor-form textarea{resize:vertical}.product-editor-form .wide{grid-column:1/-1}.check-label{background:#f4f5f2;border:1px solid #dfe2df;align-items:center;min-height:64px;padding:12px;text-transform:none!important;flex-direction:row!important;gap:11px!important;display:flex!important}.check-label input{width:19px;min-height:19px;accent-color:var(--orange-dark)}.check-label span{flex-direction:column;gap:3px;display:flex}.check-label span strong{color:var(--navy);font-size:11px}.check-label span small{color:var(--muted);font-size:9px;font-weight:500}.check-label.compact{min-height:42px;padding:8px}.initial-variant{background:#fafaf7;border:1px solid #d9ddda;grid-column:1/-1;margin:7px 0 0;padding:18px}.initial-variant legend{color:var(--navy);text-transform:uppercase;padding:0 7px;font-size:11px;font-weight:900}.initial-variant>p{color:var(--muted);margin:0 0 14px;font-size:11px}.variant-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.editor-save{background:var(--orange);min-height:45px;color:var(--navy-deep);cursor:pointer;text-transform:uppercase;border:0;padding:10px 16px;font-weight:900}.product-editor-form>.editor-save{grid-column:1/-1}.variant-manager{border-top:1px solid #dfe2df;margin-top:25px;padding-top:23px}.variant-manager .panel-heading h3,.variant-editor-form h3{color:var(--navy);margin:0;font-size:18px}.variant-admin-list{flex-direction:column;display:flex}.variant-admin-list article{border-top:1px solid #e4e6e3;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.variant-admin-list article div{flex-direction:column;gap:3px;display:flex}.variant-admin-list article span{color:var(--muted);font-size:10px}.variant-admin-list article>b{text-transform:uppercase;padding:5px 7px;font-size:8px}.variant-admin-list article>button{color:var(--navy);cursor:pointer;text-transform:uppercase;background:#fff;border:1px solid #bdc5c8;padding:7px 10px;font-size:9px;font-weight:900}.variant-editor-form{border-left:4px solid var(--orange);background:#f4f5f2;margin-top:17px;padding:18px}.variant-editor-form h3{margin-bottom:14px}.editor-actions{justify-content:end;gap:8px;margin-top:14px;display:flex}.media-columns{align-items:stretch}.media-columns>.admin-panel{height:calc(100% - 16px)}.portal-guide ol{margin:0;padding:0;list-style:none}.portal-guide li{color:var(--navy);border-top:1px solid #e4e6e3;align-items:center;gap:11px;padding:11px 0;font-size:12px;display:flex}.portal-guide li b{background:var(--orange);width:25px;height:25px;color:var(--navy-deep);border-radius:50%;place-items:center;display:grid}.portal-guide>p{color:#245a41;background:#eaf5ef;margin:15px 0 0;padding:13px;font-size:11px;line-height:1.55}@media (width<=980px){.header-main{grid-template-columns:1fr auto;gap:14px;min-height:76px}.search-box{order:3;grid-column:1/-1;margin-bottom:14px}.quote-button{display:none}.mobile-toggle{display:block}.category-nav{display:none}.category-nav.open{display:block}.nav-inner{flex-direction:column;align-items:stretch;padding:10px 0}.nav-inner a{min-height:42px}.hero-copy{width:73%}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.calculator-banner{grid-template-columns:150px 1fr}.calc-graphic{width:145px;height:145px}.calc-result{grid-column:2;align-items:start;min-width:0}.calc-result strong{font-size:52px}.rental-showcase{grid-template-columns:1fr}.rental-preview-image{height:180px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:190px 1fr}.portal-shell{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{padding-inline:15px}.admin-content{padding:28px 22px}.admin-columns,.catalogue-admin-grid{grid-template-columns:1fr}.variant-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{gap:45px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}}@media (width<=680px){.shell{width:min(100% - 28px,1180px)}.utility-inner{text-align:left;justify-content:space-between;min-height:42px}.utility-inner>span{max-width:250px;font-size:10px;line-height:1.3}.utility-actions{gap:0}.utility-links,.utility-social>span{display:none}.utility-social a{width:28px;height:28px}.brand-copy strong{font-size:15px}.brand-mark{width:58px}.roof-mark{width:42px;height:39px}.hero,.hero-inner{min-height:610px}.hero-image{background-position:62%}.hero-scrim{background:linear-gradient(90deg,#061f37f5,#061f37c2)}.hero-inner{align-items:end;padding-bottom:54px}.hero-copy{width:100%}.hero h1{font-size:clamp(48px,15vw,65px)}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-points{flex-wrap:wrap;gap:12px;margin-top:35px}.hero-points span{width:calc(50% - 8px)}.section{padding-block:62px}.split-heading{flex-direction:column;align-items:start}.category-grid,.product-grid{grid-template-columns:1fr}.category-card{min-height:180px}.product-visual{height:230px}.calculator-banner{grid-template-columns:1fr;width:100%;margin-block:0;padding:48px 28px}.calc-graphic{width:138px;height:138px}.calculator-product-tabs,.calculator-fields{grid-template-columns:1fr}.calculator-colour{max-width:none}.calc-result{grid-column:1;align-items:center;width:100%}.value-grid{grid-template-columns:1fr;gap:35px}.rental-section{padding-block:0}.rental-showcase{gap:30px;width:100%;padding:48px 22px}.rental-preview-grid{grid-template-columns:1fr}.rental-preview-grid article{grid-template-columns:112px 1fr;display:grid}.rental-preview-image{height:130px}.rental-preview-grid article>div:last-child{min-height:130px}.contact-inner{flex-direction:column;align-items:stretch;gap:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:start;gap:8px}.drawer-head,.drawer-body{padding-inline:18px}.basket-lines article{grid-template-columns:64px 1fr}.basket-thumb{width:64px;height:64px}.quantity-control{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr;gap:0}.product-modal{grid-template-columns:1fr}.modal-visual{min-height:280px}.modal-copy{padding:35px 24px}.modal-copy h2{font-size:37px}.floating-quote-basket{min-width:168px;min-height:60px;padding:9px 10px 9px 14px;bottom:14px;right:14px}.floating-quote-basket b{width:34px;height:34px}.quote-toast{width:calc(100% - 28px);bottom:84px;right:14px}.quote-confirm{grid-template-columns:1fr}.quote-confirm-visual{min-height:235px}.quote-confirm-copy{padding:32px 22px 24px}.quote-confirm-copy h2{padding-right:48px;font-size:32px}.quote-confirm-row{grid-template-columns:1fr}.rental-availability-modal{max-height:calc(100vh - 28px)}.rental-availability-head{padding:34px 22px 22px}.rental-availability-head h2{padding-right:44px;font-size:36px}.rental-availability-options{grid-template-columns:1fr;padding:18px 22px}.rental-availability-options>button{grid-template-columns:92px minmax(0,1fr);align-items:stretch;display:grid}.rental-option-image{width:92px;height:92px}.rental-option-copy{justify-content:center;min-height:92px}.rental-availability-options>button>b{bottom:34px}.rental-availability-footer{padding:2px 22px 26px}.dashboard,.portal-shell{display:block}.admin-sidebar{height:auto;padding:18px;position:static}.admin-sidebar nav{display:none}.admin-sidebar>button{margin-top:18px}.admin-content{padding:22px 14px 40px}.admin-content>header{flex-direction:column;align-items:start}.admin-content>header h1{font-size:36px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:120px;padding:15px}.table-row{grid-template-columns:1.35fr .4fr 1.6fr}.table-row>span:nth-child(2),.table-head>span:nth-child(2){display:none}.inventory-adjust{grid-template-columns:1fr}.quote-row{grid-template-columns:1fr auto}.quote-row>small{grid-column:1/-1}.settings-form{grid-template-columns:1fr}.settings-form label.wide,.settings-form button{grid-column:auto}.admin-login{padding:38px 24px}.portal-shell .admin-sidebar{position:static}.portal-side-actions{margin-top:18px}.catalogue-admin-card{grid-template-columns:96px minmax(0,1fr)}.catalogue-admin-thumb{min-height:210px}.product-editor-form,.variant-fields{grid-template-columns:1fr}.product-editor-form .wide,.product-editor-form>.editor-save,.initial-variant{grid-column:auto}.variant-admin-list article{grid-template-columns:1fr auto}.variant-admin-list article>button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}