:root{--bg:#090909;--panel:#111;--text:#f4eee9;--muted:#958e88;--copper:#c87943;--copper2:#e2a172;--line:#292522;--max:1280px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.top{height:36px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;font-size:10px;color:#ccc}.top span{margin-left:auto}.top+header,header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:25px;background:#0a0a0a;position:sticky;top:0;z-index:10}.logo{width:175px;height:60px}.logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}nav{display:flex;gap:25px;justify-content:center;flex:1}nav a{font-size:11px;color:#d7d1cb}nav a:hover{color:var(--copper2)}.tools{display:flex;gap:14px;font-size:20px}.tools i{font-style:normal;font-size:9px;background:var(--copper);border-radius:50%;padding:3px 5px;vertical-align:top}.hero{min-height:550px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:70px 8%;background:radial-gradient(circle at 75% 45%,#4d2e1b,#17100c 35%,#070707 70%)}.hero small,.story small{letter-spacing:4px;color:var(--copper2);font-size:10px}.hero h1{font:400 70px/1 Georgia,serif;margin:18px 0}.hero p{max-width:390px;color:#b7b0a9;line-height:1.7}.btn{display:inline-block;background:linear-gradient(120deg,#b66a3a,#e0a06f);color:#fff;border:0;padding:13px 20px;border-radius:3px;margin-top:12px;font-size:11px;cursor:pointer}.hero-bag{width:420px;height:280px;background:linear-gradient(145deg,#202020,#050505);border:2px solid #35302b;border-radius:8px 8px 18px 18px;box-shadow:0 35px 50px #000;position:relative}.hero-bag:before{content:"";position:absolute;width:220px;height:145px;border:12px solid #151515;border-bottom:0;border-radius:120px 120px 0 0;left:87px;top:-112px}.hero-bag span{position:absolute;top:125px;left:0;right:0;text-align:center;color:#c87943;letter-spacing:4px;font-size:11px}.cats{max-width:var(--max);margin:auto;padding:28px 25px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{height:170px;border:1px solid var(--line);padding:18px;position:relative;background:radial-gradient(circle at 65% 30%,#56321f,#0e0e0e 65%)}.cat b{position:absolute;bottom:35px;font:400 16px Georgia,serif}.cat small{position:absolute;bottom:15px;color:var(--copper2);font-size:9px}.section{max-width:var(--max);margin:auto;padding:30px 25px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.head h2{font:400 30px Georgia,serif;margin:0 0 5px}.head p{color:var(--muted);font-size:11px;margin:0}.head>a{color:var(--copper2);font-size:10px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#0f0f0f;border:1px solid var(--line);border-radius:4px;overflow:hidden}.pic{height:265px;display:grid;place-items:center;background:radial-gradient(circle,#4d3020,#0b0b0b 68%)}.pic img{width:100%;height:100%;object-fit:cover}.shape{width:150px;height:120px;background:linear-gradient(145deg,#222,#050505);border:2px solid #39332e;border-radius:8px}.shape.big{width:70%;height:75%}.info{padding:15px}.info small{color:#777;font-size:8px}.info h3{font:400 15px Georgia,serif;margin:8px 0 12px}.info strong,.detail-price{color:var(--copper2)}.info del{color:#666;font-size:9px}.add{width:100%;margin-top:12px;background:transparent;border:1px solid #9d5e39;color:#eee;padding:9px;border-radius:3px;cursor:pointer;font-size:10px}.benefits{max-width:var(--max);margin:10px auto 35px;border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.benefits div{padding:20px;border-right:1px solid var(--line);color:var(--copper2)}.benefits b{color:#eee;font-size:11px}.benefits small{display:block;color:#666;font-size:9px;margin:5px 0 0 25px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:270px;background:linear-gradient(100deg,#24140c,#0d0d0d);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.story>img{width:280px;margin:auto;mix-blend-mode:screen}.story>div{padding:40px 9%}.story h2{font:400 30px Georgia,serif}.story p{color:#aaa;line-height:1.7}.story+footer,footer{padding:35px 6%;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;border-top:1px solid var(--line)}footer img{width:150px;mix-blend-mode:screen}footer b{font-size:11px}footer a{display:block;color:#777;font-size:10px;margin-top:10px}.detail{max-width:1100px;margin:auto;padding:55px 25px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-img{height:520px;background:#111;display:grid;place-items:center}.detail-img img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:40px}.detail-copy h1{font:400 40px Georgia,serif}.detail-copy p{color:#aaa;line-height:1.7}.detail-price{font-size:25px}.big-btn{max-width:300px}.checkout,.auth{max-width:650px;margin:auto;padding:60px 25px}.checkout form,.auth form{display:grid;gap:15px}.checkout label{display:grid;gap:7px;color:#aaa;font-size:11px}.checkout input,.checkout textarea,.auth input,.head input{background:#111;border:1px solid var(--line);padding:12px;color:#fff}.checkout textarea{min-height:100px}.success{padding:15px;background:#132016;color:#a9c5ad;margin:15px 0}.error{color:#d98769}.empty{border:1px dashed var(--line);padding:40px;color:#777}.cart-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.cart-row button{background:none;color:#c87943;border:0}.head form{display:flex;gap:5px}.head form .btn{margin:0}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:70px 8%}.hero-bag{margin:70px auto 0}.cats{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.detail-img{height:380px}}@media(max-width:550px){.hero h1{font-size:50px}.cats,.products{grid-template-columns:1fr 1fr;gap:10px;padding:18px 14px}.section{padding:25px 14px}.pic{height:190px}.benefits{grid-template-columns:1fr;margin:10px 14px}.benefits div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}.hero-bag{width:300px;height:200px}.hero-bag:before{left:50px;width:190px}}