*{box-sizing:border-box}body{margin:0;background:#070707;color:#f7f4ed;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#080808ee;border-bottom:1px solid #d6b26644}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-family:Georgia,serif;font-size:24px;color:#f0d79a}.brand small{font-size:9px;letter-spacing:.25em;color:#999}.logo{width:46px;height:46px;border:1px solid #d6b266;border-radius:50%;display:grid;place-items:center;background:#7b1017;color:#f0d79a;font-family:Georgia,serif}header button{background:transparent;color:#f0d79a;border:1px solid #d6b266;border-radius:999px;padding:10px 14px}header b{background:#d6b266;color:#111;padding:4px 8px;border-radius:50%}.hero{min-height:520px;padding:90px 7vw;background:radial-gradient(circle at 80% 40%,#d6b26633,transparent 22%),linear-gradient(135deg,#140c0d,#050505 65%,#211516)}.hero p,.title-row p{color:#d6b266;font-size:12px;letter-spacing:.2em;font-weight:bold}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,8vw,90px);line-height:.92;max-width:760px;margin:10px 0 20px}.hero span{display:block;color:#c8c1b5;font-size:19px;max-width:620px;line-height:1.5}.hero input{margin-top:26px;width:min(620px,100%);padding:16px;border-radius:10px;border:1px solid #d6b26644;background:#ffffff0d;color:white}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.filter{background:transparent;color:#ddd;border:1px solid #d6b26644;border-radius:999px;padding:9px 13px}.filter.active{background:#d6b266;color:#111}main{padding:70px 5vw}.title-row{display:flex;justify-content:space-between;align-items:end}.title-row h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,56px);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{border:1px solid #d6b26633;border-radius:16px;overflow:hidden;background:#111}.image{height:250px;display:grid;place-items:center;background:radial-gradient(circle at 50% 75%,#d6b26633,transparent 28%),linear-gradient(135deg,#1a1010,#090909)}.bottle{width:110px;height:165px;border:1px solid #ffffff44;border-radius:12px 12px 18px 18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff22,#00000033);box-shadow:0 28px 40px #0008}.bottle span{border-top:1px solid #d6b266;border-bottom:1px solid #d6b266;padding:10px 5px;color:#f0d79a;font-family:Georgia,serif}.content{padding:20px}.meta{display:flex;justify-content:space-between;color:#999;font-size:12px;text-transform:uppercase}.content h3{font-family:Georgia,serif;font-size:28px;margin:12px 0 6px}.notes{color:#bbb;min-height:40px}.add{width:100%;padding:12px;border:1px solid #d6b266;border-radius:9px;background:transparent;color:#f0d79a;font-weight:bold}.add.added{background:#d6b266;color:#111}.benefits{margin:0 5vw 70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d6b26633;border-radius:16px;overflow:hidden}.benefits>div{padding:24px;display:flex;gap:14px;align-items:center;background:#101010}.benefits>div+div{border-left:1px solid #d6b26633}.benefits b,.benefits small{display:block}.benefits small{color:#999;margin-top:5px}.drawer{position:fixed;inset:0;z-index:10;pointer-events:none}.drawer.open{pointer-events:auto}.backdrop{position:absolute;inset:0;background:#000b;opacity:0}.drawer aside{position:absolute;right:0;top:0;bottom:0;width:min(440px,94vw);background:#0d0d0d;border-left:1px solid #d6b26633;padding:24px;transform:translateX(100%);transition:.25s;overflow:auto}.drawer.open .backdrop{opacity:1}.drawer.open aside{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6b26633}.drawer-head h2{font-family:Georgia,serif;font-size:38px}.drawer-head button{background:transparent;color:white;border:1px solid #555;border-radius:50%;width:40px;height:40px;font-size:26px}.item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #d6b26622}.item small{color:#999}.item button{background:transparent;color:#e3a0a0;border:0}.send,.clear{width:100%;padding:14px;border-radius:9px;font-weight:bold}.send{margin-top:20px;background:#43d16f;border:0}.send:disabled{opacity:.45}.clear{margin-top:8px;background:transparent;color:#aaa;border:1px solid #444}footer{text-align:center;padding:36px;border-top:1px solid #d6b26622;color:#999}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.benefits>div+div{border-left:0;border-top:1px solid #d6b26633}}@media(max-width:600px){header{padding:11px 14px}.hero{padding:70px 18px}.grid{grid-template-columns:1fr}main{padding:54px 14px}.benefits{margin:0 14px 54px}.title-row{align-items:start;flex-direction:column}.image{height:220px}}