*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fbf8f3;color:#29231e;font-family:Montserrat,Arial,sans-serif}
.topbar{min-height:34px;background:#e6d9ca;color:#4d4034;display:flex;justify-content:space-between;align-items:center;padding:7px 6%;font-size:10px;letter-spacing:.2px}
.header{min-height:82px;background:#302820;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #c4a47f;gap:24px;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:12px;color:#e8c69b;text-decoration:none;min-width:245px}
.brand-mark{font-family:"Cormorant Garamond",serif;font-size:67px;line-height:.8;color:#d9b486}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:34px;letter-spacing:8px;color:#f6eee4;line-height:.8}
.brand-name small{display:block;font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:5px;text-align:center;margin-top:9px}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:#f1eae2;text-decoration:none;font-size:11px;white-space:nowrap}
.nav a:hover,.nav a.active{color:#e6c39a}
.search{height:39px;background:#f8f2e9;border-radius:22px;display:flex;align-items:center;padding:0 10px 0 14px;width:220px;position:relative;z-index:30}
.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:11px Montserrat;color:#29231e}
.search-submit{border:0;background:transparent;color:#62513f;font-size:23px;line-height:1;cursor:pointer;padding:2px 3px 4px}
.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffdfa;border:1px solid #dfcfbd;border-radius:12px;box-shadow:0 12px 28px #21170f24;overflow:hidden;max-height:320px;overflow-y:auto}
.search-suggestions[hidden]{display:none}
.search-option{display:block;width:100%;border:0;border-bottom:1px solid #eee4d9;background:#fffdfa;text-align:left;padding:11px 14px;cursor:pointer;color:#403329}
.search-option:last-child{border-bottom:0}
.search-option:hover,.search-option:focus{background:#f1e6d9;outline:0}
.search-option strong{display:block;font:600 14px "Cormorant Garamond",serif}
.search-option small{display:block;font:9px Montserrat;color:#8a7866;margin-top:3px}
.search-no-results{padding:12px 14px;font-size:10px;color:#817568}
.whatsapp-header{color:#e6c39a;text-decoration:none;font-size:24px}
.menu-toggle{display:none;background:none;border:0;color:#e8c69b;font-size:25px}
.hero{min-height:340px;background:radial-gradient(ellipse at 78% 48%,#ad9275 0,#76604b 28%,#41352b 69%);color:#fff;display:flex;align-items:center;padding:40px 6%;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 65%),radial-gradient(ellipse at 90% 100%,rgba(235,205,169,.3),transparent 35%);pointer-events:none}
.hero-copy{position:relative;z-index:2}
.eyebrow,.promo-kicker{font-size:9px;letter-spacing:3px;color:#b18a60}
.hero .eyebrow{color:#ead2b5}
.hero h1{font:600 clamp(45px,5vw,68px)/.88 "Cormorant Garamond",serif;margin:0 0 18px}
.hero h1 em,.section-heading em,.brands em{color:#f0cfaa;font-weight:500}
.hero-copy>p:not(.eyebrow){font:18px/1.35 "Cormorant Garamond",serif;color:#f4e9dc}
.btn{display:inline-flex;align-items:center;gap:22px;padding:12px 24px;border-radius:30px;text-decoration:none;font-size:11px;font-weight:700;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#ead0ae;color:#30251c}
.btn-dark{background:#403329;color:#fff}
.hero-bottle{position:absolute;right:18%;top:38px;width:145px;height:260px;z-index:1;filter:drop-shadow(0 18px 25px #21170f88)}
.bottle{height:210px;border:3px solid #d0ad82;border-radius:24px 24px 15px 15px;background:linear-gradient(100deg,rgba(255,255,255,.55),rgba(112,77,47,.7) 25%,rgba(48,35,25,.85) 75%,rgba(255,255,255,.35));box-shadow:inset 0 0 18px #e7c99e;display:grid;place-items:center}
.bottle span{font:40px "Cormorant Garamond";color:#f1d2a7}
.bottle-cap{height:48px;width:58px;margin:0 auto -2px;background:linear-gradient(90deg,#3c3025,#d1b99d,#3c3025);border-radius:8px 8px 2px 2px}
.hero-note{position:absolute;right:6%;bottom:22px;font-size:8px;letter-spacing:3px;color:#f1dfc9;z-index:2}
.benefits{background:#eee3d6;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 6%;gap:10px;border-bottom:1px solid #dfcfbd}
.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #d0bda7}
.benefits>div:last-child{border:0}
.benefit-icon{font-size:27px;font-weight:400;color:#8b6a49}
.benefits strong,.benefits small{display:block}
.benefits strong{font-size:10px;color:#3a3027}
.benefits small{font-size:9px;margin-top:4px;color:#76695c}
.section{padding:34px 4.5%}
.section-heading{display:flex;align-items:center;gap:25px;justify-content:center;margin-bottom:10px}
.section-heading>span{height:1px;background:#cdb18f;width:22%}
.section-heading h2,.brands h2{font:600 34px "Cormorant Garamond",serif;margin:0;color:#302820}
.section-heading em,.brands em{color:#a47c53}
.catalog-intro{text-align:center;color:#817568;font:14px "Cormorant Garamond",serif;margin:0 0 22px}
.filters{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:12px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{border:1px solid #d8c8b7;background:#fffdfa;color:#55483b;border-radius:20px;padding:8px 14px;font:10px Montserrat;cursor:pointer}
.chip.selected,.chip:hover{background:#554332;color:#fff;border-color:#554332}
select{border:1px solid #d8c8b7;background:#fffdfa;color:#55483b;padding:9px 12px;border-radius:18px;font:10px Montserrat}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card{background:#fffdfa;border:1px solid #e6d9ca;border-radius:11px;overflow:hidden;position:relative;transition:.2s;box-shadow:0 3px 12px #60482a0a}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #5a3d2518}
.product-image{height:235px;display:grid;place-items:center;background:linear-gradient(145deg,#f0e8de,#fffdfa);padding:16px 20px;border-bottom:1px solid #eee4d8;overflow:hidden}
.product-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.product-info{padding:13px 15px 15px}
.product-info h3{font:600 20px "Cormorant Garamond",serif;margin:0 0 2px;color:#302820}
.product-info .maker{font-size:9px;color:#8a7866;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}
.image-note{font-size:9px;line-height:1.45;color:#8a6b45;background:#f7f0e7;border-left:2px solid #c5a078;padding:6px 7px;margin:7px 0}
.product-size{font-size:9px;color:#8b7968;margin:0 0 9px}
.product-price{font-size:15px;font-weight:700;color:#34291f;margin:0 0 4px}
.price-source{font-size:8px;line-height:1.4;color:#978879;margin:0 0 11px}
.product-description{font-size:10px;line-height:1.55;color:#675b4f;margin:0 0 11px}
.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}
.meta-pill{font-size:8px;color:#765b3f;background:#f1e6d9;border-radius:12px;padding:5px 7px}
.details{border-top:1px solid #eee4d9;padding-top:9px;margin-top:7px}
.details summary{font-size:9px;font-weight:700;color:#765b3f;cursor:pointer;list-style:none}
.details summary:after{content:"＋";float:right}
.details[open] summary:after{content:"−"}
.details-content{font-size:9px;line-height:1.6;color:#6c6055;padding-top:9px}
.details-content p{margin:5px 0}
.details-content b{color:#45382d}
.badge{position:absolute;top:10px;left:10px;background:#554332;color:#f4dfc5;border-radius:15px;padding:5px 9px;font-size:8px;z-index:1}
.order-btn{display:block;text-align:center;background:#554332;color:white;text-decoration:none;border-radius:22px;padding:10px 8px;font-size:10px;font-weight:600;margin-top:12px}
.order-btn:hover{background:#8b6847}
.empty-state{text-align:center;padding:25px;color:#756b62}
.price-disclaimer,.table-note{text-align:center;font-size:9px;line-height:1.5;color:#968879;margin:20px 0 0}
.comparison{background:#f1e9df}
.table-wrap{overflow-x:auto;background:#fffdfa;border:1px solid #e4d7c8;border-radius:10px}
table{width:100%;border-collapse:collapse;min-width:540px;text-align:left}
th,td{padding:13px 17px;border-bottom:1px solid #eee5dc;font-size:10px}
th{background:#e8dac9;color:#4c3d30;font-size:9px;text-transform:uppercase;letter-spacing:1px}
td{color:#615448}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-weight:600;color:#403329}
.recommendation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}
.recommendation{background:#fffdfa;border:1px solid #e6d9ca;border-radius:10px;padding:19px}
.rec-kicker{font-size:8px;letter-spacing:1.4px;color:#9b7957;font-weight:700}
.recommendation h3{font:600 21px "Cormorant Garamond",serif;margin:10px 0 4px;color:#403329}
.recommendation strong{font-size:15px;color:#6f5135}
.recommendation p{font-size:10px;line-height:1.55;color:#75695e;margin:10px 0 0}
.final-advice{margin-top:18px;padding:24px 28px;background:#e9dccd;border-left:3px solid #a47c53;border-radius:5px}
.final-advice h3{font:600 25px "Cormorant Garamond",serif;color:#403329;margin:8px 0}
.final-advice p{font-size:11px;line-height:1.7;color:#65584c;margin:7px 0}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:0}
.promo{min-height:165px;border-radius:10px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.promo-dark{background:radial-gradient(circle at 80% 50%,#927657,#403329 65%);color:#fff}
.promo-cream{background:linear-gradient(110deg,#ead8c2,#f8eee2);color:#302820}
.promo h2{font:500 31px/.95 "Cormorant Garamond";margin:8px 0}
.promo h2 strong{font-size:37px}
.promo p{font:12px "Cormorant Garamond";margin:6px 0 12px}
.promo .btn{padding:9px 17px;font-size:9px}
.promo-orb,.gift-box{font:55px "Cormorant Garamond";color:#f0d2ad;border:1px solid #d2b18a;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;flex-shrink:0}
.gift-box{border-radius:8px;background:linear-gradient(135deg,#403329,#806346);box-shadow:12px 10px 0 #c7a47c;color:#f2d8b8}
.brands{text-align:center;padding-top:12px;padding-bottom:40px}
.brands h2{font-size:31px;margin:5px 0 22px}
.brand-list{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap;color:#5d4b3b}
.brand-list span{font:600 18px "Cormorant Garamond";letter-spacing:2px}
.footer{background:#302820;color:#eee4da;padding:30px 5% 15px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:30px;border-top:1px solid #c09b70}
.footer .brand{min-width:0;align-self:start}
.footer .brand-mark{font-size:58px}
.footer .brand-name{font-size:24px;letter-spacing:5px}
.footer h3{font:600 17px "Cormorant Garamond";margin:4px 0 12px;color:#e8c69d}
.footer>div:not(.copyright) a:not(.btn){display:block;color:#eee4da;text-decoration:none;font-size:10px;margin:8px 0}
.footer p,.footer-contact small{font-size:10px;color:#d5c8b9}
.footer-contact .btn{margin:7px 0 15px}
.footer-contact small{display:block}
.copyright{grid-column:1/-1;border-top:1px solid #665443;padding-top:12px;font-size:9px;color:#c8b9a8}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#23875d;color:white;display:grid;place-items:center;text-decoration:none;font-size:27px;box-shadow:0 5px 20px #0003;z-index:20}
@media(max-width:1050px){.header{padding:0 3%;gap:12px}.brand{min-width:185px}.brand-name{font-size:27px;letter-spacing:5px}.nav{gap:12px}.nav a{font-size:9px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{justify-content:center;font-size:9px}.topbar span:last-child{display:none}.header{height:70px;position:relative}.brand{min-width:0}.brand-mark{font-size:52px}.brand-name{font-size:23px;letter-spacing:4px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#302820;flex-direction:column;align-items:stretch;padding:15px 6%;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #554332;font-size:11px}.search{width:42px;padding:0 10px;background:transparent}.search input{display:none}.search span{color:#e8c69d}.whatsapp-header{display:none}.hero{min-height:310px;padding:35px 7%}.hero h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-bottle{right:7%;opacity:.48;transform:scale(.8);transform-origin:right center}.hero-note{font-size:7px}.benefits{grid-template-columns:1fr 1fr;padding:14px 5%;gap:14px}.benefits>div{justify-content:flex-start;border:0}.benefit-icon{font-size:23px}.section{padding:27px 4%}.section-heading{gap:10px}.section-heading h2{font-size:29px;white-space:nowrap}.section-heading>span{width:10%}.filters{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:170px;padding:10px}.product-info{padding:10px 9px 12px}.product-info h3{font-size:18px}.product-description{font-size:9px}.recommendation-grid{grid-template-columns:1fr 1fr;gap:9px}.recommendation{padding:13px}.recommendation h3{font-size:18px}.recommendation p{font-size:9px}.final-advice{padding:18px}.promo-grid{grid-template-columns:1fr}.promo{min-height:150px;padding:20px}.promo h2{font-size:27px}.promo h2 strong{font-size:31px}.promo-orb,.gift-box{width:75px;height:75px;font-size:42px}.brands h2{font-size:27px}.brand-list{gap:15px}.brand-list span{font-size:15px}.footer{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.copyright{font-size:8px}}
@media(max-width:380px){.brand-name{font-size:19px}.hero h1{font-size:43px}.product-image{height:150px}.recommendation-grid{grid-template-columns:1fr}}
.product-card.search-highlight{outline:3px solid #b18a60;outline-offset:3px;box-shadow:0 0 0 7px #b18a6026;transition:outline .2s,box-shadow .2s}