*{box-sizing:border-box}html,body{margin:0}.app{font-family:'Barlow',system-ui,sans-serif;color:#1b2528;background:#f3efe7;min-height:100vh}.os{font-family:'Oswald',sans-serif}.wrapc{max-width:1240px;margin:0 auto;padding:0 20px}.teal{color:#157a78}.bg-teal{background:#157a78;color:#fff}.bg-ink{background:#1b2528;color:#fff}.ink{color:#1b2528}.muted{color:#857f72}.coral{color:#d65f33}.bg-coral{background:#d65f33;color:#fff}.bg-cream{background:#f3efe7}.card{background:#fff;border:1px solid #e3ded2;border-radius:8px}.bdb{border-bottom:1px solid #e3ded2}.bdt{border-top:1px solid #e3ded2}.lh1{line-height:1.05}.lh13{line-height:1.3}.lh15{line-height:1.5}.ls04{letter-spacing:.04em}.ls08{letter-spacing:.08em}.annc{background:#0f5c5b;color:#cfe7e6;font-size:12.5px;padding:7px 0}.alink{color:#cfe7e6;cursor:pointer}.alink:hover{color:#fff}.midhead{display:flex;align-items:center;gap:28px;padding:18px 20px;max-width:1240px;margin:0 auto}.logo{display:flex;align-items:center;gap:11px;cursor:pointer;flex-shrink:0}.logomark{width:46px;height:46px;background:#157a78;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Oswald';font-weight:700;font-size:19px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}.wm1{font-family:'Oswald';font-weight:700;font-size:20px;letter-spacing:.06em;line-height:1;color:#1b2528}.wm2{font-size:11px;letter-spacing:.34em;color:#857f72;font-weight:600}.searchwrap{flex:1;display:flex;height:46px;border:2px solid #1b2528;border-radius:7px;overflow:hidden;background:#fff}.searchwrap input{flex:1;border:none;outline:none;padding:0 16px;font-family:'Barlow';font-size:15px;background:transparent;color:#1b2528}.searchbtn{border:none;background:#157a78;color:#fff;font-family:'Oswald';font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:0 24px;cursor:pointer}.searchbtn:hover{background:#0f5c5b}.cartbtn{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;padding:8px 14px;border-radius:8px}.cartbtn:hover{background:#ece7db}.cartcirc{position:relative;width:42px;height:42px;border-radius:50%;background:#1b2528;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Oswald';font-weight:600;font-size:11px;letter-spacing:.04em}.cartbadge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d65f33;color:#fff;font-family:'Oswald';font-weight:600;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #f3efe7}.navbar{background:#1b2528}.nav{display:flex;align-items:center;gap:2px;max-width:1240px;margin:0 auto;padding:0 20px}.navitem{font-family:'Oswald';font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:#d6d1c6;padding:14px 16px;cursor:pointer;border-bottom:3px solid transparent}.navitem:hover{color:#fff;background:#252f33}.navitem.on{color:#fff;border-bottom-color:#157a78}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Oswald';font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:13.5px;padding:13px 26px;border-radius:6px;cursor:pointer;border:none;transition:.15s;white-space:nowrap}.btn-teal{background:#157a78;color:#fff}.btn-teal:hover{background:#0f5c5b}.btn-coral{background:#d65f33;color:#fff}.btn-coral:hover{background:#bd4f27}.btn-ink{background:#1b2528;color:#fff}.btn-ink:hover{background:#000}.btn-ghost{background:transparent;color:#1b2528;border:2px solid #1b2528}.btn-ghost:hover{background:#1b2528;color:#fff}.btn-line{background:#fff;color:#157a78;border:2px solid #157a78}.btn-line:hover{background:#157a78;color:#fff}.ph{background:repeating-linear-gradient(45deg,#ece7dc 0 13px,#f2eee4 13px 26px);display:flex;align-items:center;justify-content:center;color:#a89f8d;font-family:'Oswald';font-weight:500;font-size:12px;letter-spacing:.18em;text-align:center}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#123f3e 0%,#157a78 60%,#1a8f8c 100%);border-radius:12px;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:48px 48px;margin-top:28px}.hero-ph{border-radius:10px;min-height:230px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 13px,rgba(255,255,255,.14) 13px 26px);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-family:'Oswald';letter-spacing:.18em;font-size:12px}.eyebrow{font-family:'Oswald';font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:12.5px;color:#a8e0dd}.sechead{display:flex;align-items:flex-end;justify-content:space-between;margin:46px 0 18px}.sectitle{font-family:'Oswald';font-weight:600;font-size:26px;letter-spacing:.02em;text-transform:uppercase}.seerule{height:3px;width:54px;background:#157a78;margin-top:8px;border-radius:2px}.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pcard{background:#fff;border:1px solid #e3ded2;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.16s;position:relative}.pcard:hover{box-shadow:0 12px 30px rgba(20,40,40,.12);transform:translateY(-3px);border-color:#cfc9bb}.pthumb{height:172px;position:relative}.tag{position:absolute;top:11px;left:11px;font-family:'Oswald';font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:5px;z-index:2}.pbody{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}.pbrand{font-family:'Oswald';font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#857f72;margin-bottom:5px}.pname{font-weight:600;font-size:15px;line-height:1.32;color:#1b2528;min-height:40px}.pricerow{display:flex;align-items:baseline;gap:9px;margin-top:11px}.price{font-family:'Oswald';font-weight:600;font-size:20px;color:#157a78}.old{text-decoration:line-through;color:#b3ab9b;font-size:14px;font-weight:500}.addbtn{margin-top:13px;width:100%;font-family:'Oswald';font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:12.5px;padding:11px;border-radius:6px;cursor:pointer;border:1.5px solid #157a78;background:#fff;color:#157a78;transition:.15s}.addbtn:hover{background:#157a78;color:#fff}.cgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ctile{cursor:pointer;border-radius:9px;overflow:hidden;border:1px solid #e3ded2;background:#fff;transition:.15s}.ctile:hover{box-shadow:0 8px 22px rgba(20,40,40,.1);transform:translateY(-2px)}.ctile-ph{height:104px}.ctile-name{padding:11px 12px;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;color:#1b2528;text-align:center}.ctile-count{font-size:11px;color:#857f72;font-weight:500}.brandstrip{display:flex;flex-wrap:wrap;gap:12px}.brandchip{flex:1;min-width:130px;text-align:center;padding:18px 14px;border:1px solid #e3ded2;border-radius:8px;background:#fff;cursor:pointer;font-family:'Oswald';font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:14px;color:#1b2528;transition:.15s}.brandchip:hover{background:#157a78;color:#fff;border-color:#157a78}.crumb{font-size:13px;color:#857f72;margin:22px 0 4px}.crumblink{cursor:pointer;color:#157a78}.crumblink:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:248px 1fr;gap:26px;align-items:start;margin-top:14px}.sidecard{background:#fff;border:1px solid #e3ded2;border-radius:9px;overflow:hidden;margin-bottom:20px}.sidehd{font-family:'Oswald';font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;padding:13px 16px;background:#1b2528;color:#fff}.catitem{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;border-bottom:1px solid #efeadd;font-size:14px;color:#3a4145}.catitem:hover{background:#f3efe7;color:#157a78}.catitem.on{background:#157a78;color:#fff}.catcount{font-size:11px;opacity:.7;font-family:'Oswald';font-weight:500}.brandlist .catitem.on{background:#1b2528}.listtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.listtitle{font-family:'Oswald';font-weight:600;font-size:24px;letter-spacing:.02em;text-transform:uppercase}.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clearx{font-size:12.5px;color:#d65f33;cursor:pointer;font-weight:600}.clearx:hover{text-decoration:underline}.empty{text-align:center;padding:70px 20px;color:#857f72}.pd{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:8px;align-items:start}.pd-ph{height:420px;border-radius:11px}.pdbrand{font-family:'Oswald';font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;color:#857f72}.pdname{font-family:'Oswald';font-weight:600;font-size:34px;line-height:1.08;letter-spacing:.01em;margin:8px 0 14px}.pdprice{font-family:'Oswald';font-weight:600;font-size:34px;color:#157a78}.pdold{text-decoration:line-through;color:#b3ab9b;font-size:20px;margin-left:12px;font-weight:500}.instock{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#157a78;margin:14px 0}.dot{width:8px;height:8px;border-radius:50%;background:#157a78;display:inline-block}.feat{display:flex;gap:10px;font-size:14.5px;color:#3a4145;line-height:1.45;margin:7px 0}.featb{color:#157a78;font-weight:700}.qtybox{display:flex;align-items:center;border:2px solid #1b2528;border-radius:7px;overflow:hidden;height:50px}.qtybtn{width:46px;height:100%;border:none;background:#fff;font-size:21px;cursor:pointer;color:#1b2528;font-family:'Oswald'}.qtybtn:hover{background:#f0ebde}.qtyval{width:52px;text-align:center;font-family:'Oswald';font-weight:600;font-size:18px}.scrim{position:fixed;inset:0;background:rgba(15,30,30,.5);z-index:60;display:flex;justify-content:flex-end}.drawer{width:420px;max-width:92vw;height:100%;background:#f3efe7;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.2)}.drawhd{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#1b2528;color:#fff}.drawtitle{font-family:'Oswald';font-weight:600;font-size:19px;letter-spacing:.04em;text-transform:uppercase}.closex{cursor:pointer;width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.closex:hover{background:#333d41}.drawbody{flex:1;overflow-y:auto;padding:16px 18px}.citem{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #e3ded2}.citem-ph{width:74px;height:74px;border-radius:7px;flex-shrink:0}.cqty{display:flex;align-items:center;border:1px solid #cfc9bb;border-radius:6px;overflow:hidden;height:30px;background:#fff}.cqtybtn{width:28px;height:100%;border:none;background:#fff;cursor:pointer;font-size:15px;color:#1b2528}.cqtybtn:hover{background:#efeadd}.cqtyval{width:30px;text-align:center;font-family:'Oswald';font-weight:600;font-size:13px}.rem{font-size:12px;color:#d65f33;cursor:pointer;font-weight:600}.rem:hover{text-decoration:underline}.drawfoot{border-top:1px solid #e3ded2;padding:18px 22px;background:#fff}.subrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.footer{background:#1b2528;color:#b9b4a8;margin-top:64px;padding:48px 0 0}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}.fcol h4{font-family:'Oswald';font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:#fff;margin:0 0 14px}.flink{font-size:14px;color:#b9b4a8;cursor:pointer;padding:5px 0;display:block}.flink:hover{color:#fff}.fbar{border-top:1px solid #313b3f;margin-top:40px;padding:18px 0;font-size:12.5px;color:#857f72}.paychip{font-family:'Oswald';font-weight:600;font-size:11px;letter-spacing:.06em;color:#cfc9bb;border:1px solid #41494d;border-radius:5px;padding:5px 10px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:34px}.pgrid,.pgrid3{grid-template-columns:repeat(2,1fr)}.cgrid{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.pd{grid-template-columns:1fr;gap:24px}.fgrid{grid-template-columns:1fr 1fr}}

/* utility classes (from DC runtime) */
.fx{display:flex}.col{display:flex;flex-direction:column}.grid{display:grid}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}.f1{flex:1}.noshrink{flex-shrink:0}.wrap{flex-wrap:wrap}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs20{font-size:20px}.fs22{font-size:22px}.upper{text-transform:uppercase}.tc{text-align:center}.nowrap{white-space:nowrap}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.posrel{position:relative}.posabs{position:absolute}.round{border-radius:50%}.ohide{overflow:hidden}.bbox{box-sizing:border-box}.pointer{cursor:pointer}.w100{width:100%}.b0{border:none}

/* checkout form */
.coinput{width:100%;height:46px;border:2px solid #1b2528;border-radius:7px;padding:0 14px;font-family:'Barlow';font-size:15px;background:#fff;color:#1b2528;margin-top:5px}
.coinput:focus{outline:none;border-color:#157a78}
#coform label{display:block}
.statuswrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}
.statuscard{max-width:520px;text-align:center}