.coffee-menu{display:flex;align-items:center}.header-wrapper .header__inline-menu .coffee-menu__nav-link{padding-right:0}.header-wrapper .header__inline-menu .coffee-menu__trigger{width:44px;min-width:44px;padding:var(--layout-2)}.layout-system .mega-menu__content.coffee-menu__panel:not(.mega-menu__content--full-width){width:min(1008px,calc(100vw - 2 * var(--layout-gutter)));max-width:calc(100vw - 2 * var(--layout-gutter));white-space:normal;max-height:calc(100dvh - var(--header-bottom-position-desktop, 20rem) - var(--layout-6));overscroll-behavior:contain}.coffee-menu__body,.coffee-menu__body *{box-sizing:border-box}.coffee-menu__body{padding:var(--layout-6);font-family:D DIN,sans-serif;color:rgb(var(--color-foreground));text-align:left;letter-spacing:normal}.coffee-menu__body :is(h2,h3,p){margin:0}.coffee-menu__body :is(h2,h3){font-family:D DIN,sans-serif;font-weight:700;text-wrap:balance;letter-spacing:normal}.coffee-menu__body a{text-decoration:none;color:inherit;min-height:44px;min-width:0;overflow-wrap:anywhere}.coffee-menu__body a:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-3px;box-shadow:none}.coffee-menu__top{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-6);padding-bottom:var(--layout-6);border-bottom:1px solid var(--color-border)}.coffee-menu__top h2{font-size:32px;line-height:1.1}.coffee-menu__body .coffee-menu__all{background:rgb(var(--color-button));color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:space-between;gap:var(--layout-6);min-height:48px;padding:var(--layout-3) var(--layout-4);border-radius:var(--radius-sm, 4px);font-weight:700;font-size:18px;line-height:1.4}.coffee-menu__body .coffee-menu__all:hover{color:rgb(var(--color-button-text));text-decoration:underline}.coffee-menu__body .coffee-menu__all:focus-visible{outline-color:rgb(var(--color-button-text));outline-offset:-5px}.coffee-menu__arrow{width:var(--layout-6);display:inline-flex;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:400;line-height:1}.coffee-menu__grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:var(--layout-8);padding-top:var(--layout-6)}.coffee-menu__grid>*{min-width:0;overflow:hidden;overflow-wrap:anywhere}.coffee-menu__flavours>h3{font-size:16px;line-height:1.4;font-weight:400;color:rgba(var(--color-foreground),.85);margin-bottom:var(--layout-2)}.coffee-menu__flavour-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--layout-6)}.coffee-menu__flavour-link{display:grid;grid-template-columns:var(--layout-3) minmax(0,1fr) var(--layout-6);grid-template-rows:subgrid;grid-row:span 2;column-gap:var(--layout-3);row-gap:var(--layout-1);padding:var(--layout-4) var(--layout-1);border-bottom:1px solid var(--color-border);overflow:hidden}.coffee-menu__colour{grid-row:1 / 3;background:var(--coffee-menu-taste);width:var(--layout-1);align-self:stretch;transform-origin:left center}.coffee-menu__flavour-link--sweet{--coffee-menu-taste: var(--color-taste-sweet-background)}.coffee-menu__flavour-link--floral{--coffee-menu-taste: var(--color-taste-floral-background)}.coffee-menu__flavour-link--caramel{--coffee-menu-taste: var(--color-taste-caramel-background)}.coffee-menu__flavour-link--vivid{--coffee-menu-taste: var(--color-taste-vivid-background)}.coffee-menu__flavour-link--fruity{--coffee-menu-taste: var(--color-taste-fruity-background)}.coffee-menu__flavour-link--bitter{--coffee-menu-taste: var(--color-taste-bitter-background)}.coffee-menu__flavour-link strong{font-size:20px;line-height:1.2;font-weight:700;grid-column:2}.coffee-menu__flavour-link small{font-size:16px;line-height:1.35;color:rgba(var(--color-foreground),.85);grid-column:2;grid-row:2}.coffee-menu__flavour-link .coffee-menu__arrow{grid-column:3;grid-row:1 / 3;align-self:center}.coffee-menu__body .coffee-menu__flavour-link:is(:hover,:focus-visible){background:var(--color-bg-alt);color:rgb(var(--color-button))}.coffee-menu__box-feature{border-left:1px solid var(--color-border);padding-left:var(--layout-8);display:flex;flex-direction:column;gap:var(--layout-4)}.coffee-menu__box-feature img{display:block;width:104px;height:104px;object-fit:cover;border-radius:var(--radius-sm, 4px)}.coffee-menu__box-feature h3{font-size:24px;line-height:1.1}.coffee-menu__box-feature p{font-size:16px;line-height:1.4;color:rgba(var(--color-foreground),.85)}.coffee-menu__box-feature>a{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-2);font-size:17px;line-height:1.4;font-weight:700;margin-top:auto}.coffee-menu__box-feature>a:hover{color:rgb(var(--color-button))}@media(max-width:989px){.header-wrapper .coffee-menu__drawer .menu-drawer__close-button{position:sticky;top:0;z-index:2;margin:0;padding:var(--layout-2) var(--layout-6);min-height:60px;background:rgb(var(--color-background));border-bottom:1px solid var(--color-border);font-size:16px;line-height:1.4}.coffee-menu__drawer .menu-drawer__close-button .svg-wrapper{width:24px;margin-right:var(--layout-3)}.coffee-menu__body--mobile .coffee-menu__top{display:block;padding:0;border:0}.coffee-menu__body--mobile .coffee-menu__all{min-height:52px;font-size:20px}.coffee-menu__mobile-box{display:flex;align-items:center;gap:var(--layout-3);padding:var(--layout-4) var(--layout-4) var(--layout-4) 0;margin-top:var(--layout-2);border-bottom:1px solid var(--color-border)}.coffee-menu__mobile-box>span:not(.coffee-menu__arrow){flex:1;min-width:0;overflow:hidden;overflow-wrap:anywhere}.coffee-menu__mobile-box strong{display:block;font-size:20px;line-height:1.2}.coffee-menu__mobile-box small{display:block;font-size:16px;line-height:1.35;color:rgba(var(--color-foreground),.85);margin-top:var(--layout-1)}.coffee-menu__box-icon{width:32px;height:32px;flex:none}.coffee-menu__body .coffee-menu__mobile-box:hover{color:rgb(var(--color-button))}.coffee-menu__body--mobile .coffee-menu__grid{display:block}.coffee-menu__body--mobile .coffee-menu__flavour-list{grid-template-columns:minmax(0,1fr)}.coffee-menu__body--mobile .coffee-menu__flavours>h3{margin-bottom:0}.coffee-menu__body--mobile .coffee-menu__flavour-link{grid-template-columns:var(--layout-1) minmax(0,1fr) var(--layout-6);padding-right:var(--layout-4)}}@media(min-width:990px){.coffee-menu__colour{border-radius:1px}.coffee-menu__flavour-link:focus-visible .coffee-menu__colour{transform:scaleX(3)}}@media(min-width:990px)and (hover:hover)and (pointer:fine){.coffee-menu__flavour-link:hover .coffee-menu__colour{transform:scaleX(3)}}@media(min-width:990px)and (prefers-reduced-motion:no-preference){.coffee-menu__flavour-link{transition:background-color .28s ease,color .22s ease}.coffee-menu__colour{transition:transform .65s cubic-bezier(.22,.61,.36,1) 45ms}.coffee-menu__flavour-link:focus-visible .coffee-menu__colour{transition:transform .56s cubic-bezier(.16,1.55,.34,1)}}@media(min-width:990px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.coffee-menu__flavour-link:hover .coffee-menu__colour{transition:transform .56s cubic-bezier(.16,1.55,.34,1)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/coffee-menu.css.map */