/* Catalog categories use original landscape art and separately composed portrait variants. */
:root{--scene-draft-image:url('/static/atelier/catalog146/draft-desktop.webp')}
@media(max-width:760px){
 :root{--scene-games-mobile-image:url('/static/atelier/digital144/games-mobile.webp');--scene-all-mobile-image:url('/static/atelier/catalog146/all-mobile.webp');--scene-cider-mobile-image:url('/static/atelier/catalog146/cider-mobile.webp');--scene-fresh-mobile-image:url('/static/atelier/catalog146/fresh-mobile.webp');--scene-beer-mobile-image:url('/static/atelier/catalog146/beer-mobile.webp');--scene-energy-mobile-image:url('/static/atelier/catalog146/energy-mobile.webp');--scene-draft-mobile-image:url('/static/atelier/catalog146/draft-mobile.webp');--scene-plant-mobile-image:url('/static/atelier/catalog146/plant-mobile.webp');}
 body.product-official-page .scene-blend-layer,body:has(.aa-game-hub) .scene-blend-layer{background-position:center center;background-size:cover}
}

/* The transparent mobile catalog title has no card to contain the legacy rings. */
@media(max-width:700px){
  body.product-official-page .official-catalog-hero::before,
  body.product-official-page .official-catalog-hero::after,
  body.product-official-page .official-catalog-hero-copy::before{content:none}
  body.portal-app.product-official-page .official-category-pills{margin-inline-end:0;padding-inline:2px;touch-action:auto}
  body.portal-app.product-official-page .official-category-pill.is-active{box-shadow:none}
}

/* Keep the catalog palette above the legacy link and hover colors. */
body.portal-app.product-official-page .official-category-pill{color:#f3fdfa!important}
body.portal-app.product-official-page .official-category-pill.is-active{color:#123d46!important}
