.cocktail-promo{position:fixed;right:32px;top:50%;transform:translateY(-50%);width:clamp(150px,15vw,230px);z-index:9900;color:#fff5de;background:#fff;border:1px solid #ba853d;border-radius:10px;box-shadow:0 12px 45px #0006;font-family:'DM Sans',system-ui,sans-serif;animation:cocktail-arrive .35s ease-out}
.cocktail-promo[hidden]{display:none}
.cocktail-preview{display:block;width:100%;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}
.cocktail-preview img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px;background:#fff}
.cocktail-dismiss{position:absolute;right:-8px;top:-12px;width:32px;height:32px;border:1px solid #ba853d;border-radius:50%;background:#25100e;color:#fff;font-size:22px;cursor:pointer}
.cocktail-preview:focus-visible,.cocktail-dismiss:focus-visible{outline:3px solid #f4d28e;outline-offset:3px}
.cocktail-modal{padding:0;border:1px solid #b18b53;border-radius:12px;background:#fffaf1;color:#361710;width:min(850px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;box-shadow:0 20px 80px #0008}
.cocktail-modal{margin:auto;inset:0}
.cocktail-modal::backdrop{background:#080c16e8;backdrop-filter:blur(5px)}
.cocktail-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#25100e;color:#fff5de;font:14px system-ui,sans-serif;z-index:1}
.cocktail-toolbar button{border:1px solid #c09554;border-radius:8px;padding:9px 12px;color:inherit;background:transparent;cursor:pointer}
.cocktail-modal>img{display:block;width:100%;height:auto}
.cocktail-original{display:block;text-align:center;padding:16px;color:#6c231a;font:14px system-ui,sans-serif}
@keyframes cocktail-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.cocktail-promo{right:16px;width:100px}.cocktail-modal{max-height:94dvh}}
@media(prefers-reduced-motion:reduce){.cocktail-promo{animation:none}}

/* A pocket-sized drinks menu, with a hinged cover and paper underneath. */
.cocktail-promo{width:202px;background:transparent;border:0;border-radius:3px;box-shadow:none;perspective:1000px}
.cocktail-preview{position:relative;border-radius:3px;background:#f9edd7;box-shadow:5px 5px 0 #e5d9c3,7px 7px 0 #967a50,0 18px 40px #0007;transform:rotate(3deg);transition:transform .3s ease;perspective:1000px}
.cocktail-preview>img{border-radius:3px;opacity:.85}
.drinks-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:24px 18px 18px;background:radial-gradient(ellipse at 80% 0,#792c3b55,transparent 65%),linear-gradient(95deg,#260e18 0,#551e2b 5%,#3b1320 10%,#481823 100%);color:#e5c88f;border-radius:3px;box-shadow:inset 6px 0 8px #16050e99,inset 0 0 0 1px #ae824b88;transform-origin:left center;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s;backface-visibility:hidden}
.drinks-cover::before{content:'';position:absolute;inset:11px;border:1px solid #c69d5b66;pointer-events:none}
.drinks-cover::after{content:'';position:absolute;right:0;bottom:0;width:25px;height:25px;background:linear-gradient(135deg,#36101c 48%,#bd9658 50%,#f3deb4 100%);filter:drop-shadow(-3px -3px 3px #0004);border-radius:3px 0 0 0;transition:width .3s,height .3s}
.drinks-brand{font-family:Georgia,serif;font-size:15px;letter-spacing:3px;text-align:center}
.drinks-brand>span{display:block;margin-top:7px;font:7px system-ui,sans-serif;letter-spacing:1.7px}
.drinks-glass{height:38px;margin:12px 0 10px;flex-shrink:0}
.drinks-title{font:22px/1.2 Georgia,serif;text-align:center;color:#f2e2bf}
.drinks-title em{font-weight:normal}
.drinks-detail{margin-top:13px;font:7px system-ui,sans-serif;letter-spacing:1.6px}
.drinks-invite{margin-top:auto;padding-top:16px;font:10px system-ui,sans-serif;letter-spacing:.8px}.drinks-invite>span{margin-left:10px}
.drinks-mobile{display:none}
.cocktail-dismiss{z-index:2;background:#36101c}
@media(hover:hover){.cocktail-preview:hover{transform:rotate(0)}.cocktail-preview:hover .drinks-cover{transform:rotateY(-12deg)}.cocktail-preview:hover .drinks-cover::after{width:32px;height:32px}}
.cocktail-preview.is-opening .drinks-cover{transform:rotateY(-155deg);opacity:0}
.cocktail-preview.is-opening{transform:rotate(0)}
.cocktail-modal[open]{animation:drinks-reveal .28s ease-out}
@keyframes drinks-reveal{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.cocktail-promo{right:14px;width:auto}.cocktail-preview{transform:none;border-radius:24px;background:#481823;box-shadow:0 8px 24px #0005;border:1px solid #ba965e}.cocktail-preview>img,.drinks-cover{display:none}.drinks-mobile{display:block;padding:15px 18px;color:#f2e2bf;font:12px system-ui,sans-serif}.drinks-mobile>span{margin-left:10px;color:#e5c88f}.cocktail-dismiss{width:26px;height:26px;font-size:18px;top:-18px;right:-4px}}
@media(prefers-reduced-motion:reduce){.cocktail-preview,.drinks-cover,.drinks-cover::after{transition:none}.cocktail-modal[open]{animation:none}}