:root{--dark:#1f2d2b;--bg:#f8f8f8;--ink:#1a1a1a;--line:#e3e3e3;--w:1320px}
*{box-sizing:border-box}body{margin:0;font:400 15px/1.6 Outfit,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3{font-weight:500;margin:0 0 12px;line-height:1.15}h2{font-size:34px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 50px}.sec{padding:60px 0}.gray{background:#efefef}
.ann{background:#111;color:#fff;font-size:12px}.ann .wrap,.hdr .wrap{display:flex;justify-content:space-between;align-items:center}.ann .wrap{padding-block:8px}.ann nav{display:flex;gap:40px}
.hdr{background:#fff}.hdr .wrap{height:78px}.menu{display:flex;gap:40px;font-weight:500}.ico{display:flex;gap:18px;font-size:14px}
.logo{display:flex;font-weight:600;font-size:20px}.logo b{border:2px solid var(--dark);padding:2px 10px}.logo i{font-style:normal;background:var(--dark);color:#fff;padding:4px 10px}.logo.inv b{border-color:#fff}.logo.inv i{background:#fff;color:var(--dark)}
.btn{display:inline-block;background:var(--dark);color:#fff;padding:12px 26px;border:1px solid var(--dark);font:500 14px Outfit,sans-serif;cursor:pointer}.btn.alt{background:#fff;color:var(--ink);border-color:var(--ink)}
.ph{background:#e9e9e9;width:100%;height:100%;min-height:240px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#fff}.hero .txt{padding:80px 50px;align-self:center}.hero h1{font-size:64px}.hero mark{background:var(--dark);color:#fff;padding:0 10px}
.bn{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.bn .bt{padding:60px;align-self:center}.bn.split-dark{background:var(--dark);color:#fff}.bn.split-dark .btn{background:#fff;color:var(--ink)}
.bn.overlay{position:relative;display:block;min-height:380px;color:#fff;text-align:center}.bn.overlay .bi{position:absolute;inset:0}.bn.overlay .bi .ph{min-height:380px;background:#3a4644}.bn.overlay .bt{position:relative;z-index:1;padding:110px 20%}
.grid4,.grid5{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:24px}.grid5{grid-template-columns:repeat(5,1fr)}.card span,.card b{display:block;margin-top:10px}.cimg{background:#ececec;aspect-ratio:1}.cimg img{width:100%;height:100%;object-fit:cover}
.feat{background:#ececec;padding:34px 0}.tcard{background:#ececec;padding:24px}.stars{letter-spacing:2px}
.ftr{background:#1a2423;color:#fff;padding:70px 0 30px}.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.ftr a{display:block;margin:8px 0}.nl{display:flex}.nl input{flex:1;padding:12px}.bot{display:flex;gap:60px;margin-top:50px;padding-top:30px;border-top:1px solid #ffffff33}
.crumb{background:var(--dark);color:#fff;text-align:center;padding:70px 0}.crumb h1{margin:0;font-size:16px;font-weight:400}
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:70px}.gal{display:flex;gap:16px}.thumbs{display:grid;gap:10px;align-content:start;width:64px}.thumbs button{border:1px solid var(--line);padding:0;background:#ececec}.main{flex:1;background:#ececec}
.info h2{font-size:34px}.badge{border:1px solid #2a9d4b;color:#2a9d4b;border-radius:20px;padding:0 10px;font-size:13px}.price{font-size:18px}
.opt{margin:14px 0}.opt label{display:inline-block;margin:6px 6px 0 0}.opt input{position:absolute;opacity:0}.opt span{display:inline-block;border:1px solid var(--line);padding:4px 14px;background:#fff;cursor:pointer}.opt input:checked+span{background:var(--dark);color:#fff}
.buy{display:flex;gap:10px;margin:18px 0}.buy input{width:70px;padding:10px;text-align:center}.buy .btn{flex:1}.note{font-size:14px}
.tabs{padding-block:60px}.th{display:flex;gap:30px;margin-bottom:24px}.th button{background:none;border:0;font:400 20px Outfit;padding:10px 20px;border-radius:30px;cursor:pointer}.th .on{background:var(--dark);color:#fff}
@media(max-width:900px){.wrap{padding:0 20px}.hero,.bn,.pdp,.cols4{grid-template-columns:1fr}.grid4,.grid5{grid-template-columns:1fr 1fr}.menu,.ann nav{display:none}.hero h1{font-size:40px}}
.crumb nav{font-size:14px;margin-top:8px}.plp{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-block:70px}.plp aside details{border-bottom:1px solid var(--line);padding:14px 0}.plp summary{font-weight:500;cursor:pointer}.plp aside label{display:block;margin:6px 0;font-size:14px}.pr{display:flex;gap:8px;margin-top:10px}.pr input{width:100%;padding:8px}.tool{display:flex;justify-content:space-between;align-items:center}.pg{text-align:center;margin-top:30px}
@media(max-width:900px){.plp{grid-template-columns:1fr}}
.main img{width:100%;height:auto;object-fit:contain}.thumbs img{width:100%;height:auto}