:root{--bg:#101012;--bg2:#151619;--panel:#19191c;--cream:#f5efe4;--muted:#c9bfb0;--brass:#b98a46;--brass2:#d1a55f;--burgundy:#6d2135;--red:#d44f70;--line:rgba(185,138,70,.24);--soft:rgba(255,255,255,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,88vw);margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(12,12,14,.7);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.25s}.site-header.scrolled{height:78px;background:rgba(12,12,14,.94)}.brand{height:112px;width:126px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border-bottom:1px solid var(--line);transform:translateY(12px)}.brand img{width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(0,0,0,.7))}.main-nav{display:flex;align-items:center;gap:32px;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800}.main-nav a{opacity:.9}.main-nav a:hover{color:var(--brass2)}.nav-cta{border:1px solid var(--brass);padding:18px 24px}.nav-toggle{display:none;background:none;border:0;color:var(--cream);font-size:28px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;isolation:isolate}.hero-bg,.signature-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.46) 46%,rgba(0,0,0,.25)),linear-gradient(0deg,rgba(0,0,0,.82),transparent 48%);z-index:-1}.hero-content{padding-top:80px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.34em;font-weight:800;color:var(--brass);margin:0 0 24px}.eyebrow.red{color:var(--red)}h1,h2,h3{font-family:'Cormorant Garamond',serif;margin:0;font-weight:600;line-height:.96}h1{font-size:clamp(76px,9vw,140px);letter-spacing:-.045em}h2{font-size:clamp(54px,6vw,88px);letter-spacing:-.035em}h3{font-size:clamp(38px,4.5vw,70px);letter-spacing:-.03em}.hero-title{font-size:24px;color:var(--brass2);margin:24px 0 8px}.hero-copy{font-size:18px;max-width:560px;color:var(--muted);line-height:1.8}.button-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border:1px solid var(--brass);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900;transition:.25s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brass2),var(--brass));color:#160f0a}.btn-outline{background:transparent;color:var(--cream)}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,0,0,.38)}.text-link{color:var(--brass2);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900}.discover-section{display:grid;grid-template-columns:minmax(420px,44vw) 1fr;min-height:760px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}.discover-image{height:100%;min-height:760px;overflow:hidden}.discover-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.78) contrast(1.06)}.discover-copy{position:relative;padding:150px clamp(44px,8vw,140px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.discover-copy:after{content:"";position:absolute;right:-80px;top:50px;width:45%;height:80%;opacity:.15;background-image:linear-gradient(var(--burgundy) 1px,transparent 1px),linear-gradient(90deg,#233765 1px,transparent 1px);background-size:110px 110px}.discover-copy>*{position:relative;z-index:1}.discover-copy p{max-width:670px;color:var(--muted);font-size:18px;line-height:1.9}.micro{margin-top:26px!important;color:var(--cream)!important;text-transform:uppercase;letter-spacing:.24em;font-size:12px!important;font-weight:800}.signature-section{min-height:520px;position:relative;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.signature-bg{background-position:center}.signature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.45),rgba(0,0,0,.8));z-index:-1}.signature-copy{max-width:1180px}.signature-copy h2{font-size:clamp(54px,7vw,100px)}.signature-copy p:last-child{font-size:19px;max-width:560px;color:var(--muted);line-height:1.8}.why-section,.cocktail-menu-section,.events-section,.reserve-section,.visit-section,.craft-section{padding:110px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:50px}.section-intro{color:var(--muted);line-height:1.8;font-size:17px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why-grid article,.review-grid blockquote,.menu-panel article{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(185,138,70,.18);padding:34px}.why-grid span{font-family:'Cormorant Garamond',serif;color:var(--brass);font-size:44px}.why-grid h3{font-size:36px;margin:10px 0}.why-grid p,.lounge-card p,.cocktail-copy p,.events-grid p,.reserve-grid p,.visit-grid p,.info-block span{color:var(--muted);line-height:1.85}.lounge-section{position:relative;min-height:780px;display:flex;align-items:flex-end;justify-content:center;padding:100px 6vw;background:#050505;overflow:hidden}.lounge-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.56) saturate(.92)}.lounge-card{position:relative;z-index:1;width:min(780px,86vw);margin-left:auto;margin-right:auto;background:rgba(12,12,14,.84);border:1px solid var(--line);padding:60px;backdrop-filter:blur(12px)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.feature-grid span{border:1px solid var(--line);padding:18px;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}.cocktail-menu-section{background:radial-gradient(circle at 18% 4%,rgba(109,33,53,.22),transparent 34%),linear-gradient(180deg,#101012,#151619)}.cocktail-showcase,.craft-grid,.events-grid,.reserve-grid,.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.cocktail-visual{position:relative;min-height:560px;border:1px solid var(--line);overflow:hidden;background:#070708}.cocktail-visual img{width:100%;height:100%;object-fit:cover}.cocktail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 50%)}.cocktail-visual-note{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;padding:24px;border:1px solid rgba(185,138,70,.34);background:rgba(9,9,10,.58);backdrop-filter:blur(10px)}.cocktail-visual-note span{display:block;color:var(--brass);text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:900;margin-bottom:8px}.cocktail-visual-note strong{font-family:'Cormorant Garamond',serif;font-size:34px}.cocktail-copy{padding:56px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(185,138,70,.18)}.menu-browser{margin-top:34px;border:1px solid var(--line);background:rgba(0,0,0,.18);padding:28px}.menu-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:24px}.menu-tab{border:1px solid rgba(185,138,70,.32);background:transparent;color:var(--cream);padding:15px 22px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;cursor:pointer}.menu-tab.active,.menu-tab:hover{background:linear-gradient(135deg,var(--brass2),var(--brass));color:#17100b}.menu-panel{display:none;grid-template-columns:repeat(2,1fr);gap:18px}.menu-panel.active{display:grid}.menu-panel article{display:grid;grid-template-columns:54px 1fr;gap:20px}.menu-panel article span{font-family:'Cormorant Garamond',serif;color:var(--brass);font-size:38px}.menu-panel h4{font-family:'Cormorant Garamond',serif;font-size:30px;margin:0 0 9px}.menu-panel p{margin:0;color:var(--muted);line-height:1.7}.craft-section{background:#0d0d0f}.craft-grid img,.events-grid img{height:520px;width:100%;object-fit:cover;border:1px solid var(--line)}.event-list{margin:30px 0;display:grid;gap:16px}.event-list div{display:grid;grid-template-columns:70px 1fr;gap:18px;border-top:1px solid var(--line);padding-top:16px}.event-list strong{font-family:'Cormorant Garamond',serif;color:var(--brass);font-size:36px}.section-pad{padding:110px 0}.gallery-section{background:linear-gradient(180deg,#101012,#0b0b0d)}.editorial-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:270px;gap:16px}.editorial-gallery figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(185,138,70,.18);background:#09090a}.editorial-gallery figure.wide{grid-column:span 2}.editorial-gallery img{width:100%;height:100%;object-fit:cover;transition:.5s;filter:brightness(.86)}.editorial-gallery figure:hover img{transform:scale(1.055);filter:brightness(1)}.editorial-gallery figcaption{position:absolute;left:18px;bottom:16px;color:var(--cream);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:900;background:rgba(0,0,0,.42);border:1px solid rgba(185,138,70,.24);padding:10px 12px}.proof-section{padding:100px 0;background:#151619;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.press-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 50px}.press-row span{border:1px solid var(--line);padding:28px 18px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{margin:0;font-family:'Cormorant Garamond',serif;font-size:27px;color:var(--cream)}.reserve-section{background:radial-gradient(circle at 10% 0%,rgba(109,33,53,.5),transparent 38%),linear-gradient(135deg,#221016,#0f0f11)}.booking-form{display:grid;gap:14px;background:rgba(0,0,0,.28);border:1px solid var(--line);padding:32px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(185,138,70,.28);color:var(--cream);padding:18px 18px;font:inherit;outline:0}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#8d857b}.booking-form textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.date-field{position:relative}.date-display{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%)!important;background-position:calc(100% - 23px) 24px,calc(100% - 17px) 24px!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important}.date-picker{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;padding:18px;background:#111113;border:1px solid var(--brass);box-shadow:0 28px 80px rgba(0,0,0,.65)}.date-picker.open{display:block}.date-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.date-picker-head button,.date-grid button{background:transparent;color:var(--cream);border:1px solid rgba(185,138,70,.24);cursor:pointer}.date-picker-head button{width:34px;height:34px;font-size:22px}.date-weekdays,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.date-weekdays span{text-align:center;font-size:10px;color:var(--brass);text-transform:uppercase}.date-grid button{height:36px}.date-grid button:hover,.date-grid .is-selected{background:var(--brass);color:#140e08}.date-grid .is-disabled{opacity:.25;pointer-events:none}.date-grid .is-empty{border:0}.visit-section{background:#101012}.visit-card,.directions-card{padding:50px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line);min-height:560px}.info-block{margin-top:26px}.info-block strong{display:block;color:var(--cream);margin-bottom:8px}.site-footer{background:#070708;border-top:1px solid var(--line);padding:76px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:40px}.footer-brand img{width:150px;height:150px;object-fit:contain;margin-bottom:12px}.site-footer h4{color:var(--brass);text-transform:uppercase;letter-spacing:.2em;font-size:12px}.site-footer a,.site-footer p{display:block;color:var(--muted);line-height:1.9}.footer-bottom{text-align:center;color:var(--muted);font-size:13px;border-top:1px solid rgba(185,138,70,.14);margin-top:50px;padding-top:24px}.reveal,.reveal-group{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible,.reveal-group.visible{opacity:1;transform:none}@media(max-width:1100px){.discover-section,.cocktail-showcase,.craft-grid,.events-grid,.reserve-grid,.visit-grid,.section-head{grid-template-columns:1fr}.discover-copy{padding:90px 7vw}.discover-image{min-height:620px}.cocktail-visual{min-height:430px}.editorial-gallery{grid-template-columns:repeat(2,1fr)}.press-row,.review-grid,.why-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.menu-panel{grid-template-columns:1fr}}@media(max-width:900px){.site-header{height:76px}.brand{width:88px;height:88px;transform:translateY(10px)}.brand img{width:80px;height:80px}.nav-toggle{display:block}.main-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;background:rgba(11,11,13,.98);padding:28px 6vw;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero{min-height:760px}.footer-grid{grid-template-columns:1fr}.visit-card,.directions-card{min-height:auto}}@media(max-width:560px){h1{font-size:64px}h2{font-size:44px}.container{width:88vw}.button-row,.btn{width:100%}.discover-image,.discover-image img{min-height:460px}.lounge-card{padding:32px}.feature-grid,.form-row{grid-template-columns:1fr}.editorial-gallery{grid-template-columns:1fr;grid-auto-rows:270px}.editorial-gallery figure.wide{grid-column:span 1}.menu-browser{padding:18px}.menu-tab{width:100%}.menu-panel article{grid-template-columns:1fr}.booking-form,.visit-card,.directions-card{padding:24px}.signature-section{min-height:430px}.hero-title{font-size:20px}}

/* V2.1 cocktail explorer + reservation refinements */
.form-note{margin-top:24px;color:var(--muted);font-size:15px;line-height:1.8;border-left:1px solid var(--brass);padding-left:18px;max-width:520px}.custom-select{position:relative}.select-trigger{width:100%;height:100%;min-height:58px;text-align:left;background:rgba(255,255,255,.055);border:1px solid rgba(185,138,70,.28);color:var(--cream);padding:18px 50px 18px 18px;font:inherit;cursor:pointer;position:relative}.select-trigger:after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:1px solid var(--brass);border-bottom:1px solid var(--brass);transform:translateY(-65%) rotate(45deg);transition:.25s}.custom-select.open .select-trigger:after{transform:translateY(-35%) rotate(225deg)}.select-trigger:hover,.custom-select.open .select-trigger{border-color:var(--brass);box-shadow:0 0 0 1px rgba(185,138,70,.15),0 18px 45px rgba(0,0,0,.25)}.select-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:#111113;border:1px solid var(--brass);box-shadow:0 28px 80px rgba(0,0,0,.65);padding:8px;max-height:280px;overflow:auto}.custom-select.open .select-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.select-panel button{background:transparent;color:var(--muted);border:1px solid rgba(185,138,70,.16);padding:12px 10px;text-align:center;font:inherit;cursor:pointer;transition:.22s}.select-panel button:hover,.select-panel button.active{background:var(--brass);color:#140e08;border-color:var(--brass)}.cocktail-explorer{display:grid;grid-template-columns:minmax(240px,.86fr) minmax(420px,1.6fr) minmax(240px,.86fr);gap:22px;align-items:stretch;margin-top:42px}.cocktail-list{display:grid;gap:14px}.cocktail-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(185,138,70,.16);padding:22px;min-height:150px;transition:.28s;cursor:pointer}.cocktail-card:hover,.cocktail-card.active{border-color:rgba(185,138,70,.75);background:linear-gradient(145deg,rgba(109,33,53,.34),rgba(255,255,255,.022));transform:translateY(-2px)}.cocktail-card span{display:block;color:var(--brass);font-size:12px;font-weight:900;letter-spacing:.22em;margin-bottom:16px}.cocktail-card h4{font-family:'Cormorant Garamond',serif;font-size:30px;line-height:1;margin:0 0 10px;color:var(--cream)}.cocktail-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.cocktail-card button{align-self:flex-end;background:transparent;border:0;color:var(--brass);text-transform:uppercase;letter-spacing:.22em;font-weight:900;font-size:11px;cursor:pointer;padding:0 0 3px;border-bottom:1px solid rgba(185,138,70,.45)}.cocktail-detail{display:grid;grid-template-columns:1fr 1.04fr;background:#0d0d0f;border:1px solid rgba(185,138,70,.25);min-height:492px;box-shadow:0 34px 90px rgba(0,0,0,.42);overflow:hidden;transition:opacity .22s ease,transform .22s ease}.cocktail-detail.is-changing{opacity:.25;transform:scale(.992)}.cocktail-detail-image{position:relative;min-height:492px;background:#09090a}.cocktail-detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(13,13,15,.55))}.cocktail-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.cocktail-detail-copy{padding:44px 42px;align-self:center}.cocktail-detail-copy h3{font-family:'Cormorant Garamond',serif;font-size:54px;line-height:.98;margin:14px 0 20px}.cocktail-detail-copy p{color:var(--muted);font-size:17px;line-height:1.85}.ingredient-box{margin-top:28px;border-top:1px solid rgba(185,138,70,.22);padding-top:24px}.ingredient-box strong{display:block;color:var(--brass);text-transform:uppercase;letter-spacing:.22em;font-size:12px;margin-bottom:14px}.ingredient-box ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.ingredient-box li{color:var(--cream);font-size:14px;line-height:1.45;position:relative;padding-left:16px}.ingredient-box li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--brass)}.cocktail-detail.from-right .cocktail-detail-image{order:2}.cocktail-detail.from-right .cocktail-detail-image:after{background:linear-gradient(270deg,transparent 62%,rgba(13,13,15,.55))}.cocktail-detail.from-right .cocktail-detail-copy{order:1}@media(max-width:1180px){.cocktail-explorer{grid-template-columns:1fr}.cocktail-detail{order:-1}.cocktail-list{grid-template-columns:1fr 1fr}.cocktail-detail.from-right .cocktail-detail-image{order:1}.cocktail-detail.from-right .cocktail-detail-copy{order:2}}@media(max-width:720px){.cocktail-list{grid-template-columns:1fr}.cocktail-detail{grid-template-columns:1fr}.cocktail-detail-image{min-height:360px}.cocktail-detail-copy{padding:30px 24px}.cocktail-detail-copy h3{font-size:42px}.ingredient-box ul{grid-template-columns:1fr}.custom-select.open .select-panel{grid-template-columns:1fr}}

/* V2.2 refinement: stable cocktail browser + matched custom selects */
.cocktail-browser{margin-top:42px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16));padding:28px;overflow:visible}.cocktail-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--line)}.cocktail-tab{border:1px solid rgba(185,138,70,.34);background:rgba(0,0,0,.14);color:var(--cream);padding:15px 22px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;cursor:pointer;transition:.22s}.cocktail-tab.active,.cocktail-tab:hover{background:linear-gradient(135deg,var(--brass2),var(--brass));color:#17100b}.cocktail-card.is-hidden{display:none}.cocktail-explorer{align-items:stretch}.cocktail-list{align-content:start}.cocktail-detail{min-height:620px;contain:layout paint}.cocktail-detail-image{min-height:620px}.cocktail-detail-copy{min-height:620px;display:flex;flex-direction:column;justify-content:center}.cocktail-detail.is-changing{opacity:.55;transform:none}.cocktail-detail,.cocktail-detail *{transition:opacity .22s ease, filter .22s ease, background .22s ease, color .22s ease, border-color .22s ease}.custom-select{position:relative;width:100%;z-index:20}.custom-select.open{z-index:80}.custom-select .select-trigger{width:100%;height:58px;border:1px solid rgba(185,138,70,.36);background:rgba(7,7,8,.72);color:var(--cream);padding:0 46px 0 18px;text-align:left;font:600 14px Inter,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;position:relative}.custom-select .select-trigger:after{content:'⌄';position:absolute;right:18px;top:50%;transform:translateY(-54%);color:var(--brass);font-size:18px}.custom-select.open .select-trigger,.custom-select .select-trigger:hover{border-color:var(--brass);box-shadow:0 0 0 3px rgba(185,138,70,.08)}.custom-select .select-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#111113;border:1px solid var(--line);box-shadow:0 26px 70px rgba(0,0,0,.58);padding:8px;max-height:260px;overflow:auto}.custom-select.open .select-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px}.custom-select.occasion-select.open .select-panel{grid-template-columns:1fr}.custom-select .select-panel button{border:0;background:transparent;color:var(--muted);padding:13px 14px;text-align:left;cursor:pointer;font:700 12px Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em}.custom-select .select-panel button:hover,.custom-select .select-panel button.active{background:rgba(185,138,70,.14);color:var(--brass2)}.booking-form .occasion-select{grid-column:1/-1}.booking-form .occasion-select .select-trigger{height:58px}@media(max-width:1180px){.cocktail-detail,.cocktail-detail-image,.cocktail-detail-copy{min-height:auto}.cocktail-detail-image{height:430px}.cocktail-browser{padding:18px}}@media(max-width:720px){.custom-select.open .select-panel{grid-template-columns:1fr}.cocktail-tabs{gap:8px}.cocktail-tab{padding:13px 14px}.cocktail-detail-image{height:360px}}

/* V2.3 final reservation control polish + ingredient visual upgrade */
.booking-form{
  --form-fill: rgba(255,255,255,.055);
  --form-fill-focus: rgba(255,255,255,.075);
}
.booking-form input,
.booking-form textarea,
.date-display,
.select-trigger{
  background-color: var(--form-fill) !important;
  border-color: rgba(185,138,70,.28) !important;
  color: var(--cream) !important;
  min-height: 58px;
}
.booking-form input:focus,
.booking-form textarea:focus,
.date-display:focus,
.date-field.is-open .date-display,
.custom-select.open .select-trigger,
.select-trigger:focus{
  background-color: var(--form-fill-focus) !important;
  border-color: rgba(185,138,70,.7) !important;
  box-shadow: 0 0 0 1px rgba(185,138,70,.16), 0 18px 45px rgba(0,0,0,.22);
}
.date-field{position:relative;z-index:40}.date-field.is-open{z-index:120}.custom-select{z-index:30}.custom-select.open{z-index:130}
.date-picker{
  right:auto !important;
  width:min(390px, calc(100vw - 32px));
  background:linear-gradient(145deg,#171316,#0d0d0f) !important;
  border:1px solid rgba(185,138,70,.62) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04) !important;
  z-index:140 !important;
}
.date-picker-head strong{font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:.02em;color:var(--cream)}
.date-weekdays span{letter-spacing:.08em}.date-grid button{background:rgba(255,255,255,.028)!important;border-color:rgba(185,138,70,.16)!important;color:var(--muted)!important}.date-grid button:hover,.date-grid .is-selected{background:linear-gradient(135deg,var(--brass2),var(--brass))!important;color:#140e08!important;border-color:var(--brass)!important}.date-grid .is-today:not(.is-selected){border-color:rgba(185,138,70,.7)!important;color:var(--cream)!important}.date-grid .is-disabled{opacity:.22!important}.date-grid .is-empty{background:transparent!important;border-color:transparent!important}
.select-panel{
  background:linear-gradient(145deg,#171316,#0d0d0f) !important;
  border-color:rgba(185,138,70,.62) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.select-panel button{background:rgba(255,255,255,.028)!important;border-color:rgba(185,138,70,.16)!important;color:var(--muted)!important}.select-panel button:hover,.select-panel button.active{background:linear-gradient(135deg,var(--brass2),var(--brass))!important;color:#140e08!important;border-color:var(--brass)!important}
.occasion-select .select-panel{grid-template-columns:1fr!important}.time-field .select-panel{grid-template-columns:repeat(2,1fr)!important}

.ingredient-box{
  border-top:0!important;
  margin-top:30px!important;
  padding:24px!important;
  background:linear-gradient(145deg,rgba(185,138,70,.09),rgba(255,255,255,.025));
  border:1px solid rgba(185,138,70,.24);
  position:relative;
  overflow:hidden;
}
.ingredient-box:before{content:"";position:absolute;left:24px;right:24px;top:54px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,138,70,.55),transparent)}
.ingredient-box strong{display:flex!important;align-items:center;gap:12px;margin-bottom:28px!important;color:var(--brass2)!important}.ingredient-box strong:before,.ingredient-box strong:after{content:"";height:1px;background:rgba(185,138,70,.32);flex:1}.ingredient-box strong:before{display:none}
.ingredient-box ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.ingredient-box li{
  display:flex;align-items:center;min-height:48px;
  padding:12px 14px 12px 38px!important;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(185,138,70,.18);
  color:var(--cream)!important;
  font-size:14px!important;
  letter-spacing:.01em;
}
.ingredient-box li:before{left:16px!important;top:50%!important;transform:translateY(-50%);width:8px!important;height:8px!important;background:transparent!important;border:1px solid var(--brass);box-shadow:0 0 0 3px rgba(185,138,70,.08)}
.ingredient-box li:hover{border-color:rgba(185,138,70,.45);background:rgba(185,138,70,.08)}
@media(max-width:720px){.ingredient-box ul{grid-template-columns:1fr!important}.date-picker{width:calc(100vw - 44px)}}

/* V2.4 cocktail detail rethink + form control polish */
/* Keep the cocktail reveal stable and make the detail card feel editorial rather than cramped. */
.cocktail-detail{
  grid-template-columns: minmax(340px,.9fr) minmax(420px,1.15fr) !important;
  min-height: 650px !important;
  background: linear-gradient(135deg,#0c0c0e 0%, #111113 46%, #171112 100%) !important;
  border: 1px solid rgba(185,138,70,.28) !important;
  overflow: hidden !important;
}
.cocktail-detail.from-right{
  grid-template-columns: minmax(420px,1.15fr) minmax(340px,.9fr) !important;
}
.cocktail-detail-copy{
  min-height: 650px !important;
  padding: 58px 54px !important;
  justify-content: center !important;
  position: relative;
  z-index: 2;
}
.cocktail-detail-copy:before{
  content:"";
  position:absolute;
  left:54px;
  right:54px;
  top:34px;
  height:1px;
  background:linear-gradient(90deg,rgba(185,138,70,.58),transparent);
  opacity:.7;
}
.cocktail-detail-copy h3{
  font-size: clamp(48px, 4.2vw, 72px) !important;
  line-height:.9 !important;
  max-width: 420px;
}
.cocktail-detail-copy > p:not(.eyebrow){
  max-width: 430px;
  font-size: 18px !important;
  line-height: 1.9 !important;
  color: rgba(246,243,239,.76) !important;
}
.cocktail-detail-image{
  min-height: 650px !important;
  overflow:hidden;
}
.cocktail-detail-image img{
  transform: scale(1.01);
}
.cocktail-detail-image:after{
  background: linear-gradient(90deg,rgba(12,12,14,.18),transparent 36%,rgba(0,0,0,.18)) !important;
}
.cocktail-detail.from-right .cocktail-detail-image:after{
  background: linear-gradient(270deg,rgba(12,12,14,.18),transparent 36%,rgba(0,0,0,.18)) !important;
}

/* Ingredient panel: premium, readable, no cramped boxes or overlapping text. */
.ingredient-box{
  margin-top: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}
.ingredient-box:before{display:none !important;}
.ingredient-box strong{
  display:block !important;
  margin: 0 0 16px !important;
  color: var(--brass2) !important;
  font: 800 12px/1 Inter,system-ui,sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .32em !important;
}
.ingredient-box strong:before,.ingredient-box strong:after{display:none !important;}
.ingredient-box ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
.ingredient-box li{
  min-height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width: 100% !important;
  padding: 10px 14px 10px 34px !important;
  border:1px solid rgba(185,138,70,.28) !important;
  background:rgba(185,138,70,.065) !important;
  border-radius: 999px !important;
  color: rgba(246,243,239,.9) !important;
  font: 700 13px/1.25 Inter,system-ui,sans-serif !important;
  letter-spacing:.03em !important;
  white-space: normal !important;
  position:relative !important;
}
.ingredient-box li:before{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  border:1px solid var(--brass) !important;
  background: radial-gradient(circle, var(--brass2) 0 28%, transparent 30%) !important;
  box-shadow:0 0 0 3px rgba(185,138,70,.08) !important;
}
.ingredient-box li:hover{
  background:rgba(185,138,70,.13) !important;
  border-color:rgba(185,138,70,.52) !important;
}

/* Make all reservation controls read as one design system. */
.booking-form input,
.booking-form textarea,
.date-display,
.custom-select .select-trigger{
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(185,138,70,.28) !important;
  color: var(--cream) !important;
  box-sizing:border-box;
}
.custom-select .select-trigger{
  height: 58px !important;
  display:flex !important;
  align-items:center !important;
}
.custom-select .select-trigger:after{
  content:"" !important;
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  border-right:1px solid var(--brass) !important;
  border-bottom:1px solid var(--brass) !important;
  transform:translateY(-65%) rotate(45deg) !important;
}
.custom-select.open .select-trigger:after{transform:translateY(-35%) rotate(225deg) !important;}
.date-field{overflow:visible !important;}
.date-picker{
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: auto !important;
}
.booking-form .form-row{align-items:start;}

@media(max-width:1180px){
  .cocktail-detail,.cocktail-detail.from-right{grid-template-columns:1fr !important;min-height:auto !important;}
  .cocktail-detail-copy{min-height:auto !important;padding:38px 30px !important;order:1 !important;}
  .cocktail-detail-copy:before{left:30px;right:30px;top:24px;}
  .cocktail-detail-image{height:460px !important;min-height:460px !important;order:2 !important;}
  .cocktail-detail.from-right .cocktail-detail-image{order:2 !important;}
}
@media(max-width:720px){
  .cocktail-detail-copy{padding:34px 24px !important;}
  .cocktail-detail-copy:before{left:24px;right:24px;}
  .cocktail-detail-copy h3{font-size:46px !important;}
  .cocktail-detail-image{height:360px !important;min-height:360px !important;}
  .ingredient-box ul{display:flex !important;}
  .ingredient-box li{font-size:12px !important;}
}

/* V2.5 cocktail menu rebuild: sidebar + stable premium feature panel */
.cocktail-browser{
  display:grid !important;
  grid-template-columns:minmax(320px, .68fr) minmax(620px, 1.8fr) !important;
  gap:42px !important;
  align-items:start !important;
  margin-top:46px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.cocktail-menu-sidebar{
  position:sticky;
  top:110px;
  align-self:start;
  padding:36px 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.14));
  border:1px solid rgba(185,138,70,.22);
  box-shadow:0 28px 70px rgba(0,0,0,.25);
}
.cocktail-menu-sidebar h3{font-size:48px;margin-bottom:28px;line-height:.92}
.cocktail-category-tabs{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid rgba(185,138,70,.24);padding-bottom:18px}
.cocktail-category{background:transparent;border:0;color:var(--muted);font:900 11px/1 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.26em;padding:0 0 11px;cursor:pointer;position:relative}
.cocktail-category:after{content:"";position:absolute;left:0;right:100%;bottom:-19px;height:2px;background:var(--brass2);transition:.25s}
.cocktail-category.active,.cocktail-category:hover{color:var(--brass2)}
.cocktail-category.active:after{right:0}
.cocktail-menu-list{display:grid;gap:0;max-height:720px;overflow:auto;padding-right:4px;scrollbar-color:rgba(185,138,70,.45) rgba(255,255,255,.04)}
.cocktail-row{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(185,138,70,.13);color:var(--cream);padding:18px 0;cursor:pointer;transition:.22s}
.cocktail-row span{display:block;min-width:0}.cocktail-row strong{display:block;font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;line-height:1.05;color:var(--cream)}
.cocktail-row em{display:block;margin-top:5px;font-style:normal;color:rgba(201,191,176,.72);font-size:13px;line-height:1.35}.cocktail-row b{flex:0 0 auto;color:var(--brass2);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.cocktail-row b:after{content:"›";font-size:18px;margin-left:9px;vertical-align:-2px}.cocktail-row:hover,.cocktail-row.active{padding-left:16px;padding-right:14px;background:rgba(185,138,70,.06);box-shadow:inset 0 0 0 1px rgba(185,138,70,.36)}.cocktail-row.active strong{color:var(--brass2)}.cocktail-row.is-hidden{display:none !important}
.cocktail-feature-card{display:grid !important;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr) !important;grid-template-rows:auto auto !important;min-height:720px !important;background:linear-gradient(135deg,#0d0d0f,#141316 62%,#0c0c0e) !important;border:1px solid rgba(185,138,70,.34) !important;box-shadow:0 40px 110px rgba(0,0,0,.42) !important;overflow:hidden !important;contain:layout paint !important;transition:opacity .22s ease, filter .22s ease !important}
.cocktail-feature-card.is-changing{opacity:.58 !important;filter:blur(.5px)}
.cocktail-feature-image{min-height:650px;grid-row:1 / span 2;position:relative;background:#09090a;overflow:hidden}.cocktail-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.15))}.cocktail-feature-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.cocktail-feature-copy{padding:76px 72px 44px !important;min-height:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-self:stretch !important;position:relative}.cocktail-feature-copy:before{content:"";position:absolute;top:42px;left:72px;right:72px;height:1px;background:linear-gradient(90deg,rgba(185,138,70,.5),transparent)}.cocktail-feature-copy h3{font-size:clamp(54px,5.2vw,88px) !important;line-height:.9 !important;margin:18px 0 24px !important}.cocktail-feature-copy>p:not(.eyebrow){font-size:20px !important;line-height:1.95 !important;color:rgba(245,239,228,.8) !important;max-width:620px}.feature-divider{width:100%;height:1px;background:linear-gradient(90deg,rgba(185,138,70,.48),transparent);margin:4px 0 28px;position:relative}.feature-divider:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--brass2);transform:translate(-50%,-50%) rotate(45deg)}
.feature-ingredients{margin-top:36px !important}.feature-ingredients ul{display:flex !important;flex-wrap:wrap !important;gap:14px !important}.feature-ingredients li{font-size:14px !important;padding:12px 18px 12px 40px !important;border-color:rgba(185,138,70,.34) !important;background:rgba(185,138,70,.07) !important;white-space:nowrap !important}.feature-ingredients li:before{left:16px !important}
.best-enjoyed{margin-top:34px;padding:24px 28px;border:1px solid rgba(185,138,70,.26);background:rgba(0,0,0,.13);display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:center}.best-enjoyed span{font:900 11px/1 Inter,system-ui,sans-serif;color:var(--brass2);letter-spacing:.28em;text-transform:uppercase}.best-enjoyed p{margin:0;color:var(--muted);line-height:1.7}
.cocktail-feature-meta{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:center;border-top:1px solid rgba(185,138,70,.2);padding:24px 46px;color:rgba(245,239,228,.72);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.cocktail-feature-meta span:nth-child(2){text-align:center}.cocktail-feature-meta span:nth-child(3){text-align:right}
.booking-form input,.booking-form textarea,.date-display,.custom-select .select-trigger{background:rgba(255,255,255,.055) !important;border:1px solid rgba(185,138,70,.28) !important;color:var(--cream) !important}.custom-select .select-trigger{height:58px !important;display:flex !important;align-items:center !important}.custom-select .select-trigger:after{content:"" !important;right:22px !important;width:9px !important;height:9px !important;border-right:1px solid var(--brass) !important;border-bottom:1px solid var(--brass) !important;transform:translateY(-65%) rotate(45deg) !important}.custom-select.open .select-trigger:after{transform:translateY(-35%) rotate(225deg) !important}
@media(max-width:1180px){.cocktail-browser{grid-template-columns:1fr !important}.cocktail-menu-sidebar{position:relative;top:auto}.cocktail-feature-card{grid-template-columns:1fr !important;min-height:auto !important}.cocktail-feature-image{grid-row:auto;height:520px;min-height:520px}.cocktail-feature-copy{padding:54px 40px !important}.cocktail-feature-copy:before{left:40px;right:40px}.cocktail-feature-meta{grid-template-columns:1fr;gap:10px}.cocktail-feature-meta span,.cocktail-feature-meta span:nth-child(2),.cocktail-feature-meta span:nth-child(3){text-align:left}}
@media(max-width:720px){.cocktail-menu-sidebar{padding:28px 20px}.cocktail-menu-sidebar h3{font-size:42px}.cocktail-category-tabs{gap:14px}.cocktail-row strong{font-size:23px}.cocktail-feature-image{height:390px;min-height:390px}.cocktail-feature-copy{padding:42px 24px !important}.cocktail-feature-copy:before{left:24px;right:24px}.cocktail-feature-copy h3{font-size:48px !important}.cocktail-feature-copy>p:not(.eyebrow){font-size:17px !important;line-height:1.75 !important}.feature-ingredients li{white-space:normal !important}.best-enjoyed{grid-template-columns:1fr;padding:20px}.cocktail-feature-meta{padding:20px 24px}}


/* V2.6 cocktail feature tightening */
.cocktail-browser{
  grid-template-columns:minmax(300px,.62fr) minmax(720px,2.05fr) !important;
  gap:38px !important;
}
.cocktail-feature-card{
  grid-template-columns:minmax(390px,1.18fr) minmax(360px,.82fr) !important;
  min-height:620px !important;
}
.cocktail-feature-image{
  min-height:560px !important;
}
.cocktail-feature-copy{
  padding:52px 52px 30px !important;
  justify-content:flex-start !important;
}
.cocktail-feature-copy:before{
  top:34px !important;
  left:52px !important;
  right:52px !important;
}
.cocktail-feature-copy .eyebrow{
  margin-bottom:16px !important;
}
.cocktail-feature-copy h3{
  font-size:clamp(48px,4.15vw,68px) !important;
  line-height:.92 !important;
  margin:8px 0 16px !important;
}
.feature-divider{
  margin:0 0 20px !important;
}
.cocktail-feature-copy>p:not(.eyebrow){
  font-size:18px !important;
  line-height:1.72 !important;
  max-width:520px !important;
  margin:0 !important;
}
.feature-ingredients{
  margin-top:24px !important;
}
.feature-ingredients strong{
  display:block !important;
  margin-bottom:14px !important;
}
.feature-ingredients ul{
  gap:10px !important;
}
.feature-ingredients li{
  font-size:13px !important;
  padding:10px 15px 10px 35px !important;
}
.feature-ingredients li:before{
  left:13px !important;
}
.best-enjoyed{
  margin-top:22px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
}
.best-enjoyed span{
  flex:0 0 auto !important;
  font-size:10px !important;
  letter-spacing:.24em !important;
  color:var(--brass2) !important;
  padding-top:5px !important;
}
.best-enjoyed span:after{
  content:' ·';
  letter-spacing:0;
}
.best-enjoyed p{
  font-size:13px !important;
  line-height:1.55 !important;
  color:rgba(201,191,176,.78) !important;
}
.cocktail-feature-meta{
  padding:18px 32px !important;
  grid-template-columns:1fr 1.25fr .8fr !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
}
@media(max-width:1180px){
  .cocktail-browser{grid-template-columns:1fr !important;}
  .cocktail-feature-card{grid-template-columns:1fr !important;min-height:auto !important;}
  .cocktail-feature-image{height:500px !important;min-height:500px !important;}
  .cocktail-feature-copy{padding:46px 38px 34px !important;}
  .cocktail-feature-copy:before{left:38px !important;right:38px !important;}
}
@media(max-width:720px){
  .cocktail-feature-image{height:360px !important;min-height:360px !important;}
  .cocktail-feature-copy{padding:38px 24px 30px !important;}
  .cocktail-feature-copy:before{left:24px !important;right:24px !important;}
  .cocktail-feature-copy h3{font-size:44px !important;}
  .best-enjoyed{display:block !important;}
  .best-enjoyed span{display:block !important;margin-bottom:8px !important;}
  .cocktail-feature-meta{padding:18px 24px !important;}
}


/* V2.7: remove cocktail selector jumpiness */
@media (min-width:1181px){
  .cocktail-feature-card{
    height:620px !important;
    min-height:620px !important;
    max-height:620px !important;
    grid-template-rows:560px 60px !important;
    overflow:hidden !important;
  }
  .cocktail-feature-image{
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
  }
  .cocktail-feature-copy{
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
    overflow:hidden !important;
  }
  .cocktail-feature-copy .eyebrow{
    min-height:13px !important;
  }
  .cocktail-feature-copy h3{
    min-height:126px !important;
    display:flex !important;
    align-items:flex-start !important;
  }
  .cocktail-feature-copy>p:not(.eyebrow){
    min-height:124px !important;
    max-height:124px !important;
    overflow:hidden !important;
  }
  .feature-ingredients{
    min-height:112px !important;
    max-height:112px !important;
    overflow:hidden !important;
  }
  .feature-ingredients ul{
    min-height:72px !important;
    align-content:flex-start !important;
  }
  .best-enjoyed{
    min-height:42px !important;
    max-height:42px !important;
    overflow:hidden !important;
  }
  .cocktail-feature-meta{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .cocktail-row:hover,
  .cocktail-row.active{
    padding-left:0 !important;
    padding-right:0 !important;
    background:rgba(185,138,70,.06) !important;
    box-shadow:inset 3px 0 0 rgba(203,151,73,.9), inset 0 0 0 1px rgba(185,138,70,.28) !important;
  }
  .cocktail-feature-card.is-changing{
    opacity:1 !important;
    filter:none !important;
  }
}

/* V2.8 Cocktail menu modal rethink */
.cocktail-browser{
  display:block !important;
  grid-template-columns:none !important;
  padding:32px !important;
}
.cocktail-menu-sidebar{
  position:relative !important;
  top:auto !important;
  width:100% !important;
  max-width:none !important;
  padding:34px !important;
}
.cocktail-category-tabs{
  margin-bottom:28px !important;
}
.cocktail-menu-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 24px !important;
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.cocktail-row{
  min-height:94px !important;
  align-items:center !important;
}
.cocktail-row.active{
  transform:none !important;
}
.cocktail-row b{
  opacity:.95 !important;
}
.cocktail-feature-card{
  display:none !important;
}
.cocktail-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.cocktail-modal.open{display:flex;}
.cocktail-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(12px);
}
.cocktail-modal-card{
  position:relative;
  z-index:1;
  width:min(1040px,94vw);
  max-height:88vh;
  display:grid;
  grid-template-columns:minmax(320px,.92fr) minmax(360px,1fr);
  overflow:hidden;
  background:linear-gradient(135deg,#0d0d0f,#151316 58%,#0b0b0d);
  border:1px solid rgba(185,138,70,.42);
  box-shadow:0 44px 120px rgba(0,0,0,.72);
}
.cocktail-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid rgba(185,138,70,.5);
  background:rgba(0,0,0,.5);
  color:var(--cream);
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.cocktail-modal-close:hover{background:var(--brass);color:#120d08;}
.cocktail-modal-image{min-height:640px;background:#050506;}
.cocktail-modal-image img{width:100%;height:100%;object-fit:cover;}
.cocktail-modal-copy{
  padding:72px 66px 56px;
  overflow:auto;
}
.cocktail-modal-copy h3{
  font-size:clamp(48px,5vw,78px);
  line-height:.9;
  margin:18px 0 26px;
}
.cocktail-modal-copy>p:not(.eyebrow){
  color:rgba(245,239,228,.82);
  font-size:18px;
  line-height:1.9;
  margin:0 0 34px;
}
.modal-ingredients{
  border-top:1px solid rgba(185,138,70,.28);
  padding-top:26px;
}
.modal-ingredients strong{
  display:block;
  color:var(--brass2);
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  margin-bottom:18px;
}
.modal-ingredient-pills{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.modal-ingredient-pills span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(185,138,70,.38);
  border-radius:999px;
  padding:12px 16px;
  color:var(--cream);
  background:rgba(185,138,70,.07);
  font-weight:800;
  font-size:14px;
}
.modal-ingredient-pills span:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  border:1px solid var(--brass2);
  box-shadow:0 0 0 3px rgba(185,138,70,.1);
}
.modal-best{
  margin-top:30px;
  border:1px solid rgba(185,138,70,.28);
  padding:22px 24px;
  background:rgba(255,255,255,.025);
}
.modal-best span{
  display:block;
  color:var(--brass2);
  text-transform:uppercase;
  letter-spacing:.26em;
  font-size:11px;
  font-weight:900;
  margin-bottom:10px;
}
.modal-best p{margin:0;color:var(--muted);line-height:1.75;}
body.modal-open{overflow:hidden;}
@media(max-width:900px){
  .cocktail-menu-list{grid-template-columns:1fr !important;}
  .cocktail-modal-card{grid-template-columns:1fr;max-height:90vh;}
  .cocktail-modal-image{min-height:330px;height:330px;}
  .cocktail-modal-copy{padding:42px 28px 32px;}
}

/* V2.9 — modal layout refinement only: keep main cocktail menu unchanged */
.cocktail-modal-card{
  width:min(1180px,94vw) !important;
  max-height:88vh !important;
  display:grid !important;
  grid-template-columns:minmax(440px,1.05fr) minmax(390px,.95fr) !important;
  grid-template-rows:1fr auto !important;
}
.cocktail-modal-image{
  position:relative !important;
  min-height:620px !important;
  grid-row:1 / span 2 !important;
  overflow:hidden !important;
}
.cocktail-modal-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.1) 58%,rgba(0,0,0,.42) 100%);
  pointer-events:none;
}
.cocktail-modal-title-overlay{
  position:absolute;
  z-index:2;
  top:52px;
  left:54px;
  right:36px;
  max-width:520px;
  pointer-events:none;
}
.cocktail-modal-title-overlay h3{
  font-family:var(--display);
  color:var(--cream);
  font-size:clamp(46px,4.6vw,74px);
  line-height:.9;
  margin:18px 0 0;
  text-shadow:0 18px 44px rgba(0,0,0,.72);
}
.cocktail-modal-copy{
  grid-column:2;
  grid-row:1;
  padding:72px 64px 34px !important;
  overflow:visible !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cocktail-modal-copy h3,
.cocktail-modal-copy .eyebrow{display:none !important;}
.cocktail-modal-copy>p:not(.eyebrow){
  font-size:18px !important;
  line-height:1.75 !important;
  margin:0 0 28px !important;
  max-width:540px;
}
.modal-divider{
  height:1px;
  width:100%;
  background:linear-gradient(90deg,rgba(185,138,70,.55),rgba(185,138,70,.12));
  margin:0 0 28px;
  position:relative;
}
.modal-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border:1px solid var(--brass2);
  transform:translate(-50%,-50%) rotate(45deg);
  background:#111113;
}
.modal-ingredients{
  border-top:0 !important;
  padding-top:0 !important;
}
.modal-ingredients strong{margin-bottom:16px !important;}
.modal-ingredient-pills{gap:10px 12px !important;}
.modal-ingredient-pills span{
  padding:10px 14px !important;
  font-size:13px !important;
  line-height:1 !important;
}
.modal-ingredient-pills span:before{
  width:6px !important;
  height:6px !important;
  box-shadow:0 0 0 3px rgba(185,138,70,.09) !important;
}
.modal-best{
  margin-top:28px !important;
  border:0 !important;
  border-top:1px solid rgba(185,138,70,.22) !important;
  padding:24px 0 0 !important;
  background:transparent !important;
  display:grid;
  grid-template-columns:130px 1fr;
  gap:20px;
  align-items:start;
}
.modal-best span{margin:0 !important;}
.modal-best p{line-height:1.65 !important;}
.cocktail-modal-meta{
  grid-column:2;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(185,138,70,.25);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.18));
}
.cocktail-modal-meta div{
  padding:26px 24px;
  border-left:1px solid rgba(185,138,70,.22);
}
.cocktail-modal-meta div:first-child{border-left:0;}
.cocktail-modal-meta strong{
  display:block;
  color:var(--brass2);
  text-transform:uppercase;
  letter-spacing:.25em;
  font-size:11px;
  margin-bottom:10px;
}
.cocktail-modal-meta span{color:var(--muted);font-size:14px;line-height:1.5;}
.cocktail-modal-nav{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  width:64px;
  min-height:96px;
  border:1px solid rgba(185,138,70,.45);
  background:rgba(9,9,10,.72);
  color:var(--cream);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.cocktail-modal-nav:hover{background:rgba(185,138,70,.18);border-color:rgba(185,138,70,.8);}
.cocktail-modal-nav span{font-size:42px;line-height:.8;color:var(--brass2);}
.cocktail-modal-nav small{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:900;}
.cocktail-modal-prev{left:18px;}
.cocktail-modal-next{right:18px;}
@media(max-width:980px){
  .cocktail-modal-card{grid-template-columns:1fr !important;grid-template-rows:auto auto auto !important;overflow:auto !important;}
  .cocktail-modal-image{grid-row:auto !important;min-height:360px !important;height:360px !important;}
  .cocktail-modal-title-overlay{top:34px;left:30px;right:76px;}
  .cocktail-modal-title-overlay h3{font-size:clamp(40px,12vw,58px);}
  .cocktail-modal-copy{grid-column:auto;grid-row:auto;padding:34px 28px 24px !important;}
  .cocktail-modal-meta{grid-column:auto;grid-row:auto;grid-template-columns:1fr;}
  .cocktail-modal-meta div{border-left:0;border-top:1px solid rgba(185,138,70,.16);padding:18px 28px;}
  .modal-best{grid-template-columns:1fr;gap:8px;}
  .cocktail-modal-nav{top:auto;bottom:18px;min-height:54px;width:98px;flex-direction:row;transform:none;}
  .cocktail-modal-prev{left:18px;}
  .cocktail-modal-next{right:18px;}
}

/* V2.10 final polish — modal title font + ingredient/nav clearance */
.cocktail-modal-title-overlay h3{
  font-family:'Cormorant Garamond', serif !important;
  font-weight:500 !important;
  letter-spacing:-0.02em !important;
  line-height:.9 !important;
}

/* Keep the main cocktail menu unchanged; only reserve space inside the popup detail panel so the NEXT control never clashes with ingredient pills. */
@media (min-width:981px){
  .cocktail-modal-copy{
    padding-right:132px !important;
  }
  .modal-ingredient-pills{
    padding-right:8px !important;
  }
  .modal-ingredient-pills span{
    padding:9px 13px !important;
    font-size:13px !important;
  }
  .cocktail-modal-next{
    right:22px !important;
  }
}

@media (max-width:980px){
  .cocktail-modal-title-overlay h3{
    font-family:'Cormorant Garamond', serif !important;
  }
}

/* V2.11 targeted repair — no layout redesign.
   Keeps the approved main cocktail menu view. Fixes modal title font, moves cocktail nav out of the content column, and hardens mobile cocktail styling. */
.cocktail-modal-title-overlay h3,
#modalCocktailName{
  font-family:'Cormorant Garamond', serif !important;
  font-weight:500 !important;
  letter-spacing:-0.02em !important;
  line-height:.9 !important;
}

@media (min-width:981px){
  .cocktail-modal-card{
    overflow:visible !important;
  }
  .cocktail-modal-image,
  .cocktail-modal-copy,
  .cocktail-modal-meta{
    overflow:hidden !important;
  }
  .cocktail-modal-copy{
    padding-right:64px !important;
  }
  .modal-ingredient-pills{
    padding-right:0 !important;
    gap:10px 12px !important;
    max-width:100% !important;
  }
  .modal-ingredient-pills span{
    padding:9px 13px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }
  .cocktail-modal-nav{
    width:62px !important;
    min-height:92px !important;
    background:rgba(9,9,10,.86) !important;
  }
  .cocktail-modal-prev{
    left:-78px !important;
  }
  .cocktail-modal-next{
    right:-78px !important;
  }
}

/* Mobile hardening for the approved cocktail menu. This prevents native/default button rendering if earlier cascade changes are cached or partially overridden. */
@media (max-width:760px){
  .cocktail-browser{
    display:block !important;
    grid-template-columns:none !important;
    padding:22px !important;
    border:1px solid rgba(185,138,70,.28) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)) !important;
  }
  .cocktail-menu-sidebar{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .cocktail-menu-sidebar h3{
    font-size:44px !important;
    line-height:.95 !important;
    margin:0 0 24px !important;
  }
  .cocktail-category-tabs{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin:0 0 24px !important;
    padding-bottom:18px !important;
    border-bottom:1px solid rgba(185,138,70,.24) !important;
  }
  .cocktail-category{
    appearance:none !important;
    -webkit-appearance:none !important;
    background:transparent !important;
    border:0 !important;
    color:var(--muted) !important;
    font:900 11px/1 Inter,system-ui,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.22em !important;
    padding:0 0 10px !important;
    border-radius:0 !important;
  }
  .cocktail-category.active{
    color:var(--brass2) !important;
    border-bottom:2px solid var(--brass2) !important;
  }
  .cocktail-menu-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .cocktail-row{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    text-align:left !important;
    background:transparent !important;
    color:var(--cream) !important;
    border:0 !important;
    border-bottom:1px solid rgba(185,138,70,.16) !important;
    padding:18px 0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .cocktail-row.active,
  .cocktail-row:hover{
    padding:18px 14px !important;
    background:rgba(185,138,70,.06) !important;
    box-shadow:inset 0 0 0 1px rgba(185,138,70,.32) !important;
  }
  .cocktail-row strong{
    display:block !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:27px !important;
    font-weight:600 !important;
    line-height:1.05 !important;
    color:var(--cream) !important;
  }
  .cocktail-row.active strong{color:var(--brass2) !important;}
  .cocktail-row em{
    display:block !important;
    margin-top:4px !important;
    font-style:normal !important;
    color:rgba(201,191,176,.74) !important;
    font-size:13px !important;
    line-height:1.35 !important;
  }
  .cocktail-row b{
    display:block !important;
    flex:0 0 auto !important;
    color:var(--brass2) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }
  .cocktail-feature-card{display:none !important;}
  .cocktail-modal{padding:16px !important;}
  .cocktail-modal-card{
    width:100% !important;
    max-height:90vh !important;
    overflow:auto !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
  }
  .cocktail-modal-image{
    min-height:360px !important;
    height:360px !important;
    grid-row:auto !important;
  }
  .cocktail-modal-copy{
    padding:30px 24px 92px !important;
  }
  .modal-ingredient-pills span{
    padding:8px 12px !important;
    font-size:12px !important;
  }
  .cocktail-modal-nav{
    top:auto !important;
    bottom:18px !important;
    width:104px !important;
    min-height:52px !important;
    flex-direction:row !important;
    transform:none !important;
  }
  .cocktail-modal-prev{left:18px !important;}
  .cocktail-modal-next{right:18px !important;}
}