:root{--y:#ffd400;--r:#d7141a;--b:#1238b8;--n:#0b1f5c}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a}img{max-width:100%;display:block}a{color:var(--b)}
.preview{background:#111;color:var(--y);text-align:center;font-size:13px;padding:6px}
header{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:20px;padding:10px 24px;background:var(--b);box-shadow:0 2px 10px #0003}.brand img{height:52px}nav{display:flex;gap:4px;margin-left:auto}nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600}nav a.on,nav a:hover{background:var(--y);color:var(--n)}.phone{color:var(--y);font-weight:800;text-decoration:none}.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:520px;display:flex;align-items:center;padding:40px 6vw;background-size:cover;background-position:center;color:#fff}.hero div{max-width:620px}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:0 0 16px;text-shadow:0 2px 8px #0006}
.btn{display:inline-block;background:var(--r);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:16px}.btn.ghost{background:#fff2;border:2px solid #fff}.btn.paypal{background:#ffc439;color:#003087}
section{padding:48px 6vw}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0002;overflow:hidden;text-decoration:none;color:inherit;transition:.2s}.card:hover{transform:translateY(-4px)}.card img{height:200px;width:100%;object-fit:cover}.card h3,.card p{margin:12px 16px}.card h3{color:var(--r)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ticks{padding:0;list-style:none}.ticks li{padding:6px 0 6px 30px;position:relative}.ticks li:before{content:"✔";position:absolute;left:0;color:var(--r);font-weight:900}
.band{background:var(--n);color:#fff;text-align:center}.band.yellow{background:var(--y);color:var(--n)}.band h2{margin-top:0}.pagehead{background:linear-gradient(120deg,var(--b),var(--n));color:#fff;padding:40px 6vw}.pagehead h1{margin:0}
.builder{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.previewbox{position:sticky;top:90px;align-self:start;text-align:center}.pv{height:240px;border-radius:18px;background-size:cover;position:relative;box-shadow:0 10px 30px #0004}.bandbar{position:absolute;left:0;right:0;top:40%;height:28%;background-size:cover;box-shadow:0 0 0 3px #0003}.price{font-size:32px;font-weight:800;color:var(--r)}.price small{font-size:14px;color:#555}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.sw{height:60px;border:3px solid transparent;border-radius:10px;background-size:cover;cursor:pointer;position:relative}.sw span{position:absolute;bottom:-1px;left:0;right:0;background:#fffd;font-size:11px;border-radius:0 0 6px 6px}.sw.sel{border-color:var(--r);transform:scale(1.05)}
.prose{max-width:820px;margin:auto}.ph{background:#fff3b0;border:1px dashed var(--r);padding:4px 8px;color:#7a0000;display:inline-block}.small{font-size:13px;opacity:.8}
form{display:grid;gap:12px}label{display:grid;font-weight:600}input,textarea{padding:10px;border:1px solid #bbb;border-radius:8px;font:inherit}
footer{background:#0a0a0a;color:#ccc;text-align:center;padding:30px}footer img{height:50px;margin:auto}footer a{color:var(--y)}
@media(max-width:800px){.burger{display:block}nav,.phone{display:none}body.open nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--b);padding:10px}.split,.builder{grid-template-columns:1fr}.previewbox{position:static}.hero{min-height:420px}}
.sw.oos{filter:grayscale(1) contrast(.6) brightness(1.15);opacity:1;cursor:not-allowed;pointer-events:none}.sw em{display:block;font-style:normal;color:#fff;background:#555;font-weight:800;font-size:10px}
.sale,.baywatch{padding-bottom:16px;color:#1a1a1a;text-align:center}.sale .pv{height:150px;margin:0;border-radius:0}.liner{position:absolute;top:8px;left:8px;background:#ff69b4;color:#fff;padding:2px 8px;border-radius:99px;font-size:12px}.sale label,.sale select{margin:8px 16px;display:block}select{padding:8px;border-radius:8px;width:calc(100% - 32px)}
.photo{height:200px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#d7141a,#d7141a 30px,#ffd400 30px,#ffd400 60px);color:#fff;font-weight:900;font-size:22px;text-shadow:0 2px 6px #000}.tag{background:var(--y);color:var(--n);font-size:12px;padding:2px 8px;border-radius:99px;vertical-align:middle}#baywatch .cards{max-width:420px}
section[id]{scroll-margin-top:90px}
.gearc{position:relative;padding-bottom:16px;text-align:center}.gearc img{height:240px;width:100%;object-fit:cover}.gearc label{display:block;margin:8px 16px;text-align:left}.mock{position:absolute;top:8px;left:8px;background:#000a;color:#fff;font-size:11px;padding:2px 8px;border-radius:99px}.mock[orig]{background:var(--r)}.gearc h3{font-size:17px}
#builders .gb{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px;margin:20px 0;align-items:start}.gbprev{background:radial-gradient(#fff,#e9eef7);border-radius:12px}.gsvg{width:100%;height:auto;display:block}.gbopts label{display:block;margin:10px 0}.pick{margin:10px 0}.dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dot{width:30px;height:30px;border-radius:50%;border:2px solid #999;cursor:pointer}.dot[aria-pressed=true]{outline:3px solid var(--r);outline-offset:2px}.gbopts h3{margin:0;color:var(--r)}
@media(max-width:800px){#builders .gb{grid-template-columns:1fr}}

.swsvg{background:linear-gradient(#eef3fb,#dde6f3);border-radius:18px;padding:10px}.swsvg svg,.bpv svg{width:100%;height:auto;display:block}.bpv{background:#eef3fb;padding:8px}.bundle{text-align:center;color:#1a1a1a;padding-bottom:16px}.bundle label{display:block;margin:6px 12px;text-align:left;font-size:14px}.bundle select{width:100%;padding:6px}

#buymodal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}#buymodal[hidden]{display:none}.mbox{background:#fff;color:#1a1a1a;border-radius:14px;padding:20px;max-width:420px;width:100%}.mbox table{width:100%;margin:10px 0;border-collapse:collapse}.mbox td{padding:6px 0}.mbox td:last-child{text-align:right}.mtot td{font-weight:800;border-top:2px solid #ddd}.mnote{font-size:13px;color:#a00}.shipnote{font-weight:700}

#bulk .tiers{margin:10px auto;border-collapse:collapse;background:#fff;color:#1a1a1a}#bulk .tiers td,#bulk .tiers th{border:1px solid #ccc;padding:6px 10px}.bulkc{color:#1a1a1a;padding:16px;max-width:720px;margin:auto}.bulkc label{display:inline-block;margin:6px;text-align:left}.bulkc input{width:90px;padding:6px;display:block}.bulkc select{display:block;padding:6px;max-width:100%}.bulkc fieldset{border:1px solid #ddd;border-radius:10px;margin:8px 0}.bkstatus{font-weight:800;color:#0a7a2a}.mitem{white-space:pre-line;font-size:16px}[hidden]{display:none!important}
.bulkc fieldset select{min-width:130px}
.bgpv{background:#f1f2f4;padding:6px}.bgpv svg{width:60%;height:auto;display:block;margin:0 auto}
.dot.custom{position:relative;overflow:hidden;background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red)!important;cursor:pointer}.dot.custom .rb{position:absolute;inset:7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.dot.custom .rb:not([style]){display:none}.dot.custom input.cpick{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}
.cprow{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;flex-wrap:wrap}.chex{width:96px;padding:6px 8px;font:15px/1.2 ui-monospace,Menlo,monospace;border:1px solid #bbb;border-radius:8px;text-transform:uppercase}
input[type=color].cpick{-webkit-appearance:none;appearance:none;width:44px;height:34px;border:1px solid #bbb;border-radius:8px;padding:2px;background:#fff;vertical-align:middle;cursor:pointer}input[type=color].cpick::-webkit-color-swatch-wrapper{padding:0}input[type=color].cpick::-webkit-color-swatch{border:0;border-radius:6px}input[type=color].cpick::-moz-color-swatch{border:0;border-radius:6px}
.cpsel{display:flex;align-items:center;gap:8px;margin-top:4px}.lpair .lc{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}.lpair .lc .small{flex-basis:100%}
.sale .pv.svgpv{background:linear-gradient(#f6f1e6,#e9e2d2)!important;height:auto;padding:8px 10px 34px}.sale .pv.svgpv svg,.bayart svg{width:100%;height:auto;display:block}.sale .pv.svgpv .bandbar{position:absolute;left:22%;right:22%;bottom:10px;top:auto;height:14px;border-radius:4px;box-shadow:0 2px 4px #0005}.sale .pv.svgpv .bandbar::after{content:"+ band";position:absolute;right:-52px;top:-2px;font:700 12px sans-serif;color:#444}
.photo.bayart{height:auto;background:linear-gradient(#e9f4fb,#cfe6f4);padding:10px 14px;text-shadow:none}
.photo.tileart{background:#f3efe6!important;padding:0;display:block}.photo.tileart svg.tilesvg{width:100%;height:100%;display:block}
.cferr{color:#a00;font-weight:700;min-height:1em}

header{position:relative;flex-wrap:wrap;row-gap:0;padding:0 24px 8px}
.hdrart{flex:0 0 100%;max-width:960px;margin:0 auto;aspect-ratio:960/200;position:relative;background:#fff url(img/header-banner.jpg?v=11) center/100% 100% no-repeat}
.hdrart .brand{position:absolute;left:.8%;top:7%;width:30%}.hdrart .brand img{height:auto;width:100%;display:block}
header>nav{margin-top:8px}header>.phone{margin-top:8px;margin-left:auto}
@media(max-width:800px){header{padding:0 0 4px}.hdrart{flex-basis:100%}header .burger{margin:2px 10px 0 auto}}