:root {
  --mobile-page-side-margin: 5vw;
  --bottom-nav-icons-size: 24px;
}

.container,
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--mobile-page-side-margin);
  padding-right: var(--mobile-page-side-margin);
}

.product-line-grid-right .price,
.product-line-grid-right .qty {
  width: 100%;
}

.desktop-top {
  display: none;
}
.mobile_menu {
  display: contents;
}
.mobile-top {
  display: block;
}

nav#mobile-menu {
  background-color: #f8f9fa;
  position: fixed;
  width: 80%;
  height: 100dvh;
  top: 0;
  left: -80%;
  transition: left 0.3s ease-in-out;
  z-index: 9999;
}

nav#mobile-menu.open {
  left: 0;
}

.main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu > li {
  display: block;
  border-bottom: 1px solid #ccc;
}

.main-menu > li > a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

#header .logo {
  max-width: 110px;
  height: auto;
}

.submenu {
  /* display: none; */
  list-style: none;
  padding: 0;
  margin-left: 10px;
}

/* .main-menu > li:hover .submenu {
   display: block;
  } */

.submenu > li > a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #555;
}

.submenu > li > a:hover {
  background-color: #eaeaea;
}

.mobile-menu-trigger-btn {
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  text-align: end;
}

.mobile-menu-trigger-btn span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #333;
  margin-bottom: 5px;
  transition: transform 0.3s ease-in-out;
}

div#close_mobile_menu {
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}

span.submenu-toggle {
  float: right;
  width: 30px;
  height: 30px;
}

.mobileContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.headerMobileIcons {
  display: flex;
  gap: 15px;
}

.material-icons {
  line-height: 0;
}

div#_mobile_logo {
  margin-right: auto;
}

/* header > *:not(:first-child),
section#wrapper { */
header > *:not(:first-child) {
  filter: blur(0px);
  transition: filter 0.3s ease;
}
/* header > *:not(:first-child), section#wrapper, footer#footer {
  filter: blur(0px);
  transition: filter 0.3s ease;
} */
.submenu-toggle i {
  transition: transform 0.3s ease;
}

.rotate180 {
  transform: rotate(180deg);
}

.stripeElement {
  opacity: 0;
  width: 100%;
  top: 5px;
  text-align: center;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  color: white;
  justify-content: center;
}

.stripeElement.active {
  opacity: 1;
  pointer-events: all;
}

.product_page_container {
  max-width: unset;
}

.product_page_container .product-add-to-cart .qty {
  /* margin-top: -20px; */
  top: 0;
}

.product_page_container .product-add-to-cart .qty .input-group {
  margin-bottom: 0;
}

.product_page_container .product-add-to-cart .add.bs24-cta-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (max-width: 420px) {
  .product_page_container .product-add-to-cart .add.bs24-cta-wrapper .bs24-cta-btn {
    font-size: 12px;
    padding: 6px;
  }
  .product_page_container .product-add-to-cart .add.bs24-cta-wrapper .material-icons.shopping-cart {
    font-size: 20px;
  }
}

.product-quantity .add {
  justify-content: center;
}

img.mobileimagecms {
  display: block;
}
img.desktopimagecms {
  display: none;
}

img.category_thumbnail {
  width: 100px;
}

/* .fastdelivery .products {
 display: flex;
 -ms-flex-wrap: wrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 overflow-y: auto;
 flex-wrap: nowrap;
 flex-direction: row;
 gap: 20px;
 align-items: flex-start;
}

.fastdelivery .product .product-miniature {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 /*width: 200px; 
 min-height: 340px;
}   */

.naro {
  display: none;
}

#home1-left,
#home1-right {
  width: 100%;
}

#home1-right {
  padding-top: 20px;
}

.block-social ul,
.product-quantity {
  flex-wrap: wrap;
}

/* .splide__slide {
  padding: 0 0.25rem;
} */

.splide__slide img {
  width: 100%;
  height: auto;
}

.splide__slide img {
  width: 100%;
  height: 340px;
  object-fit: cover;
}

.headerSearch {
  display: none;
}

#_mobile_search_button {
  /* display: block; */
  display: none;
}

.bs24logo {
  display: none;
}

.burger-icon img {
  height: 25px;
  width: 25px;
}

.phone-icon {
  display: block;
  /* width: 25px;
  height: 25px; */
}

div.mobile-menu-trigger-btn {
  display: flex;
}

.headerSearch {
  width: 60%;
  margin-left: unset;
}

/* Ukryj menu na początku */
.custom-menu {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100dvh;
  background-color: #f4f4f4; /* Kolor tła menu */
  z-index: 9999; /* Ustaw wysoki z-index, aby menu było na wierzchu */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%); /* Początkowo przesunięte poza ekran */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Wyświetl menu, gdy jest aktywowane */
.custom-menu.active {
  display: flex !important;
  overflow-y: auto;
  visibility: visible;
  opacity: 1; /* Animowane */
  transform: translateY(0); /* Animowane */
  animation: slideDown 0.5s forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Style dla elementów menu */
.custom-menu li {
  list-style-type: none;
}

.custom-menu li a {
  color: #fff; /* Kolor tekstu */
  text-decoration: none;
  font-size: 20px; /* Rozmiar tekstu */
  font-weight: normal;
}

/* Dodatkowe style dla submenu */
.custom-menu .submenu {
  /* display: block; */
  flex-direction: column;
}

/* Style dla przycisku (np. hamburger menu) */
.menu-toggle {
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1100; /* Ustaw wyższy z-index, aby przycisk był na wierzchu */
}

.menu-toggle span {
  display: block;
  width: 30px;
  height: 4px;
  margin: 6px 0;
  background-color: #fff;
}

/* Stylowanie submenu na pełnym ekranie */
.custom-menu .submenu li a {
  font-size: 20px; /* Mniejszy rozmiar tekstu dla elementów submenu */
}

/* ul.submenu {
 display: none;
} */

/* .submenu {
 opacity: unset;
 transform: unset;
 transition: unset;
 position: unset;
 max-width: unset;
 width: unset;
 background-color: unset;
 padding: unset;
 box-sizing: unset;
 gap: unset;
 inset-area: unset;
} */

/* .custom-menu .menuItemsCollection > li > .submenu {
 position: unset;
 top: unset;
 left: unset;
 opacity: unset;
 visibility: unset;
 transition: unset;
} */

/* .custom-menu .menuItemsCollection > li > .submenu {
 opacity: 1 !important;
 visibility: visible !important;
} */

ul.custom-menu .menuItemsCollection > li {
  border-top: 1px solid black;
  width: 100%;
  margin: 0;
}

.mobileLogo {
  display: block;
  width: 90%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
}

.mobileMenuHTML {
  bottom: 50px;
  display: inline-grid;
  position: absolute;
  text-align: center;
  z-index: 9999;
}

ul.submenu {
  background: #f4f4f4;
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  height: 80dvh;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: none; /* Początkowo ukryte */
}

ul.submenu.active {
  position: fixed;
  left: 0px !important;
  width: 100%;
  height: 80dvh;
  top: 80px;
  display: block;
  z-index: 1000;
  visibility: visible; /* Widoczność jest natychmiastowa */
  opacity: 1; /* Animowane */
  transform: translateY(0); /* Animowane */
  animation: fadeIn 0.3s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

ul.left.submenu {
  transition: 0.3s ease, visibility 0.3s ease;
}

.menuContainer {
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0px;
}

.headerIcons {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 10px;
}

.bs24logo {
  width: 183%;
}

.headerSearch {
  max-width: 60%;
}

#navbar {
  padding-top: 10px;
  text-align: unset;
}

.menuItemsCollection {
  width: 100%;
  height: 70%;
  overflow: auto;
  flex-direction: column;
  justify-content: flex-start;
}

.menuItemsCollection > li > a {
  display: block;
  padding: 10px 0px 10px 5px;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}

img.menuitemimage {
  display: none;
}

ul.subsubmenu {
  margin-left: 0px;
}

span.subsubclss {
  padding: 10px 0px 10px 5px;
  width: 100%;
  border-top: 1px black solid;
}

.subsubclss a {
  width: 100%;
}

.subsubmenu li {
  border-top: 1px black solid;
}

.subsubmenu li a {
  padding: 0px 0px 0px 5px !important;
}

.submenu ul > li {
  padding: 10px 0;
}

/* header#header {
  top: -30px;
} */

.custom-banner-content {
  flex-direction: column;
}

.custom-banner-text {
  width: 100%;
}

.custom-banner-image {
  width: 100%;
}

.menuItemsCollection > li:not(.nochild) > a::after {
  font-size: 15px;
  position: absolute;
  right: 20px;
  transform: rotate(-90deg);
}
/* .menuItemsCollection > li:hover > a::after {
  transform: none;
} */

.mobileSearchContainer.active {
  display: block;
}

.mobileSearchContainer {
  /* width: 100%;
  height: 100dvh; */
  position: fixed;
  inset: 0;
  background: white;
  display: none;
  z-index: 9999;
}

.mobileSearchResults {
  margin-top: 10px;
  /* max-height: 80dvh; */
  max-height: 80%;
  overflow-y: auto;
}

.searchResult a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
}

span.product-promo {
  font-weight: bold;
  color: #745b34;
}

span.product-price.hasPromo {
  text-decoration: line-through;
  color: #a9a9a9;
}
.searchPrice {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column-reverse;
  align-items: center;
}

/* Ogólny kontener wyszukiwarki mobilnej */
#search_mobile_widget {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  max-width: 100%;
  width: 100%;
}

#search_mobile_widget form {
  display: flex;
  flex: 1;
  align-items: center;
}

/* Ikona wyszukiwania */
#search_mobile_widget i.search {
  color: #999;
  font-size: 24px;
  margin-right: 10px;
  cursor: pointer;
}

/* Pole tekstowe */
#search_mobile_widget input[type="text"] {
  flex: 1;
  padding: 8px 12px;
  border: none;
  background: #e5e5e5;
  border-radius: 20px;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  transition: border-color 0.3s ease;
}

#search_mobile_widget input[type="text"]:focus {
  outline: none;
  border-color: #d49530;
}

/* Ikona czyszczenia pola wyszukiwania */
#search_mobile_widget i.clear {
  color: #999;
  font-size: 24px;
  margin-left: 10px;
  cursor: pointer;
  display: none; /* Domyślnie ukryta */
}

#search_mobile_widget input[type="text"]:not(:placeholder-shown) + i.clear {
  display: block;
}

/* Stylowanie wyników wyszukiwania */
.mobileSearchResults {
  position: absolute;
  /* top: 100%; */
  left: 0;
  right: 0;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 5px;
  max-height: 75dvh;
  overflow-y: auto;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.mobileSearchResults.active {
  display: block;
}

/* Pojedynczy wynik wyszukiwania */
.searchResult {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

.searchResult:hover {
  background-color: #f0f0f0;
}

/* Stylowanie obrazu produktu */
.searchResult img.autocomplete-thumbnail {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 4px;
}

/* Stylowanie nazwy produktu */
.searchResult .product {
  flex: 1;
  font-size: 16px;
  color: #333;
}

/* Stylowanie cen */
.searchPrice {
  display: flex;
  flex-direction: column;
  text-align: right;
}

/* Cena regularna */
.product-price {
  font-size: 14px;
  color: #666;
}

/* Cena promocyjna */
.product-promo {
  font-size: 14px;
  color: #d9534f;
  font-weight: bold;
}

/* Jeśli produkt ma promocję */
.product-price.hasPromo {
  text-decoration: line-through;
  color: #999;
}

.loading-spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 4px solid #a68248;
  border-bottom: 4px solid #a68248;
  width: 100px;
  height: 100px;
  animation: rotate 0.7s linear infinite;
  margin: 10% auto 20% auto;
  display: block;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mobileSearchLogoImage {
  text-align: -webkit-center;
}

.showAllResults {
  background-color: #e07c35;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 40px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  margin: 10px auto;
  display: block;
}

.showAllResults:hover {
  background-color: #bd8936;
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  left: 0;
}

.stripeUp.disable {
  height: 0px;
}

#subcategories {
  margin-inline: -5vw !important;
  padding-left: 5vw !important;
}

#subcategories ul li .subcategory-image a {
  width: 100px;
}

.subcategory-image {
    text-align: -webkit-center;
}

#subcategories ul li {
    min-width: unset;
}

.product-line-grid-right {
  display: block; /* Zmiana na blokowy układ */
  /* padding: 15px; */
  background-color: #fff;
  border-radius: 10px;
  /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
  margin-bottom: 15px;
}

.qty {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  top: 10px;
  position: relative;
}

.product-quantity .qty {
  margin-right: 0;
  width: 100%;
  place-self: center;
  max-width: 500px;
}

.input-group {
  display: flex;
  flex: 1;
  align-items: center;
}

.input-group-btn button {
  background-color: #28a745; /* Zielony kolor */
  color: white;
  font-size: 16px; /* Zmniejszona czcionka */
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.input-group-btn button:hover {
  background-color: #218838; /* Ciemniejszy zielony na hover */
}

.input-group input {
  width: 60px; /* Szerokość inputu */
  height: 40px; /* Wysokość inputu */
  font-size: 14px; /* Zmniejszona czcionka */
  color: #333;
  text-align: center;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.product-price {
  font-size: 16px; /* Zmniejszony rozmiar czcionki */
  font-weight: bold;
  color: #333;
  margin-bottom: 15px; /* Odstęp od elementów poniżej */
}

.cart-line-product-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

.remove-from-cart {
  background-color: #dc3545; /* Czerwony kolor */
  color: white;
  padding: 8px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

.remove-from-cart i {
  font-size: 18px; /* Rozmiar ikony */
  top: 6px;
  right: 2px;
  display: block;
  position: relative;
  color: #ffffff;
}

.remove-from-cart:hover {
  background-color: #c82333; /* Ciemniejszy czerwony na hover */
}

#cart .current-price {
  top: 5px;
  position: relative;
}

.product-accessories .product-flag {
  position: absolute;
}

/* //////////////////////// */

ul.subsubmenu {
  background: #f4f4f4;
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  height: 80dvh;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  animation: fadeOut 0.3s forwards;
  display: none;
}

ul.subsubmenu.active {
  position: fixed;
  left: 0px !important;
  width: 100%;
  height: 80dvh;
  top: 10px;
  display: block;
  z-index: 1000;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  animation: fadeIn 0.3s forwards;
}

.submenu > li > .subsubclss > a::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background-image: url('/themes/child_classic/assets/css/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
  position: absolute;
  right: 20px;
  transform: rotate(-90deg);
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.mobileMenuBack, .mobileMenuClose, .mobileSearchMenuClose {
  width: 50px;
  height: 50px;
  text-align-last: center;
  align-content: center;
}

#cart .product-line-info .product-discount {
  top: 5px;
  right: -94px;
  position: relative;
}

.grid-container {
  flex-direction: column-reverse;
}

.category-group-items {
  width: 100%;
}

.menuSection {
  border: 0;
}

.cartItemQty {
  /* right: -20px; */
  right: -14px;
  font-size: 10px;
}

.iconCart img, .user-info img {
  width: 25px;
  height: 25px;
}

.track-underline {
  display: none;
}

.product-quantity .input-group .input-group-btn > .btn-touchspin {
  width: 40px;
}

.align-items-center {
  display: block;
}

.buyContainer {
  margin-left: 10px;
  margin-right: 10px;
}

#cart .current-price {
  position: relative;
}

#cart .product-line-info .product-discount {
  top: 25px;
  position: relative;
}

div#gallery-container {
  /* width: 96vw;
  left: -12px; */
  position: relative;
}

.menuItemsCollection > li:nth-child(6) a:after {
  top: 14%;
  left: 35%;
}

.menuItemsCollection .bs24-trustmate-badge-list-item {
  display: none;
  margin-left: unset;
}

.product-discount .regular-price {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  font-weight: 500;
  text-decoration: line-through;
  position: absolute;
  top: -20px;
}

#product .product-discount .regular-price {
  margin-left: 0;
  font-weight: 500;
  text-decoration: line-through;
  position: relative;
  top: 0px;
}

.mobile-bottom-bar {
  display: none;
}

@media (max-width: 768px) {
  .mobile-bottom-bar {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 151;
    width: 100%;
    background-color: #fff;
  }
}

.mobile-bottom-menu {
  padding-inline: var(--mobile-page-side-margin);
}

.mobile-bottom-menu__items {
  margin: 0;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
}

.mobile-bottom-menu__items a {
  color: #000;
}

ul.mobile-bottom-menu__items li {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mobile-bottom-menu__items .icon,
.mobile-bottom-menu__items .iconCart .icon-cart-inner,
.mobile-bottom-menu__items .account,
.mobile-search-btn {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: var(--bottom-nav-icons-size) auto;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.mobile-bottom-menu__items .material-icons,
.mobile-bottom-menu__items .material-symbols-outlined {
  font-size: var(--bottom-nav-icons-size);
}
.mobile-bottom-menu__items .icon img,
.mobile-bottom-menu__items .icon svg,
.mobile-bottom-menu__items .iconCart img,
.mobile-bottom-menu__items .account img {
  width: var(--bottom-nav-icons-size);
  height: var(--bottom-nav-icons-size);
}

.mobile-bottom-menu__items .icon,
.mobile-bottom-menu__items .icon,
.mobile-bottom-menu__items .iconCart,
.mobile-bottom-menu__items .account {
  color: inherit;
  stroke: currentColor;
}
.mobile-bottom-menu__items .icon:hover,
.mobile-bottom-menu__items .icon:hover,
.mobile-bottom-menu__items .iconCart:hover,
.mobile-bottom-menu__items .account:hover {
  color: #e07c35;
}

.mobile-bottom-menu__items .iconCart {
  margin: 0;
}

.mobile-bottom-menu__items .iconCart .cartItemQty {
  position: absolute;
  top: -5px;
  right: -2px;
}

.mobile-bottom-menu__items .icon-cart .caption,
.mobile-bottom-menu__items .account .caption {
  display: block;
}

.mobile-bottom-menu__burger-icon svg {
  stroke: #fff;
}

.mobile-bottom-menu__items .icon.--main-option {
  padding: 8px;
  background-color: #e07c35;
  color: #fff;
}

.bs24MobileLogo {
  display: block;
  width: 100%;
  /* text-align: center; */
}

.mobileSearchContainer .bs24-mobile-logo {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: left;
}

img.polish_product {
  top: 0px;
  /* Full width + img width */
  right: calc(-100% + 50px);
  position: relative;
  display: block;
}

.buyContainer h1 {
  /* Full width - img width - gap */
  width: calc(100% - 50px - 8px);
}

.buyContainer {
  margin-inline: 0;
}

.products-selection .sort-by-row {
  width: 100%;
  /* margin-top: 8px;
  margin-bottom: 1rem; */
  margin: 0;
  /* flex-direction: column-reverse; */
  flex-direction: column;
  /** tmp **/
}
.products-selection .total-products {
  margin-top: 6px;
  margin-bottom: 8px;
}


@media (min-width: 440px) {
  .products-selection .sort-by-row {
    width: 100%;
    flex-direction: row;
    margin: calc(-1rem + 4px) 0 -1rem;
  }
  .products-selection .sort-by-row .bs24-cta-wrapper {
    padding: 0.5rem 0;
  }
  .products-selection .sort-by-row .showing {
    font-size: 14px;
    /* padding-top: 0.5rem; */
    padding-top: 1rem;
  }
  .products-selection .showing {
    padding-top: 1rem;
  }
}

@media (max-width: 340px) {
  .products-selection .sort-by-row {
    width: 300px;
    flex-direction: row;
  }
}

/* #products .products,
.featured-products .products {
  gap: 50px;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
} */

@media (max-width: 600px) {
  #products .products {
    grid-template-columns: 1fr;
  }
}

/* #products .up .btn {
  margin-right: 5vw;
} */

.products-sort-order .dropdown-menu {
  width: 100%;
}



/**
  * PRODUCT PAGE
  */

#product #wrapper {
  margin-top: 8px;
}

#product nav.breadcrumb {
  margin: 0 0 8px;
}

#product #floating-container.top {
  /* top: 79px; */
  top: 97px;
}

/* TODO: Product gallery out of margins */
#product #gallery-container .bullets {
  margin-top: 4px;
}

#product #content {
  top: unset;
  position: relative;
}
#product .product-container .row.align-items-center {
  /* TODO: Create own class name for this element */
  align-items: center;
}

/** start TEMP **/
#product .buyContainer {
  margin-top: 12px;
}

#product .buyContainer img.polish_product {
  display: none;
}
#product .buyContainer h1 {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
}

#product .product-prices {
  
}

#product span.current-price-value {
  font-size: 24px;
  /* TODO: Sale price crossed and orange */
}

/** end TEMP **/

/* @media (max-width: 360px) { */
@media (max-width: 768px) {
  #main-image {
    width: 100%;
    max-width: 35vh;
    margin: 0 auto;
  }
}

div#CookiebotWidget {
    bottom: 60px !important;
    scale: .75;
    left: 2px !important;
}

.tm-lemur-sticker-mobile {
    bottom: 62px !important;
}

.products-selection .sort-by-row {
  flex-direction: row;
}

span.sort-by {
    display: none !important;
}
.total-products {
    display: none;
}
.col-sm-12.hidden-md-up.text-sm-center.showing {
    font-size: 11px;
    margin-bottom: -5px;
    margin-top: -10px;
}

div#subcategories {
    margin-bottom: 0 !important;
}

.card-header {
    display: none;
}

html:has(.modal-contentFillter.slideInLeft) #CookiebotWidget,
html:has(.custom-menu.active) #CookiebotWidget {
  display: none !important;
}

html:has(.modal-contentFillter.slideInLeft) .tm-lemur-sticker-mobile,
html:has(.custom-menu.active) .tm-lemur-sticker-mobile {
    display: none !important;
}