*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#1a1718}header{position:sticky;top:0;background:white;z-index:4;padding:23px 5%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #ddd}header b{font-size:23px;letter-spacing:-1px}header b span{color:#7b233e}header small{font-size:9px;letter-spacing:3px;flex:1}button{cursor:pointer}header button{background:white;border:1px solid #ddd;padding:12px}.hero{padding:95px 7%;background:linear-gradient(115deg,#1d1419,#77253f);color:white}.hero p,.kicker{font-size:11px;letter-spacing:3px;font-weight:bold}.hero h1{font-size:clamp(45px,8vw,110px);line-height:.95;letter-spacing:-4px;max-width:1000px}.hero em{color:#d5a5b4;font-style:normal}.hero a,.cta{background:#7b233e;color:white;border:0;padding:17px 23px;text-decoration:none;display:inline-block;font-weight:bold;font-size:12px;letter-spacing:1px}main{padding:70px 5%}h2{font-size:38px}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.item{cursor:pointer}.image{background:#f3f1ef;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.image img{max-width:95%;max-height:95%;object-fit:contain}.item h3{font-size:14px;margin-bottom:5px}.item p{color:#666;font-size:12px;margin-top:0}footer{padding:35px 5%;background:#1a1718;color:white;font-size:11px}dialog{border:0;box-shadow:0 20px 100px #0007;max-width:920px;width:95%;padding:30px}dialog::backdrop{background:#000a}.x{float:right;border:0;background:white;font-size:22px}.details{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:35px}.art{background:#f3f1ef;text-align:center}.art img{max-width:100%;height:410px;object-fit:contain;padding:15px}.details label{display:block;font-size:11px;font-weight:bold;margin-top:20px}.details select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #bbb}.details .cta{width:100%;margin-top:20px}.details p#note{font-size:12px;color:#666;line-height:1.6}#views button{margin:8px;padding:8px;border:1px solid #ccc;background:white}#bag{max-width:550px}#bag .cta{width:100%}#bag p{font-size:12px;color:#666}.line{border-bottom:1px solid #ddd;padding:15px 0}.line button{float:right}.line small{display:block;margin-top:8px}@media(max-width:850px){#grid{grid-template-columns:repeat(2,1fr)}.details{grid-template-columns:1fr}.art img{height:260px}header small{display:none}header b{flex:1}}
.style-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.style-tile{background:#faf9f8;border:1px solid #dedbd8;min-height:104px;padding:6px;display:flex;align-items:center;flex-direction:column;gap:2px}.style-tile svg{width:55px;height:67px}.style-tile span{font-size:10px;line-height:1.25}.style-tile.selected,.color-tile.selected{border:2px solid #72253c;background:#fff8fa}.color-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.color-tile{border:1px solid #dedbd8;background:#fff;padding:8px 3px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px}.swatch{height:30px;width:30px;border-radius:50%;border:1px solid #aaa;background:var(--swatch)}.swatch.camo{background:repeating-linear-gradient(135deg,#596348 0 8px,#343d2c 8px 14px,#9d9875 14px 20px,#4c503c 20px 27px)}.example-note{font-size:11px;color:#777;margin:10px 0}.style-tile:focus-visible,.color-tile:focus-visible{outline:3px solid #72253c;outline-offset:2px}@media(max-width:450px){.style-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Live color backdrop: keep original PNG artwork untouched */
.preview-color{min-height:410px;display:flex;align-items:center;justify-content:center;background:#242426;transition:background-color .18s ease;overflow:hidden}
.preview-color img{display:block;max-width:92%;width:auto;height:auto;max-height:380px;object-fit:contain;padding:0;filter:none;mix-blend-mode:normal}
@media(max-width:850px){.preview-color{min-height:290px}.preview-color img{max-height:270px}}

#shipZip{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #aaa;background:#fff;color:#111}#shippingResult{line-height:1.6;margin:12px 0}#checkoutBtn:disabled{opacity:.55;cursor:not-allowed}