:root{--bg:#090a11;--panel:#10111a;--panel2:#171722;--text:#f6f2e9;--muted:#b9b3aa;--gold:#f2c15f;--gold2:#d6932f;--line:rgba(242,193,95,.24);--red:#e43b33;--green:#42db73}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh;background-image:radial-gradient(circle at 72% 24%,rgba(214,147,47,.14),transparent 24rem),radial-gradient(circle at 20% 75%,rgba(92,54,122,.12),transparent 28rem)}button,input{font:inherit}button{cursor:pointer}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,92px);background:rgba(9,10,17,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text)}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f15142,#b91f24);border:1px solid rgba(255,255,255,.35);font-family:"Playfair Display",serif;font-size:12px;font-weight:800;box-shadow:0 0 24px rgba(228,59,51,.25)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:"Playfair Display",serif;font-size:21px;color:#f5d99e}.brand-copy small{font-size:9px;letter-spacing:.22em;font-weight:700;margin-top:4px}.selection-button{color:var(--text);background:transparent;border:1px solid var(--gold);border-radius:999px;padding:8px 12px;font-weight:700}.selection-button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;margin-left:4px;background:var(--gold);color:#33230b;border-radius:50%}.hero{min-height:500px;padding:72px clamp(20px,8vw,130px) 76px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-content{position:relative;z-index:1;max-width:720px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em}.hero h1,.catalog h2,.panel-header h2{font-family:"Playfair Display",serif}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.88;letter-spacing:-.04em;margin:0 0 24px}.intro{color:#e6e0d7;font-size:17px;margin:0 0 22px}.hero-glow{position:absolute;right:8%;top:10%;width:390px;height:390px;background:radial-gradient(circle,rgba(242,193,95,.22),rgba(163,97,35,.05) 45%,transparent 68%);filter:blur(6px)}.search-box{width:min(560px,100%);height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.45);border-radius:8px}.search-box span{font-size:24px;color:var(--gold)}.search-box input{width:100%;background:none;border:0;outline:none;color:white;font-size:16px}.search-box input::placeholder{color:#aaa5a0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter{border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;padding:8px 14px;font-weight:700}.filter.active{background:var(--gold);color:#33230b;border-color:var(--gold)}.catalog{padding:58px clamp(20px,6vw,92px) 90px;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.catalog h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.035em;margin:0}.result-count{color:var(--muted);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.02));transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:rgba(242,193,95,.55)}.product-image{height:250px;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(242,193,95,.16),transparent 44%),linear-gradient(145deg,rgba(72,55,73,.32),rgba(12,13,21,.7));border-bottom:1px solid rgba(255,255,255,.1)}.bottle{width:94px;height:134px;border-radius:13px 13px 18px 18px;display:grid;place-items:center;position:relative;background:linear-gradient(90deg,#30313b,#68636a 48%,#292a34);border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 35px rgba(0,0,0,.45)}.bottle:before{content:"";position:absolute;width:48px;height:22px;top:-20px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#252630,#66646c,#22232b);border:1px solid rgba(255,255,255,.25)}.bottle span{width:100%;padding:8px 4px;text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);color:#f4d78d;font-family:"Playfair Display",serif;font-size:12px}.card-body{padding:18px}.product-meta{display:flex;justify-content:space-between;gap:12px;color:#d7d1c8;text-transform:uppercase;font-size:11px;font-weight:700}.product-card h3{font-family:"Playfair Display",serif;font-size:25px;line-height:1.08;margin:10px 0 7px;overflow-wrap:anywhere}.brand-name{color:var(--muted);margin:0 0 18px;font-size:14px}.add-button{width:100%;min-height:44px;background:transparent;color:var(--text);border:2px solid var(--gold);border-radius:8px;font-weight:700}.add-button.added{background:var(--gold);color:#3b280b}.load-more{display:block;margin:34px auto 0;padding:13px 24px;border-radius:8px;border:1px solid var(--gold);background:transparent;color:var(--text);font-weight:700}.empty-state{text-align:center;padding:70px 20px;border:1px solid var(--line);border-radius:14px}.empty-state h3{font-family:"Playfair Display",serif;font-size:30px;margin:0}.empty-state p{color:var(--muted)}.overlay{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.selection-panel{position:fixed;z-index:40;top:0;right:0;width:min(470px,100%);height:100dvh;padding:34px 26px;background:#11121b;border-left:1px solid var(--line);transform:translateX(102%);transition:transform .25s ease;display:flex;flex-direction:column}.selection-panel.open{transform:translateX(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.panel-header h2{font-size:40px;margin:0}.close-button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);color:white;background:transparent;font-size:28px}.selection-items{overflow:auto;flex:1}.selection-item{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.selection-item strong{display:block}.selection-item small{color:var(--muted)}.remove-button{border:0;background:transparent;color:#ff858c;font-weight:700}.selection-empty{color:var(--muted);padding:30px 0;flex:1}.panel-actions{display:grid;gap:10px;padding-top:18px}.whatsapp-button,.clear-button{min-height:50px;border-radius:8px;font-weight:700}.whatsapp-button{background:var(--green);border:0;color:#082b14}.clear-button{background:transparent;border:1px solid rgba(255,255,255,.55);color:white}noscript{display:block;padding:20px;background:#6d1919;color:white;text-align:center}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:460px}.product-image{height:220px}}
@media(max-width:620px){.topbar{height:68px;padding:0 14px}.brand-copy strong{font-size:18px}.selection-button{font-size:13px}.hero{padding:56px 18px 54px;min-height:430px}.hero h1{font-size:49px}.intro{font-size:15px}.catalog{padding:44px 14px 70px}.section-heading{align-items:start;flex-direction:column}.catalog h2{font-size:39px}.product-grid{grid-template-columns:1fr;gap:14px}.product-image{height:230px}.selection-panel{padding:24px 18px}.panel-header h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.product-image{overflow:hidden;display:grid;place-items:center;background:#f8f8f6;padding:14px}.product-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}