/* bierzapfen.de uses the green Plenty beer-store skin (old Ceres, plugin set 306,
   the same family as aworldofbeer.dk). Shared rules start as the AWB theme; the
   geometry measured on bierzapfen.de itself (2026-11-09) is pinned at the end. */
:root {
  --site-language: de;
  --bzde-green: #077f32;
  --bzde-canvas: #f9f8f1;
}

body[data-theme="bierzapfen-de"] {
  background: var(--bzde-canvas);
}

/* Content widgets use the same Bootstrap container and green appearance
   palette as the live beer-store skin. Keep these rules theme-scoped: the
   orange widgets remain correct for the other storefront families. */
body[data-theme="bierzapfen-de"] .reference-content-page {
  background: transparent;
}

body[data-theme="bierzapfen-de"] .reference-content-page .container-max {
  width: min(1200px, 100%);
}

body[data-theme="bierzapfen-de"] .reference-content-page a,
body[data-theme="bierzapfen-de"] .reference-content-page .btn-link,
body[data-theme="bierzapfen-de"] .reference-content-page .widget-accordion .card-header {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .reference-content-page .btn-primary,
body[data-theme="bierzapfen-de"] .reference-content-page .btn-appearance {
  border-color: var(--bzde-green);
  background: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .reference-content-page .widget-title-bar.widget-primary > .widget-inner {
  background: var(--bzde-green)!important;
}

/* Plenty joins the accordion cards with one shared separator. The common
   fallback drew both adjacent borders and made a 32-row FAQ 31px too tall. */
body[data-theme="bierzapfen-de"] .reference-content-page .widget-accordion .card:not(:last-child) {
  border-bottom: 0;
}

body[data-theme="bierzapfen-de"] .reference-content-page .widget-accordion .card-header {
  padding-right: 17.5px;
  padding-left: 17.5px;
  border: 0 solid transparent;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

/* The green Ceres source exposes its breadcrumb even on phones. */
body[data-theme="bierzapfen-de"] .reference-page-breadcrumb-nav {
  height: 30.796875px;
  background: #e3e7eb;
}

body[data-theme="bierzapfen-de"] .reference-page-breadcrumb {
  width: min(1200px, 100%);
  height: 30.796875px;
  padding: 7px 14px;
  background: #e3e7eb;
  color: #212529;
}

body[data-theme="bierzapfen-de"] .reference-page-breadcrumb a,
body[data-theme="bierzapfen-de"] .reference-page-breadcrumb .fa {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .reference-page-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 7px;
}

body[data-theme="bierzapfen-de"] .reference-page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 7px 0 0;
}

body[data-theme="bierzapfen-de"] .reference-page-breadcrumb .breadcrumb-item.active {
  color: #6c757d;
}

@media (min-width: 576px) {
  body[data-theme="bierzapfen-de"] .reference-content-page .widget-title-bar.widget-primary,
  body[data-theme="bierzapfen-de"] .reference-content-page .widget-title-bar.widget-primary > .widget-inner {
    height: 80.5px;
  }

  body[data-theme="bierzapfen-de"] .reference-content-page .widget-title-bar.widget-primary,
  body[data-theme="bierzapfen-de"] .reference-content-page .widget-accordion {
    margin-bottom: 28px;
  }

  body[data-theme="bierzapfen-de"] .reference-content-page .widget-title-bar.widget-primary h1 {
    height: 38.5px;
  }
}

/* Plenty paints the search/account band on the full-width site header. The
   inner Bootstrap row remains 1170px, but the grey must reach both edges. */
body[data-theme="bierzapfen-de"] .reference-header .site-header {
  background: #495057;
}

body[data-theme="bierzapfen-de"] .container {
  width: min(1170px, calc(100% - 30px));
}

body[data-theme="bierzapfen-de"] .reference-header .service-bar {
  height: 57.375px;
  background: var(--bzde-canvas);
}

body[data-theme="bierzapfen-de"] .reference-header .service-bar__inner,
body[data-theme="bierzapfen-de"] .service-links {
  height: 57.375px;
}

body[data-theme="bierzapfen-de"] .service-links > li {
  padding: 0 14px;
  font-size: 14px;
}

body[data-theme="bierzapfen-de"] .service-links > li.shipping,
body[data-theme="bierzapfen-de"] .service-links > li.invoice {
  color: #6c757d;
}

body[data-theme="bierzapfen-de"] .service-links > li.service-phone,
body[data-theme="bierzapfen-de"] .service-links > li.support,
body[data-theme="bierzapfen-de"] .service-links a,
body[data-theme="bierzapfen-de"] .service-menu > button,
body[data-theme="bierzapfen-de"] .service-menu > ul a:hover {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .reference-header .header-tools {
  height: 50.39px;
  padding: 7.7px 0;
  border: 0;
  background: #495057;
}

body[data-theme="bierzapfen-de"] .reference-header .header-tools .search {
  width: 809px;
  height: 35px;
}

body[data-theme="bierzapfen-de"] .reference-header .header-tools .search input {
  height: 35px;
  border: 0;
}

body[data-theme="bierzapfen-de"] .reference-header .header-tools .search button {
  height: 35px;
  color: var(--bzde-green);
  background: #e9ecef;
}

body[data-theme="bierzapfen-de"] .reference-header .account-tools {
  height: 50.39px;
  margin-top: -7.7px;
  margin-bottom: -7.7px;
}

body[data-theme="bierzapfen-de"] .reference-header .account-tools > a {
  height: 50.39px;
  align-items: center;
  padding: 16.8px 11.2px;
  color: #fff;
}

body[data-theme="bierzapfen-de"] .reference-header .account-tools .cart-link {
  height: 50.39px;
  border-radius: 0;
  background: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .reference-header .header-navigation,
body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner {
  height: 73px;
  background: var(--bzde-canvas);
}

body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

body[data-theme="bierzapfen-de"] .reference-header .brand {
  width: 300px;
  height: 73px;
  flex: 0 0 300px;
  padding: 8px 14px;
}

body[data-theme="bierzapfen-de"] .reference-header .brand img {
  width: 215px;
  height: 48px;
}

body[data-theme="bierzapfen-de"] .reference-header .main-nav,
body[data-theme="bierzapfen-de"] .reference-header .main-nav__inner {
  min-height: 57.375px;
  background: var(--bzde-canvas);
}

body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a {
  height: 57.375px;
  flex-direction: row;
  padding: 18.2px 14px;
  color: var(--bzde-green);
  font-weight: 400;
}

body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a:hover,
body[data-theme="bierzapfen-de"] .main-nav__groups .level1 > a,
body[data-theme="bierzapfen-de"] .main-nav__groups a:hover,
body[data-theme="bierzapfen-de"] .legacy-intro a,
body[data-theme="bierzapfen-de"] .legacy-seo a,
body[data-theme="bierzapfen-de"] :is(.legacy-products, .legacy-category-results, .legacy-search-products) .prices .price {
  color: var(--bzde-green);
}

/* Product-list prices inherit the green Plenty palette only in this theme.
   Other storefronts intentionally retain their own orange/red price rules. */
body[data-theme="bierzapfen-de"] :is(.legacy-products, .legacy-category-results, .legacy-search-products) .prices .price {
  font-size: 16.8px;
  line-height: 18.48px;
}

body[data-theme="bierzapfen-de"] :is(.legacy-products, .legacy-category-results, .legacy-search-products) .prices del.crossprice {
  color: #6c757d;
  font-size: 11.34px;
  font-weight: 700;
  line-height: 17.01px;
}

body[data-theme="bierzapfen-de"] .nav-category-icon {
  width: 28px;
  height: 21px;
  margin: 0 7px 0 0;
}

body[data-theme="bierzapfen-de"] .nav-category-icon img {
  width: 28px;
  height: 21px;
  object-fit: contain;
}

body[data-theme="bierzapfen-de"] .nav-chevron {
  position: static;
  margin: 0 0 4px 12px;
}

body[data-theme="bierzapfen-de"] .legacy-promo {
  padding-top: 28px;
}

body[data-theme="bierzapfen-de"] .legacy-benefits {
  width: min(1200px, 100%);
  height: 126px;
  margin-top: 43px;
  padding-top: 0;
  border-top: 0;
  background: transparent;
}

body[data-theme="bierzapfen-de"] .legacy-benefits > div {
  height: 126px;
  border-right: 0;
}

@media (min-width: 901px) {
  body[data-theme="bierzapfen-de"] .legacy-promo.container {
    grid-template-columns: 770px 370px;
    gap: 30px;
    padding-bottom: 31px;
  }

  body[data-theme="bierzapfen-de"] .legacy-promo__hero,
  body[data-theme="bierzapfen-de"] .legacy-promo__hero img {
    width: 770px;
    height: 385px;
  }

  body[data-theme="bierzapfen-de"] .legacy-promo__tiles {
    height: 385px;
    grid-template-rows: repeat(3, 123.33px);
    gap: 7px;
  }

  body[data-theme="bierzapfen-de"] .legacy-promo__tiles a,
  body[data-theme="bierzapfen-de"] .legacy-promo__tiles img {
    width: 370px;
    height: 123.33px;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro.container {
    grid-template-columns: 370px 770px;
    gap: 30px;
    padding-top: 21px;
    padding-bottom: 7px;
    align-items: start;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro__title {
    width: 370px;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro__text {
    width: 770px;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro__title h1 {
    font-size: 28px;
    line-height: 30.8px;
  }
}

@media (max-width: 900.98px) {
  body[data-theme="bierzapfen-de"] .container {
    width: calc(100% - 30px);
  }

  body[data-theme="bierzapfen-de"] .reference-header .service-bar,
  body[data-theme="bierzapfen-de"] .reference-header .service-bar__inner,
  body[data-theme="bierzapfen-de"] .service-links {
    height: 78.38px;
  }

  body[data-theme="bierzapfen-de"] .service-links > li.service-phone {
    position: static;
    width: 276px;
    height: 78.38px;
    margin: 0;
    padding: 18.2px 14px;
    flex: 0 0 276px;
    text-align: left;
  }

  body[data-theme="bierzapfen-de"] .service-links > li.service-phone .fa,
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone a {
    position: static;
    color: var(--bzde-green);
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-tools {
    height: 79.8px;
    grid-template-rows: 30.8px 49px;
    row-gap: 0;
    padding: 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .account-tools {
    grid-row: 1;
    height: 30.8px;
    margin: 0;
    padding-left: 7px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a,
  body[data-theme="bierzapfen-de"] .reference-header .account-tools .cart-link {
    height: 30.8px;
    padding: 7px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a > span {
    display: none;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search {
    grid-row: 2;
    top: 0;
    width: calc(100% - 30px);
    height: 35px;
    margin: 7px 15px;
    padding: 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search input,
  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search button {
    height: 35px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-navigation,
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner {
    height: 74.5px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { align-items: flex-start; }

  body[data-theme="bierzapfen-de"] .reference-header .brand {
    width: 180px;
    height: 56px;
    flex: 0 0 180px;
    margin: 14px 0 0;
    padding: 7px 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .brand img {
    width: 180px;
    height: 42px;
    max-height: 42px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .mobile-menu {
    height: 56px;
    margin-top: 14px;
    color: #111;
  }

  body[data-theme="bierzapfen-de"] .legacy-promo.container {
    margin-top: 14px;
    padding-top: 0;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro.container {
    height: auto;
    margin-top: 14px;
    padding-top: 21px;
    padding-bottom: 4px;
  }

  body[data-theme="bierzapfen-de"] .legacy-intro__title { margin-top: 0; }
  body[data-theme="bierzapfen-de"] .legacy-intro__title h1 { font-size: 28px; line-height: 30.8px; }
  body[data-theme="bierzapfen-de"] .legacy-intro__text { margin-top: 45px; }

  body[data-theme="bierzapfen-de"] .legacy-benefits {
    width: 100%;
    height: 527px;
    margin: 29px 0 0;
  }
  body[data-theme="bierzapfen-de"] .legacy-benefits > div:nth-child(-n+3) { height: 137px; }
  body[data-theme="bierzapfen-de"] .legacy-benefits > div:nth-child(4) { height: 116px; }

  body[data-theme="bierzapfen-de"] .service-links { width: 276px; margin: 0 auto; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools .wish-link { margin-left: auto; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools .cart-link { width: auto; min-width: 0; }
}

/* The live Ceres header uses three independent Bootstrap breakpoints: the
   service links change at 576/768, while the category navigation collapses
   below 992. Keep those transitions separate instead of treating a tablet as
   a large phone. */
@media (min-width: 992px) {
  body[data-theme="bierzapfen-de"] .reference-header .service-bar,
  body[data-theme="bierzapfen-de"] .reference-header .service-bar__inner,
  body[data-theme="bierzapfen-de"] .service-links {
    min-height: 57.375px;
    height: auto;
  }

  body[data-theme="bierzapfen-de"] .service-links {
    width: 1170px;
    flex-wrap: wrap;
    gap: 0;
  }

  body[data-theme="bierzapfen-de"] .service-links > li { height: 57.375px; margin-right: 0; }
  body[data-theme="bierzapfen-de"] .service-links > li.shipping { width: 238.86px; flex: 0 0 238.86px; }
  body[data-theme="bierzapfen-de"] .service-links > li.invoice { width: 215.88px; flex: 0 0 215.88px; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone { width: 316.47px; flex: 0 0 316.47px; }
  body[data-theme="bierzapfen-de"] .service-links > li.support { width: 93.38px; flex: 0 0 93.38px; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-menu:nth-child(5) { width: 62.92px; flex: 0 0 62.92px; margin-left: auto; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-menu:nth-child(6) { width: 86.25px; flex: 0 0 86.25px; }

  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search {
    width: 815.44px;
    flex: 0 1 815.44px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .account-tools {
    width: 340.56px;
    flex: 0 0 340.56px;
    left: 1px;
    top: 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search { top: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation { height: 75.875px; padding-top: 14px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner {
    height: 57.375px;
    margin-top: 0;
    padding: 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .brand {
    width: 272.61px;
    height: 56px;
    flex: 0 0 272.61px;
    align-self: center;
    padding: 7px 14px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 180px; height: 42px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav {
    width: auto;
    height: 57.375px;
    flex: 1 1 auto;
    margin: 0;
  }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__inner {
    height: 57.375px;
    min-height: 57.375px;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
  }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item,
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a { height: 57.375px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a > span:not(.nav-category-icon) { white-space: nowrap; }
  body[data-theme="bierzapfen-de"] .reference-header .nav-category-icon {
    width: 28px;
    height: 21px;
    flex: 0 0 28px;
    margin: 0 3.89px 0 0;
  }
  body[data-theme="bierzapfen-de"] .reference-header .nav-category-icon img { width: 28px; height: 21px; }
  body[data-theme="bierzapfen-de"] .reference-header .nav-chevron {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin: 0 0 4px 7px;
  }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(1) { width: 156.59px; flex: 0 0 156.59px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(2) { width: 129.38px; flex: 0 0 129.38px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(3) { width: 159.47px; flex: 0 0 159.47px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(4) { width: 111.48px; flex: 0 0 111.48px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(5) { width: 142.59px; flex: 0 0 142.59px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(6) { width: 147.25px; flex: 0 0 147.25px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item > a { width: 100%; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body[data-theme="bierzapfen-de"] .service-links { width: 910px; margin: 0 auto; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation { height: 133.25px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { height: 114.75px; }
  body[data-theme="bierzapfen-de"] .reference-header .brand { width: 208.06px; height: 52.73px; flex-basis: 208.06px; }
  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 166px; height: 38.73px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav,
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__inner { height: 114.75px; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  body[data-theme="bierzapfen-de"] .reference-header .service-bar,
  body[data-theme="bierzapfen-de"] .reference-header .service-bar__inner,
  body[data-theme="bierzapfen-de"] .service-links { height: 57.375px; }
  body[data-theme="bierzapfen-de"] .service-links { width: 316.47px; margin: 0 auto; }
  body[data-theme="bierzapfen-de"] .service-links > li { display: none; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone {
    position: static;
    display: flex;
    width: 316.47px;
    height: 57.375px;
    flex: 0 0 316.47px;
    max-width: none;
    margin: 0;
    padding: 18.2px 14px;
    left: auto;
    top: auto;
    transform: none;
  }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation,
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { height: 74.5px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { align-items: flex-start; }
  body[data-theme="bierzapfen-de"] .reference-header .brand {
    width: 180px;
    height: 56px;
    flex: 0 0 180px;
    margin: 14px 0 0;
    padding: 7px 0;
  }
  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 180px; height: 42px; }
  body[data-theme="bierzapfen-de"] .reference-header .mobile-menu { height: 56px; margin-top: 14px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-tools {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body[data-theme="bierzapfen-de"] .service-links { width: 555.33px; }
  body[data-theme="bierzapfen-de"] .service-links > li.shipping {
    display: flex;
    width: 238.86px;
    flex: 0 0 238.86px;
    margin: 0;
  }
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone { margin: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .header-tools {
    display: flex;
    width: calc(100% - 15px);
    max-width: none;
    height: 50.39px;
    margin-left: 15px;
    padding: 7.7px 0;
    gap: 15px;
  }
  body[data-theme="bierzapfen-de"] .reference-header .header-tools .search {
    width: auto;
    height: 35px;
    flex: 1 1 auto;
    margin: 0;
  }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools {
    width: 340.56px;
    height: 50.39px;
    flex: 0 0 340.56px;
    margin: -7.7px 0;
    padding: 0;
    top: 0;
  }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a > span { display: inline; }
}

@media (min-width: 768px) {
  body[data-theme="bierzapfen-de"] .reference-header .account-tools { gap: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a { box-sizing: border-box; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a:nth-child(1) { width: 75.7px; margin-right: 3.11px; white-space: nowrap; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools > a:nth-child(2) { width: 102.81px; white-space: nowrap; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools .wish-link { position: static; width: 49.22px; margin: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .account-tools .cart-link { position: static; width: 109.72px; min-width: 109.72px; margin: 0; }
}

/* Category menu colours measured on the live source 2026-10-14 (owner request):
   the open tab is a green block with a white label, chevron and the source's
   white icon (`42x42_*_w.png`); group headings green and bold, #044f1f on
   hover; links black, green on hover. The shared sheet paints these orange
   with higher specificity, hence the longer selectors. */
body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:is(:hover, :focus-within) > a {
  background: var(--bzde-green);
  color: #fff;
}

body[data-theme="bierzapfen-de"] .main-nav__item:is(:hover, :focus-within) > a .nav-category-icon img:first-child {
  opacity: 0;
}

body[data-theme="bierzapfen-de"] .main-nav__item:is(:hover, :focus-within) > a .nav-category-icon .is-hover {
  opacity: 1;
}

body[data-theme="bierzapfen-de"] .header-navigation .main-nav .main-nav__groups a:hover {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .header-navigation .main-nav .main-nav__groups .level1 > a {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .header-navigation .main-nav .main-nav__groups .level1 > a:hover {
  color: #044f1f;
}

/* Cookie banner colours measured on the live source 2026-10-14 (owner request):
   accept/reject green with white text (#055b24 / #044f1f border on hover), save
   stays grey (#c8cfd6 on hover), settings link and checked switches green. */
body[data-theme="bierzapfen-de"] .cookie-actions .button:not(.button--muted) {
  border: 1px solid var(--bzde-green);
  background: var(--bzde-green);
  color: #fff;
}

body[data-theme="bierzapfen-de"] .cookie-actions .button:not(.button--muted):hover {
  border-color: #044f1f;
  background: #055b24;
}

body[data-theme="bierzapfen-de"] .cookie-actions .button--muted:hover {
  background: #c8cfd6;
}

body[data-theme="bierzapfen-de"] .cookie-switches a {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .cookie-switches .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--bzde-green);
  background: var(--bzde-green);
}

/* Page crumbs in the source colours, measured live 2026-10-14 (owner
   request): grey full-width strip #e3e7eb, home icon alone (the label is
   sr-only, storefront.ts ICON_ONLY_HOME_CRUMB_SITES) and links green, the
   current item and "/" #6c757d. */
body[data-theme="bierzapfen-de"] .reference-header .legacy-breadcrumb {
  background: #e3e7eb;
  box-shadow: 0 0 0 100vmax #e3e7eb;
  clip-path: inset(0 -100vmax);
  color: #6c757d;
}

body[data-theme="bierzapfen-de"] .legacy-breadcrumb a,
body[data-theme="bierzapfen-de"] .legacy-breadcrumb .fa {
  color: var(--bzde-green);
}

/* The source icon takes the crumb's 11.2px, not the shared 14px. */
body[data-theme="bierzapfen-de"] .legacy-breadcrumb .fa {
  font-size: inherit;
}

/* Open menu reachable by mouse (owner report 2026-10-14). The shared dropdown
   sits at 81px under a 57.375px row here, and the 24px gap closed the menu as
   the cursor crossed it. Measured on the source: the dropdown starts right at
   the tab's bottom edge. From 1200px (one row) it does here too; at 992-1199px,
   where rows wrap, an invisible bridge under the hovered tab spans the gap,
   above a second-row neighbour, so the cursor keeps this menu open. */
@media (min-width: 992px) {
  body[data-theme="bierzapfen-de"] .header-navigation .main-nav__item:hover > a::after {
    position: absolute;
    z-index: 56;
    top: 100%;
    right: 0;
    left: 0;
    height: 24px;
    content: "";
  }
}

@media (min-width: 1200px) {
  body[data-theme="bierzapfen-de"] .header-navigation .main-nav__dropdown {
    top: 57.375px;
  }
}

/* Basket buttons in the source colours (owner request 2026-10-14), read from
   the source theme's Ceres buttons: primary #077f32 with white text, #055b24
   and #044f1f border on hover; outline green, filled green on hover. */
body[data-theme="bierzapfen-de"] .legacy-checkout-button,
body[data-theme="bierzapfen-de"] .basket-preview .button:not(.button--outline),
body[data-theme="bierzapfen-de"] .added-modal__actions .button:not(.button--outline) {
  background: var(--bzde-green);
  color: #fff;
}

body[data-theme="bierzapfen-de"] .legacy-checkout-button:hover,
body[data-theme="bierzapfen-de"] .basket-preview .button:not(.button--outline):hover,
body[data-theme="bierzapfen-de"] .added-modal__actions .button:not(.button--outline):hover {
  background: #055b24;
  border-color: #044f1f;
}

body[data-theme="bierzapfen-de"] .basket-preview .button--outline,
body[data-theme="bierzapfen-de"] .added-modal__actions .button--outline {
  border-color: var(--bzde-green);
  background: transparent;
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .basket-preview .button--outline:hover,
body[data-theme="bierzapfen-de"] .added-modal__actions .button--outline:hover {
  background: var(--bzde-green);
  color: #fff;
}

/* Basket and checkout in the source colours (owner request with a source
   checkout screenshot, 2026-10-14): product names in basket, basket preview
   and checkout lines green; checkout address/save/order buttons and the chosen
   delivery method frame green like the source's Ceres primary. */
body[data-theme="bierzapfen-de"] .legacy-checkout-line__name,
body[data-theme="bierzapfen-de"] .legacy-checkout-line__bundle a,
body[data-theme="bierzapfen-de"] .legacy-gtc-check .legacy-legal-link,
body[data-theme="bierzapfen-de"] .legacy-gtc-check .legacy-legal-link span {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .legacy-checkout-line__name:hover,
body[data-theme="bierzapfen-de"] .legacy-checkout-line__bundle a:hover {
  color: #044f1f;
}

body[data-theme="bierzapfen-de"] .legacy-address-box__button,
body[data-theme="bierzapfen-de"] .legacy-modal__save,
body[data-theme="bierzapfen-de"] .legacy-place-order {
  background: var(--bzde-green);
  color: #fff;
}

body[data-theme="bierzapfen-de"] .legacy-address-box__button:hover,
body[data-theme="bierzapfen-de"] .legacy-modal__save:hover,
body[data-theme="bierzapfen-de"] .legacy-place-order:hover {
  background: #055b24;
}

/* Checkout option rows take the accent from one variable (2026-10-30). */
body[data-theme="bierzapfen-de"] {
  --method-accent: var(--bzde-green);
}

/* Free-shipping bar in the basket: the source's success green with Bootstrap
   stripes in both states (green family, aworldofbeer.dk checked 2026-10-14;
   to recheck on bierzapfen.de with the stand), not the
   shared yellow while the threshold is not reached. */
body[data-theme="bierzapfen-de"] .legacy-free-shipping-hint .progress-bar {
  background-color: #28a745;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
}

/* Coupon button: the source draws it navy, not green (aworldofbeer.dk and
   tireuseabiere.fr, checked 2026-10-14; the same green skin here):
   #23384e, hover #172534 / #131f2b. */
body[data-theme="bierzapfen-de"] .legacy-coupon button {
  border-color: #23384e;
  background: #23384e;
  color: #fff;
}

body[data-theme="bierzapfen-de"] .legacy-coupon button:hover {
  border-color: #131f2b;
  background: #172534;
}

/* Hero slider arrows and dots: the source's green, not the shared #f29400
   (audit 2026-11-05, reports/2026-11-05/audit-stands/s4|s5-v-home-mobile-*.png). */
body[data-theme="bierzapfen-de"] .legacy-hero-carousel__control,
body[data-theme="bierzapfen-de"] .legacy-hero-carousel__control:hover {
  color: #077f32;
}

body[data-theme="bierzapfen-de"] .legacy-hero-carousel__indicators li {
  border-color: #077f32;
}

body[data-theme="bierzapfen-de"] .legacy-hero-carousel__indicators li.is-active {
  background: #077f32;
}

/* Category listing of the green beer-store skin, measured 2026-11-06 on the
   shop's own source (rule 12; audit reports/2026-11-05/audit-visual.md,
   items 4 and 10): green pagination and reset tag, h1 and SEO h2 25.2px, cards without a
   frame, image flush with the card, 30px between columns, title 11.2px,
   facet icons 50px. The shared frame (container, column count) is untouched. */
body[data-theme="bierzapfen-de"] .legacy-pagination a {
  color: var(--bzde-green);
}

body[data-theme="bierzapfen-de"] .legacy-pagination a.active,
body[data-theme="bierzapfen-de"] .selected-filter.reset-all {
  background: var(--bzde-green);
  color: #fff;
}

body[data-theme="bierzapfen-de"] .legacy-category-head > h1,
body[data-theme="bierzapfen-de"] .legacy-category-seo h2 {
  height: auto;
  font-size: 25.2px;
  font-weight: 500;
  line-height: 27.72px;
}

body[data-theme="bierzapfen-de"] .legacy-category-grid .cmp-product-thumb {
  border: 0;
  border-radius: 0;
}

body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-title {
  font-size: 11.2px;
  line-height: 12.32px;
}

body[data-theme="bierzapfen-de"] .legacy-filter .filterPattern,
body[data-theme="bierzapfen-de"] .legacy-filter .filterPattern img {
  width: 50px;
  height: 50px;
}

@media (min-width: 576px) {
  body[data-theme="bierzapfen-de"] .legacy-category-grid .product-grid {
    column-gap: 30px;
  }

  body[data-theme="bierzapfen-de"] .legacy-category-grid .product-card__frame,
  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-content {
    width: 100%;
  }

  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-image,
  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-image .prop-1-1,
  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-image a {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-image img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  body[data-theme="bierzapfen-de"] .legacy-category-grid .thumb-title {
    width: auto;
  }
}

/* 992–1279.98 the shared grid spaces cards by their 5px side margins. */
@media (min-width: 992px) and (max-width: 1279.98px) {
  body[data-theme="bierzapfen-de"] .legacy-category-grid .cmp-product-thumb {
    margin: 0;
  }
}

/* From 1280 the source card is 270px wide; its row ends at the container. */
@media (min-width: 1280px) {
  body[data-theme="bierzapfen-de"] .legacy-category-grid .product-grid {
    grid-template-columns: repeat(4, 270px);
    justify-content: space-between;
  }

  body[data-theme="bierzapfen-de"] .legacy-category-grid .cmp-product-thumb {
    width: 270px;
  }

  body[data-theme="bierzapfen-de"] .legacy-pagination {
    margin-right: 0;
  }
}

/* Filter panel inside this theme's 1170px container from 1280 (owner pack A,
   2026-11-06). The shared desktop geometry is the 1248.625px panel of the
   1250px orange container, so here it ran 79px past the container and cut
   the right column (since the theme was captured). Measured on the same
   green skin (aworldofbeer.dk) at 1280 and 1440: list controls = container, filter wrapper inset 7px,
   three cards of 375.3px with 10px gaps. Below 1280 the shared fluid tier
   already fits the container. */
@media (min-width: 1280px) {
  body[data-theme="bierzapfen-de"] .legacy-category-controls {
    width: 100%;
    margin-left: 0;
  }

  body[data-theme="bierzapfen-de"] .legacy-filters {
    width: calc(100% - 14px);
    margin-left: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---------------------------------------------------------------------------
   bierzapfen.de's own geometry (live source measured 2026-11-09, Playwright,
   1440 / 1024 / 390). Later in the file than the shared AWB rules, so it wins.
   --------------------------------------------------------------------------- */

@media (min-width: 992px) {
  body[data-theme="bierzapfen-de"] .service-links > li.shipping { width: 186.78px; flex: 0 0 186.78px; }
  body[data-theme="bierzapfen-de"] .service-links > li.invoice { width: 167.66px; flex: 0 0 167.66px; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone { width: 325.78px; flex: 0 0 325.78px; }
  /* No gap above the menu band: header 166.14 = 57.38 + 50.39 + 58.37. */
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation { height: 58.375px; padding-top: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .brand {
    width: 241.77px;
    height: 56px;
    flex: 0 0 241.77px;
  }
  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 150.23px; height: 42px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(1) { width: 144.95px; flex: 0 0 144.95px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(2) { width: 198.66px; flex: 0 0 198.66px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(3) { width: 143.39px; flex: 0 0 143.39px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(4) { width: 165.17px; flex: 0 0 165.17px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(5) { width: 129.88px; flex: 0 0 129.88px; }
  body[data-theme="bierzapfen-de"] .reference-header .main-nav__item:nth-child(6) { width: 96.69px; flex: 0 0 96.69px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* 1024: the menu wraps to a second row (header 223.52), logo 138×38.6. */
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation { height: 115.75px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { height: 114.75px; }
  body[data-theme="bierzapfen-de"] .reference-header .brand { width: 197.9px; height: 52.59px; flex-basis: 197.9px; }
  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 138.09px; height: 38.59px; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  body[data-theme="bierzapfen-de"] .service-links { width: 325.78px; }
  body[data-theme="bierzapfen-de"] .service-links > li.service-phone { width: 325.78px; flex: 0 0 325.78px; }
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation,
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner { height: 56px; }
  body[data-theme="bierzapfen-de"] .reference-header .brand { width: 150.28px; flex: 0 0 150.28px; margin: 0; }
  body[data-theme="bierzapfen-de"] .reference-header .brand img { width: 150.23px; height: 42px; }
  body[data-theme="bierzapfen-de"] .reference-header .mobile-menu { margin-top: 0; }
}

@media (max-width: 900.98px) {
  /* 390: one centred phone line (57.38), then the account/search block, then
     logo and burger right below it (header 194.16 = 57.38 + 79.8 + 57). */
  body[data-theme="bierzapfen-de"] .reference-header .service-bar,
  body[data-theme="bierzapfen-de"] .reference-header .service-bar__inner,
  body[data-theme="bierzapfen-de"] .service-links {
    height: 57.375px;
  }

  body[data-theme="bierzapfen-de"] .service-links { justify-content: center; }

  body[data-theme="bierzapfen-de"] .service-links > li.service-phone {
    width: 325.78px;
    height: 57.375px;
    flex: 0 0 325.78px;
    margin: 0 auto;
  }

  body[data-theme="bierzapfen-de"] .reference-header .header-navigation,
  body[data-theme="bierzapfen-de"] .reference-header .header-navigation__inner {
    height: 57px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .brand {
    width: 150.28px;
    height: 56px;
    flex: 0 0 150.28px;
    margin: 0;
  }

  body[data-theme="bierzapfen-de"] .reference-header .brand img {
    width: 150.23px;
    height: 42px;
    max-height: 42px;
  }

  body[data-theme="bierzapfen-de"] .reference-header .mobile-menu { margin-top: 0; }
}

/* Footer: the source's own Plenty widget footer (rule 12; owner 2026-11-09 —
   no PL/NO layout here, unlike aworldofbeer.dk / tireuseabiere.fr). Order of
   the source: benefits band, Informationen | Mein Konto | Versand, centred
   «Zahlungsmöglichkeiten» with the banner and marks, legal row, the two
   centred note links, copyright.

   Behaviour as the live NO/ES footers (owner Oleg 2026-11-13): on a phone the
   up-arrow bar sits below the last line, never over it; the privacy control
   lives inside the footer and never floats over the page. Column widths follow
   the source's Bootstrap columns at every width (measured 2026-11-13 at
   1440/768/390): col-lg-4 | col-lg-8 (200/200/400 at 1200), col-md-5 | col-md-7
   (160/160/224 at 768), stacked below 768; payment banner col-sm-8 centred.
   `html[lang] body[data-theme="bierzapfen-de"] .site-footer …` outranks the shared `html:not(…)[lang="de"] …` footer
   pins (one class more), which used to win between 768 and 900 px. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer {
  display: flex;
  height: auto;
  min-height: 0 !important;
  margin-top: 0;
  padding: 0 0 36px !important;
  flex-direction: column;
  align-items: center;
  background: var(--bzde-canvas);
  color: #212529;
  font: 400 14px/21px custom-font, helvetica, arial, sans-serif;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-content {
  display: contents;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-content > hr {
  display: none;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits {
  order: 1;
  width: 100%;
  margin: 14px 0 42px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits .container {
  display: grid;
  width: min(1200px, 100%);
  min-height: 49px;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits .container > div {
  padding: 14px 15px;
  text-align: center;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits .fa {
  margin-right: 3.5px;
}

/* The source's label is an inline-block link: where it does not fit next to
   its icon (768) it drops below the icon instead of wrapping around it. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits span {
  display: inline-block;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid {
  display: grid;
  order: 2;
  width: min(1200px, 100%);
  height: auto;
  margin: 0;
  padding: 0;
  grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 3);
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section {
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0 15px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid h5,
html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment h5 {
  width: auto;
  height: 19.25px;
  margin: 0 0 7px;
  color: #212529;
  font-size: 17.5px;
  font-weight: 500;
  line-height: 19.25px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid ul {
  margin: 0 0 14px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid li {
  height: auto;
  min-height: 21px;
  line-height: 21px;
}

/* Inline-block like the source's `a.d-inline-block`: a label that does not fit
   next to its icon (768: «Wichtiges zu wissen») drops below the icon. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid a {
  display: inline-block;
  color: #212529;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section:nth-child(-n+2) li::before {
  display: inline-block;
  margin-right: 3.5px;
  font-family: FontAwesome;
  font-size: 14px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section:nth-child(1) li::before {
  content: "\f129";
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section:nth-child(2) li::before {
  content: "\f111";
}

/* Versand: DHL, DPD, Spedition in col-6 col-lg-5 cells (166.67px at 1200,
   112px at 768), image at most the cell. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid .footer-logos ul {
  display: grid;
  margin: 0 -15px;
  grid-template-columns: repeat(2, calc(100% * 5 / 12));
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid .footer-logos li {
  height: auto;
  min-height: 0;
  padding: 0 15px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid .footer-logos img {
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment {
  order: 3;
  width: min(1200px, 100%) !important;
  height: auto !important;
  margin: 28px 0 14px !important;
  padding: 0 15px !important;
  border: 0;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment h5 {
  width: auto !important;
  margin: 0 0 7px !important;
  text-align: center !important;
}

/* col-sm-8 of the row, centred: 770px at 1200, 482px at 768. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment__images {
  display: block !important;
  width: calc((100% + 30px) * 2 / 3 - 30px) !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 auto !important;
  line-height: 0;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  vertical-align: middle;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment img:first-child {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment img + img {
  margin-left: 3.9px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment img:nth-child(2) {
  margin-left: 0;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-legal {
  order: 4;
  width: min(1170px, calc(100% - 30px)) !important;
  height: auto;
  margin: 14px 0 !important;
  text-align: center;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-legal .footer-legal-link {
  position: static;
  display: inline-block;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0 10px 0 0 !important;
  padding: 21px 7px;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-legal .withdraw-link {
  padding: 7px 14px;
  border: 1px solid var(--bzde-green);
  border-radius: 4.2px;
  background: var(--bzde-green);
  color: #fff;
  line-height: 17.5px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-notes {
  order: 5;
  width: min(1170px, calc(100% - 30px));
  text-align: center;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-notes > div {
  margin: 0 0 7px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-notes a {
  color: #212529;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-copyright {
  order: 6;
  width: min(1170px, calc(100% - 30px)) !important;
  height: auto;
  min-height: 21px;
  margin: 0;
  padding: 0 !important;
  color: #212529;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-copyright small {
  font-size: 11.2px;
  line-height: 16.8px;
}

/* Privacy settings (shown only while optional cookies are not all accepted):
   the source's green «Datenschutzeinstellungen» tab, bottom-left — but inside
   the footer, as on NO/ES, not fixed over the page (on a phone the fixed tab
   covered the up-arrow bar and the page). The footer grows by its height. */
html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-privacy,
html[lang] body[data-theme="bierzapfen-de"] .site-footer.site-footer--has-legal .footer-privacy {
  position: absolute !important;
  top: auto !important;
  right: auto !important;
  bottom: 14px !important;
  left: 15px !important;
  display: inline-flex;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 7px 14px !important;
  align-items: center;
  border: 1px solid var(--bzde-green);
  border-radius: 4.2px;
  background: var(--bzde-green);
  color: #fff;
  font-size: 14px;
  line-height: 17.5px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-privacy span {
  display: inline !important;
  margin-left: 4px;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-privacy[hidden] {
  display: none !important;
}

html[lang] body[data-theme="bierzapfen-de"] .site-footer:has(> .footer-privacy:not([hidden])) {
  padding-bottom: 62px !important;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid {
    grid-template-columns: calc(100% * 5 / 24) calc(100% * 5 / 24) calc(100% * 7 / 24);
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid .footer-logos ul {
    grid-template-columns: repeat(2, 50%);
  }
}

@media (max-width: 767.98px) {
  /* 390: the benefits stack, Informationen | Mein Konto side by side, the
     rest full width; banner full column width, marks wrap below it. The
     shared up-arrow bar (`.footer-to-top`, bottom 36px, 44.5px high) gets its
     own room below the copyright, as on NO/ES. */
  html[lang] body[data-theme="bierzapfen-de"] .site-footer {
    padding-bottom: 95px !important;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer:has(> .footer-privacy:not([hidden])) {
    padding-bottom: 136px !important;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits .container {
    grid-template-columns: 1fr;
    padding: 14px 0;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .reference-footer-benefits .container > div {
    padding: 7px 15px;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid {
    width: 100%;
    padding: 0;
    grid-template-columns: 1fr 1fr;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section {
    width: auto;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid section:nth-child(3) {
    grid-column: 1 / -1;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .legacy-footer-grid .footer-logos ul {
    grid-template-columns: repeat(2, 50%);
  }

  /* The source's NO/ES-like shield above the arrow bar, label hidden. */
  html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-privacy,
  html[lang] body[data-theme="bierzapfen-de"] .site-footer.site-footer--has-legal .footer-privacy {
    bottom: 88px !important;
    padding: 7px 12px !important;
  }

  html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-privacy span {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  html[lang] body[data-theme="bierzapfen-de"] .site-footer .footer-payment__images {
    width: 100% !important;
  }
}

/* Category filters and the PDP bundle list in the shop's own green, as the
   source (measured 2026-11-13 at 1440 on /zapfanlage/bierzapfanlagen/ and
   a PYGMY 25 set): filter value cells carry `box-shadow: 1px 1px 1px #077f32`
   (the shared rule paints them ich-zapfe yellow #ebba0a), and the «Artikelpaket
   Inhalt» links are `.text-appearance` green, not the shared orange. */
html[lang] body[data-theme="bierzapfen-de"] .legacy-filter .form-check-wrapper {
  box-shadow: 1px 1px 1px var(--bzde-green);
}

/* Transparent like the source's cell, so the next cell does not paint over
   the green line of the previous one: the source shows it between every cell. */
html[lang] body[data-theme="bierzapfen-de"] .legacy-filter .form-check {
  background: transparent;
}

html[lang] body[data-theme="bierzapfen-de"] .legacy-bundle a {
  color: var(--bzde-green);
}

/* Phone: Plenty descriptions drawn as «tall picture + absolute captions»
   (JET 30 silver 453816/454070, STREAM 50 453141/453406/453628 — 5 of 2 151
   items, scan 2026-11-13). Their captions keep desktop offsets
   (`padding-left:530px;padding-top:420px`) while the picture shrinks to the
   phone width, so the text lands on the picture and on itself. The source
   never showed this markup (its «Beschreibung» tab is the Plenty property 56).
   Owner Oleg 2026-11-13: fix it. On a phone the captions become ordinary text
   in reading order, white caption text becomes the page's ink, and the picture
   follows at the column width with its own proportions. */
@media (max-width: 767.98px) {
  html[lang] body[data-theme="bierzapfen-de"] .legacy-product-description__inner [style*="position:absolute"] {
    position: static !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: inherit !important;
  }

  html[lang] body[data-theme="bierzapfen-de"] .legacy-product-description__inner [style*="position:absolute"] [style*="255, 255, 255"],
  html[lang] body[data-theme="bierzapfen-de"] .legacy-product-description__inner [style*="position:absolute"] font[color] {
    color: inherit !important;
  }

  html[lang] body[data-theme="bierzapfen-de"] .legacy-product-description__inner img[style] {
    max-width: 100% !important;
    height: auto !important;
  }
}