/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.page-content.page-cms {
  padding: 1.25rem 15px;
}

body.tax-display-enabled #products .product-description,
body.tax-display-enabled .product-accessories .product-description {
  height: 120px;
}

.product-description p {
  margin-bottom: 20px;
}

.thumbnail-container .comments_note {
  margin: 0 auto;
  margin-right: auto;
}

.bonwishlist-hook-wrapper .wish-button {
  top: 2px;
}

.boncompare-hook-wrapper .compare-button {
  top: 30px;
}

#bon-stick-cart #product-availability {
  display: none;
}

#header {
  z-index: 998;
  position: relative;
}

body .product-miniature .add-to-cart-or-refresh {
  margin-top: 35px;
}

#main.animated {
  animation-fill-mode: unset;
}

body #header .logo {
  max-width: 300px;
}

.add-to-cart-or-refresh {
  margin-top: 20px;
}

#category .products-grid {
  position: relative;
}

body.tax-display-enabled #products .thumbnail-container,
body.tax-display-enabled .featured-products .thumbnail-container,
body.tax-display-enabled .product-accessories .thumbnail-container {
  height: auto;
}

#header a:hover::after,
#header a:hover i,
#header a:hover span,
#header a:hover {
  color: #600030;
}

#boncompare .compare-count {
  background: #600030;
}

.bon-review-button {
  margin-right: 20px;
}

.page-category #products>div:first-child {
  position: relative;
  z-index: 10;
}

.product-add-to-cart .product-quantity .input-group-btn-vertical {
  flex-direction: row-reverse;
}

.product-add-to-cart .product-quantity .bootstrap-touchspin-up {
  margin-right: 0;
  margin-left: 4px;
}

#checkout-payment-step #payment-confirmation-new {
  width: auto !important;
}

#header .header-top {
  position: relative;
}

#product .featured-products.same-products .same-products-description {
  display: ;
}

@media screen and (max-width:575px) {
  /* .product-description p {
    margin-bottom: 0;
  } */

  body .product-miniature .add-to-cart-or-refresh {
    margin-top: 0;
  }

  #bon-cart-summary-product-list {
    right: -45px;
  }

  #_desktop_cart .header .alert {
    right: 0;
  }

  body.tax-display-enabled #products .product-description,
  body.tax-display-enabled .product-accessories .product-description {
    height: 160px;
  }

  #products .thumbnail-container .ajax_add_to_cart_button,
  .featured-products .thumbnail-container .ajax_add_to_cart_button,
  .product-accessories .thumbnail-container .ajax_add_to_cart_button {
    padding: 10px 0;
  }
}

#product .product-information .custom-description > div {
  display: inline-block;
  padding: 5px;
  border: 1px solid #600030;
  color: #600030;
  margin: 10px 0;
}

.new-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #600030;
  color: #ffffff;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 2px;
  z-index: 10;
}
.thumbnail-container-images {
  position: relative;
}

.product-miniature .thumbnail img {
  max-width: 50%;     /* verkleinert das Bild */
  height: auto;
  display: block;
  margin: 0 auto;
}

/* =========================================
   Einheitliche Produktkarten (Desktop & Mobil)
   ========================================= */

/* 1) Produktkarte als Flex-Container */
.product-miniature,
.most_products_list_section .product-miniature,
.featured-products .product-miniature {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2) Meta-Bereich flexibel (damit Button unten sitzt) */
.product-miniature .product-meta,
.product-miniature .product-info,
.product-miniature .product-description {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* 3) Buttons/Aktionen unten fixieren */
.product-miniature .product-add-to-cart,
.product-miniature .product-actions,
.product-miniature .button-container {
  margin-top: auto;
}

/* 4) Bilder sauber skalieren + Maximalhöhe */
.product-miniature img {
  display: block;
  max-width: 100%;
  max-height: 220px; /* Desktop-Größe */
  height: auto;
  margin: 0 auto;
  object-fit: contain; /* kein Zuschnitt */
}

/* 5) Einheitliche Höhe für Produkttitel */
.product-miniature .product-title,
.product-miniature h3.product-title,
.product-miniature .product-title a {
  line-height: 1.2em;
  min-height: 3.6em;       /* ca. 3 Zeilen */
  display: -webkit-box;    /* Multi-Line Ellipsis */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.5em;
}

/* 6) Mobile Version kompakter */
@media (max-width: 576px) {
  .product-miniature .product-title,
  .product-miniature h3.product-title,
  .product-miniature .product-title a {
    min-height: 2.4em;     /* ~2 Zeilen */
    -webkit-line-clamp: 2;
  }
  .product-miniature img {
    max-height: 160px; /* kleinere Bilder auf Mobil */
  }
}

/* 7) Reihen in Startseiten-Bereichen gleich hoch ausrichten */
.most_products_list_section .products,
.featured-products .products,
.most_products_list_section .product-list,
.featured-products .product-list,
.most_products_list_section .row,
.featured-products .row {
  align-items: stretch;
}

/* Close-Icon im Cookie-Dialog ausblenden */
.gc-cookie-close,
.cookie-close,
.osm-cookie-close {
  display: none !important;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('../fonts/dancing-script/DancingScript-Regular.woff2') format('woff2'),
       url('../fonts/dancing-script/DancingScript-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('../fonts/dancing-script/DancingScript-Bold.woff2') format('woff2'),
       url('../fonts/dancing-script/DancingScript-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}

/* Container */
.lw-info-boxes {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}

/* Titel */
.lw-info-boxes h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #600030;
}

/* 3-Spalten-Layout */
.lw-info-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

/* Einzelne Box */
.lw-info-col {
  flex: 1;
  min-width: 280px;
  background: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: left;
}

.lw-info-col h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #333;
}

.lw-info-col p {
  font-size: 16px;
  color: #555;
  margin: 0;
}

/* Mobile Optimierung */
@media (max-width: 768px) {
  .lw-info-row {
    flex-direction: column;
  }
}

/* Mehr Abstand zwischen Text-Elementen im BonNotice-Balken */
#bon_ship span,
#bon_ship p span {
    margin: 0 30px !important;   /* Abstand links + rechts */
    display: inline-block;
}

.custom-checkbox input[type=checkbox]+span {
    margin-right: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    cursor: pointer;
    border: 1px solid #600030;
}

/* Quick-View / "Vorschau" auf Produktkacheln ausblenden */
#products .quick-view,
.featured-products .quick-view,
.product-accessories .quick-view,
.product-miniature .quick-view{
  display: none !important;
}