:root{--gold:#f5c542;--gold2:#ffd86a;--pink:#ff6fae;--bg:#06070a;--panel:#101218;--text:#f7f7f7;--muted:#b7bac4;--line:rgba(245,197,66,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#16121a 0,#08090c 35%,#050507 100%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(5,6,8,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.brand img{height:64px;width:auto;display:block}.links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.links a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ddd}.links a:hover,.links .active{color:var(--gold)}.contact{font-size:12px;color:#ddd;text-align:right}.contact b{color:var(--gold)}
.hero{min-height:530px;background-image:linear-gradient(90deg,rgba(4,5,7,.78),rgba(4,5,7,.2)),url('apparel-hero.jpg');background-size:cover;background-position:center;display:flex;align-items:end}.hero .container{padding:80px 0 55px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(46px,8vw,90px);line-height:.9;margin:10px 0 18px;max-width:780px;text-transform:uppercase}.hero p{font-size:18px;max-width:620px;color:#eee}.btn{display:inline-block;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#090a0d;padding:14px 22px;border-radius:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:12px}.section{padding:70px 0}.section h2{font-size:42px;margin:0 0 10px}.sub{color:var(--muted);margin:0 0 28px}.bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);background:rgba(15,16,20,.82);padding:16px;border-radius:14px;margin-bottom:24px}.prices{display:flex;gap:10px}.price{padding:12px 18px;border:1px solid var(--gold);border-radius:8px;font-weight:900}.price span{color:var(--gold);font-size:20px}.swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sw{width:25px;height:25px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #222}.black{background:#080808}.white{background:#f4f4f4}.red{background:#d92828}.green{background:#159447}.blue{background:#236fd2}.purple{background:#8546b7}.yellow{background:#f1c51b}.pink{background:#ef70b0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,#14161d,#0c0d11);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.35)}.card img{width:100%;display:block;aspect-ratio:1/1.05;object-fit:cover}.cardbody{padding:17px}.card h3{margin:0 0 8px;font-size:21px}.type{color:#bfc4d0;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.money{font-weight:900;color:var(--gold);font-size:18px}.choice{padding:9px 11px;background:#191b22;border:1px solid #30333c;color:#fff;border-radius:8px;font-size:12px}.colors{display:flex;gap:6px;margin-top:12px}.mini{width:16px;height:16px;border-radius:50%;border:1px solid #aaa}.note{font-size:12px;color:#9da1ad;margin-top:12px}.two{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.feature{border:1px solid var(--line);border-radius:18px;overflow:hidden}.feature img{width:100%;display:block}.panel{background:#0e1015;border:1px solid var(--line);padding:26px;border-radius:18px}.panel h3{font-size:27px;margin-top:0}.list{line-height:1.8;color:#d5d7de}.footer{border-top:1px solid var(--line);padding:34px 0;color:#aeb1ba}.footer strong{color:#fff}.footer a{color:var(--gold)}
@media(max-width:900px){.navin{align-items:flex-start}.contact{display:none}.links{gap:10px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.hero{min-height:480px}}
@media(max-width:600px){.brand img{height:52px}.links a{font-size:10px}.grid{grid-template-columns:1fr}.hero h1{font-size:52px}.section{padding:48px 0}}