/* Guarana Antarctica guide custom.css on top of Dawn / Taste 15.4.1 */
:root{--ga-amber:#9A4410;--ga-amber-deep:#7C360B;--ga-amber-light:#FBE9D6;--ga-ink:#1E1A17;--ga-soft:#5E5348;--ga-paper:#FBF6EC;--ga-ground:#F4ECDD;--ga-line:#E9DFCC;--ga-line-strong:#D3C4A8;--ga-night:#1D2740;--ga-night2:#283553;--ga-on-night-soft:#C3C9D6;--ga-gold:#F2B23A;--ga-coral:#E8664A;--ga-zero:#2A2A2A;--ga-link:#8A3C0E;--ga-r:16px}
body{color:rgb(var(--color-foreground));font-size:1.7rem;line-height:1.65}
h1,h2,h3,h4,.h0,.h1,.h2,.h3,.h4{font-weight:800;letter-spacing:-.02em;line-height:1.06}
.h5,h5{font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.01em}
h1,.h1{font-size:clamp(3.4rem,4.2vw,5.2rem)}
h2,.h2{font-size:clamp(2.6rem,2.8vw,3.6rem)}
h3,.h3{font-size:clamp(1.9rem,1.8vw,2.3rem)}
.h4,h4{font-size:1.9rem}
a{color:inherit}
.rte a:not(.button),.accordion__content a:not(.button),.section-head__lede a:not(.button),.collapsible-content__lede a:not(.button),.prose-link a:not(.button),.sources a:not(.button),.tbl-note a:not(.button),.how__text a:not(.button),.tbl a:not(.button),.label-sheet a:not(.button){color:var(--ga-link);text-underline-offset:.25rem}
.rte a:not(.button):hover{color:var(--ga-amber)}
.color-scheme-3 .rte a:not(.button),.color-scheme-3 .accordion__content a:not(.button){color:#fff}
.caption-with-letter-spacing{color:var(--ga-amber-deep);font-weight:700;letter-spacing:.06rem;font-family:var(--font-heading-family);font-size:1.35rem;text-transform:none}
.color-scheme-3 .caption-with-letter-spacing{color:var(--ga-gold)}
.caption,.caption-large{letter-spacing:.01rem}
.light{color:var(--ga-soft)}
img{max-width:100%;height:auto}
.grid>*,.flex>*{min-width:0}
.button,.shopify-challenge__button,.customer button{font-family:var(--font-heading-family);font-weight:700;letter-spacing:0;font-size:1.6rem;min-height:4.8rem;padding:0 2.6rem;border-radius:999px}
.button:after,.button:before{border-radius:999px}
.button--small{min-height:3.8rem;padding:0 1.8rem;font-size:1.4rem}
.button img.cta-img{width:auto;max-width:100%;display:block;flex:0 0 auto}
.button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;max-width:100%}
.button--full-width{width:100%}
.button--secondary{--color-button:255,255,255;--color-button-text:30,26,23}
.visually-hidden--inline{position:absolute}
.page-width{padding:0 1.6rem}
@media screen and (min-width:750px){.page-width{padding:0 5rem}}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 4rem;margin-bottom:3.2rem}
.section-head--center{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.section-head__title{margin:.6rem 0 0}
.section-head__lede{margin:1rem 0 0;color:var(--ga-soft);font-size:1.75rem;line-height:1.55;max-width:70ch}
.color-scheme-3 .section-head__lede{color:var(--ga-on-night-soft)}
.section-head__more{white-space:nowrap;font-size:1.55rem;font-weight:600}
@media screen and (max-width:749px){.section-head{grid-template-columns:minmax(0,1fr);align-items:start;margin-bottom:2.2rem}}

/* announcement strip: night, the independence line (Taste: dark scheme) */
.utility-bar__grid{display:flex;justify-content:center;align-items:center}
.announcement-bar__message{display:block;font-size:1.3rem;letter-spacing:.01rem;padding:.9rem 0;margin:0;font-family:var(--font-body-family);font-weight:400;text-transform:none;color:#fff;text-align:center}
.utility-bar .announcement-bar__message{display:block!important;width:100%}.utility-bar .announcement-bar__message>span{display:inline}
.announcement-bar__link{display:inline;color:var(--ga-gold);margin-left:.6rem;text-underline-offset:.25rem}
@media screen and (max-width:749px){.announcement-bar__message{font-size:1.2rem}.announcement-bar__link{display:none}}

/* header: cream, logo left, menu beside it, search and one pill (Taste header--middle-left) */
.header-wrapper--border-bottom{border-bottom:1px solid var(--ga-line)}
.header.header--has-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading navigation icons";align-items:center;gap:2.8rem}
.header__heading-link{display:block;grid-area:heading}
.header__heading-logo-wrapper{line-height:0}
.header__heading-logo{width:176px;height:auto;display:block}
.header__inline-menu{grid-area:navigation;display:block}
.header__inline-menu .list-menu--inline{display:flex;flex-wrap:nowrap;gap:0}
.header__menu-item{font-family:var(--font-heading-family);font-weight:700;font-size:1.6rem;letter-spacing:0;padding:1.2rem 1.3rem;color:var(--ga-ink);white-space:nowrap}
.header__menu-item span{color:var(--ga-ink)}
.header__menu-item:hover span,.header__menu-item[aria-current] span,.header__active-menu-item{text-decoration:underline;text-underline-offset:.7rem;text-decoration-thickness:.3rem;text-decoration-color:var(--ga-gold)}
summary.header__menu-item{padding-right:2.6rem}
.header__inline-menu .mega-menu__content{top:100%;color:var(--ga-ink);border-top:1px solid var(--ga-line);box-shadow:0 18px 30px rgba(30,26,23,.08)}
.header__inline-menu .mega-menu__content::before{content:"";position:absolute;left:0;right:0;top:-2.4rem;height:2.4rem}
.mega-menu__list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 4rem;padding-top:2.8rem;padding-bottom:2.8rem}
.mega-menu__list--links>li{display:grid;gap:.4rem}
.mega-menu__link--level-2{font-family:var(--font-heading-family);font-weight:800;font-size:1.6rem}
.mega-menu__line{margin:0;color:var(--ga-soft);font-size:1.4rem;line-height:1.45}
details:not([open])>.mega-menu__content{display:none}
.header__icons{grid-area:icons;gap:1.2rem;align-items:center;padding-right:0;justify-self:end;display:flex}
.header__search--bar{width:24rem}
.header .header__icons .header__search--modal{display:none}
.header__inline-menu .list-menu__item{align-items:center}
@media screen and (max-width:1399px){.header .header__icons .header__search--bar{display:none}.header .header__icons .header__search--modal{display:block}}
.search-bar__form .field{position:relative;display:flex}
.search-bar__form .field:after,.search-bar__form .field:before{display:none}
.search-bar__form .field__input{min-height:4.2rem;padding:1rem 4.6rem 1rem 1.6rem;border-radius:999px;background:#fff;box-shadow:none;border:1px solid var(--ga-line-strong)}
.search-bar__form .field__input:focus{border-color:var(--ga-amber);box-shadow:0 0 0 .1rem var(--ga-amber)}
.search-bar__form .field__label{left:1.6rem}
.search-bar__form .search__button{right:.2rem;width:4.2rem;height:4.2rem}
.search-bar__form .field__button .svg-wrapper{width:1.8rem;height:1.8rem}
.header__buy{white-space:nowrap}
.menu-drawer__buy{padding:0 3rem 2rem;margin:0}
.menu-drawer__buy .button{background:var(--ga-amber)!important;color:#fff!important;border:0}
.menu-drawer__buy .button:after,.menu-drawer__buy .button:before{box-shadow:none!important}
@media screen and (max-width:1199px){
  header-drawer{display:block!important}
  .header__inline-menu{display:none!important}
  .header.header--has-search{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-icon heading . icons"}
  header-drawer{grid-area:left-icon}
}
@media screen and (max-width:989px){
  .header.header--has-search{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-icon heading icons"}
  .header__heading-link{justify-self:center}
}
@media screen and (max-width:749px){.header__heading-logo{width:150px}.header__buy{min-height:3.4rem;padding:0 1.2rem;font-size:1.3rem}}
@media screen and (max-width:519px){
  .header.header--has-search{padding-left:1.4rem;padding-right:1.4rem;gap:.8rem}
  .header__icons{gap:.2rem}
  .header__search--modal .header__icon--search{width:3.6rem}
  .header__buy{font-size:1.2rem;padding:0 1rem}
  .header__heading-logo{width:118px;max-width:100%}
}

/* breadcrumbs */
.breadcrumbs{padding-top:1.6rem;padding-bottom:.4rem}
.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0;font-size:1.35rem;color:var(--ga-soft)}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.8rem;color:var(--ga-line-strong)}
.breadcrumbs__link{text-decoration:none}
.breadcrumbs__link:hover{text-decoration:underline}

/* film hero (Poppi): the film across the page, the text on a plate over its left part;
   on phones the film is 4:5 and the text sits under it on its own plate */
.ga-hero{position:relative;overflow:hidden;background:var(--ga-paper)}
.ga-hero__film{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 14rem);min-height:52rem;width:100%;overflow:hidden;background:var(--ga-paper)}
.ga-hero__film video,.ga-hero__poster,.ga-hero__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;display:block}
.ga-hero__film video{opacity:0;transition:opacity .4s}
.ga-hero__film.is-playing video{opacity:1}
.ga-hero__toggle{position:absolute;right:2rem;bottom:2rem;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:rgba(30,26,23,.7);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;z-index:3}
.ga-hero__toggle .svg-wrapper{width:1.6rem;height:1.6rem;display:block}
.ga-hero__toggle svg{width:100%;height:100%;display:block}
.ga-hero__toggle .ga-hero__play{display:none}
.ga-hero__toggle[aria-pressed="true"] .ga-hero__pause{display:none}
.ga-hero__toggle[aria-pressed="true"] .ga-hero__play{display:block}
.ga-hero__text{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;z-index:2}
.ga-hero__plate{pointer-events:auto;max-width:min(56rem,36%);padding:3.2rem 0}
.ga-hero__kick{margin:0 0 1.2rem}
.ga-hero__title{margin:0 0 1.6rem;font-size:clamp(3.8rem,4.4vw,6.4rem);line-height:1;color:var(--ga-ink)}
.ga-hero__lede{font-size:1.8rem;line-height:1.55;margin:0 0 2.4rem;color:var(--ga-soft)}
.ga-hero__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1.8rem}
.ga-hero__stat{margin:0;color:var(--ga-soft);font-size:1.4rem}
@media screen and (max-width:1199px){.ga-hero__text{position:static;display:block}.ga-hero__plate{max-width:72rem;padding:2.8rem 0 1.2rem}.ga-hero__film{max-height:none;min-height:0}}
@media screen and (max-width:989px){
  .ga-hero__film{aspect-ratio:4/5;max-height:none;min-height:0}
  .ga-hero__film video,.ga-hero__poster img{object-position:50% 50%}
  .ga-hero__text{position:static;display:block}
  .ga-hero__plate{max-width:none;padding:2.8rem 0 1.2rem}
  .ga-hero__title{font-size:clamp(3.2rem,8vw,4.8rem)}
}
@media screen and (min-width:750px) and (max-width:989px){.ga-hero__film{aspect-ratio:16/10}}
@media screen and (max-width:749px){.ga-hero__buttons .button{flex:1 1 auto}}

/* pack chips under the hero (Olipop: pack pills with a price) */
.pack-chips{display:flex;align-items:center;gap:1.2rem 2rem;flex-wrap:wrap;padding:1.6rem 0;border-top:1px solid var(--ga-line);border-bottom:1px solid var(--ga-line)}
.pack-chips__label{margin:0;white-space:nowrap}
.pack-chips__list{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0}
.pack-chip{display:inline-flex;align-items:baseline;gap:.8rem;padding:.9rem 1.6rem;border:1px solid var(--ga-line-strong);border-radius:999px;background:#fff;text-decoration:none;color:var(--ga-ink);transition:border-color .2s,transform .2s}
.pack-chip:hover{border-color:var(--ga-amber);transform:translateY(-2px)}
.pack-chip__name{font-family:var(--font-heading-family);font-weight:700;font-size:1.55rem}
.pack-chip__price{font-size:1.35rem;color:var(--ga-soft)}
@media screen and (max-width:749px){.pack-chips__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;margin-right:-1.6rem;padding-right:1.6rem}.pack-chips__list::-webkit-scrollbar{display:none}.pack-chip{white-space:nowrap}}

/* product cards: packshot on a white plate, soft corners (Olipop) */
.product-grid{margin:0;padding:0}
.card-wrapper{background:#fff;border-radius:var(--ga-r);border:1px solid var(--ga-line);overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}
.card-wrapper:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,26,23,.08)}
.card__inner{border-radius:0;overflow:hidden;background:#fff!important}
.card .card__media .media img{object-fit:contain;mix-blend-mode:multiply;padding:9%}
.card-wrapper .card__content,.card-wrapper .card--standard>.card__content{padding:1.4rem 1.8rem 1.8rem}
.card__inner .card__content{padding:0}
.card__inner .card__information{display:none}
.card__spec{margin:0 0 .4rem;font-size:1.3rem;color:var(--ga-amber-deep)!important;font-weight:700;letter-spacing:0}
.card__heading.h5{font-size:1.9rem;line-height:1.2;margin:0 0 .6rem;font-weight:800}
.card__heading.h5 a{text-decoration:none}
.card__line{margin:0 0 .8rem;color:var(--ga-soft);min-height:3em;line-height:1.5;font-size:1.4rem}
.card-information{display:grid;gap:.4rem}
.card-information .price{font-size:2rem;margin:0;line-height:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem}
.card-information .price-item{font-weight:800;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.price__from{margin-right:.3rem;color:var(--ga-soft);font-size:1.2rem}
.card-information .price__regular{display:flex;align-items:baseline}
.card-information .price__from,.card-information .price-item{line-height:1}
.card__rating{display:flex;align-items:center;gap:.4rem;margin:0;min-height:2.2rem}
.card__rating .rating-wrapper{display:flex;align-items:center;gap:.4rem}
.card__rating .rating-text{display:none}
.card__rating p{margin:0}
.rating-star{--color-icon:#9A4410}
.rating-count{color:var(--ga-soft)}
.quick-add{margin:1.4rem 0 0}
.quick-add__submit{min-height:4.4rem;font-size:1.4rem}
.badge{border:0;border-radius:999px;font-family:var(--font-heading-family);font-weight:700;letter-spacing:0;font-size:1.25rem;padding:.4rem 1.1rem}
.card__badge.bottom.left{bottom:1.2rem;left:1.2rem}
.card__badge .badge{background:var(--ga-gold);color:var(--ga-ink)}
.card__information{display:flex;flex-direction:column}
.card__information .card-information{margin-top:auto}
.route-tile{list-style:none;flex-grow:0!important}
.route-tile__text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem;min-width:0}
.route-tile__pic{display:none}
@media screen and (min-width:990px){.route-tile--wide .route-tile__link{flex-direction:row;align-items:stretch;gap:2.4rem}.route-tile--wide .route-tile__pic{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 48%;min-width:0;background:#fff;border-radius:12px;padding:1.6rem}.route-tile--wide .route-tile__pic img{display:block;width:100%;height:100%;max-height:44rem;object-fit:contain;mix-blend-mode:multiply}.route-tile--wide .route-tile__text{flex:1 1 auto}}
.route-tile__link{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.6rem;height:100%;min-height:24rem;padding:2.4rem;background:var(--ga-ground);border:1px solid var(--ga-line);border-radius:var(--ga-r);color:var(--ga-ink);text-decoration:none}
.route-tile__kick{color:var(--ga-amber-deep)!important}
.route-tile__title{color:var(--ga-ink);margin:0}
.route-tile__line{font-size:1.45rem;color:var(--ga-soft)}
.route-tile__go{font-weight:700;font-family:var(--font-heading-family);font-size:1.5rem;display:inline-flex;align-items:center;gap:.6rem;margin-top:.6rem;color:var(--ga-amber-deep)}
.route-tile__go .svg-wrapper{width:1.4rem;height:1.4rem;display:inline-block}
.route-tile__go svg{width:100%;height:100%;display:block}
@media screen and (min-width:990px){.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing) * 3) / 4 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important;max-width:none!important}.grid--3-col-desktop>.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing) * 2) / 3 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important}.grid--2-col-desktop>.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important}.route-tile[data-show-d="0"]{display:none}}
@media screen and (min-width:750px) and (max-width:989px){.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2 * var(--s-t) + var(--grid-desktop-horizontal-spacing) * (var(--s-t) - 1))!important;max-width:none!important}.route-tile[data-show-t="0"]{display:none}}
@media screen and (max-width:749px){.route-tile{width:calc((100% - var(--grid-mobile-horizontal-spacing)) / 2 * var(--s-m) + var(--grid-mobile-horizontal-spacing) * (var(--s-m) - 1))!important;max-width:none!important}.route-tile[data-show-m="0"]{display:none}.route-tile__link{min-height:18rem;padding:1.6rem}.quick-add__submit{padding-left:1rem;padding-right:1rem;font-size:1.3rem}.card-wrapper .card__content{padding:1rem 1.2rem 1.4rem}.card__heading.h5{font-size:1.6rem}.card__line{font-size:1.3rem}}

/* which pack fits / price tables */
.packs .tbl-wrap{margin-top:0}
.tbl-wrap{overflow-x:auto;margin:1.6rem 0 2.4rem;position:relative;border-radius:var(--ga-r);border:1px solid var(--ga-line);background:#fff}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:1.5rem;table-layout:auto}
.tbl-wrap caption{text-align:left;font-weight:800;font-family:var(--font-heading-family);font-size:1.7rem;padding:1.4rem 1.6rem .4rem}
.tbl-wrap th,.tbl-wrap td{text-align:left;vertical-align:top;padding:1.1rem 1.6rem;border-bottom:1px solid var(--ga-line)}
.tbl-wrap tbody tr:last-child th,.tbl-wrap tbody tr:last-child td{border-bottom:0}
.tbl-wrap thead th{font-size:1.25rem;color:var(--ga-soft);font-weight:700;background:var(--ga-ground);border-bottom:1px solid var(--ga-line);font-family:var(--font-heading-family)}
.tbl-wrap tbody th{font-weight:600;width:34%}
.tbl-note{font-size:1.4rem;color:var(--ga-soft);margin:-1.2rem 0 2.4rem;line-height:1.5}
.tbl__buy{white-space:nowrap}
@media screen and (max-width:519px){.tbl__buy .button{padding:0 1.2rem;font-size:1.2rem}}
.tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:var(--ga-amber-light)!important}
@media screen and (max-width:640px){
  .tbl-wrap--stack thead{display:none}
  .tbl-wrap--stack tr{display:block;padding:1.2rem 1.4rem;border-bottom:1px solid var(--ga-line)}
  .tbl-wrap--stack th,.tbl-wrap--stack td,.tbl-wrap--stack tbody th{display:block;border:0;padding:.2rem 0;width:auto;background:transparent!important}
  .tbl-wrap--stack td[data-l]::before{content:attr(data-l);display:block;font-size:1.15rem;color:var(--ga-soft);font-weight:700}
  .tbl-wrap table{font-size:1.35rem}
  .tbl-wrap th,.tbl-wrap td{padding:.8rem .8rem}
}

/* image with text: Original or Zero, the fruit */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5.6rem;align-items:center}
.split--mirror .split__media{order:2}
.split__media{position:relative;aspect-ratio:5/4;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--ga-line)}
.split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:9%}
.split__text h2{margin:.6rem 0 1.6rem}
.split__text .rte{font-size:1.75rem;line-height:1.65;max-width:62ch}
.split__more{display:inline-block;margin-top:.8rem;font-weight:700;font-size:1.6rem}
@media screen and (max-width:989px){.split{grid-template-columns:minmax(0,1fr);gap:2.8rem}.split--mirror .split__media{order:0}.split__media{max-width:48rem}}

/* pairs with (Jarritos: the food of the country) */
.pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0}
.pair{background:var(--ga-ground);border-radius:var(--ga-r);padding:2.4rem;display:grid;gap:.8rem;align-content:start}
.pair__no{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:3.6rem;line-height:1;color:var(--ga-amber)}
.pair__h{margin:0;font-size:2.2rem}
.pair p{margin:0;color:var(--ga-soft);font-size:1.55rem;line-height:1.55}
@media screen and (max-width:989px){.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:519px){.pairs{grid-template-columns:minmax(0,1fr)}}

/* tails: titled blocks with a paragraph (portfolio rule) */
.tails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.tails--2{grid-template-columns:repeat(3,minmax(0,1fr))}
.tail-card{display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;height:100%;padding:2.4rem;background:#fff;border-radius:var(--ga-r);border:1px solid var(--ga-line)}
.tail-card h3{margin:0;font-size:2.2rem}
.tail-card h3 a{text-decoration:none}
.tail-card h3 a:hover{color:var(--ga-amber)}
.tail-card p{margin:0;line-height:1.55;font-size:1.55rem}
.tail-card__meta{color:var(--ga-amber-deep)!important;font-size:1.4rem!important;font-weight:700;font-family:var(--font-heading-family)}
@media screen and (max-width:989px){.tails,.tails--2{grid-template-columns:minmax(0,1fr)}}

/* guides (journal cards) */
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.journal-grid>li{min-width:0}
.journal-grid>li.journal-grid__lead{grid-column:span 2;grid-row:span 2}
.journal-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--ga-r);border:1px solid var(--ga-line);overflow:hidden}
.journal-card__media{position:relative;display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.journal-card--lead .journal-card__media{aspect-ratio:16/10}
.journal-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.journal-card__text{display:flex;flex-direction:column;gap:.6rem;padding:1.8rem 2rem 2.2rem;flex:1 1 auto}
.journal-card__text p{margin:0}
.journal-card h2,.journal-card h3{margin:0;font-size:2rem;line-height:1.2}
.journal-card--lead h2,.journal-card--lead h3{font-size:clamp(2.4rem,2.4vw,3.2rem)}
.journal-card h2 a,.journal-card h3 a{text-decoration:none}
.journal-card__text>p:not(.caption-with-letter-spacing){color:var(--ga-soft);font-size:1.5rem;line-height:1.5}
.journal-card__more{margin-top:auto;padding-top:.8rem;font-weight:700;color:var(--ga-amber-deep);text-underline-offset:.25rem}
@media screen and (max-width:1199px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid>li.journal-grid__lead{grid-row:auto}}
@media screen and (max-width:749px){.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-grid>li.journal-grid__lead{grid-column:auto}}

/* how this guide works */
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem 6rem;align-items:start}
.how .section-head{grid-template-columns:minmax(0,1fr);margin:0}
.how__text{font-size:1.7rem;line-height:1.65;max-width:72ch}
.how__text p{margin:0 0 1.2rem}
@media screen and (max-width:989px){.how{grid-template-columns:minmax(0,1fr)}}

/* faq (Dawn collapsible-content) */
.collapsible-content__grid{align-items:flex-start}
.collapsible-content__header{position:sticky;top:12rem;padding-right:4rem}
.collapsible-content__heading{margin:.8rem 0 1.4rem}
.collapsible-content__lede{margin:0;line-height:1.55;color:var(--ga-soft)}
.content-container,.content-container:after,.content-container:before{border:0!important;box-shadow:none!important}
.faq-section .accordion{margin:0;border-top:1px solid var(--ga-line-strong);background:transparent}
.faq-section .accordion:last-child{border-bottom:1px solid var(--ga-line-strong)}
.faq-section .accordion summary{padding:1.8rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative;list-style:none}
.faq-section .accordion summary::-webkit-details-marker{display:none}
.faq-section .accordion summary>.svg-wrapper{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;display:block}
.faq-section .accordion summary .icon-caret{position:static;width:1.2rem;height:auto;display:block}
.faq-section .accordion details[open] summary .icon-caret{transform:rotate(180deg)}
.faq-section .accordion .accordion__title{font-family:var(--font-heading-family);font-size:1.85rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.faq-section .accordion__content{padding:0 0 2rem;line-height:1.6;color:var(--ga-soft)}
@media screen and (max-width:749px){.collapsible-content__header{position:static;padding-right:0;margin-bottom:2rem}}

/* footer: night band with the mark, the independence line and a short index */
.footer-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:3rem 6rem;align-items:start;padding-bottom:3.2rem}
.footer-block__logo{display:block;margin:0 0 1.6rem;width:200px}
.footer-block__image{width:200px;height:auto;display:block}
.footer-band__line{margin:0 0 1rem;color:var(--ga-on-night-soft);font-size:1.45rem;line-height:1.55;max-width:42ch}
.footer-band__mail{margin:0;font-size:1.45rem}
.footer-band__mail a{color:#fff}
.footer-band__index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}
.footer-band__h{margin:0 0 1rem;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:800;color:#fff}
.footer-band__group ul{margin:0;padding:0;display:grid;gap:.5rem}
.footer-band__group a{text-decoration:none;font-size:1.45rem;color:var(--ga-on-night-soft);line-height:1.35}
.footer-band__group a:hover{color:#fff;text-decoration:underline}
.footer__content-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:1.6rem}
.footer-band__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem 3rem}
.footer__disclosure{margin:0;line-height:1;text-align:left}
img.dsc{width:auto;max-width:100%;display:inline-block;vertical-align:middle}
.footer__copyright{text-align:left;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center}
.footer__copyright .policies{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0;padding:0}
.footer__copyright .policies li::before{content:none!important}
.footer__copyright .policies li{margin:0}
.copyright__content a{color:var(--ga-on-night-soft)}
.footer-band__index,.footer-band__group ul{margin:0;padding:0}
@media screen and (max-width:989px){.footer-band{grid-template-columns:minmax(0,1fr)}.footer-band__index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){img.dsc{height:auto!important;max-height:1em}.footer-band__index{gap:2rem 1.6rem}.footer-band__bottom{flex-direction:column;align-items:flex-start;padding-top:.4rem}}

/* collection: compact head, filter chips above the grid, products first (owner's rule) */
@media screen and (min-width:750px){.collection-hero.collection-hero--text-only.page-width{padding-left:5rem;padding-right:5rem}}
.collection-head{display:grid;gap:.6rem;padding-top:1rem;padding-bottom:2rem}
.collection-head__title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;font-size:clamp(3.2rem,4vw,4.8rem)}
.collection-head__count{font-size:2rem;color:var(--ga-soft);font-weight:400}
.collection-head__figures{margin:0;color:var(--ga-soft);font-size:1.55rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.kind-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:.8rem 0 0;padding:0;list-style:none}
.kind-chip{font-family:var(--font-heading-family);font-weight:700;font-size:1.45rem;white-space:nowrap;display:inline-flex;gap:.6rem;align-items:center;padding:.8rem 1.6rem;border:1px solid var(--ga-line-strong);border-radius:999px;background:#fff;text-decoration:none;color:var(--ga-ink)}
.kind-chip:hover{border-color:var(--ga-amber)}
.collection-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.facets-top{margin-bottom:1.6rem}
.facets--chips .facets__form{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}
.facets--chips .facets__wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.4rem}
.facets--chips .facets__form,.facets--chips .facets__wrapper{position:relative}
.facets--chips .facets__heading{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:1.5rem}
.facets--chips .facets__disclosure-vertical{display:flex;align-items:center;gap:.8rem}
.facets--chips .facets__summary{list-style:none;pointer-events:none;padding:0;font-size:1.35rem;font-weight:700;color:var(--ga-soft)}
.facets--chips .facets__summary::-webkit-details-marker{display:none}
.facets--chips .facets__summary .svg-wrapper,.facets--chips .facets__header{display:none}
.facets--chips .facets__display-vertical{padding:0}
.facets--chips .facets__list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}
.facets--chips .facets-wrap{border:0;padding:0;margin:0;min-width:0}
.facets--chips .facet-checkbox{position:relative;display:inline-flex;align-items:center;gap:.4rem;font-size:1.4rem;cursor:pointer;padding:.7rem 1.4rem;border:1px solid var(--ga-line-strong);border-radius:999px;background:#fff}
.facets--chips .facet-checkbox input{position:absolute;opacity:0;width:1px;height:1px}
.facets--chips .facet-checkbox:has(input:checked){background:var(--ga-ink);border-color:var(--ga-ink);color:#fff}
.facets--chips .facet-checkbox:has(input:focus-visible){outline:2px solid var(--ga-amber);outline-offset:2px}
.facets--chips .facets__clear{margin:0;min-height:3.4rem}
.facets-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2.4rem;padding:1rem 0;border-top:1px solid var(--ga-line);margin-bottom:2rem}
.facets-row__count{margin:0;font-size:1.45rem;color:var(--ga-soft);font-weight:600}
.facets-row__sort{display:flex;align-items:center;gap:.8rem;font-size:1.45rem}
.facets-row__sort label{white-space:nowrap}
.facets-row__sort select{font:inherit;padding:.6rem 3rem .6rem 1.2rem;border:1px solid var(--ga-line-strong);border-radius:999px;background:#fff}
.product-grid__empty{margin:2rem 0;color:var(--ga-soft)}
@media screen and (max-width:749px){
  .facets--chips .facets__form,.facets--chips .facets__wrapper{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}
  .facets--chips .facets__wrapper::-webkit-scrollbar{display:none}
  .facets--chips .facets__list{flex-wrap:nowrap}
  .facets--chips .facet-checkbox{white-space:nowrap}
  .kind-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}

/* prose under the grid: photo left (sticky), text right */
.shelf-prose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4.8rem;align-items:start}
.shelf-prose--solo{grid-template-columns:minmax(0,1fr)}
.shelf-prose__media{position:sticky;top:14rem;overflow:hidden;background:#fff;aspect-ratio:1/1;border-radius:20px;border:1px solid var(--ga-line)}
.shelf-prose__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.shelf-prose__text .rte{font-size:1.7rem;line-height:1.65;max-width:74ch}
.shelf-prose__text h2{margin:0 0 1.4rem}
.prose-link{color:var(--ga-soft)}
@media screen and (max-width:989px){.shelf-prose{grid-template-columns:minmax(0,1fr);gap:2.4rem}.shelf-prose__media{position:relative;top:auto;max-width:44rem}}

/* roads: tiles to neighbouring pages */
.roads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.roads--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.roads--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.roads .road{display:grid;gap:.4rem;height:100%;padding:2.2rem;background:#fff;border-radius:var(--ga-r);border:1px solid var(--ga-line);text-decoration:none;color:inherit;align-content:start}
.roads .road:hover{border-color:var(--ga-amber)}
.sources .road{display:block;margin:1rem 0 0;font-size:1.4rem}
.road__kick{font-size:1.3rem;color:var(--ga-amber-deep);font-weight:700;font-family:var(--font-heading-family)}
.road__title{font-weight:800;font-size:1.9rem;line-height:1.2;font-family:var(--font-heading-family);color:var(--ga-ink)}
.road__line{font-size:1.45rem;color:var(--ga-soft)}
.road__go{margin-top:auto;padding-top:.6rem;color:var(--ga-amber-deep);display:inline-flex}
.road__go .svg-wrapper{width:1.4rem;height:1.4rem;display:inline-block}
.road__go svg{width:100%;height:100%;display:block}
@media screen and (max-width:989px){.roads,.roads--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.roads,.roads--2,.roads--3{grid-template-columns:minmax(0,1fr)}}

/* product page: gallery left, buy box right (Olipop) */
.product{align-items:flex-start}
.product>.product__media-wrapper{align-self:stretch}
media-gallery{display:grid;gap:1.2rem}
.product__media-main{position:relative;overflow:hidden;background:#fff;border-radius:20px;border:1px solid var(--ga-line)}
.product__media{position:relative;aspect-ratio:1/1;padding-top:0!important;width:100%}
.product__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:7%}
.thumbnail-slider{display:block;width:100%}
.thumbnail-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1rem;margin:0;padding:0;list-style:none;width:100%;flex:1 1 100%}
.thumbnail-list__item{list-style:none;width:auto!important;max-width:none!important}
.thumbnail{display:block;width:100%;padding:0;border:1px solid var(--ga-line);border-radius:12px;background:#fff;cursor:pointer;overflow:hidden}
.thumbnail.is-active,.thumbnail[aria-current]{border-color:var(--ga-amber);box-shadow:0 0 0 1px var(--ga-amber)}
.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.product__info-container{display:grid;gap:1.4rem}
.product__info-container>*{margin:0!important}
.product__text a{text-decoration:none}
.product__title h1{margin:0;font-size:clamp(3rem,3vw,4rem);line-height:1.06}
.product__best{font-size:1.65rem;line-height:1.5;color:var(--ga-soft)}
.product__info-container .rating-wrapper{display:flex;align-items:center;gap:.6rem}
.product__info-container .rating-wrapper p{margin:0}
.product__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem}
.product__price-row .price{margin:0}
.price--large .price-item{font-size:3.4rem;font-weight:800;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.product__per{margin:0;padding:.3rem 1rem;border-radius:999px;background:var(--ga-amber-light);color:var(--ga-amber-deep);font-weight:700;font-size:1.4rem}
.product-form__input--pill{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem}
.product-form__input--pill .form__label{width:100%;margin:0 0 .2rem;font-size:1.45rem;font-weight:700;font-family:var(--font-heading-family)}
.form__label__value{font-weight:400;color:var(--ga-soft);font-family:var(--font-body-family)}
.product-form__input--pill input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input--pill label{display:inline-block;padding:1rem 1.8rem;border:1px solid var(--ga-line-strong);border-radius:999px;cursor:pointer;font-size:1.5rem;font-weight:600;background:#fff}
.product-form__input--pill input:checked+label{border-color:var(--ga-ink);background:var(--ga-ink);color:#fff}
.product-form__input--pill input:focus-visible+label{outline:2px solid var(--ga-amber);outline-offset:2px}
.product-form__buttons{max-width:none!important}
.product-form__buttons .button{width:100%}
.product-form__note{margin:.8rem 0 0;color:var(--ga-soft)}
.glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0}
.glance div{padding:1.1rem 1.4rem;border-radius:12px;background:var(--ga-ground)}
.glance dt{font-family:var(--font-heading-family);font-weight:700;font-size:1.25rem;color:var(--ga-soft)}
.glance dd{margin:.2rem 0 0;font-size:1.5rem;font-weight:600;line-height:1.35}
.product__jump{font-weight:600}
@media screen and (min-width:750px){.product__column-sticky{position:sticky;top:2rem}.product__info-wrapper{padding-left:4.8rem!important}}
.product-description__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem 6rem;align-items:start}
.product-description__head h2{margin:.6rem 0 0}
.product-description__text{font-size:1.75rem;line-height:1.65;max-width:70ch}
@media screen and (max-width:749px){.product-description__grid{grid-template-columns:minmax(0,1fr)}.glance{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--ga-line);box-shadow:0 -8px 24px rgba(30,26,23,.08);transform:translateY(110%);transition:transform .25s ease}
.sticky-buy.is-visible{transform:none}
.sticky-buy__inner{display:flex;align-items:center;gap:1.6rem;padding-top:1rem;padding-bottom:1rem}
.sticky-buy__name{flex:1 1 auto;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy__price{font-weight:800;font-family:var(--font-heading-family);font-size:2rem}
.sticky-buy .button{flex:0 0 auto}
@media screen and (max-width:749px){.sticky-buy__name{display:none}.sticky-buy__price{flex:1 1 auto}}

/* the label sheet: ingredients as text, the caffeine line, the panel of the label */
.label-sheet{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.4rem 6rem;align-items:start;background:#fff;border-radius:20px;border:1px solid var(--ga-line);padding:4rem}
.label-sheet__text h2{margin:.6rem 0 2rem}
.label-sheet__h{margin:2rem 0 .6rem;font-size:1.8rem}
.label-sheet__ing{margin:0;font-size:1.65rem;line-height:1.6}
.label-sheet__caf{margin:0;font-size:1.65rem;line-height:1.6}
.label-sheet__from{margin:.6rem 0 0;color:var(--ga-soft);font-size:1.3rem}
.label-sheet__notes{margin:2rem 0 0;padding-left:2rem;color:var(--ga-soft);font-size:1.5rem;line-height:1.55;display:grid;gap:.6rem}
.label-sheet__warn{grid-column:1 / -1;margin:0;padding:1.4rem 1.8rem;border-radius:12px;background:var(--ga-ground);font-size:1.4rem;color:var(--ga-soft)}
@media screen and (max-width:989px){.label-sheet{grid-template-columns:minmax(0,1fr);padding:2.4rem}}
/* FDA-style Nutrition Facts panel: black rules 8/4/1px, white ground */
.nf{max-width:34rem;border:1px solid #000;padding:.6rem 1rem 1rem;background:#fff;color:#000;font-family:var(--font-body-family);font-size:1.45rem;line-height:1.3}
.nf p{margin:0}
.nf__title{font-family:var(--font-heading-family);font-weight:800;font-size:3.4rem;letter-spacing:-.02em;line-height:1;border-bottom:1px solid #000;padding-bottom:.4rem}
.nf__serv{padding-top:.4rem}
.nf__size{display:flex;justify-content:space-between;font-weight:800;font-size:1.7rem;border-bottom:.8rem solid #000;padding-bottom:.4rem}
.nf__cal{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:2.4rem;border-bottom:.4rem solid #000;padding:.4rem 0}
.nf__cal span:last-child{font-size:3.6rem}
.nf__dvh{text-align:right;font-weight:800;font-size:1.25rem;border-bottom:1px solid #000;padding:.3rem 0}
.nf__rows{list-style:none;margin:0;padding:0}
.nf__rows li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #000;padding:.35rem 0}
.nf__rows li.nf__sub{padding-left:1.6rem}
.nf__rows li.nf__sub strong{font-weight:400}
.nf__rows li:last-child{border-bottom:.8rem solid #000}
.nf__foot{font-size:1.15rem;padding-top:.5rem}
.nf--none{border-style:dashed;padding:2rem}
.nf__none{font-size:1.5rem;color:var(--ga-soft)}
/* front-of-can panel: what the can prints on its face */
.fop{max-width:38rem;border-radius:16px;background:var(--ga-night);color:#fff;padding:2rem 2.2rem}
.fop__title{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:800;font-size:2rem;color:var(--ga-gold)}
.fop__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.fop__list li{display:grid;gap:.1rem;padding:1rem 1.2rem;border-radius:12px;background:var(--ga-night2)}
.fop__k{font-size:1.25rem;color:var(--ga-on-night-soft)}
.fop__v{font-family:var(--font-heading-family);font-weight:800;font-size:2.4rem;line-height:1.1}
.fop__dv{font-size:1.2rem;color:var(--ga-on-night-soft)}
.claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:38rem;margin:0}
.claims div{padding:1.4rem 1.6rem;border-radius:12px;background:var(--ga-ground)}
.claims dt{font-size:1.3rem;color:var(--ga-soft)}
.claims dd{margin:.2rem 0 0;font-family:var(--font-heading-family);font-weight:800;font-size:2.6rem;line-height:1.1}

/* sources */
.sources{margin:3.2rem 0 0;padding:2.4rem 2.8rem;background:#fff;border-radius:var(--ga-r);border:1px solid var(--ga-line);border-left:6px solid var(--ga-gold);font-size:1.5rem;line-height:1.6}
.sources .note{margin:0 0 1.2rem;font-weight:500}
.sources .src-h,.main-page__body .rte .sources .src-h{font-family:var(--font-heading-family);font-size:1.7rem;font-weight:800;margin:0 0 .8rem;letter-spacing:0}
.sources ul{margin:0 0 1.2rem;padding-left:1.8rem}
.sources li{margin:0 0 .6rem}
.sources .road{margin:0}
.sources-band .sources{margin-top:0}
.rte-width{max-width:100rem}

/* pages: head, reading column, aside */
.main-page__head{max-width:90rem;margin-bottom:3.2rem}
.main-page-title{margin:.8rem 0 1.2rem}
.main-page__lede{font-size:1.95rem;line-height:1.5;margin:0;color:var(--ga-soft)}
.main-page__body{display:grid;grid-template-columns:minmax(0,74ch) 26rem;gap:6rem;justify-content:start;align-items:start}
.main-page__body--wide{grid-template-columns:minmax(0,1fr)}
.main-page__body .rte{font-size:1.75rem;line-height:1.7}
.main-page__body .rte h2{margin:3.6rem 0 1.2rem;font-size:3rem}
.main-page__body .rte h2:first-child{margin-top:0}
.main-page__body .rte h3{margin:2.4rem 0 .8rem;font-size:2.2rem}
.main-page__body .rte ul,.main-page__body .rte ol{padding-left:2rem}
.page-aside{position:sticky;top:14rem;display:grid;gap:.8rem;font-size:1.5rem;background:var(--ga-ground);border-radius:var(--ga-r);padding:2.2rem}
.page-aside ul,.page-aside ol{margin:0 0 1.6rem;padding:0;display:grid;gap:.6rem;list-style:none}
.page-aside a{text-decoration:none}
.page-aside a:hover{text-decoration:underline;color:var(--ga-amber-deep)}
.page-aside__heading{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:800}
.legal p{margin:0 0 1.4rem}
@media screen and (max-width:989px){.main-page__body{grid-template-columns:minmax(0,1fr);gap:3rem}.page-aside{position:static}.page-aside--toc{display:none}}

/* articles */
.article-template__header{max-width:90rem;margin:0 0 3.2rem}
.article-template__title{margin:.8rem 0 1.4rem}
.article-template__lede{font-size:2rem;line-height:1.5;color:var(--ga-soft);margin:0 0 1.2rem}
.article-template__meta{margin:0;color:var(--ga-soft);font-size:1.4rem}
.article-template__hero-container{margin:0 0 4rem}
.article-template__hero-large{position:relative;aspect-ratio:21/9;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--ga-line)}
.article-template__hero-container .article-template__hero-large{height:auto;width:100%;max-width:100%}
.article-template__hero-large img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3%}
@media screen and (max-width:749px){.article-template__hero-large{aspect-ratio:4/3}}
.embed{display:grid;grid-template-columns:12rem minmax(0,1fr) auto;gap:2rem;align-items:center;margin:2.8rem 0;padding:1.6rem;background:var(--ga-ground);border-radius:var(--ga-r)}
.embed__media{position:relative;display:block;width:12rem;height:12rem;overflow:hidden;background:#fff;border-radius:12px}
.embed__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.embed__text{display:grid;gap:.3rem}
.embed__kick{margin:0;font-size:1.3rem;color:var(--ga-amber-deep);font-family:var(--font-heading-family);font-weight:700}
.rte .embed__name{font-weight:800;text-decoration:none;font-size:1.8rem;line-height:1.25;font-family:var(--font-heading-family);color:var(--ga-ink)}
.embed__line,.embed__price{margin:0!important;font-size:1.4rem;color:var(--ga-soft)}
.embed__price{font-weight:800;color:var(--ga-ink);font-family:var(--font-heading-family)}
.rte .embed .button{color:rgb(var(--color-button-text));text-decoration:none}
.rte .button img{border:0;box-shadow:none;border-radius:0}
@media screen and (max-width:749px){.embed{grid-template-columns:8rem minmax(0,1fr)}.embed__media{width:8rem;height:8rem}.rte .embed .button{grid-column:1 / -1;width:100%}}

/* search and 404 */
.search-page__form{display:flex;gap:.8rem;max-width:64rem;margin:2rem 0}
.search-page__form .button{flex:0 0 auto;min-width:0;padding-left:2.4rem;padding-right:2.4rem}
.search-page__form .search__input{flex:1 1 auto;min-width:0;width:auto;min-height:5rem;padding:0 2rem;border:1px solid var(--ga-line-strong);border-radius:999px;font:inherit;background:#fff}
.search-page__count{color:var(--ga-soft);margin:0 0 2rem}
.template-404__lede{max-width:60ch;margin:1.2rem auto 2.8rem}
.error-code{font-family:var(--font-heading-family);font-weight:800;font-size:clamp(6rem,10vw,12rem);line-height:1;color:var(--ga-amber);margin:0}
.template-404__buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}

/* review fixes (1440 / 1920 / 390) */
/* menu carets: Dawn stretches the svg to the whole summary; one 10px caret at the right */
.header__inline-menu summary.header__menu-item{position:relative;padding-right:2.8rem}
.header__inline-menu summary.header__menu-item>.svg-wrapper{position:absolute;right:1rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);display:block}
.header__inline-menu summary.header__menu-item .icon-caret{position:static!important;width:1rem!important;height:1rem!important;left:auto!important;right:auto!important;top:auto!important;display:block}
.header__inline-menu details[open]>summary .icon-caret{transform:rotate(180deg)}
/* filter chips: the "Clear" pill only while something is picked; on phones one scrolling row */
.facets--chips .facets__form:not(.has-active) .facets__clear{display:none}
@media screen and (max-width:749px){
  .facets--chips .facets__heading{display:none}
  .facets--chips .facets__form{display:block;overflow:visible}
  .facets--chips .facets__wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.8rem 1.6rem;margin:0 -1.6rem;padding:0 1.6rem .4rem;scrollbar-width:none}
  .facets--chips .facets__disclosure-vertical{flex:0 0 auto}
  .facets--chips .facets__clear{margin-top:1rem}
}
/* guides: three columns, the lead card two wide and one row high, its picture beside the text */
.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-grid>li.journal-grid__lead{grid-column:span 2;grid-row:auto}
.journal-card--lead{flex-direction:row}
.journal-card--lead .journal-card__text{justify-content:center}
.journal-card--lead .journal-card__more{margin-top:1.2rem}
.journal-card--lead .journal-card__media{flex:0 0 48%;aspect-ratio:auto;min-height:30rem}
@media screen and (max-width:1199px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid>li.journal-grid__lead{grid-column:1 / -1}}
@media screen and (max-width:749px){.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-card--lead{flex-direction:column}.journal-card--lead .journal-card__media{min-height:0;aspect-ratio:4/3;flex:0 0 auto}}
/* reading column at about 74 characters, the meta line readable when it wraps */
@media screen and (min-width:990px){.main-page__body{grid-template-columns:minmax(0,68rem) 26rem}.main-page__head{max-width:78rem}}
.article-template__meta{line-height:1.5}
/* tables: cells centred on the row, short headers on one line */
.tbl-wrap th,.tbl-wrap td{vertical-align:middle}
.tbl-wrap thead th{white-space:nowrap}
/* road tiles: the arrow at the foot of every tile */
.roads .road{display:flex;flex-direction:column;gap:.4rem}
.roads .road .road__go{margin-top:auto}
.rte-width{margin-left:0;margin-right:auto}
/* cards: the recipe badge in the top corner (it covered the bottom of the bottle), no empty
   band between the picture and the text */
.card__badge.bottom.left{top:1.2rem;bottom:auto}
.card__inner .card__content{position:absolute;inset:0;padding:0;pointer-events:none}
.rating-count,.rating-count span{font-size:1.3rem}
@media screen and (max-width:749px){.related-band .product-grid>.grid__item:nth-child(3):last-child{display:none}}
/* product page */
.product__price-row{align-items:center}
.product-form{padding-bottom:.6rem}
.product media-gallery{display:grid!important;gap:1.2rem}
@media screen and (max-width:749px){.product .thumbnail-slider,.product .thumbnail-list{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.product__media-wrapper{margin-bottom:2rem}}
.label-sheet--one{grid-template-columns:minmax(0,1fr)}
.label-sheet--one .label-sheet__text{max-width:72ch}
.label-sheet--one .claims{margin-top:.4rem}
.label-sheet__panel{display:flex;flex-direction:column;align-items:center}
/* hero on wide screens: the text plate follows the window, not the 120rem column, so it
   never reaches the first can of the film */
@media screen and (min-width:1200px){.ga-hero__text.page-width{max-width:none;padding-left:5vw;padding-right:5vw}.ga-hero__plate{max-width:min(36vw,62rem)}}
.search-guides{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;gap:.8rem}
.search-guides li a{font-weight:700;text-underline-offset:.25rem}