@font-face{font-family:Rubik;src:url('assets/Rubik-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:url('assets/Rubik-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#0c0c0c;--surface:#161616;--raised:#202020;--line:#333;--text:#f4f3ed;--muted:#b0b0ad;--orange:#f57435}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Rubik,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange)}.wrap{max-width:1340px;margin:auto;padding-left:40px;padding-right:40px}.announcement{min-height:36px;padding:8px 24px;display:flex;justify-content:space-between;background:var(--orange);color:#15100d;font-size:12px;font-weight:700;letter-spacing:1px;gap:16px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand img{object-fit:contain}.brand span{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:.7px;margin-top:6px}.header nav{display:flex;gap:28px;font-size:14px}.header nav a:hover{color:var(--orange)}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 38px;gap:32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--orange);margin:0 0 12px}h1{font-size:48px;letter-spacing:-1.8px;line-height:1.06;margin:0 0 18px}h1 span{color:var(--orange)}.intro p:not(.eyebrow){margin:0;color:var(--muted)}.intro-side{text-align:right;padding:16px 6px;align-self:center}.intro-side img{object-fit:contain;margin-bottom:22px}.intro-side p{font-weight:700;color:var(--text)!important;font-size:18px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:32px;align-items:start}.configurator{min-width:0}.section{border-top:1px solid var(--line);padding:28px 0 32px}.section-title{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.step{color:var(--orange);font-size:14px;font-weight:700;padding-top:7px}.section-title h2{font-size:23px;line-height:1.3;margin:0 0 6px;letter-spacing:-.5px}.section-title p{color:var(--muted);font-size:14px;margin:0}.base-price{margin-left:auto;font-size:27px;color:var(--orange);white-space:nowrap;line-height:1}.base-price span{display:block;font-size:13px;text-align:right;color:var(--muted);font-weight:400;margin-top:8px}.bucket-settings{display:grid;grid-template-columns:1fr 220px;gap:26px}.bucket-settings fieldset{margin:0;border:0;padding:0;min-width:0}legend,.bucket-quantity>label{font-size:14px;font-weight:700;margin:0 0 12px;display:block}.colors{display:flex;gap:10px;flex-wrap:wrap}.color-option{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;min-height:46px;padding:8px 11px;border:1px solid #454545;border-radius:6px;font-size:14px}.color-option:has(input:checked){border:1px solid var(--orange);background:#f5743510}.color-option input{margin:0;accent-color:var(--orange)}.swatch{height:19px;width:19px;display:inline-block;border-radius:50%;border:1px solid #777}.note{font-size:13px;line-height:1.5;color:var(--muted);margin:13px 0 0}.color-note{max-width:360px}.stepper{border:1px solid #494949;border-radius:6px;display:flex;align-items:stretch;height:38px;overflow:hidden;background:#101010}.stepper button{border:0;color:var(--text);background:transparent;width:36px;flex-shrink:0;font-size:21px}.stepper button:hover:not(:disabled){background:#333}.stepper input{border:0!important;border-radius:0!important;min-width:0;width:45px;padding:0!important;text-align:center;background:transparent;color:var(--text);appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.stepper.large{height:47px;max-width:190px}.stepper.large input{flex:1}.stepper.large button{width:46px}.preset{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#f574350b;border:1px solid #6d432b;margin:0 0 22px;border-radius:6px}.preset strong{display:block;font-size:14px}.preset span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;background:var(--orange);border:1px solid var(--orange);border-radius:5px;color:#160d08;font-weight:700;font-size:15px;line-height:1.3;padding:13px 18px;transition:background .15s}.button:hover{background:#ff8d56}.button.small{min-height:40px;font-size:13px;padding:10px 13px}.button.secondary{background:transparent;color:var(--text);border-color:#62625e}.button.secondary:hover{background:#303030}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.product.selected{border-color:var(--orange)}.product-photo{position:relative;aspect-ratio:1.55;background:#202020}.product-photo img{width:100%;height:100%;object-fit:cover;display:block}.selected-mark{position:absolute;right:9px;top:9px;background:var(--orange);color:#15100d;font-weight:700;border-radius:50%;width:23px;height:23px;text-align:center;font-size:14px}.product-body{padding:15px;display:flex;flex-direction:column;flex:1}.product h3{font-size:15px;line-height:1.35;min-height:41px;margin:0 0 6px}.product-price{font-size:18px;font-weight:700;color:var(--orange);margin:0 0 16px}.product-price small{font-size:13px;font-weight:400}.product-controls{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:auto}.product-controls>span{font-size:12px;color:var(--muted)}.summary{position:sticky;top:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.summary-image{height:200px;position:relative;background:#101010;text-align:center}.summary-image img{width:100%;height:100%;object-fit:contain}.summary-image span{position:absolute;bottom:10px;left:14px;color:#ccc;font-size:10px;letter-spacing:1.2px;background:#111c;padding:3px 7px}.summary-content{padding:24px}.summary-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.summary-head h2{font-size:22px;margin:0}.summary-head>span{font-size:11px;letter-spacing:.7px;color:var(--muted)}.summary-color{margin-top:6px}.line-items{margin:19px 0;max-height:235px;overflow:auto;scrollbar-width:thin}.line-item{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:6px 0;line-height:1.35}.line-item span:last-child{white-space:nowrap}.line-item.empty{color:var(--muted);font-size:12px}.price-row{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.price-row>span{font-size:14px}.price-row strong{font-size:25px}.order-total{border-top:1px solid var(--line);padding:17px 0 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.order-total>strong{font-size:27px;letter-spacing:-.6px;color:var(--orange)}.order-total span{font-size:14px;display:block}.order-total small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.submit{width:100%;margin-top:23px}.email-note{font-size:12px;text-align:center;color:var(--muted);margin:14px 0 0;line-height:1.7}.email-note a{color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.notes-label{font-size:14px}.optional{font-size:12px;color:var(--muted)}input:not([type=radio]),textarea{border:1px solid #494949;background:#171717;color:var(--text);border-radius:5px;padding:12px;width:100%;margin-top:8px;min-height:44px}.stepper input{min-height:0!important;margin:0!important}input:user-invalid,textarea:user-invalid,[aria-invalid=true]{border-color:#ff9d7a!important}.notes-label{display:block;margin-top:20px}textarea{resize:vertical}.mobile-submit{display:none}.error{font-size:13px;color:#ffb294}.closing{text-align:center;padding:44px 20px 50px;border-top:1px solid var(--line);margin-top:28px}.closing h2{font-size:25px;margin:0 0 14px;letter-spacing:-.5px}.closing p:not(.eyebrow){color:var(--muted);font-size:15px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:25px;padding-bottom:30px;gap:20px}.footer strong{font-size:14px;letter-spacing:1.5px}.footer p{font-size:13px;color:var(--muted);margin:5px 0}.footer>div:last-child{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;gap:4px}.skip{position:absolute;top:-100px;padding:10px;background:var(--orange);color:#111;z-index:20}.skip:focus{top:0}.mobile-total{display:none}details{font-size:13px;margin-top:14px}details summary{cursor:pointer;color:var(--orange)}#email-copy{font-size:12px}#copy-order{margin-top:10px}[hidden]{display:none!important}
@media(min-width:1200px){.product-controls .stepper{width:106px}.product-controls .stepper button{width:30px}.product-controls .stepper input{width:44px}}
@media(max-width:1150px){.wrap{padding-left:24px;padding-right:24px}.builder-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-settings{grid-template-columns:1fr}.preset{align-items:flex-start;flex-direction:column}.summary-content{padding:19px}}
@media(max-width:800px){.announcement{justify-content:center;font-size:11px}.announcement span{display:none}.header{padding-top:14px;padding-bottom:14px}.header nav .phone{display:none}.brand span{font-size:15px}.brand small{font-size:8px;letter-spacing:0}.brand img{width:45px;height:43px}.header nav{font-size:12px}.intro{padding:30px 0}.intro h1{font-size:40px}.intro-side{display:none}.builder-layout{grid-template-columns:1fr}.summary{position:static;order:2}.summary-image{display:none}.summary-content{padding:24px}.line-items{max-height:none}.bucket-settings{grid-template-columns:1fr 190px}.preset{flex-direction:row;align-items:center}.mobile-submit{display:flex;width:100%;margin-top:20px}.mobile-total{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#191919f7;border-top:1px solid #555;z-index:10;backdrop-filter:blur(12px)}.mobile-total small{font-size:12px;color:var(--muted);display:block}.mobile-total strong{font-size:21px}.footer{padding-bottom:105px}.closing{margin-top:32px}.section{padding:24px 0}.summary{margin-top:0}.submit{margin-top:18px}.price-row strong,.order-total>strong{font-size:29px}}
@media(max-width:480px){.wrap{padding-left:18px;padding-right:18px}.header{gap:10px}.header nav{max-width:96px;text-align:right}.intro h1{font-size:38px}.intro p:not(.eyebrow){font-size:15px}.bucket-settings{grid-template-columns:1fr}.colors{gap:8px}.product-grid{gap:12px}.product-body{padding:12px}.product h3{font-size:14px}.product-controls{flex-direction:column;align-items:stretch;gap:6px}.product-controls .stepper input{flex:1}.product-controls .stepper button{width:36px}.product-controls>span{text-align:center}.preset{flex-direction:column;align-items:stretch}.preset .button{width:100%}.form-grid{grid-template-columns:1fr}.footer{flex-direction:column}.footer>div:last-child{align-items:flex-start}.section-title h2{font-size:21px}.closing h2{font-size:23px}.announcement{font-size:10px;letter-spacing:.4px}.summary-head>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.product-description{font-size:11px;line-height:1.35;color:var(--muted);margin:0 0 8px}

@media(min-width:801px){.summary{max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin}.summary-image{height:145px}.intro{padding-top:30px;padding-bottom:30px}}

/* Official product photo selector */
.bucket-settings{grid-template-columns:1fr}
.colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.color-option{display:grid;grid-template-rows:auto minmax(42px,auto) 22px;gap:0;align-items:center;padding:0 0 8px;border:2px solid #454545;overflow:hidden;text-align:center;background:var(--surface);border-radius:7px}
.color-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}
.color-option input{position:absolute;top:9px;left:9px;width:17px;height:17px;z-index:1}
.color-option:has(input:checked){border:2px solid var(--orange);background:#f574351c}
.color-option:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:4px}
.color-name{display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.3;font-weight:700;padding:8px 5px 2px}
.color-status{font-size:10px;color:var(--muted);line-height:1.2;padding:0 3px}
.color-option:has(input:checked) .color-status{color:var(--orange);font-size:0}
.color-option:has(input:checked) .color-status:after{content:'Selected ✓';font-size:11px}
.color-option.unavailable{cursor:not-allowed;border-style:dashed}
.color-option.unavailable .color-name{color:#aaa}
.color-option.unavailable .color-status{color:#ffb294}
.color-note{max-width:none}
.summary-image.has-color{background:#fff}
.summary-image.has-color img{padding:8px}
@media(min-width:801px){.summary-image.has-color{height:210px}}
@media(max-width:1000px) and (min-width:801px){.colors{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-name{font-size:12px}.color-status{font-size:9px}.color-option{grid-template-rows:auto minmax(42px,auto) 26px}.summary-image.has-color{display:block;height:220px}}
@media(max-width:360px){.colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
