:root{--black:#080808;--panel:#111;--panel2:#171717;--gold:#c9a96a;--gold2:#f0d69b;--cream:#f6f1e8;--muted:#aaa;--line:rgba(201,169,106,.22);--green:#20b967}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:"Cairo",sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{height:84px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,8,8,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}
.brand .crown{font-size:34px;color:var(--gold)}
.brand strong{font:700 1.25rem/1 "Cormorant Garamond",serif;letter-spacing:.08em}
.brand small{display:block;color:var(--gold);font-size:.66rem;margin-top:5px}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:.92rem}
.site-header nav>a:not(.nav-order){color:#ccc}
.site-header nav>a:hover{color:var(--gold2)}
.nav-order,.primary-btn{background:linear-gradient(135deg,#b69150,#e5c47c);color:#080808!important;font-weight:800;padding:11px 20px;border-radius:3px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.04) 25%,rgba(5,5,5,.46) 57%,rgba(5,5,5,.96) 100%),linear-gradient(0deg,#080808 0%,transparent 25%)}
.hero-content{position:relative;z-index:2;width:min(600px,88%);margin-left:clamp(22px,8vw,128px)}
.eyebrow{color:var(--gold);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0 0 8px}
.hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.18;margin:0 0 22px;font-weight:800}
.hero h1 span{color:var(--gold2)}
.hero-content>p:not(.eyebrow){max-width:520px;color:#ccc;font-size:1.06rem}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}
.primary-btn{padding:14px 27px}
.text-link{color:#ddd;border-bottom:1px solid var(--gold);padding-bottom:4px}
.hero-stat{position:absolute;z-index:2;right:clamp(22px,5vw,76px);bottom:48px;border-left:2px solid var(--gold);padding:2px 16px;display:flex;gap:10px;align-items:center}
.hero-stat strong{font:700 2.3rem "Cormorant Garamond",serif;color:var(--gold2)}
.hero-stat span{font-size:.8rem;color:#bbb}
.catalog{padding:90px clamp(20px,6vw,92px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.section-heading h2,.about h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;margin:0}
.section-heading>p{max-width:520px;color:var(--muted);font-size:.94rem}
.catalog-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:22px}
.search-box{height:52px;min-width:min(420px,100%);display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:0 16px;border-radius:4px}
.search-box span{font-size:1.5rem;color:var(--gold)}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{min-height:44px;border:1px solid #2d2d2d;background:transparent;color:#bbb;padding:9px 17px;border-radius:3px;cursor:pointer;white-space:nowrap}
.filter.active,.filter:hover{border-color:var(--gold);color:var(--gold2);background:rgba(201,169,106,.08)}
.results-row{display:flex;justify-content:space-between;color:#888;font-size:.78rem;margin-bottom:18px}
.catalog-note{color:var(--gold)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{background:linear-gradient(145deg,#151515,#0d0d0d);border:1px solid #222;min-height:325px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s ease}
.product-card:hover{border-color:rgba(201,169,106,.5);transform:translateY(-4px)}
.bottle-stage{height:330px;overflow:hidden;background:#0b0b0b;margin:-22px -22px 18px}
.gallery-stage{position:relative}
.bottle-stage img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.03);transition:transform .35s ease}
.product-card:hover .bottle-stage img{transform:scale(1.035)}
.gallery-controls{position:absolute;right:0;left:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:3}
.gallery-dot{border:1px solid rgba(240,214,155,.45);background:rgba(0,0,0,.72);color:#eee;border-radius:20px;padding:6px 13px;font-size:.75rem;cursor:pointer;backdrop-filter:blur(8px)}
.gallery-dot.active,.gallery-dot:hover{background:var(--gold);color:#080808;border-color:var(--gold)}
.product-tag{position:absolute;z-index:2;top:15px;left:15px;color:#f0d69b;font-size:.72rem;background:rgba(0,0,0,.74);padding:4px 9px;border:1px solid var(--line)}
.product-info{display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid #252525;padding-top:16px}
.product-info h3{margin:0;font-size:1rem}
.product-info small{display:block;color:#888;font-weight:400;margin-top:3px}
.price{color:var(--gold2);font-weight:800;white-space:nowrap}
.order-btn{margin-top:14px;border:1px solid var(--line);background:transparent;color:#eee;padding:9px;cursor:pointer;border-radius:3px}
.order-btn:hover{background:var(--gold);color:#080808}
.empty-state{text-align:center;padding:55px;color:#999;border:1px dashed #333}
.empty-state strong,.empty-state span{display:block}
.empty-state strong{color:#ddd;font-size:1.2rem}
.about{padding:50px clamp(20px,6vw,92px) 90px;display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
.about-card,.about aside{background:var(--panel);border:1px solid var(--line);padding:40px}
.about-card>p:not(.eyebrow){color:#aaa;max-width:660px}
.about-points{display:flex;gap:22px;flex-wrap:wrap;color:var(--gold2);font-size:.88rem;margin-top:25px}
.about aside{display:flex;flex-direction:column;justify-content:center}
.location-icon{font-size:2.2rem;color:var(--gold)}
.about aside small{color:#888}
.about aside strong{display:block;font-size:1.2rem}
.about aside p{margin:2px 0 20px;color:#999}
.about aside a{color:var(--gold2);font-weight:700}
.floating-whatsapp{position:fixed;right:20px;bottom:22px;z-index:30;background:var(--green);color:white;padding:11px 17px;border-radius:30px;box-shadow:0 8px 25px rgba(0,0,0,.4);font-weight:700;font-size:.85rem}
.floating-whatsapp span{margin-left:5px}
footer{border-top:1px solid var(--line);padding:26px clamp(20px,6vw,92px);display:flex;justify-content:space-between;color:#777;font-size:.78rem}

@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}
.catalog-tools,.section-heading{align-items:stretch;flex-direction:column}
.about{grid-template-columns:1fr}
.hero{min-height:620px}
.hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.3),rgba(4,4,4,.82)),linear-gradient(0deg,#080808,transparent 50%)}
.hero-stat{display:none}
}

@media(max-width:680px){.site-header{height:72px;padding:0 18px}
.site-header nav{display:none;position:absolute;top:72px;right:0;left:0;background:#0b0b0b;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
.site-header nav.open{display:flex}
.menu-toggle{display:block}
.brand strong{font-size:1.05rem}
.hero{min-height:590px}
.hero>img{object-position:65% center}
.hero-overlay{background:linear-gradient(0deg,#080808 0%,rgba(6,6,6,.62) 55%,rgba(6,6,6,.25) 100%)}
.hero-content{margin:160px 20px 20px;width:auto}
.hero h1{font-size:2.55rem}
.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
.catalog{padding:70px 18px}
.product-grid{grid-template-columns:1fr}
.filters{display:grid;grid-template-columns:repeat(2,1fr);width:100%}
.filter{width:100%;padding:10px 8px}
.results-row{gap:12px;flex-direction:column}
.about{padding:20px 18px 70px}
.about-card,.about aside{padding:28px 22px}
footer{padding:22px 18px;flex-direction:column;gap:5px}
.catalog-note{display:none}
}