:root{--bg:#0B0B0D;--card:#141417;--tx:#F2EFE9;--mu:#A8A49B;--go:#C9A54B;--go2:#E0BE6A;--ln:#2A2A2E}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--tx);font:400 16px/1.6 'Plus Jakarta Sans',sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--ln);position:sticky;top:0;background:#0B0B0Dee;z-index:9;backdrop-filter:blur(8px)}
header b{font-weight:800;letter-spacing:.04em}header span{color:var(--go)}
.hero{height:350px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 5vw}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.5}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 8%,transparent 70%)}
.hero div{position:relative;z-index:1;max-width:560px}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.05;font-weight:800}.hero p{color:var(--mu);margin-top:12px}
.cf{padding:60px 0 20px}.cf .swiper-slide{width:230px}.cf img{border-radius:10px;aspect-ratio:2/3;object-fit:cover}
.intro{text-align:center;max-width:640px;margin:50px auto 28px;padding:0 20px}.intro h2{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.intro p{color:var(--mu);margin:12px 0 24px}
.tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tabs button,.add{font:600 15px inherit;font-family:inherit;border-radius:8px;padding:13px 26px;cursor:pointer;border:1px solid var(--go);background:none;color:var(--go);transition:.25s}
.tabs button.on,.add{background:var(--go);color:#0B0B0D}.tabs button:hover,.add:hover{background:var(--go2);border-color:var(--go2);color:#0B0B0D}
#list{padding:20px clamp(16px,16vw,300px) 80px;display:grid;gap:40px}
.box{background:var(--card);border:1px solid var(--ln);border-radius:16px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.box.rev .im{order:2}.im{background:#000;min-height:480px}.im img{width:100%;height:100%;object-fit:cover}
.in{padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:14px;justify-content:center}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--ln);border-radius:999px;padding:5px 14px;font-size:13px;color:var(--mu)}
.in h3,h1.pt{font-size:30px;line-height:1.15;font-weight:800}.in p,.mu{color:var(--mu)}.more{color:var(--go);font-weight:600}
.bars{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.bars small{display:flex;justify-content:space-between;color:var(--mu);font-size:13px}
.bars i{display:block;height:5px;background:var(--ln);border-radius:5px;margin-top:5px;overflow:hidden}.bars u{display:block;height:100%;background:var(--go);border-radius:5px}
.sz{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sz button{background:none;border:1px solid var(--ln);color:var(--tx);border-radius:8px;padding:7px 13px;font-family:inherit;cursor:pointer}.sz button.on{border-color:var(--go);color:var(--go)}
.buy{display:flex;align-items:center;gap:22px;margin-top:4px}.price{color:var(--go);font-size:28px;font-weight:800}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 5vw}.pg .g img.big{border-radius:14px;width:100%;aspect-ratio:2/3;object-fit:cover}
.th{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.th img{width:78px;height:96px;object-fit:cover;border-radius:8px;border:2px solid var(--ln);cursor:pointer}.th img.on{border-color:var(--go)}
.sec{padding:30px 5vw}.sec h2{font-size:26px;margin-bottom:16px}.sec ul{padding-left:20px;color:var(--mu)}
.rv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.rv div{background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:20px}.rv b{color:var(--go)}
.fe{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.fe a{flex:0 0 190px;background:var(--card);border:1px solid var(--ln);border-radius:12px;overflow:hidden}.fe img{aspect-ratio:2/3;object-fit:cover;width:100%}.fe p{padding:10px 14px}
footer{border-top:1px solid var(--ln);padding:36px 5vw;color:var(--mu);margin-top:40px;text-align:center}
@media(max-width:800px){.box,.pg{grid-template-columns:1fr}.box.rev .im{order:0}.im{min-height:380px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}