:root{--bg:#f7f5f2;--ink:#111;--muted:#6e6e6e;--line:#dedbd7;--white:#fff;--accent:#111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(247,245,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:.12em}.topbar nav{display:flex;gap:24px}.topbar nav a{color:var(--muted)}
.cart-button,.primary,.add-to-cart,.checkout{border:0;background:var(--accent);color:#fff;padding:13px 18px;border-radius:999px;cursor:pointer;font-weight:700}
.cart-button span{background:#fff;color:#111;border-radius:50%;padding:2px 7px;margin-left:6px}
.hero{min-height:72vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:7vw 8vw;gap:60px}
.hero h1{font-size:clamp(3.5rem,8vw,8rem);line-height:.88;margin:15px 0 25px;letter-spacing:-.07em}.hero p{font-size:1.15rem;color:var(--muted);max-width:560px;margin-bottom:35px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800}
.hero-card{aspect-ratio:4/5;border-radius:42px;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.hero-card strong{font-size:clamp(5rem,10vw,10rem);line-height:1}.hero-card span{letter-spacing:.3em}
.catalog{padding:80px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font-size:2.5rem;margin:.4rem 0}.section-head input{width:min(360px,100%);padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#fff}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter,.filters select{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.filter.active{background:#111;color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.08)}
.image-wrap{position:relative;background:#eee}.image-wrap img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.badge{position:absolute;top:14px;left:14px;background:#111;color:#fff;padding:7px 10px;border-radius:99px;font-size:.72rem;z-index:2}
.product-info{padding:20px}.product-info small{color:var(--muted)}.product-info h3{margin:8px 0 14px}.price{display:flex;gap:10px;align-items:center;margin-bottom:14px}.price strong{font-size:1.25rem}.price del{color:#999}.product-info label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--muted)}.size-select{padding:8px 12px;border:1px solid var(--line);border-radius:10px}.add-to-cart{width:100%;border-radius:12px}
.benefits{margin:30px 5vw 80px;display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff;border-radius:30px;padding:30px}.benefits div{padding:20px;border-right:1px solid #333;display:flex;flex-direction:column;gap:7px}.benefits div:last-child{border:0}.benefits span{color:#aaa}
footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
.cart-panel{position:fixed;top:0;right:-440px;width:min(420px,92vw);height:100vh;background:#fff;z-index:50;padding:24px;transition:.3s;overflow:auto}.cart-panel.open{right:0}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;pointer-events:none;transition:.3s}.overlay.open{opacity:1;pointer-events:auto}
.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head button{font-size:2rem;border:0;background:none;cursor:pointer}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item img{width:70px;height:80px;object-fit:cover;border-radius:10px}.cart-item button{border:0;background:none;cursor:pointer}.cart-total{display:flex;justify-content:space-between;font-size:1.3rem;padding:22px 0}.payment{border-top:1px solid var(--line);padding:15px 0}.payment label{display:block;padding:8px 0}.checkout{width:100%;border-radius:12px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-card{max-width:500px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefits div:nth-child(2){border-right:0}.section-head{align-items:stretch;flex-direction:column}}
@media(max-width:560px){.hero{padding:60px 5vw}.hero h1{font-size:3.8rem}.product-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefits div{border-right:0;border-bottom:1px solid #333}.section-head input{width:100%}footer{flex-direction:column;gap:10px}}