/*
  Theme Name: BIEROTHEK 2023
  Author:     Pedro Stoehr, stoehr@ticktoo.com
  Author URI: https://ticktoo.com/
   ___       ___
  /\  \___  /\  \
  \ \   __\_\_\  \
   \ \  \ /\____  \
    \ \__\\/___/\__\
     \/__/     \/__/

*/

/*! IMPORTS --------------------------------------------------------------- */

@import url("../vendor/bootstrap-5.2.0-dist/css/bootstrap.min.css");
@import url("../vendor/fontawesome-pro-6.2.0-web/css/all.min.css");
@import url("../fonts/Glypha/Glypha.css");
@import url("../fonts/Carrosserie/Carrosserie.css");
@import url("../vendor/owlcarousel-2.3.4/assets/owl.carousel.min.css");
@import url("../vendor/flag-icons-6.6.5/css/flag-icons.min.css");

/*! VARS ------------------------------------------------------------------ */

:root {
  --bt-font-primary: "Glypha", Helvetica Neue, Helvetica, sans-serif;
  --bt-font-secondary: "Carrosserie", Helvetica Neue, Helvetica, sans-serif;
  --bt-body: 0, 0, 0;
  --bt-orange: 238, 125, 0;
  --bt-orange-hover: 200, 100, 0;
  --bt-green: 150, 200, 50;
  --bt-grey: 129, 129, 129;
  --bt-grey-hover: 220, 220, 220;
  --bt-grey-light: 238, 238, 238;
  --bt-grey-mid: 151, 151, 151;
  --bt-grey-dark: 66, 66, 66;
  --bt-grey-darkest: 54, 54, 54;
  --bt-radius-default: 3px;
}

/*! GENERAL --------------------------------------------------------------- */

body {
  background-color: rgb(var(--bt-grey-darkest));
  color: rgb(var(--bt-body));
  font-family: var(--bt-font-primary);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
  overflow-x: hidden; /** HOP-638 fix **/
}
sub,
sup {
  font-size: 0.5em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.7em;
}
h1 {
  font-family: var(--bt-font-secondary);
  font-size: 3rem;
  margin-bottom: 1rem;
}
h2 {
  font-family: var(--bt-font-secondary);
  margin-bottom: 1rem;
}
h3 {
  font-family: var(--bt-font-secondary);
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
h4 {
  font-family: var(--bt-font-secondary);
  font-weight: normal;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

/*! Spacing ---- */

.bt-spacer {
  display: block;
  height: 1rem;
  width: 100%;
}
.bt-spacer.s2 {
  height: 2rem;
}
.bt-spacer.s4 {
  height: 4rem;
}

/*! Background + Colors ---- */

.bg-grey-light {
  background-color: rgb(var(--bt-grey-light));
}
.text-grey {
  color: rgb(var(--bt-grey-mid));
}
.text-orange {
  color: rgb(var(--bt-orange));
}

/*! Tools ---- */

.bt-mpb {
  background: #fff;
  border: 2px solid rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
  padding: 20px;
  position: relative;
}
.bt-mpb p:last-child {
  margin-bottom: 0;
}
.bt-mpb.grey {
  background: rgb(var(--bt-grey-light));
}
.bt-mpb.orange {
  background: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
  color: #fff;
}
.bt-mpb i {
  color: rgb(var(--bt-orange));
  margin-right: 0.25rem;
}
.bt-mpb.orange i {
  color: #fff;
}
.bt-mpb.no-head {
  border-top: 0;
  border-radius: 0 0 var(--bt-radius-default) var(--bt-radius-default);
}
.img-rounded {
  border-radius: var(--bt-radius-default);
}
.img-fluid {
  width: 100%;
}
.font-secondary {
  font-family: var(--bt-font-secondary);
}
.font-lg {
  font-size: 1.1rem;
}

/*! DOCK ------------------------------------------------------------------ */

.site-dock {
  background-color: rgb(var(--bt-grey-dark));
  color: rgb(var(--bt-grey-light));
  font-size: 0.8rem;
}
.site-dock .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.site-dock a {
  color: #fff;
  text-decoration: none;
}
.site-dock i {
  margin-right: 0.25rem;
}
.site-dock .dropdown {
  display: inline-block;
}
.site-dock .dock-label {
  display: inline-block;
  margin-right: 0.15rem;
}
.site-dock .dock-label.shipping {
  margin-left: 1rem;
}

/*! HEADER ---------------------------------------------------------------- */

.site-header {
  background-color: rgb(var(--bt-orange));
}
.site-header .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.site-header .brand a {
  background-image: url("../images/logo_white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  text-indent: -9999px;
}

/*! Search ---- */

.site-header .search {
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  width: 100%;
  z-index: 42;
}
.site-header .search label {
  display: none;
}
.site-header .search input {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 50px 0 15px;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.site-header .search button {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 40px;
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  width: 40px;
  color: #fff;
}
.site-header .search input:focus,
.site-header .search button:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}
.site-header .search input:focus {
  background-color: #fff;
  color: rgb(var(--bt-body));
}
.site-header .search input:focus + button {
  color: rgb(var(--bt-body));
}
.site-header .search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.site-header .search ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.site-header .search :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.site-header .search :-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/*! Tools ---- */

.site-header .tools {
  height: 40px;
  line-height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 21px;
}
.site-header .tools li {
  float: left;
  margin-left: 12px;
  position: relative;
}
.site-header .tools i {
  font-size: 2rem;
}
.site-header .tools a {
  color: #fff;
  text-decoration: none;
}
.site-header .tools .cart-count {
  background-color: #fff;
  border-radius: 12px;
  border: 2px solid rgb(var(--bt-orange));
  color: rgb(var(--bt-orange));
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  height: 24px;
  left: -12px;
  line-height: 20px;
  position: relative;
  text-align: center;
  top: -13px;
  width: 24px;
}
.site-header .tools .menu-trigger {
  cursor: pointer;
  color: #fff;
  margin: 0 15px 0 0;
}

/*! NAV ------------------------------------------------------------------- */

.site-nav {
  background-color: rgb(var(--bt-grey-dark));
}
.site-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.site-nav ul li.root > a {
  color: #fff;
  display: block;
  font-family: var(--bt-font-secondary);
  font-weight: normal;
  text-decoration: none;
  transition: all 0.1s ease;
}

/*! CONTENT ---------------------------------------------------------------- */

.site-content {
  background-color: #fff;
  padding-bottom: 3rem;
}
.site-content a {
  color: rgb(var(--bt-body));
  text-decoration: underline;
}
.site-content a:hover {
  color: rgb(var(--bt-orange));
}

/*! Home ---- */

.home-usp {
  display: block;
  font-family: var(--bt-font-secondary);
}
.home-usp .usp-item {
  font-size: 0.85rem;
  display: block;
  line-height: 50px;
}
.home-usp .usp-item.range {
  background: url("data:image/svg+xml;utf8,<svg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 40 40' xml:space='preserve'><path fill='rgb(238,125,0)' d='M15.3 10.6c-.5 0-.9.1-1.3.3-.5-1.1-1.6-1.8-2.8-1.8-1.3 0-2.4.8-2.9 2-.3-.1-.6-.2-.9-.2-1.1 0-2 .8-2.2 1.9V14c-.2.1-.3.3-.3.6 0 .1-.2 3.6 0 6.3.1.7.3 1.9.7 3.4.7 3.3 1.9 8.2 1.2 11.1-.2.7-.5 1.9-.8 2.4-.2.3-.1.7.1 1 .2.2 1.3 1 4.9 1h.6c3.6 0 4.8-.9 4.9-1 .3-.2.3-.7.1-1-.3-.5-.7-1.7-.8-2.4-.6-2.9.5-7.9 1.2-11.1.3-1.5.6-2.7.7-3.4.2-2.7 0-6.2 0-6.3 0-.1-.1-.3-.1-.4.1-.3.2-.7.2-1 0-1.4-1.1-2.6-2.5-2.6zm-3.7 27.7H11c-1.8 0-2.9-.2-3.4-.4.2-.6.4-1.2.5-1.7.7.2 1.9.4 3.3.4 1 0 2-.1 3.1-.4.1.4.3 1.1.5 1.6-.5.3-1.6.5-3.4.5zm4-14.3c-.7 3.2-1.7 7.5-1.4 10.7-2.4.6-4.8.2-5.9 0 .4-3.2-.6-7.5-1.3-10.7l-.3-1.5H16c-.2.4-.3.9-.4 1.5zm.6-3.2v.2H6.4v-.2c-.1-1.8-.1-4 0-5.2h.2v2.2c-.1 1.2.8 2.2 2 2.2 1.1 0 2.1-.9 2.1-2.1v-1.7h.6c1.7 0 3.3-.3 4.5-.5.2 0 .3-.1.5-.1 0 1.2 0 3.4-.1 5.2zm-.5-6.7c-.1.1-.3.1-.4.1-.1 0-.2 0-.3.1-1 .2-2.4.4-3.7.4-.4 0-.8 0-1.3-.1-.2 0-.4.1-.6.2-.2.1-.2.4-.2.6v2.5c0 .3-.2.5-.5.5s-.5-.2-.5-.5V15c0-.4-.3-.7-.6-.8-.3-.1-.5-.1-.7-.2v-1c.1-.3.4-.5.7-.5.3 0 .6.2.7.6.1.4.4.6.7.6h.1c.3 0 .5-.1.6-.3.1-.2.2-.5.1-.7-.1-.2-.1-.3-.1-.5 0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5c0 .2 0 .3-.1.5s-.1.5.1.7c.1.2.4.3.6.3h.2c.4 0 .7-.3.8-.7 0-.5.5-.9 1-.9.6 0 1 .5 1 1s-.3.9-.6 1zM31.7 11.4l-.8-9.9h.1c.4 0 .8-.3.8-.8S31.4 0 31 0H23.9c-.4 0-.8.3-.8.8s.3.8.8.8h.1l-.8 9.9-3.5 6.3c-.1.1-.1.2-.1.4v18c0 2.5 1.5 3.9 4 3.9h7.6c2.5 0 4-1.5 4-3.9v-18c0-.1 0-.3-.1-.4l-3.4-6.4zm-6.2-9.9h3.9l.3 3.6h-4.5l.3-3.6zm8.2 34.6c0 1.6-.8 2.4-2.5 2.4h-7.6c-1.7 0-2.5-.8-2.5-2.4V26h1.8c.4 2.2 2.2 3.8 4.5 3.8s4.1-1.6 4.5-3.8h1.8v10.1zm-9.3-10.9c0-1.7 1.4-3 3-3 1.7 0 3 1.4 3 3 0 1.7-1.4 3-3 3s-3-1.3-3-3zm9.3-.8h-1.8c-.4-2.2-2.2-3.8-4.5-3.8s-4.1 1.6-4.5 3.8h-1.8v-6.2l3.4-6.2c.1-.1.1-.2.1-.3l.4-5h4.7l.4 5c0 .1 0 .2.1.3l3.4 6.2v6.2z'/></svg>")
    no-repeat;
  background-position: left center;
  background-size: 30px 30px;
  padding-left: 40px;
}
.home-usp .usp-item.delivery {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M39.4 27.9c.4 0 .6-.3.6-.6v-6.5c0-.1 0-.3-.1-.4l-4.5-6.5c-.1-.2-.3-.3-.5-.3h-5.7V9.7c0-.4-.3-.6-.6-.6H6.2c-.4 0-.6.3-.6.6v3.5h-5c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h4.9v1h-2c-.4 0-.6.3-.6.6s.3.6.6.6h2.1v1h-5c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h4.9v1h-2c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h2.1v5.9c0 .4.3.6.6.6h2.6c.1.6.4 1.2.8 1.7h-9c-.4 0-.6.3-.6.6s.3.6.6.6h38.7c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-2.6c.4-.5.7-1.1.8-1.7h1.9zm-4.8-13l4.1 6.1v5.7h-1.2c-.3-1.7-1.8-3-3.6-3s-3.3 1.3-3.6 3h-1.2V14.9h5.5zm-18.7 13h14.4c.1.6.4 1.2.8 1.7h-16c.4-.4.7-1 .8-1.7zm-9.1-6.5h4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-1h1.6c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-1h4.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6H6.8v-1h1.6c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-2.9h21.1V27h-12c-.3-1.7-1.8-3-3.6-3S9 25 8.7 26.7H6.8v-5.3zm3.2 5.9c0-1.3 1-2.3 2.3-2.3s2.4 1.1 2.4 2.4-1.1 2.4-2.4 2.4-2.3-1.2-2.3-2.5zm21.6 0c0-1.3 1.1-2.4 2.4-2.4 1.3 0 2.4 1.1 2.4 2.4s-1.1 2.4-2.4 2.4c-1.3 0-2.4-1.1-2.4-2.4z'/><path fill='rgb(238,125,0)' d='M30.6 21h6.2c.2 0 .5-.1.6-.3.1-.2.1-.5 0-.7l-2.9-4.1c-.1-.2-.3-.3-.5-.3h-3.2c-.4 0-.6.3-.6.6v4.1c-.3.4 0 .7.4.7zm.6-4.2h2.3l2 2.9h-4.3v-2.9z'/></svg>")
    no-repeat;
  background-position: left center;
  background-size: 40px 40px;
  padding-left: 50px;
}
.home-usp .usp-item.fee {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M36.2 31.8C38.6 28.5 40 24.4 40 20s-1.4-8.5-3.8-11.8c0 0 0-.1-.1-.1L36 8c-3.7-4.9-9.5-8-16-8C13.4 0 7.6 3.2 4 8l-.1.1s0 .1-.1.1C1.4 11.5 0 15.6 0 20s1.4 8.5 3.8 11.8c0 0 0 .1.1.1l.1.1c3.7 4.9 9.5 8.1 16 8.1 6.6 0 12.4-3.2 16-8.1l.1-.1s0-.1.1-.1zM20 26.5c-3.4 0-6.6.5-9.5 1.4-.6-2.2-.9-4.7-.9-7.2h20.9c0 2.6-.4 5-.9 7.2-3-1-6.2-1.4-9.6-1.4zm9.2 2.5c-1.8 5.9-5.2 9.8-9.2 9.8s-7.4-4-9.2-9.8c2.8-.9 5.9-1.4 9.2-1.4s6.4.5 9.2 1.4zm-28-8.4h7.2c0 2.7.4 5.3 1 7.6-1.8.7-3.5 1.5-4.9 2.5-2-2.9-3.2-6.4-3.3-10.1zM4.5 9.3c1.4 1 3 1.8 4.9 2.5-.6 2.3-1 4.9-1 7.6H1.2c.1-3.7 1.3-7.2 3.3-10.1zM20 13.5c3.4 0 6.6-.5 9.5-1.4.6 2.2.9 4.7.9 7.2H9.5c0-2.6.4-5 .9-7.2 3 1 6.2 1.4 9.6 1.4zM10.8 11C12.6 5.2 16 1.2 20 1.2s7.4 4 9.2 9.8c-2.8.9-5.9 1.4-9.2 1.4s-6.4-.5-9.2-1.4zm28 8.4h-7.2c0-2.7-.4-5.3-1-7.6 1.8-.7 3.5-1.5 4.9-2.5 2 2.9 3.2 6.4 3.3 10.1zm-7.2 1.2h7.2c-.1 3.7-1.3 7.2-3.3 10.1-1.4-1-3-1.8-4.9-2.5.6-2.3 1-4.9 1-7.6zm3.2-12.2c-1.3.9-2.8 1.7-4.5 2.3-1.2-3.9-3.1-7-5.5-8.8 4 1 7.5 3.3 10 6.5zM15.2 1.8c-2.3 1.8-4.3 5-5.5 8.8C8 10 6.5 9.3 5.2 8.4c2.5-3.2 6-5.5 10-6.6zm-10 29.8c1.3-.9 2.8-1.6 4.5-2.2 1.2 3.9 3.1 7 5.5 8.8-4-1.1-7.5-3.4-10-6.6zm19.6 6.6c2.3-1.8 4.3-5 5.5-8.8 1.7.6 3.2 1.4 4.5 2.3-2.5 3.1-6 5.4-10 6.5z'/></svg>")
    no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  padding-left: 34px;
}
.home-usp .usp-item.storage {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M39.4 35.5h-2.1V14.7h2.1c.3 0 .6-.2.6-.5.1-.3-.1-.6-.3-.7l-19-10.1c-.2-.1-.4-.1-.6 0L.4 13.4c-.3.1-.4.4-.3.7.1.3.3.5.6.5h2.1v20.8H.6c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h38.7c.4 0 .6-.3.6-.6.1-.2-.2-.5-.5-.5zm-33.7 0H4.1V14.7h1.7v20.8zm27.3 0H7V14.7h26v20.8zm2.9 0h-1.7V14.7h1.7v20.8zM3.3 13.4l17.1-8.8 16.4 8.8H3.3z'/><path fill='rgb(238,125,0)' d='M12.2 25.7h1.1l-.3.3c-.1.1-.2.3-.2.5s.1.4.2.5c.3.3.7.3 1 0l1.3-1.3h2.1l.5.5-1.7 1.7h-1.8c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5 0 .4.3.7.7.7h.5l-.9.7c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2s.4-.1.5-.2l.8-.8v.5c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-1.8l1.7-1.7.5.5v2.1L18 31.1c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2s.4-.1.5-.2l.3-.3v1.1c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-1.1l.3.3c.1.1.3.2.5.2s.4-.1.5-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-1.3-1.3v-2.1l.5-.5 1.7 1.7v1.8c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-.5l.7.8c.1.1.3.2.5.2s.4-.1.5-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-.8-.8h.5c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-1.8l-1.7-1.7.5-.5h2.1l1.3 1.3c.3.3.7.3 1 0 .3-.3.3-.7 0-1l-.3-.3h1.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-1.1l.2-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.3-.3-.7-.3-1 0l-1.3 1.3h-2.1l-.5-.5 1.7-1.7h1.8c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-.5l.9-.7c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-.8.8v-.5c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v1.8l-1.7 1.7-.5-.5v-2.1l1.3-1.3c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-.3.3v-1.1c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v1.1L19 18c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2c-.1.1-.2.3-.2.5s.1.4.2.5l1.3 1.3v2.1l-.5.5-1.7-1.7v-1.8c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v.5L15 19c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2c-.1.1-.2.3-.2.5s.1.4.2.5l.8.8h-.5c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h1.8l1.7 1.7-.5.5h-2.1L13.9 23c-.3-.3-.7-.3-1 0-.1.1-.2.3-.2.5s.1.4.2.5l.3.3h-1.1c-.4 0-.7.3-.7.7.1.4.4.7.8.7z'/></svg>")
    no-repeat;
  background-position: left center;
  background-size: 30px 30px;
  padding-left: 40px;
}
.home-usp .usp-item.breakfree {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M38.4 16.6h-2.1c0-.1 0-.1-.1-.2l-2.5-4.6-.6-7.8c0-.4-.4-.7-.8-.7h-3.9c-.4 0-.7.3-.8.7l-.6 7.8-1.9 3.4-1.9-3.4-.5-7.8c0-.4-.4-.7-.8-.7H18c-.4 0-.7.3-.8.7l-.6 7.9-1.9 3.4-1.9-3.4-.5-7.9c0-.4-.4-.7-.8-.7H7.7c-.4 0-.8.3-.8.7l-.6 7.9-2.5 4.6c0 .1-.1.1-.1.2H1.6c-.9 0-1.6.7-1.6 1.6v7.6c0 .3.1.6.2.8-.1.2-.2.5-.2.8v7.6c0 .9.7 1.6 1.6 1.6h36.8c.9 0 1.6-.7 1.6-1.6v-7.6c0-.3-.1-.6-.2-.8.2-.2.2-.5.2-.8v-7.6c0-1-.7-1.7-1.6-1.7zM29.1 4.8h2.5l.2 2.3H29l.1-2.3zm-.6 7.6c.1-.1.1-.2.1-.3l.3-3.5H32l.3 3.5c0 .1 0 .2.1.3l2.3 4.2h-8.5l2.3-4.2zm-9.7-7.6h2.5l.2 2.3h-2.9l.2-2.3zm-.7 7.6c.1-.1.1-.2.1-.3l.3-3.5h3.1l.3 3.5c0 .1 0 .2.1.3l2.3 4.2h-8.5l2.3-4.2zM8.4 4.8h2.5l.1 2.3H8.2l.2-2.3zm-.7 7.6c.1-.1.1-.2.1-.3L8 8.6h3.1l.3 3.5c0 .1 0 .2.1.3l2.3 4.2H5.4l2.3-4.2zm30.8 22.7c0 .1-.1.1 0 0l-36.9.1s-.1 0-.1-.1v-7.6s0-.1.1-.1h36.8s.1 0 .1.1v7.6zm0-9.3c0 .1-.1.1 0 0l-36.9.1s-.1 0-.1-.1v-7.6s0-.1.1-.1h36.8s.1 0 .1.1v7.6z'/><path fill='rgb(238,125,0)' d='M3.6 18.9c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 23.5c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 28.2c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 32.8c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM36.4 18.9c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 23.5c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 28.2c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 32.8c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8z'/></svg>")
    no-repeat;
  background-position: left center;
  background-size: 30px 30px;
  padding-left: 40px;
}

/*! Product list ---- */

.product-item,
.buybox-item {
  background: rgb(255, 255, 255);
  border-radius: var(--bt-radius-default);
  border: 2px solid rgb(var(--bt-grey-light));
  margin-bottom: 1.5rem;
  padding: 20px 5px 5px;
  position: relative;
  text-align: center;
}
.buybox-item {
  padding: 5px;
}
.buybox-item.bulk {
  background-color: rgb(var(--bt-grey-light));
}
.product-item.pure {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}
/* OLD --- without wishlist
.product-item .ribbon,.detail-image .ribbon{height:120px;overflow:hidden;position:absolute;right:-2px;top:-2px;width:120px;z-index:23}
.product-item .ribbon > span,.detail-image .ribbon > span{background-color:rgb(var(--bt-orange));color:#FFF;display:block;font-family:var(--bt-font-secondary);font-size:.75rem;font-weight:700;left:27px;letter-spacing:.05rem;padding:8px 16px 8px 20px;position:absolute;text-align:center;top:16px;transform:rotate(45deg);width:100%}
*/
.product-item .ribbon,
.detail-image .ribbon {
  height: 180px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 180px;
  z-index: 23;
}
.product-item .ribbon > span,
.detail-image .ribbon > span {
  background-color: rgb(var(--bt-orange));
  color: #fff;
  display: block;
  font-family: var(--bt-font-secondary);
  font-size: 0.85rem;
  font-weight: 700;
  left: 37px;
  letter-spacing: 0.05rem;
  padding: 8px 36px 8px 70px;
  position: absolute;
  text-align: center;
  top: 12px;
  transform: rotate(45deg);
  width: 100%;
}
.product-item .ribbon > span:before,
.product-item .ribbon > span:after,
.detail-image .ribbon > span:before,
.detail-image .ribbon > span:after {
  content: "";
  position: absolute;
}
.product-item .ribbon > span:before,
.detail-image .ribbon > span:before {
  left: 0;
}
.product-item .ribbon > span:after,
.detail-image .ribbon > span:after {
  right: 0;
}
.product-item .disturber,
.detail-image .disturber {
  overflow: hidden;
  position: absolute;
  left: -2px;
  top: 5px;
  max-width: 120px;
}
.product-item .disturber > span,
.detail-image .disturber > span {
  background-color: rgb(var(--bt-grey-mid));
  color: #fff;
  display: block;
  font-family: var(--bt-font-secondary);
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  padding: 6px 16px;
  width: 100%;
  border-radius: 0 var(--bt-radius-default) var(--bt-radius-default) 0;
}
.product-item .product-wishlist {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 1px;
  font-size: 1.3rem;
  color: rgb(var(--bt-grey-mid));
  z-index: 25;
}
.product-item .product-wishlist.remove {
  color: rgb(var(--bt-orange));
}
.product-item .image {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.product-item .category {
  color: rgb(var(--bt-grey));
  font-size: 0.7rem;
  margin-bottom: 0.25rem;
}
.product-item .category a {
  color: rgb(var(--bt-grey));
  text-decoration: none;
}
.product-item .category a:hover {
  color: rgb(var(--bt-body));
}
.product-item .title {
  font-family: var(--bt-font-secondary);
  font-size: 1.3rem;
}
.product-item .title a {
  color: rgb(var(--bt-body));
  text-decoration: none;
}
.product-item .brewery {
  color: rgb(var(--bt-grey));
  font-size: 0.7rem;
  margin-bottom: 0.35rem;
}
.product-item .brewery a {
  color: rgb(var(--bt-grey));
  text-decoration: none;
}
.product-item .brewery a:hover {
  color: rgb(var(--bt-body));
}
.product-item .price,
.buybox-item .price {
  color: rgb(var(--bt-orange));
  font-size: 1rem;
  margin-bottom: 3px;
}
.product-item .price span,
.buybox-item .price span {
  font-weight: 600;
  position: relative;
}
.product-item .price span:after,
.buybox-item .price span:after {
  color: rgb(var(--bt-grey));
  content: "*";
  font-size: 0.85rem;
  position: absolute;
  right: -9px;
  top: 0;
}
.product-item .original-price,
.buybox-item .original-price {
  color: rgb(var(--bt-grey)) !important;
  display: inline-block;
  font-size: 0.7rem;
  margin-left: 9px;
  padding-right: 4px;
  position: relative;
}
.product-item .original-price:before,
.buybox-item .original-price:before {
  border-color: inherit;
  border-top: 1px solid rgb(var(--bt-orange)) !important;
  content: "";
  left: -2px;
  position: absolute;
  right: 0;
  top: 45%;
  transform: rotate(-10deg);
}
.product-item .meta,
.buybox-item .meta {
  margin-bottom: 0.35rem;
}
.product-item .meta .info {
  color: rgb(var(--bt-orange));
  margin-left: 3px;
}
.product-item .deposit,
.buybox-item .deposit {
  color: rgb(var(--bt-orange));
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 0.25rem;
}
.product-item .size,
.buybox-item .size {
  color: rgb(var(--bt-grey));
  font-size: 0.7rem;
}
.product-item .action,
.buybox-item .action {
  background-color: rgb(var(--bt-orange));
  border-radius: var(--bt-radius-default);
  height: 40px;
  line-height: 40px;
  margin-top: 0.5rem;
  position: relative;
  transition: all 0.1s ease;
}
.product-item .action .quantity-box,
.buybox-item .action .quantity-box {
  left: 6px;
  position: absolute;
  top: 8px;
  width: 80px;
  display: flex;
}
.buybox-item .action .quantity-box {
  top: 6px;
}
.product-item .action .quantity-box button,
.product-item .action .quantity-box input,
.buybox-item .action .quantity-box button,
.buybox-item .action .quantity-box input {
  float: left;
}
.product-item .action .quantity-box button,
.buybox-item .action .quantity-box button {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
  height: 24px;
  line-height: 24px;
  width: 24px;
  border-radius: var(--bt-radius-default);
  text-align: center;
  position: relative;
}
.product-item .action .quantity-box button i,
.buybox-item .action .quantity-box button i {
  color: rgb(var(--bt-orange));
  font-size: 0.85rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.product-item .action .quantity-box button:hover,
.buybox-item .action .quantity-box button:hover {
  background-color: #fff;
}
.product-item .action input[type="number"],
.buybox-item .action select,
.buybox-item .action input[type="number"],
.buybox-item .action select {
  color: #fff;
  font-family: var(--bt-font-secondary);
  font-size: 0.85rem;
  font-size: 1rem;
  height: 28px;
  padding: 0 6px;
  text-align: center;
  width: 30px;
  background-color: transparent;
  border: 0;
  outline: none;
}
.buybox-item .action select {
  background-color: rgba(255, 255, 255, 0.2);
  width: 40px;
}
.product-item .action a,
.buybox-item .action a {
  color: #fff;
  display: block;
  font-family: var(--bt-font-secondary);
  line-height: 44px;
  overflow: hidden;
  text-decoration: none;
}
.product-item .action a .action-icon,
.buybox-item .action a .action-icon {
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
.product-item .action .action-icon i,
.buybox-item .action .action-icon i {
  color: #fff;
  font-size: 1.2rem;
  vertical-align: middle;
}
.product-item .action a .action-label {
  padding-left: 60px;
  padding-right: 20px;
}
.buybox-item .action a .action-label {
  padding-left: 30px;
  padding-right: 20px;
}
.buybox-item.bulk .action a .action-label {
  padding-left: 0;
}
.product-item .out-of-stock,
.buybox-item .out-of-stock {
  background-color: rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
  color: rgb(var(--bt-grey));
  font-family: var(--bt-font-secondary);
  height: 40px;
  line-height: 40px;
  margin-top: 0.5rem;
  position: relative;
}
.bulk .out-of-stock {
  background-color: #fff;
  color: rgb(var(--bt-grey));
}
.product-item .mp-badge {
  background: transparent url("../images/logo_marketplace.svg") no-repeat center left 10px;
  background-size: 85px 20px;
  position: absolute;
  display: none;
  left: 6px;
  top: 10px;
  height: 20px;
  width: calc(100% - 30px);
  text-indent: -9999px;
}
.product-item.marketplace .mp-badge {
  display: block;
}
.product-item.marketplace .disturber {
  top: 40px;
}
.product-rating {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}

.product-item-list {
  color: rgb(var(--bt-grey));
}
.product-item-list .itemnumber,
.product-item-list .size {
  font-size: 0.8rem;
}
.product-item-list .title {
  font-family: var(--bt-font-secondary);
  font-size: 1.3rem;
  line-height: 1;
}
.product-item-list .title a {
  color: rgb(var(--bt-body));
  text-decoration: none;
}
.product-item-list .brewery a {
  font-size: 0.8rem;
  text-decoration: none;
}
.product-item-list .price,
.product-item-list .deposit {
  color: rgb(var(--bt-orange));
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
  line-height: 1.1;
}
.product-item-list .price span {
  position: relative;
}
.product-item-list .price span:after {
  color: rgb(var(--bt-grey));
  content: "*";
  font-size: 0.8rem;
  position: absolute;
  right: -9px;
  top: 0;
}
.list-divider {
  background-color: rgb(var(--bt-grey-light));
  height: 1px;
  width: 100%;
  display: block;
  margin: 0.75rem 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.sorting-info,
.sorting-info a {
  color: rgb(var(--bt-grey-mid));
  font-size: 0.8rem;
  text-decoration: none;
}
.sorting-info i {
  margin-right: 4px;
}

/*! Product detail */

.mp-link {
  display: inline-block;
}
.detail-image {
  background: rgb(255, 255, 255);
  border-radius: var(--bt-radius-default);
  border: 2px solid rgb(var(--bt-grey-light));
  margin-bottom: 1.5rem;
  padding: 40px 10px 20px 10px;
  position: relative;
  text-align: center;
}
.detail-image .ribbon,
.detail-image .disturber {
  z-index: 91;
}
.detail-image .disturber {
  top: 10px;
}
.product-detail .mp-badge {
  background: transparent url("../images/logo_marketplace.svg") no-repeat center left;
  background-size: 111px 26px;
  height: 26px;
  margin-bottom: 0.75rem;
  text-indent: -9999px;
  width: 111px;
}
.product-detail .title {
  font-size: 2.3rem;
}
.product-detail .brewery {
  color: rgb(var(--bt-grey));
  font-family: var(--bt-font-secondary);
  font-size: 0.8rem;
  margin: -1rem 0 0.35rem 0;
}
.product-detail .brewery a {
  color: rgb(var(--bt-grey));
  text-decoration: none;
}
.product-detail .brewery a:hover {
  color: rgb(var(--bt-body));
}
.product-buybox {
  margin-top: 1.5rem;
}
.product-detail .terms {
  color: rgb(var(--bt-grey-mid));
  font-size: 0.8rem;
}
.product-detail .terms a {
  color: rgb(var(--bt-grey-mid));
}
.detail-info dl {
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
  width: 100%;
}
.detail-info dt {
  border-top: 1px solid rgb(var(--bt-grey-light));
  margin: 0;
  padding: 6px 0 0;
  font-weight: 600;
}
.detail-info dd {
  border: 0;
  margin: 0;
  padding: 0 0 6px;
}
.detail-info dt:first-of-type,
.detail-info dd:first-of-type {
  border: 0 !important;
}
.detail-info dd p {
  margin: 0;
}
.detail-info i {
  margin-right: 0.35rem;
}
.bt-mpb.grey .detail-info dt {
  border-top: 1px solid rgb(var(--bt-grey-hover));
}
.review-info a {
  color: rgb(var(--bt-grey));
  font-size: 0.8rem;
  text-decoration: none;
}
.review-item {
  border-bottom: 2px solid rgb(var(--bt-grey-light));
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.review-author {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
}
.review-date {
  color: rgb(var(--bt-grey));
}
.review-form input,
.review-form textarea {
  border-radius: var(--bt-radius-default);
  font-size: 0.8rem;
}
.review-form .form-check-label {
  color: rgb(var(--bt-grey));
  font-size: 0.8rem;
}
.review-stars {
  color: rgb(var(--bt-grey));
  font-size: 0.8rem;
}
.review-star {
  cursor: pointer;
  font-size: 1rem;
}
.review-star.checked {
  color: rgb(var(--bt-orange));
}
.store-check-item {
  font-family: var(--bt-font-secondary);
}
.store-check-item i {
  margin-right: 6px;
}
.store-check-item .orange {
  color: rgb(var(--bt-orange)) !important;
}
.store-check-item .red {
  color: red !important;
}
.store-check-item .green {
  color: rgb(var(--bt-green)) !important;
}

/*! Product extras ---- */

.rating-info {
  color: rgb(var(--bt-grey));
  display: inline-block;
  font-size: 0.7rem;
}
.rating-box {
  color: rgb(var(--bt-orange));
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  position: relative;
  vertical-align: middle;
}
.rating-box:before {
  color: rgb(var(--bt-grey-mid));
  content: "\f005 \f005 \f005 \f005 \f005";
  font-weight: 300;
}
.rating-box .rating {
  color: rgb(var(--bt-orange));
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.rating-box .rating:before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-weight: bold;
}
.product-stock {
  color: rgb(var(--bt-grey-mid));
  font-size: 0.8rem;
  margin-top: 1rem;
}
.product-stock i {
  margin-right: 0.35rem;
}
.product-stock .orange {
  color: rgb(var(--bt-orange)) !important;
}
.product-stock .red {
  color: red !important;
}
.product-stock .green {
  color: rgb(var(--bt-green)) !important;
}
.product-addbox {
  margin-top: 1.25rem;
}
.brewery .rating-subline {
  display: block !important;
}

/*! Info box ---- */

.info-box {
  background: rgb(255, 255, 255);
  border-radius: var(--bt-radius-default);
  border: 2px solid rgb(var(--bt-grey-light));
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem 0.5rem 1rem;
}
.info-title {
  font-family: var(--bt-font-secondary);
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.info-content {
  font-size: 0.8rem;
  line-height: 1.5;
}
.info-action a {
  background-color: rgb(var(--bt-grey-mid));
  border-radius: var(--bt-radius-default);
  color: #fff;
  display: block;
  font-family: var(--bt-font-secondary);
  line-height: 32px;
  margin-top: 0.5rem;
  text-align: center;
  text-decoration: none;
}
.info-action a:hover {
  background-color: rgb(var(--bt-orange));
  color: #fff;
}

/*! Banner ---- */

.banner-item {
  margin-bottom: 1.5rem;
}
.banner-item img {
  border-radius: var(--bt-radius-default);
}

/*! Add to cart ---- */

.a2c-main {
  font-family: var(--bt-font-secondary);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.a2c-info i {
  color: rgb(var(--bt-orange));
  margin-right: 0.25rem;
}
.a2c-shop-on {
  background-color: rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
  color: rgb(var(--bt-grey));
  cursor: pointer;
  display: inline-block;
  font-family: var(--bt-font-secondary);
  height: 40px;
  line-height: 40px;
  margin-right: 1rem;
  padding: 0 1rem;
}
.a2c-cart-link {
  background-color: rgb(var(--bt-orange));
  border-radius: var(--bt-radius-default);
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
  display: inline-block;
  font-family: var(--bt-font-secondary);
  height: 40px;
  line-height: 40px;
  padding: 0 1rem;
  text-decoration: none !important;
}

/*! Partner brands ---- */

.brand-item {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 10px;
}
.brand-item img {
  display: inline-block;
  height: 100%;
  max-width: 150px;
  max-height: 150px;
  width: auto;
}
.brewery-list-head {
  margin: 0;
  padding: 0;
}

/*! Filter ---- */

.filter-wrapper {
  margin-bottom: 2rem;
}
.filter-divider {
  background-color: rgb(var(--bt-grey-light));
  height: 1px;
  width: 100%;
  display: block;
  margin: 0.5rem 0 0.75rem;
}
.filter-title {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.filter-options .form-check-label,
.filter-options a {
  font-size: 0.8rem;
}
.filter-options a {
  color: rgb(var(--bt-orange));
  text-decoration: none;
}
.filter-options a:hover {
  color: rgb(var(--bt-body));
}
.filter-options ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.filter-options li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.filter-options .rating-link {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0 0 0 0.1rem;
}
.filter-options.logos li {
  margin-bottom: 0.25rem;
}
.filter-logo.marketplace {
  background: transparent url(../images/logo_marketplace.svg) no-repeat center left;
  background-size: 85px 20px;
  height: 20px;
  margin-bottom: 0.75rem;
  text-indent: -9999px;
  width: 85px;
}
.filter-logo.braufrisch {
  background: transparent url(../images/logo_braufrisch.svg) no-repeat center left;
  background-size: 84px 24px;
  height: 24px;
  margin-bottom: 0.75rem;
  text-indent: -9999px;
  width: 84px;
}
.filter-trigger span {
  background-color: rgb(var(--bt-orange));
  cursor: pointer;
  color: #fff;
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  margin: 0 0.5rem 0 0;
  border-radius: var(--bt-radius-default);
}
.filter-close span {
  background-color: #fff;
  cursor: pointer;
  color: rgb(var(--bt-grey));
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  margin: 0;
  border-radius: var(--bt-radius-default);
}
.btn-filter i {
  margin-right: 4px;
}
.filter-status {
  background-color: transparent;
  border: 2px solid rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
  color: rgb(var(--bt-body));
  display: inline-block;
  font-family: var(--bt-font-secondary);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 6px;
  padding: 0.5rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  user-select: none;
  vertical-align: middle;
}
.toggle-more {
  font-family: var(--bt-font-secondary);
  color: rgb(var(--bt-grey));
  cursor: pointer;
}

/*! Cart ---- */

.cart-item,
.cart-summary {
  font-size: 0.8rem;
}
.cart-divider {
  background-color: rgb(var(--bt-grey-light));
  height: 1px;
  margin: 1rem 0;
}
.cart-item .title {
  font-family: var(--bt-font-secondary);
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 0;
}
.cart-item .brewery {
  margin-bottom: 0.75rem;
}
.cart-item .details {
  color: rgb(var(--bt-grey));
  margin-bottom: 1.25rem;
}
.cart-item .price,
.cart-summary .price {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
}
.cart-summary {
  line-height: 24px;
}
.cart-item .quantity-box button,
.cart-item .quantity-box input {
  float: left;
}
.cart-item .quantity-box button {
  background-color: rgb(var(--bt-grey-light));
  border: 0;
  height: 24px;
  line-height: 24px;
  width: 24px;
  border-radius: var(--bt-radius-default);
  padding: 0;
  text-align: center;
}
.cart-item .quantity-box button i {
  color: rgb(var(--bt-grey));
  font-size: 0.85rem;
  text-align: center;
  padding-left: 3px;
}
.cart-item .quantity-box button:hover {
  background-color: rgb(var(--bt-orange));
}
.cart-item .quantity-box button:hover i {
  color: #fff;
}
.cart-item input[type="number"] {
  color: rgb(var(--bt-body));
  font-family: var(--bt-font-secondary);
  font-size: 0.85rem;
  font-size: 1rem;
  height: 28px;
  padding: 0 6px;
  text-align: center;
  width: 30px;
  background-color: transparent;
  border: 0;
  outline: none;
}
.cart-item .delete,
.table-bt .delete {
  color: rgb(var(--bt-grey));
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-left: 16px;
  text-decoration: none;
}
.cart-item .delete:hover,
.table-bt .delete:hover {
  text-decoration: underline;
}
.voucher-title {
  font-family: var(--bt-font-secondary);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.legal-label {
  color: rgb(var(--bt-grey));
  font-size: 0.75rem;
}
.legal-label span {
  padding-left: 0.5rem;
}
.legal-label.big {
  color: rgb(var(--bt-body));
  font-size: 0.9rem;
}
.cart-codetable {
  font-size: 0.8rem;
}
.table-bt {
  font-size: 0.8rem;
}
.table-bt th,
.table-bt td {
  padding: 0.35rem 1rem;
  vertical-align: middle;
}

/*! Magazine ---- */

.magazine-archive {
  background: rgb(var(--bt-grey-light));
  border-radius: 0 0 var(--bt-radius-default) var(--bt-radius-default);
  margin-bottom: 2.5rem;
}
.magazine-archive a {
  display: block;
  color: rgb(var(--bt-body));
  text-decoration: none;
}
.magazine-archive .archive-img {
  border-radius: var(--bt-radius-default) var(--bt-radius-default) 0 0;
}
.magazine-archive .archive-content {
  padding: 0.75rem 1.5rem 1rem 1.5rem;
}
.magazine-archive .archive-date {
  color: rgb(var(--bt-grey));
  font-family: var(--bt-font-secondary);
  font-size: 0.9rem;
  padding-bottom: 0.25rem;
}
.magazine-archive h3 {
  margin: 0;
  padding: 0;
}
.magazine-detail .prehead {
  color: rgb(var(--bt-orange));
  font-family: var(--bt-font-secondary);
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.magazine-detail img {
  border-radius: var(--bt-radius-default);
  margin-bottom: 1rem;
}
.magazine-meta {
  margin: 2rem 0;
}
.magazine-meta .date {
  color: rgb(var(--bt-orange));
  font-family: var(--bt-font-secondary);
  margin-top: 0.25rem;
  font-size: 0.9rem;
}
.magazine-meta .date:before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: rgb(var(--bt-grey-light));
  margin-top: 0;
  margin-bottom: 5px;
}

/*! Account ---- */

.account-nav {
  margin-bottom: 1rem;
}
.account-nav .header {
  background-color: rgb(var(--bt-orange));
  color: rgba(255, 255, 255, 0.73);
  border-radius: var(--bt-radius-default);
  font-family: var(--bt-font-secondary);
  padding: 0.5rem 1rem;
  position: relative;
  display: block;
}
.account-nav .header.active {
  border-radius: var(--bt-radius-default) var(--bt-radius-default) 0 0;
}
.account-nav .account-trigger {
  color: #fff;
  font-size: 1.4rem;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-15px);
  cursor: pointer;
  width: 40px;
  text-align: center;
}
.account-nav .header strong {
  color: #fff;
  font-weight: normal;
}
.account-nav .menu {
  background-color: rgb(var(--bt-grey-light));
  border-radius: 0 0 var(--bt-radius-default) var(--bt-radius-default);
}
.account-nav .menu ul {
  font-size: 0.85rem;
  list-style-type: none;
  font-family: var(--bt-font-secondary);
  margin: 0;
  padding: 0;
}
.account-nav .menu a {
  color: rgb(var(--bt-grey));
  display: block;
  text-decoration: none;
  padding: 0.5rem 1rem;
}
.account-nav .menu a i {
  color: rgb(var(--bt-orange));
  font-size: 1rem;
  width: 24px;
}
.account-nav .menu a:hover {
  color: rgb(var(--bt-body));
}
.account-nav .menu li {
  border-top: 1px solid rgb(var(--bt-grey-hover));
}
.account-nav .menu li:first-child {
  border: 0;
}
.account-nav .menu li.logout a i {
  color: rgb(var(--bt-grey));
}
.account-nav .menu a.current {
  color: rgb(var(--bt-orange));
}
.account-cart-divider {
  background-color: rgb(var(--bt-grey-light));
  height: 1px;
  margin: 0.5rem 0;
}
.account-cart-item .price {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
}
.addr-delete {
  margin: -0.75rem -0.75rem 0.5rem 0;
}
.addr-delete span {
  background-color: rgb(var(--bt-grey));
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  border-radius: var(--bt-radius-default);
}
.addr-delete i {
  color: #fff;
  margin-left: 4px;
}
.wishlist-remove {
  position: absolute;
  right: 10px;
  top: 10px;
}
.wishlist-remove span {
  background-color: rgb(var(--bt-grey));
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  border-radius: var(--bt-radius-default);
}
.wishlist-remove i {
  color: #fff;
}

/*! Stores ---- */

.store-item {
  margin-bottom: 1.5rem;
}
.store-item a {
  text-decoration: none;
}
.store-item a:hover {
  color: rgb(var(--bt-body));
}
.store-img {
  position: relative;
}
.store-img img {
  border-radius: var(--bt-radius-default);
}
.store-title {
  color: #fff;
  font-family: var(--bt-font-secondary);
  position: absolute;
  font-size: 1.4rem;
  bottom: 0;
  left: 0;
  padding: 0.5rem 1rem;
}
.store-question {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.store-answer {
  font-style: italic;
}
.store-manager {
  color: rgb(var(--bt-grey));
  font-family: var(--bt-font-secondary);
  margin: 0.75rem 0 0.5rem;
}
.store-info {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.store-hours p {
  font-size: 0.85rem;
}
.store-hours .store-day {
  display: inline-block;
  width: 32px;
}

/*! Events --- */

.event-item {
  display: block;
}
.event-item a {
  display: block !important;
  cursor: pointer !important;
}
.event-item a:hover .item-status {
  color: rgb(var(--bt-body));
}
.item-date {
  font-family: var(--bt-font-secondary);
  width: 54px;
  float: left;
  font-style: normal;
  margin-right: 16px;
}
.item-date .month {
  border-radius: var(--bt-radius-default) var(--bt-radius-default) 0 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  background: rgb(238, 125, 0);
}
.item-date .day {
  border-radius: 0 0 var(--bt-radius-default) var(--bt-radius-default);
  color: rgb(0, 0, 0);
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 28px;
  background-color: #eee;
}
.item-desc {
  padding-top: 6px;
  float: left;
  width: calc(100% - 150px);
}
.item-desc h4 {
  margin: 0 0 0.15rem;
}
.item-desc p {
  font-size: 0.85rem;
  color: rgb(var(--bt-grey));
}
.item-status {
  font-family: var(--bt-font-secondary);
  float: right;
  text-align: center;
  padding: 10px 0;
  width: 54px;
}
.item-status i {
  display: block;
}
.event-divider {
  background-color: rgb(var(--bt-grey-light));
  height: 1px;
  width: 100%;
  display: block;
  margin: 0.75rem 0;
}
.event-presenter {
  color: rgb(var(--bt-grey));
  font-family: var(--bt-font-secondary);
  font-size: 0.8rem;
  margin: -1.25rem 0 0.75rem 0;
}
.event-presenter a {
  color: rgb(var(--bt-grey));
  text-decoration: none;
}
.event-presenter a:hover {
  color: rgb(var(--bt-body));
}
.event-head .store-img img {
  border-radius: var(--bt-radius-default) var(--bt-radius-default) 0 0;
}
.event-head {
  margin-bottom: 0;
}

/*! FOOTER ----------------------------------------------------------------- */

/*! Newsletter Signup ---- */

.footer-nl {
  background-color: rgb(var(--bt-orange));
  font-family: var(--bt-font-secondary);
  font-weight: 400;
  text-align: center;
  line-height: 1.1;
  font-size: 1rem;
}
.footer-nl .container {
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}
.footer-nl h4 {
  color: #fff;
  font-size: 1.6rem;
  margin: 10px 0 0;
  padding: 0;
}
.footer-nl p {
  color: #fff;
  margin: 0;
  padding: 0;
}
.footer-nl a {
  display: inline-block;
  background-color: #fff;
  color: rgb(var(--bt-orange));
  border-radius: 3px;
  text-align: center;
  padding: 10px 24px;
  margin: 12px 0 0;
  text-decoration: none;
}

/*! Navigation ---- */

.footer-nav {
  background-color: rgb(var(--bt-grey-dark));
}
.footer-nav .container {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.footer-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-nav h4 {
  color: #fff;
  font-family: var(--bt-font-secondary);
  font-size: 0.85rem;
  padding-top: 0.5rem;
}
.footer-nav a {
  color: rgb(var(--bt-grey-mid));
  font-family: var(--bt-font-primary);
  font-size: 0.75rem;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.1s ease;
}
.footer-nav a:hover {
  color: #fff;
}
.footer-nav .services li {
  max-width: 100px;
  width: 100%;
  margin-bottom: 0.5rem;
}

/*! Social links ---- */

.footer-social {
  background-color: rgb(var(--bt-grey-dark));
  border-top: 1px solid rgb(var(--bt-grey-darkest));
  position: relative;
  text-align: center;
}
.footer-social > a {
  color: rgb(var(--bt-grey));
  display: inline-block;
  font-size: 1.8rem;
  padding: 1rem 6px;
  text-align: center;
}
.footer-social > a:hover {
  color: #fff;
}

/*! Legal ---- */

.footer-legal {
  color: rgb(var(--bt-grey));
  text-align: center;
  font-size: 0.75rem;
}
.footer-legal .container {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.footer-legal p {
  margin: 0 0 0.25rem;
}

/*! 3rd PARTY -------------------------------------------------------------- */

/*! Owl Carousel ---- */

.owl-carousel {
  overflow: hidden;
  position: relative;
}
.owl-nav {
  opacity: 0;
  transition: opacity 0.4s;
}
.owl-nav i {
  font-size: 2rem;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  border: 0;
  cursor: pointer;
  color: rgb(var(--bt-grey)) !important;
  font-size: 3rem;
  font-weight: 400;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  transform: none;
  transition: 0.4s;
  width: 3rem;
  height: 100%;
}
.owl-nav .owl-prev:not(.disabled):hover,
.owl-nav .owl-next:not(.disabled):hover {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
  color: rgb(var(--bt-orange)) !important;
}
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}
.owl-nav .owl-prev {
  box-shadow: 4px 0 7px -5px rgba(0, 0, 0, 0.2);
  left: 0;
}
.owl-nav .owl-next {
  box-shadow: -4px 0 7px -5px rgba(0, 0, 0, 0.2);
  right: 0;
}
.owl-carousel:hover .owl-nav {
  opacity: 1;
}
.owl-dots {
  bottom: 1rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.owl-dots .owl-dot span {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
  border-radius: 30px;
  display: block;
  height: 8px;
  margin: 5px;
  opacity: 0.8;
  transition: all 0.3s ease;
  width: 8px;
  -webkit-backface-visibility: visible;
}
.owl-dots .owl-dot.active span {
  background-color: #fff;
  opacity: 1;
  width: 24px;
}
.owl-dots .owl-dot:hover span {
  background-color: #fff;
}

/*! BS Buttons ---- */

.btn-block {
  width: 100%;
}
a.btn {
  text-decoration: none;
}
@media (max-width: 767px) {
    a.btn{
        padding: 0.5rem 1rem;
    }
}

.btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--bt-radius-default);
  color: rgb(var(--bt-body));
  cursor: pointer;
  display: inline-block;
  font-family: var(--bt-font-secondary);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  user-select: none;
  vertical-align: middle;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: rgb(var(--bt-orange)) !important;
  border-color: rgb(var(--bt-orange)) !important;
  color: #fff !important;
  box-shadow: 0;
}
.btn-primary:focus,
.btn-primary:active {
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-orange), 0.25) !important;
  outline: 0 !important;
}
.btn-primary {
  border-color: rgb(var(--bt-body));
}
.btn-secondary,
a.btn-secondary {
  background-color: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
  color: #fff;
}
.btn-secondary:hover,
a.btn-secondary:hover {
  background-color: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
  color: #fff;
}
.btn-secondary:focus,
.btn-secondary.focus {
  background-color: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-orange), 0.5);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-orange), 0.25);
}
.btn-grey {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
  color: rgb(var(--bt-body));
}
.btn-grey:hover {
  background-color: rgb(var(--bt-grey-hover));
  border-color: rgb(var(--bt-grey-hover));
  color: rgb(var(--bt-body)) !important;
}
.btn-grey:focus,
.btn-grey.focus {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-grey-light), 0.5);
}
.btn-grey:not(:disabled):not(.disabled):active,
.btn-grey:not(:disabled):not(.disabled).active,
.show > .btn-grey.dropdown-toggle {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
}
.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-grey.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-grey-light), 0.5);
}
.btn-white {
  background-color: #fff;
  border-color: rgb(var(--bt-grey-light));
  color: rgb(var(--bt-body));
}
.btn-white:hover {
  background-color: rgb(var(--bt-grey-hover));
  border-color: rgb(var(--bt-grey-hover));
  color: rgb(var(--bt-body)) !important;
}
.btn-white:focus,
.btn-white.focus {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-grey-light), 0.5);
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  background-color: rgb(var(--bt-grey-light));
  border-color: rgb(var(--bt-grey-light));
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bt-grey-light), 0.5);
}

/*! Inputs ---- */

.input-group {
  position: relative;
}
.input-group label {
  display: none;
}
.input-group.labeled label {
  display: block;
  color: rgb(29, 29, 27);
  font-size: 0.9rem;
  display: block;
  line-height: 1;
  padding-bottom: 6px;
}
.input-group label.infield {
  left: 4px;
  position: absolute;
  top: -3px;
}
.input-group input[type="text"],
.input-group input[type="password"],
.input-group input[type="email"],
.input-group input[type="date"],
.input-group textarea {
  background-color: #fff;
  border: 2px solid #ddd;
  border-right: 0;
  border-radius: var(--bt-radius-default);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #333;
  font-family: var(--bt-font-primary);
  font-size: 0.9rem;
  height: 45px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  padding: 0 15px;
}
.input-group input[type="text"]:focus,
.input-group input[type="email"]:focus,
.input-group input[type="password"]:focus,
.input-group input[type="date"]:focus,
.input-group textarea:focus {
  background-color: rgb(255, 255, 255);
  border-color: rgb(var(--bt-orange));
  box-shadow: none;
  color: #333;
  outline: none !important;
}
.input-group ::-webkit-input-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.input-group :-moz-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.input-group ::-moz-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.input-group :-ms-input-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
label strong {
  margin-left: 6px;
}
.check-subline {
  margin: 0 0 0 1.5rem;
}
.form-group {
  margin: 10px 0 15px;
  position: relative;
}
.form-group label {
  color: rgb(var(--bt-grey));
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.form-group.labeled label {
  display: block;
  color: rgb(29, 29, 27);
  font-size: 0.9rem;
  display: block;
  line-height: 1;
  padding-bottom: 6px;
}
.form-group label.infield {
  left: 4px;
  position: absolute;
  top: -3px;
}
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"],
.form-group input[type="date"],
.form-group textarea {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: var(--bt-radius-default);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #333;
  font-family: var(--bt-font-primary);
  font-size: 0.9rem;
  height: 45px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  padding: 0 15px;
}
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="date"]:focus,
.form-group textarea:focus {
  background-color: rgb(255, 255, 255);
  border-color: rgb(var(--bt-orange));
  box-shadow: none;
  color: #333;
  outline: none !important;
}
.form-group ::-webkit-input-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.form-group :-moz-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.form-group ::-moz-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.form-group :-ms-input-placeholder {
  color: rgb(153, 153, 153);
  font-weight: 400;
}
.form-group textarea {
  padding-top: 0.75rem;
}
.form-select {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: var(--bt-radius-default);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #333;
  font-family: var(--bt-font-primary);
  font-size: 0.9rem;
  height: 45px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  padding: 0 15px;
}
.form-select:focus {
  background-color: rgb(255, 255, 255);
  border-color: rgb(var(--bt-orange));
  box-shadow: none;
  color: #333;
  outline: none !important;
}
.form-check-input:focus {
  border-color: rgb(var(--bt-orange));
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--bt-orange), 0.25);
}
.form-check-input:checked {
  background-color: rgb(var(--bt-orange));
  border-color: rgb(var(--bt-orange));
}

/*! BS Modal ---- */

.modal-content {
  border-radius: var(--bt-radius-default);
}
.modal-header {
  background-color: rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
}
.modal-header,
.modal-footer {
  border: 0;
}
.modal-body {
  padding: 2rem 2rem 1rem 2rem;
}
.modal-title {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
}
.modal-title i {
  color: rgb(var(--bt-green));
  margin-right: 0.25rem;
}

/*! BS Offcanvas ---- */

.offcanvas-header {
  background-color: rgb(var(--bt-grey-light));
  border-radius: var(--bt-radius-default);
}
.offcanvas-header,
.offcanvas-footer {
  border: 0;
}
.offcanvas-body {
  padding: 2rem 2rem 1rem 2rem;
}
.offcanvas-title {
  font-family: var(--bt-font-secondary);
  font-size: 1rem;
  padding-left: 1rem;
}
.offcanvas-title i {
  color: rgb(var(--bt-green));
  margin-right: 0.25rem;
}

/*! BS Dropdown ---- */

.dropdown-toggle {
  cursor: pointer;
}
.dropdown-menu {
  border-radius: var(--bt-radius-default);
  background-color: rgb(var(--bt-grey-light));
}
.dropdown-menu li a {
  color: rgb(var(--bt-body));
  display: block;
  padding: 0.1rem 0.5rem;
  font-size: 0.8rem;
}

/*! BS Tabs ---- */

.nav-link {
  border-radius: var(--bt-radius-default);
}
.tab-pane {
  padding: 1.5rem 1rem 1rem 1rem;
}
.nav-link {
  color: rgb(var(--bt-grey-mid));
  font-family: var(--bt-font-secondary);
}
.nav-link:hover {
  color: rgb(var(--bt-orange));
}

/*! BS Accordion ---- */

.accordion-item {
  border-color: rgb(var(--bt-grey-light));
  border-width: 2px;
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bt-radius-default);
  border-top-right-radius: var(--bt-radius-default);
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bt-radius-default);
  border-bottom-left-radius: var(--bt-radius-default);
}
.accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bt-radius-default);
  border-top-right-radius: var(--bt-radius-default);
}
.accordion-button:not(.collapsed) {
  color: rgb(var(--bt-orange));
  background-color: rgb(var(--bt-grey-light));
  box-shadow: 0;
}
.accordion-item:first-of-type .accordion-button:not(.collapsed) {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(129,129,129)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(129,129,129)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-item .accordion-button i {
  font-size: 1.2rem;
  margin-right: 10px;
}

/*! RESPONSIVE, BABY! ----------------------------------------------------- */

@media screen and (min-width: 1200px) {
  /* EXTRA LARGE */
  .site-nav ul li.root > a {
    font-size: 1rem !important;
  }
  .account-nav .header {
    border-radius: var(--bt-radius-default) var(--bt-radius-default) 0 0;
  }
}
@media screen and (min-width: 992px) {
  /* LARGE */
  .site-header .brand a {
    background-size: 288px 36px;
    height: 40px;
    width: 288px;
  }
  .site-nav {
    display: block !important;
  }
  .site-nav ul {
    border: solid rgb(var(--bt-grey-darkest));
    border-width: 0 1px;
    display: flex;
  }
  .site-nav ul li.root {
    color: inherit;
    flex: 1;
    text-align: center;
  }
  .site-nav ul li.root:not(:first-child) {
    border-left: 1px solid rgb(var(--bt-grey-darkest));
  }
  .site-nav ul li.root > a {
    font-size: 0.85rem;
    line-height: 50px;
    padding: 0 4px;
  }
  .site-nav ul li:hover > a {
    background-color: #fff;
    color: rgb(var(--bt-grey-dark));
  }
  .site-nav ul > li > .mega {
    background: #fff;
    border: 1px solid rgb(var(--bt-grey));
    border-top: 0;
    color: #000;
    display: block;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    position: absolute;
    text-align: left;
    top: 50px;
    transition: all 0 ease 0.15s;
    visibility: hidden;
    width: calc(100% + 2px);
    z-index: 1001;
  }
  .site-nav ul > li:hover > .mega {
    opacity: 1;
    overflow: visible;
    visibility: visible;
  }
  .site-nav ul > li > .mega ul {
    border: 0;
    display: block;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-0.5 * 1.5rem);
    margin-right: calc(-0.5 * 1.5rem);
    font-family: var(--bt-font-secondary);
  }
  .site-nav ul > li > .mega ul > * {
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: 0;
    max-width: 100%;
    padding-left: calc(1.5rem * 0.5);
    padding-right: calc(1.5rem * 0.5);
    width: 100%;
  }
  .site-nav ul > li > .mega li {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: 1rem;
  }
  .site-nav ul > li > .mega li.beerstyle {
    width: 16.66666667%;
  }
  .site-nav ul > li > .mega a {
    color: rgb(var(--bt-grey-dark));
    display: block;
    text-align: center;
    text-decoration: none;
  }
  .site-nav .nav-label {
    display: block;
    font-family: var(--bt-font-secondary);
    font-size: 0.85rem;
    margin-top: 0.5rem;
  }
  .site-nav .sub {
    display: block;
  }
  .site-nav .beerstyle .nav-label {
    display: none;
  }
  .detail-info dl {
    display: flex;
    flex-wrap: wrap;
  }
  .detail-info dt {
    width: 25%;
    display: inline-block;
    padding: 6px 0;
  }
  .detail-info dd {
    border-top: 1px solid rgb(var(--bt-grey-light));
    width: 75%;
    display: inline-block;
    padding: 6px 0;
  }
  .bt-mpb.grey .detail-info dd {
    border-top: 1px solid rgb(var(--bt-grey-hover));
  }
  .detail-info.half-data dt,
  .detail-info.half-data dd {
    width: 50%;
  }
  .filter-wrapper {
    display: block !important;
  }
  .bt-t-amount {
    text-align: right;
  }
  .bt-t-actions {
    text-align: center;
  }
  .account-nav .header {
    padding: 0.5rem 1rem 0.25rem;
    line-height: 1.3;
    font-size: 0.8rem;
  }
  .account-nav .header strong {
    display: block;
    font-size: 1.2rem;
  }
  .account-nav .header .account-trigger {
    display: none;
  }
  .account-nav .menu {
    display: block !important;
  }
  .cart-sidebar {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 991.98px) {
  /* SMALL + MEDIUM */
  .site-header .brand a {
    background-size: 189px 24px;
    height: 40px;
    width: 189px;
  }
  .site-header .search {
    margin-top: 0.5rem;
  }
  .site-header .tools i {
    font-size: 1.8rem;
  }
  .site-nav {
    display: none;
    letter-spacing: 0.015rem;
    padding: 1rem 0;
  }
  .site-nav ul li.root {
    border-bottom: 1px solid rgb(var(--bt-grey));
  }
  .site-nav ul li.root:last-child {
    border-bottom: 0;
  }
  .site-nav ul li.root > a {
    display: flex; /*** Edit : HOP-637 fix ***/
    font-size: 1.2rem;
    padding: 0.75rem 0 0.6rem;

    /*** Start : HOP-637 fix ***/
    align-items: center;
    justify-content: space-between;
    /*** End : HOP-637 fix ***/
  }

  /*** Start : HOP-637 fix ***/
  .site-nav ul li.root > a {
    i {
      font-size: 1.2rem;
      margin-right: 10px;
      transition: rotate 0.3s ease;
    }

    &.active i {
      rotate: 90deg;
    }
  }
  .site-nav ul > li > .mega {
    display: none;
  }
  /*** End : HOP-637 fix ***/

  .site-nav ul > li > .mega ul {
    margin-top: -0.5rem;
    padding-bottom: 1rem;
  }
  .site-nav ul > li > .mega a {
    color: rgb(var(--bt-grey-mid));
    font-family: var(--bt-font-primary);
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none;
  }
  .site-nav .nav-image {
    display: none;
  }
  .home-usp .usp-item {
    font-size: 0.85rem;
  }
  .product-item .action a .action-label {
    display: none;
  }
  .product-item.pure .action a .action-label {
    display: inline-block;
  }
  .list-block {
    margin-bottom: 0.5rem;
  }
  .footer-nav h4 {
    border-top: 1px solid rgb(var(--bt-grey-mid));
    font-size: 1rem;
    padding-top: 0.75rem;
  }
  .footer-nav h4.first {
    border: 0;
    padding-top: 0.5rem;
  }
  .footer-nav ul {
    padding-bottom: 0.75rem;
  }
  .footer-nav a {
    font-size: 0.85rem;
    line-height: 24px;
  }
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    font-size: 2rem;
    width: 2rem;
  }
  .owl-dots {
    bottom: 0.5rem;
  }
  .no-more-tables table,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td,
  .no-more-tables tr {
    display: block;
  }
  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .no-more-tables tr {
    border: 1px solid #ccc;
  }
  .no-more-tables td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }
  .no-more-tables td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }
  .account-nav .menu {
    display: none;
  }
  .brewery-list-head {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 991.98px) {
  /* MEDIUM ONLY */
  .site-header .tools {
    top: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  /* SMALL ONLY*/
  .filter-wrapper {
    background-color: rgb(var(--bt-grey-light));
    border-radius: var(--bt-radius-default);
    display: none;
    padding: 1rem;
  }
  /* .filter-divider{background-color:#FFF;} */
}

/*! END OF LINE */

/***
START OF SUBSCRIPTIONS
***/
img.subscription-image {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
  object-position: center;
  margin-block-start: 1rem;
  margin-block-end: 0.5rem;
}

input:is(.subscription) {
  display: none;
}

label:has(input:is(.subscription)) {
  display: block;
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.img-thumbnail:has(input:is(.subscription):checked),
.label-wrapper:has(input:is(.subscription):checked) {
  box-shadow: 0 0 0 2px rgb(var(--bt-orange)) inset;
}

/* order summary */
.order-summary {
  /* background-color: rgb(var(--bt-grey-light)); */
  border-radius: var(--bt-radius-default);
  padding: 1rem;
  margin-block-end: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;

  ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    li {
      border-bottom: 1px solid rgb(var(--bt-grey-light));
      padding-bottom: 0.5rem;
    }
  }
}
/***
  END OF SUBSCRIPTIONS
  *** */

/***
START OF TRUNCATED TEXT
***/
button[data-show-more] {
  display: none;
}
@media screen and (max-width: 991px) {
  .truncated-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .expanded {
    -webkit-line-clamp: unset;
  }

  button[data-show-more] {
    display: block;
  }
}

/***
END OF TRUNCATED TEXT
***/

/***
START OF GIVE AWAY
***/

.give-away {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* justify-content: space-between; */

  .image {
    padding: 0 1rem;
    height: 180px;

    img {
      border-radius: var(--bt-radius-default);
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  .give-away-input {
    display: none;
  }

  &:has(.give-away-input) {
    &::before {
      content: "";
      display: block;
      border: 2px solid rgb(var(--bt-orange));
      border-radius: 50%;
      position: absolute;
      top: 6px;
      left: 6px;
      width: 18px;
      height: 18px;
    }
  }

  &:has(.give-away-input:checked) {
    border-color: rgb(var(--bt-orange));

    &::after {
      content: "";
      display: block;
      background-color: rgb(var(--bt-orange));
      border-radius: 50%;
      position: absolute;
      top: 9px;
      left: 9px;
      width: 12px;
      height: 12px;
    }
  }
}

/***
END OF GIVE AWAY
***/

/*** 
START OF BREWERIES COUNTRY LIST
***/
.list-of-countries {
  padding-inline: 0;

  .owl-carousel {
    padding-inline: 40px;
    .owl-stage-outer {
      height: 32px;
    }
  }
  .country {
    margin: 0 3px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border: 1px solid rgba(var(--bt-grey-mid), 0.5);
    border-radius: var(--bt-radius-default);
    padding: 0.2rem 0.75rem;
    height: 30px;
    &.active,
    &:focus {
      border-color: rgb(var(--bt-orange));
      background-color: rgba(var(--bt-orange), 0.1);
    }
  }
  .owl-nav {
    opacity: 1;
    display: block;
    button.owl-prev {
      left: 0;
    }
    .owl-prev.disabled,
    .owl-next.disabled {
      opacity: 0.5;
      visibility: visible;
      cursor: default;

      i {
        color: rgb(var(--bt-grey-mid));
      }
    }
    i {
      font-size: 1.3rem;
    }
  }
}

/*** 
END OF BREWERIES COUNTRY LIST
***/

/*** 
START OF HOME USP
***/

@media (max-width: 991px) {
  .home-usp-mobile {
    display: flex !important;
    padding: 0.5rem 1.5rem;
    gap: 0.5rem;
    flex-wrap: wrap;
    background-color: rgb(var(--bt-grey-light));
    justify-content: center;

    .usp-item {
      padding: 0.2rem;
      display: flex;
      border-radius: var(--bt-radius-default);
      flex: 1;
      align-items: center;
      font-size: 13px;

      &:is(a) {
        text-decoration: none;
        cursor: pointer;
        font-weight: 600;
        white-space: nowrap;
      }

      &::before {
        content: "";
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        padding-left: 28px;
      }

      &.range::before {
        background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 40 40' xml:space='preserve'><path fill='rgb(238,125,0)' d='M15.3 10.6c-.5 0-.9.1-1.3.3-.5-1.1-1.6-1.8-2.8-1.8-1.3 0-2.4.8-2.9 2-.3-.1-.6-.2-.9-.2-1.1 0-2 .8-2.2 1.9V14c-.2.1-.3.3-.3.6 0 .1-.2 3.6 0 6.3.1.7.3 1.9.7 3.4.7 3.3 1.9 8.2 1.2 11.1-.2.7-.5 1.9-.8 2.4-.2.3-.1.7.1 1 .2.2 1.3 1 4.9 1h.6c3.6 0 4.8-.9 4.9-1 .3-.2.3-.7.1-1-.3-.5-.7-1.7-.8-2.4-.6-2.9.5-7.9 1.2-11.1.3-1.5.6-2.7.7-3.4.2-2.7 0-6.2 0-6.3 0-.1-.1-.3-.1-.4.1-.3.2-.7.2-1 0-1.4-1.1-2.6-2.5-2.6zm-3.7 27.7H11c-1.8 0-2.9-.2-3.4-.4.2-.6.4-1.2.5-1.7.7.2 1.9.4 3.3.4 1 0 2-.1 3.1-.4.1.4.3 1.1.5 1.6-.5.3-1.6.5-3.4.5zm4-14.3c-.7 3.2-1.7 7.5-1.4 10.7-2.4.6-4.8.2-5.9 0 .4-3.2-.6-7.5-1.3-10.7l-.3-1.5H16c-.2.4-.3.9-.4 1.5zm.6-3.2v.2H6.4v-.2c-.1-1.8-.1-4 0-5.2h.2v2.2c-.1 1.2.8 2.2 2 2.2 1.1 0 2.1-.9 2.1-2.1v-1.7h.6c1.7 0 3.3-.3 4.5-.5.2 0 .3-.1.5-.1 0 1.2 0 3.4-.1 5.2zm-.5-6.7c-.1.1-.3.1-.4.1-.1 0-.2 0-.3.1-1 .2-2.4.4-3.7.4-.4 0-.8 0-1.3-.1-.2 0-.4.1-.6.2-.2.1-.2.4-.2.6v2.5c0 .3-.2.5-.5.5s-.5-.2-.5-.5V15c0-.4-.3-.7-.6-.8-.3-.1-.5-.1-.7-.2v-1c.1-.3.4-.5.7-.5.3 0 .6.2.7.6.1.4.4.6.7.6h.1c.3 0 .5-.1.6-.3.1-.2.2-.5.1-.7-.1-.2-.1-.3-.1-.5 0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5c0 .2 0 .3-.1.5s-.1.5.1.7c.1.2.4.3.6.3h.2c.4 0 .7-.3.8-.7 0-.5.5-.9 1-.9.6 0 1 .5 1 1s-.3.9-.6 1zM31.7 11.4l-.8-9.9h.1c.4 0 .8-.3.8-.8S31.4 0 31 0H23.9c-.4 0-.8.3-.8.8s.3.8.8.8h.1l-.8 9.9-3.5 6.3c-.1.1-.1.2-.1.4v18c0 2.5 1.5 3.9 4 3.9h7.6c2.5 0 4-1.5 4-3.9v-18c0-.1 0-.3-.1-.4l-3.4-6.4zm-6.2-9.9h3.9l.3 3.6h-4.5l.3-3.6zm8.2 34.6c0 1.6-.8 2.4-2.5 2.4h-7.6c-1.7 0-2.5-.8-2.5-2.4V26h1.8c.4 2.2 2.2 3.8 4.5 3.8s4.1-1.6 4.5-3.8h1.8v10.1zm-9.3-10.9c0-1.7 1.4-3 3-3 1.7 0 3 1.4 3 3 0 1.7-1.4 3-3 3s-3-1.3-3-3zm9.3-.8h-1.8c-.4-2.2-2.2-3.8-4.5-3.8s-4.1 1.6-4.5 3.8h-1.8v-6.2l3.4-6.2c.1-.1.1-.2.1-.3l.4-5h4.7l.4 5c0 .1 0 .2.1.3l3.4 6.2v6.2z'/></svg>");
      }
      &.delivery::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M39.4 27.9c.4 0 .6-.3.6-.6v-6.5c0-.1 0-.3-.1-.4l-4.5-6.5c-.1-.2-.3-.3-.5-.3h-5.7V9.7c0-.4-.3-.6-.6-.6H6.2c-.4 0-.6.3-.6.6v3.5h-5c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h4.9v1h-2c-.4 0-.6.3-.6.6s.3.6.6.6h2.1v1h-5c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h4.9v1h-2c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h2.1v5.9c0 .4.3.6.6.6h2.6c.1.6.4 1.2.8 1.7h-9c-.4 0-.6.3-.6.6s.3.6.6.6h38.7c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-2.6c.4-.5.7-1.1.8-1.7h1.9zm-4.8-13l4.1 6.1v5.7h-1.2c-.3-1.7-1.8-3-3.6-3s-3.3 1.3-3.6 3h-1.2V14.9h5.5zm-18.7 13h14.4c.1.6.4 1.2.8 1.7h-16c.4-.4.7-1 .8-1.7zm-9.1-6.5h4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-1h1.6c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-1h4.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6H6.8v-1h1.6c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6H6.8v-2.9h21.1V27h-12c-.3-1.7-1.8-3-3.6-3S9 25 8.7 26.7H6.8v-5.3zm3.2 5.9c0-1.3 1-2.3 2.3-2.3s2.4 1.1 2.4 2.4-1.1 2.4-2.4 2.4-2.3-1.2-2.3-2.5zm21.6 0c0-1.3 1.1-2.4 2.4-2.4 1.3 0 2.4 1.1 2.4 2.4s-1.1 2.4-2.4 2.4c-1.3 0-2.4-1.1-2.4-2.4z'/><path fill='rgb(238,125,0)' d='M30.6 21h6.2c.2 0 .5-.1.6-.3.1-.2.1-.5 0-.7l-2.9-4.1c-.1-.2-.3-.3-.5-.3h-3.2c-.4 0-.6.3-.6.6v4.1c-.3.4 0 .7.4.7zm.6-4.2h2.3l2 2.9h-4.3v-2.9z'/></svg>");
        background-size: 30px 30px;
        width: 30px;
        padding-left: 38px;
      }
      &.fee::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M36.2 31.8C38.6 28.5 40 24.4 40 20s-1.4-8.5-3.8-11.8c0 0 0-.1-.1-.1L36 8c-3.7-4.9-9.5-8-16-8C13.4 0 7.6 3.2 4 8l-.1.1s0 .1-.1.1C1.4 11.5 0 15.6 0 20s1.4 8.5 3.8 11.8c0 0 0 .1.1.1l.1.1c3.7 4.9 9.5 8.1 16 8.1 6.6 0 12.4-3.2 16-8.1l.1-.1s0-.1.1-.1zM20 26.5c-3.4 0-6.6.5-9.5 1.4-.6-2.2-.9-4.7-.9-7.2h20.9c0 2.6-.4 5-.9 7.2-3-1-6.2-1.4-9.6-1.4zm9.2 2.5c-1.8 5.9-5.2 9.8-9.2 9.8s-7.4-4-9.2-9.8c2.8-.9 5.9-1.4 9.2-1.4s6.4.5 9.2 1.4zm-28-8.4h7.2c0 2.7.4 5.3 1 7.6-1.8.7-3.5 1.5-4.9 2.5-2-2.9-3.2-6.4-3.3-10.1zM4.5 9.3c1.4 1 3 1.8 4.9 2.5-.6 2.3-1 4.9-1 7.6H1.2c.1-3.7 1.3-7.2 3.3-10.1zM20 13.5c3.4 0 6.6-.5 9.5-1.4.6 2.2.9 4.7.9 7.2H9.5c0-2.6.4-5 .9-7.2 3 1 6.2 1.4 9.6 1.4zM10.8 11C12.6 5.2 16 1.2 20 1.2s7.4 4 9.2 9.8c-2.8.9-5.9 1.4-9.2 1.4s-6.4-.5-9.2-1.4zm28 8.4h-7.2c0-2.7-.4-5.3-1-7.6 1.8-.7 3.5-1.5 4.9-2.5 2 2.9 3.2 6.4 3.3 10.1zm-7.2 1.2h7.2c-.1 3.7-1.3 7.2-3.3 10.1-1.4-1-3-1.8-4.9-2.5.6-2.3 1-4.9 1-7.6zm3.2-12.2c-1.3.9-2.8 1.7-4.5 2.3-1.2-3.9-3.1-7-5.5-8.8 4 1 7.5 3.3 10 6.5zM15.2 1.8c-2.3 1.8-4.3 5-5.5 8.8C8 10 6.5 9.3 5.2 8.4c2.5-3.2 6-5.5 10-6.6zm-10 29.8c1.3-.9 2.8-1.6 4.5-2.2 1.2 3.9 3.1 7 5.5 8.8-4-1.1-7.5-3.4-10-6.6zm19.6 6.6c2.3-1.8 4.3-5 5.5-8.8 1.7.6 3.2 1.4 4.5 2.3-2.5 3.1-6 5.4-10 6.5z'/></svg>");
        background-size: 15px 15px;
        width: 15px;
        padding-left: 23px;
      }

      &.storage::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M39.4 35.5h-2.1V14.7h2.1c.3 0 .6-.2.6-.5.1-.3-.1-.6-.3-.7l-19-10.1c-.2-.1-.4-.1-.6 0L.4 13.4c-.3.1-.4.4-.3.7.1.3.3.5.6.5h2.1v20.8H.6c-.4 0-.6.3-.6.6 0 .4.3.6.6.6h38.7c.4 0 .6-.3.6-.6.1-.2-.2-.5-.5-.5zm-33.7 0H4.1V14.7h1.7v20.8zm27.3 0H7V14.7h26v20.8zm2.9 0h-1.7V14.7h1.7v20.8zM3.3 13.4l17.1-8.8 16.4 8.8H3.3z'/><path fill='rgb(238,125,0)' d='M12.2 25.7h1.1l-.3.3c-.1.1-.2.3-.2.5s.1.4.2.5c.3.3.7.3 1 0l1.3-1.3h2.1l.5.5-1.7 1.7h-1.8c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5 0 .4.3.7.7.7h.5l-.9.7c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2s.4-.1.5-.2l.8-.8v.5c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-1.8l1.7-1.7.5.5v2.1L18 31.1c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2s.4-.1.5-.2l.3-.3v1.1c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-1.1l.3.3c.1.1.3.2.5.2s.4-.1.5-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-1.3-1.3v-2.1l.5-.5 1.7 1.7v1.8c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-.5l.7.8c.1.1.3.2.5.2s.4-.1.5-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-.8-.8h.5c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-1.8l-1.7-1.7.5-.5h2.1l1.3 1.3c.3.3.7.3 1 0 .3-.3.3-.7 0-1l-.3-.3h1.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-1.1l.2-.2c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.3-.3-.7-.3-1 0l-1.3 1.3h-2.1l-.5-.5 1.7-1.7h1.8c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-.5l.9-.7c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-.8.8v-.5c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v1.8l-1.7 1.7-.5-.5v-2.1l1.3-1.3c.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-.3.3v-1.1c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v1.1L19 18c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2c-.1.1-.2.3-.2.5s.1.4.2.5l1.3 1.3v2.1l-.5.5-1.7-1.7v-1.8c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v.5L15 19c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2c-.1.1-.2.3-.2.5s.1.4.2.5l.8.8h-.5c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h1.8l1.7 1.7-.5.5h-2.1L13.9 23c-.3-.3-.7-.3-1 0-.1.1-.2.3-.2.5s.1.4.2.5l.3.3h-1.1c-.4 0-.7.3-.7.7.1.4.4.7.8.7z'/></svg>");
      }

      &.breakfree::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='rgb(238,125,0)' d='M38.4 16.6h-2.1c0-.1 0-.1-.1-.2l-2.5-4.6-.6-7.8c0-.4-.4-.7-.8-.7h-3.9c-.4 0-.7.3-.8.7l-.6 7.8-1.9 3.4-1.9-3.4-.5-7.8c0-.4-.4-.7-.8-.7H18c-.4 0-.7.3-.8.7l-.6 7.9-1.9 3.4-1.9-3.4-.5-7.9c0-.4-.4-.7-.8-.7H7.7c-.4 0-.8.3-.8.7l-.6 7.9-2.5 4.6c0 .1-.1.1-.1.2H1.6c-.9 0-1.6.7-1.6 1.6v7.6c0 .3.1.6.2.8-.1.2-.2.5-.2.8v7.6c0 .9.7 1.6 1.6 1.6h36.8c.9 0 1.6-.7 1.6-1.6v-7.6c0-.3-.1-.6-.2-.8.2-.2.2-.5.2-.8v-7.6c0-1-.7-1.7-1.6-1.7zM29.1 4.8h2.5l.2 2.3H29l.1-2.3zm-.6 7.6c.1-.1.1-.2.1-.3l.3-3.5H32l.3 3.5c0 .1 0 .2.1.3l2.3 4.2h-8.5l2.3-4.2zm-9.7-7.6h2.5l.2 2.3h-2.9l.2-2.3zm-.7 7.6c.1-.1.1-.2.1-.3l.3-3.5h3.1l.3 3.5c0 .1 0 .2.1.3l2.3 4.2h-8.5l2.3-4.2zM8.4 4.8h2.5l.1 2.3H8.2l.2-2.3zm-.7 7.6c.1-.1.1-.2.1-.3L8 8.6h3.1l.3 3.5c0 .1 0 .2.1.3l2.3 4.2H5.4l2.3-4.2zm30.8 22.7c0 .1-.1.1 0 0l-36.9.1s-.1 0-.1-.1v-7.6s0-.1.1-.1h36.8s.1 0 .1.1v7.6zm0-9.3c0 .1-.1.1 0 0l-36.9.1s-.1 0-.1-.1v-7.6s0-.1.1-.1h36.8s.1 0 .1.1v7.6z'/><path fill='rgb(238,125,0)' d='M3.6 18.9c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 23.5c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 28.2c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM3.6 32.8c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.3-.8-.8-.8zM36.4 18.9c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 23.5c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 28.2c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8zM36.4 32.8c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8z'/></svg>");
      }
    }
  }
}

/***
END OF HOME USP
***/

/***
START OF STICKY HEADER
***/

@media screen and (max-width: 991.98px) {
  header.site-header-sticky {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
  }

  body.menu-open {
    overflow: hidden;
    height: 100vh;
    height: 100dvh;
  }

  .site-nav {
    height: calc(100vh - (80px - 2rem));
    overflow-y: auto;
  }
}

@media screen and (max-width: 767px) {
  .site-nav {
    height: calc(100vh - (120px - 2rem));
  }
}

/***
END OF STICKY HEADER
***/

/*** 
START OF SUBSCRIPTION DATE
***/
.subscriptionLaterDate {
  display: none;
}

/*** 
END OF SUBSCRIPTION DATE
***/

/*** 13/02/2022 - ***/

/***
START OF BANNER GROUP
***/
.banner-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
/***
END OF BANNER GROUP
***/

/***
START OF SHOWMORE BUTTON HOP-633
***/

.btn-show-more {
/*  max-width: 140px;*/
  white-space: nowrap;
}

@media screen and (max-width: 991.98px) {
    .btn-show-more{
        padding: 2px 5px;
        font-size: 12px;
    }
}
/***
END OF SHOWMORE BUTTON
***/

/***
START OF HOP-642 (FAQ)
***/

.faq {
  counter-reset: counter 00;
}
.faq-item {
  background-color: rgb(var(--bt-grey-light));
  padding: 1rem;
  border-bottom: #fff 1px solid;
  counter-increment: counter;
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: auto auto;
  grid-template-areas:
    "counter question"
    "counter answer";

  @media (max-width: 767px) {
    grid-template-columns: auto;
    grid-template-areas:
      "question"
      "answer";
  }

  &::before {
    grid-area: counter;
    content: counter(counter, decimal-leading-zero);
    font-size: 1.5rem;
    @media (max-width: 767px) {
      display: none;
    }
  }

  .faq-question {
    grid-area: question;

    h3 {
      padding-top: 3px;
      margin: 0;
      cursor: pointer;

      @media (max-width: 767px) {
        font-size: 1.2rem;
      }
    }
  }

  .faq-answer {
    grid-area: answer;
    p {
      margin: 1rem 0;
    }
  }
}
/***
END OF HOP-642 (FAQ)
***/

/***
START OF SLIDER PRODUCT HEIGHT FIX
***/

.owl-carousel.keep-height .owl-stage {
  display: flex;
  .product-wrap {
    min-height: 100%;
  }
}

/***
END OF SLIDER PRODUCT HEIGHT FIX
***/

.owl-nav-override .owl-nav.owl-nav{
    opacity: 1;
    display: block;
}

.address {
  &:has(input[type="radio"]:not(:checked)) > address {
    display: none;
  }
  .form-fields {
    display: flex;
    align-items: center;
    gap: 1rem;

    + address {
      margin-top: 20px;
    }
  }
}

.dropdown-menu.show {
    z-index:1100;
}

.ui-widget.ui-widget-content{
    z-index: 1000;
}

.product-item,.buybox-item {
    margin: 0 2px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .owl-carousel.block-spacer .owl-item {
      padding: 0 20px;
    }
}

.row.product-wrapper {
    row-gap: 20px;
}