/* Cocktail menu: an open, editorial bar menu inside the timber surround. */
.cocktail-page .menu-intro{padding:65px 6% 55px;grid-template-columns:1fr 1fr;gap:30px}
.cocktail-page .menu-intro h1{font-size:clamp(65px,8vw,112px);max-width:650px}
.cocktail-page .menu-hero-art{height:340px;background:none;align-items:flex-end;border-bottom:3px double #b89059}
.cocktail-page .menu-feature-frame.wood-frame{border:0;box-shadow:none;background:none;transform:none;margin:0 -3%;padding:0;width:38%;height:290px}
.cocktail-page .menu-feature-frame:nth-child(2){height:335px}
.cocktail-page .menu-feature-frame .frame-edge{display:none}
.cocktail-page .menu-hero-art img{filter:drop-shadow(2px 8px 5px #0008)}
.cocktail-page .menu-tools{margin:0 5% 45px;padding:26px 30px;background:#741c14;border:0;border-top:3px double #c5a36b;border-bottom:3px double #c5a36b;box-shadow:none;border-radius:0}
.cocktail-page .filter-button{border-radius:0;background:transparent;border:1px solid #ecd9af55;font-size:13px}
.cocktail-page .filter-button[aria-pressed=true]{background:#f1e3be;color:#241e15;border-color:#f1e3be}
.cocktail-page .menu-content{margin:0 5%;padding:0;background:#eee0bb;color:#20251c;box-shadow:0 8px 25px #0005}
.cocktail-page .drink-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:45px 35px;margin:0;border-bottom:2px solid #9c7e4940}
.cocktail-page .drink-section:nth-child(even){background:#e5d5ad}
.cocktail-page .menu-section-heading{display:block;margin:0;padding-top:18px}
.cocktail-page .menu-section-heading h2{font-size:48px;line-height:1;text-transform:uppercase;color:#76271e}
.cocktail-page .section-count{display:block;color:#63533b;margin-top:12px;font-size:10px}
.cocktail-page .drinks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.cocktail-page .drink-card{display:flex;flex-direction:column;background:none;border:0;border-bottom:1px solid #8e73404d;box-shadow:none;border-radius:0;overflow:visible;padding-bottom:23px}
.cocktail-page .drink-art.wood-frame{height:235px;width:100%;padding:0;margin:0 0 15px;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 86%,#a17c4530,transparent 58%)}
.cocktail-page .drink-art .frame-edge{display:none}
.cocktail-page .drink-art img{filter:drop-shadow(0 5px 3px #5d3c2933)}
.cocktail-page .drink-copy{padding:0;text-align:left}
.cocktail-page .drink-heading h3{font-size:33px;line-height:1.06;color:#24271d}
.cocktail-page .drink-copy p{color:#60533e;font-size:13px;line-height:1.7;margin-top:10px}
.cocktail-page .drink-art .zero-badge{top:0;left:0}
.cocktail-page .menu-book{padding-top:60px}
@media(max-width:1000px){.cocktail-page .drink-section{grid-template-columns:1fr;padding:30px}.cocktail-page .menu-section-heading{display:flex;align-items:baseline;gap:20px}.cocktail-page .drinks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cocktail-page .drink-art.wood-frame{height:220px}}
@media(max-width:760px){.cocktail-page .menu-intro{grid-template-columns:1fr;padding:30px 6%}.cocktail-page .menu-intro h1{font-size:74px}.cocktail-page .menu-hero-art{height:250px}.cocktail-page .menu-feature-frame.wood-frame{height:210px}.cocktail-page .menu-feature-frame:nth-child(2){height:245px}.cocktail-page .drinks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.cocktail-page .drink-section{padding:25px 20px}.cocktail-page .drink-art.wood-frame{height:210px}.cocktail-page .menu-tools{padding:22px 20px}.cocktail-page .drink-heading h3{font-size:30px}}
@media(max-width:440px){.cocktail-page .drink-art.wood-frame{height:185px}.cocktail-page .drink-copy p{font-size:12px}.cocktail-page .menu-section-heading h2{font-size:40px}.cocktail-page .drink-card{min-height:0}.cocktail-page .menu-intro h1{font-size:62px}.cocktail-page .section-count{font-size:9px}}

/* Align the artwork at the base and keep the sharing section free of timber. */
.cocktail-page .menu-hero-art .menu-feature-frame img{object-position:center bottom;display:block}
.cocktail-page .sharing-menu{background:#741c14;border:0;border-top:3px double #c5a36b;border-bottom:3px double #c5a36b;box-shadow:none;margin:30px 5% 0}
@media(min-width:1001px){.cocktail-page .drink-section{grid-template-columns:150px minmax(0,1fr);gap:24px}.cocktail-page .drink-art.wood-frame{height:220px}}

/* Keep the cocktail introduction free of the upper divider. */
.cocktail-page .site-frame main>section.menu-intro::before{display:none}

.cocktail-page .site-frame main>section.menu-intro{margin-top:0;padding-top:24px}
.cocktail-page .menu-intro>div:first-child{align-self:start}
.cocktail-page .menu-intro h1{margin-top:0}
.cocktail-page .menu-intro>div:first-child{position:relative;z-index:11}

/* Match the cocktail menu to the header's warm red. */
.cocktail-page .menu-content,.cocktail-page .drink-section:nth-child(even){background:#741c14;color:#f4e7bf}
.cocktail-page .menu-content{box-shadow:none}
.cocktail-page .menu-section-heading h2,.cocktail-page .drink-heading h3{color:#f4e7bf}
.cocktail-page .section-count,.cocktail-page .drink-copy p{color:#ead8be}
.cocktail-page .drink-section,.cocktail-page .drink-card{border-bottom-color:#ecd9af40}

.cocktail-page .menu-intro{grid-template-columns:1fr;padding-bottom:38px}

/* Give each category a distinct colour from the bar's palette. */
.cocktail-page .menu-content{background:transparent}
.cocktail-page .drink-section{--section-bg:#741c14;--section-ink:#f4e7bf;--section-muted:#ead8be;--section-rule:#ecd9af40;background:var(--section-bg);color:var(--section-ink);border-color:var(--section-rule)}
.cocktail-page .drink-section:nth-child(2){--section-bg:#243c30}
.cocktail-page .drink-section:nth-child(3){--section-bg:#eee0bb;--section-ink:#292c20;--section-muted:#5d5039;--section-rule:#80663e55}
.cocktail-page .drink-section:nth-child(4){--section-bg:#bc965d;--section-ink:#251c12;--section-muted:#44321e;--section-rule:#62482366}
.cocktail-page .drink-section:nth-child(5){--section-bg:#51242b}
.cocktail-page .drink-section:nth-child(6){--section-bg:#49372a}
.cocktail-page .drink-section:nth-child(7){--section-bg:#b7b99a;--section-ink:#202e24;--section-muted:#3c4b38;--section-rule:#48583e55}
.cocktail-page .drink-section:nth-child(even){background:var(--section-bg)}
.cocktail-page .drink-section .menu-section-heading h2,.cocktail-page .drink-section .drink-heading h3{color:var(--section-ink)}
.cocktail-page .drink-section .section-count,.cocktail-page .drink-section .drink-copy p{color:var(--section-muted)}
.cocktail-page .drink-section .drink-card{border-color:var(--section-rule)}
.cocktail-page .drink-section .menu-section-heading::after{background:var(--section-rule)}

/* The rest of the bar menu, with quantities and package prices. */
.menu-jump-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 5% 28px}.menu-jump-links a{padding:10px 14px;background:#eee0bb;color:#292c20;text-decoration:none;font-size:14px;font-weight:600;border-radius:2px}.menu-jump-links a:hover{background:#fff0cf}.menu-jump-links a:focus-visible{outline:3px solid #f6bc76;outline-offset:3px}
.bar-list-section{margin:0 5%;padding:40px 35px;background:#243c30;color:#f4e7bf;scroll-margin-top:24px}.bar-list-section#rtd-cider{background:#741c14}.bar-list-section#soda-mixer{background:#eee0bb;color:#292c20}.bar-list-section#shots{background:#51242b}.bar-list-section#flasker{background:#49372a}.bar-list-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px;margin-bottom:24px}.bar-list-heading h2{font:700 48px/1 'Zuume',sans-serif;margin:0;text-transform:uppercase}.bar-list-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.bar-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.bar-list-item{min-width:0;padding:22px 0;border-top:1px solid #c9b78955}.bar-list-item h3{font:700 30px/1.1 'Zuume',sans-serif;margin:0 0 8px;text-transform:uppercase}.bar-list-item p{font-size:14px;line-height:1.6;margin:6px 0}.bar-list-item .bar-item-price{font-weight:700}.bar-list-section#soda-mixer .bar-list-item{border-color:#80663e55}
@media(max-width:760px){.bar-list-section{padding:28px 20px}.bar-list-grid{grid-template-columns:1fr}.bar-list-heading h2{font-size:40px}.menu-jump-links{gap:8px}.menu-jump-links a{font-size:13px;padding:10px 12px}}

/* Repeat the first three menu colours continuously through all categories. */
.cocktail-page #main .menu-cycle-red{--section-bg:#741c14;--section-ink:#f4e7bf;--section-muted:#ead8be;--section-rule:#ecd9af40}
.cocktail-page #main .menu-cycle-green{--section-bg:#243c30;--section-ink:#f4e7bf;--section-muted:#ead8be;--section-rule:#ecd9af40}
.cocktail-page #main .menu-cycle-cream{--section-bg:#eee0bb;--section-ink:#292c20;--section-muted:#5d5039;--section-rule:#80663e55}
.cocktail-page #main :is(.drink-section,.bar-list-section){background:var(--section-bg);color:var(--section-ink);border-color:var(--section-rule)}
.cocktail-page #main .bar-list-item{border-color:var(--section-rule)}

.cocktail-page #main .sharing-menu{background:var(--section-bg);color:var(--section-ink)}

.cocktail-page .mystery-section .drinks-grid{grid-template-columns:minmax(0,340px)}
.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.beer-image{height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:20px}.beer-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.beer-image img.beer-guinness{transform:scale(1.5);transform-origin:center 48%}.beer-bottles{margin-top:28px}
@media(max-width:760px){.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.beer-image{height:190px}.beer-grid .bar-list-item h3{font-size:25px}}

/* Section titles above products at every screen width. */
.cocktail-page #main .drink-section{grid-template-columns:minmax(0,1fr);gap:32px}
.cocktail-page #main .menu-section-heading{display:block;padding-top:0}
.cocktail-page #main .sharing-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
.cocktail-page #main .sharing-menu>div:first-child{grid-column:1/-1}
.cocktail-page .sharing-option{border-left:0;border-top:1px solid var(--section-rule)}
.cocktail-page .drink-art img{transform:scale(var(--art-scale,1));transform-origin:center 90%}
.cocktail-page .drink-card:hover .drink-art img{transform:translateY(-5px) scale(var(--art-scale,1))}
.cocktail-page #bubblegum{--art-scale:1.06}
.cocktail-page #filur-deluxe{--art-scale:0.84}
.cocktail-page #mahalo{--art-scale:0.90}
.cocktail-page #bounty{--art-scale:1.18}
.cocktail-page #monkey-collins{--art-scale:0.92}
.cocktail-page #mojito{--art-scale:0.98}
.cocktail-page #pina-colada{--art-scale:1.28}
.cocktail-page #white-russian{--art-scale:0.98}
.cocktail-page #strawberry-daiquiri{--art-scale:1.28}
.cocktail-page #hugo-spritz{--art-scale:1.12}
.cocktail-page #long-island-iced-tea{--art-scale:1.16}
.cocktail-page #spejlaeg{--art-scale:1.16}
.cocktail-page #lille-fugl-faldt-dod-om{--art-scale:1.2}
.cocktail-page #astronaut{--art-scale:0.97}
.cocktail-page #gin-hass{--art-scale:1.08}
.cocktail-page #isbjorn{--art-scale:1.1}
.cocktail-page #kobenhavnerstang{--art-scale:1.2}
.cocktail-page #mystery-box-drink{--art-scale:1.18}
.cocktail-page #tiki-colada-00{--art-scale:1.15}
 .beer-image img[src$="tuborg-pilsner.png"],.beer-image img[src$="tuborg-classic.png"]{transform:scale(.85);transform-origin:center bottom}
@media(prefers-reduced-motion:reduce){.cocktail-page .drink-card:hover .drink-art img{transform:scale(var(--art-scale,1))}}

.cocktail-page #passionada{--art-scale:1.12}
.cocktail-page #amaretto-sour{--art-scale:1.1}

/* Align the visible glass bases despite different transparent image margins. */
.cocktail-page #amaretto-sour .drink-art img{translate:0 7%}
.cocktail-page #limoncello-sour .drink-art img{translate:0 2%}
.cocktail-page #purple-rain .drink-art img{scale:1 1.14;translate:0 6.5%}
.cocktail-page #jagtbosse{--art-scale:1.04}
.cocktail-page #jagtbosse .drink-art img{translate:0 2%}

.cocktail-page #gin-hass .drink-art img{translate:0 -3%}
