/* Balance of Nature: targeted storefront fixes. */

/* Show the homepage hero artwork at its original brightness. */
.module-slider-1164 .slide-content::before {
  background: transparent !important;
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* Use the brand's soft mint accent instead of the former blue bands. */
.grid-row-top-2 .grid-items,
footer .grid-row-1 .grid-cols,
footer .grid-row-1 .grid-items {
  background: #dcefe7 !important;
}

/* Keep the newsletter mint band aligned to the normal site content width. */
footer .grid-row-1,
footer .grid-row-1 .grid-cols-wrapper,
footer .grid-row-1 > .row-bg,
footer .grid-row-1::before,
footer .grid-row-1::after,
footer .grid-row-1 .grid-cols-wrapper::before,
footer .grid-row-1 .grid-cols-wrapper::after {
  background: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
  background-image: none !important;
  box-shadow: none !important;
}

footer .grid-row-1,
footer .grid-row-1 .newsletter-text,
footer .grid-row-1 .module-title {
  color: #24473b !important;
}

/* Prevent the footer color scheme from showing blue outside constrained rows. */
footer,
footer > .grid-rows {
  background: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
  background-image: none !important;
}

/* Make the special-offers heading readable on the mint background. */
.module-title-1155 .title-main,
.module-title-1155 .title-main h3,
.module-title-1155 .title-main * {
  -webkit-text-fill-color: #24473b !important;
  -webkit-text-stroke: 0 !important;
  color: #24473b !important;
  text-shadow: none !important;
}

.module-title-1155,
.module-title-1155 .title-wrapper,
.module-title-1155 .title-main {
  align-items: center !important;
  height: 100% !important;
  justify-content: center !important;
  width: 100% !important;
}

.module-title-1155 .title-main h3 {
  font-size: 0 !important;
}

.module-title-1155 .title-main h3::after {
  content: "OFERTE SPECIALE" !important;
  display: block !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.module-title-1155 .subtitle,
.module-title-1155 .title-divider {
  display: none !important;
}

/* Product pages show only purchasing information that helps the customer. */
.route-product-product .product-label-527,
.route-product-product .product-tax,
.route-product-product .price-tax,
.route-product-product .product-stock,
.route-product-product .product-model,
.route-product-product .wishlist-compare,
.route-product-product .btn-wishlist,
.route-product-product .btn-compare,
.route-product-product .module-share,
.route-product-product .a2a_kit,
.route-product-product .product_tabs-285-tab,
.route-product-product #product_tabs-6a6f8bc923e2e,
.route-product-product .product_extra-513 {
  display: none !important;
}

/* Product descriptions are always fully open; no "Show More" interaction. */
.route-product-product .product-extra-description .expand-content,
.route-product-product .product-extra-description .block-content {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.route-product-product .product-extra-description .block-expand-overlay,
.route-product-product .product-extra-description .block-expand {
  display: none !important;
}

/* Keep the Yin-Yang category focused on products and final VAT prices. */
.route-product-category .compare-btn,
.route-product-category .product-label-296 {
  display: none !important;
}

/* Remove Wishlist and Compare from the desktop utility menu. */
.top-menu-1080 .top-menu-item-6,
.top-menu-1080 .top-menu-item-7 {
  display: none !important;
}

/* No public social-profile links are configured for this store. */
.icons-menu-854 {
  display: none !important;
}

/* Keep the inner desktop controls from covering the rounded search border. */
.desktop-search-wrapper .header-search .search-input {
  border-radius: 99px 0 0 99px !important;
}

.desktop-search-wrapper .header-search .search-button {
  border-radius: 0 99px 99px 0 !important;
}

/* Give the Yin-Yang product flyout enough room for its image and full name. */
.desktop-main-menu-wrapper .main-menu-item-1 > .j-dropdown {
  --dropdown-width: 280px !important;
  min-width: 280px !important;
  width: 280px !important;
}

.desktop-main-menu-wrapper .flyout-menu-1165 .flyout-menu-item-1 > a {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

.desktop-main-menu-wrapper .flyout-menu-1165 .flyout-menu-item-1 > a > .menu-image {
  flex: 0 0 30px !important;
  margin: 0 !important;
}

.desktop-main-menu-wrapper .flyout-menu-1165 .flyout-menu-item-1 > a > .links-text {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Stack copyright and payment logos in two centered footer rows. */
footer > .grid-rows > .grid-row-6 > .grid-cols-wrapper > .grid-cols {
  align-items: center !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
}

footer > .grid-rows > .grid-row-6 > .grid-cols-wrapper > .grid-cols > .grid-col {
  flex: 0 0 auto !important;
  min-width: 100% !important;
  text-align: center !important;
  width: 100% !important;
}

footer .grid-row-6 .icons-menu ul {
  flex-wrap: wrap !important;
  justify-content: center !important;
}

footer .grid-row-6 .grid-items,
footer .grid-row-6 .grid-item,
footer .grid-row-6 .module-content,
footer .grid-row-6 .icons-menu {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  width: 100% !important;
}

footer .grid-row-6 .module-text-1184,
footer .grid-row-6 .module-text-1184 .module-body,
footer .grid-row-6 .module-text-1184 .module-content {
  justify-content: center !important;
  max-width: none !important;
  text-align: center !important;
  width: 100% !important;
}

/* Editorial information, FAQ and legal pages. */
.bon-info-page {
  color: #33423d;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 auto 50px;
  max-width: 980px;
}

.bon-info-page h2 {
  color: #285e50;
  font-size: 24px;
  font-weight: 500;
  margin: 32px 0 10px;
}

.bon-lead,
.bon-note,
.bon-card,
.bon-faq details {
  background: #eff8f4;
  border: 1px solid #d7ebe3;
  border-radius: 12px;
}

.bon-lead,
.bon-note {
  padding: 20px 24px;
}

.bon-card-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 28px 0;
}

.bon-card {
  padding: 22px;
}

.bon-card h2 {
  font-size: 20px;
  margin-top: 0;
}

.bon-faq details {
  margin: 12px 0;
  padding: 0 20px;
}

.bon-faq summary {
  color: #285e50;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 18px 32px 18px 0;
}

.bon-faq details p {
  margin-top: 0;
  padding-bottom: 18px;
}

.bon-terms .bon-note:last-child {
  margin-top: 36px;
}

.bon-about .bon-lead h2 {
  margin-top: 0;
}

.bon-about-cta {
  margin-top: 30px;
  text-align: center;
}

.bon-testimonial-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
}

.bon-testimonial {
  background: #fff;
  border: 1px solid #d7ebe3;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(40, 94, 80, .08);
  display: flex;
  flex-direction: column;
  padding: 22px;
}

.bon-testimonial strong,
.bon-testimonial a {
  display: block;
}

.bon-stars {
  color: #c99a2e;
  font-size: 20px;
  letter-spacing: 2px;
}

/* Contact page: real headquarters and customer-care imagery. */
.bon-contact-showcase {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 30px 0 42px;
}

.bon-contact-card {
  background: #eff8f4;
  border: 1px solid #d7ebe3;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(40, 94, 80, .08);
  overflow: hidden;
}

.bon-contact-card img {
  aspect-ratio: 16 / 9;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.bon-contact-card-content {
  padding: 20px 22px 24px;
}

.bon-contact-card-content h2 {
  color: #285e50;
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px;
}

.bon-contact-card-content p {
  margin: 0;
}

/* The newsletter consent is mandatory, so it must always remain visible. */
.bon-newsletter-consent {
  color: #111;
  display: block !important;
  font-size: 13px;
  line-height: 1.45;
  margin: 10px 0 0 !important;
  text-align: left;
}

footer .module-newsletter-720 .bon-newsletter-consent,
footer .module-newsletter-720 .bon-newsletter-consent label {
  color: #111 !important;
  opacity: 1 !important;
}

.bon-newsletter-consent label {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}

.bon-newsletter-consent input[type="checkbox"] {
  flex: 0 0 auto;
  height: 16px;
  margin: 2px 0 0;
  opacity: 1 !important;
  position: static !important;
  visibility: visible !important;
  width: 16px;
}

.bon-newsletter-consent a {
  color: #285e50 !important;
  text-decoration: underline;
}

/* Display price decimals as smaller superscript digits. */
.bon-price-decimals {
  font-size: .68em;
  line-height: 0;
  margin-left: 1px;
  position: relative;
  top: -.5em;
  vertical-align: baseline;
}

@media (max-width: 767px) {
  .bon-card-grid {
    grid-template-columns: 1fr;
  }

  .bon-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .bon-info-page {
    font-size: 15px;
  }

  .bon-info-page h2 {
    font-size: 21px;
  }

  .bon-contact-showcase {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  /* The category selector is disabled, so the input is the first search item. */
  .mobile-search-wrapper .header-search .search-input {
    border-radius: 99px 0 0 99px !important;
  }

  /* Remove the standalone Wishlist shortcut from the mobile header. */
  .mobile-header .mobile-custom-menu-2 {
    display: none !important;
  }

  /* The mobile drawer keeps only the account control at the top. */
  .mobile-main-menu-container .mobile-language-wrapper,
  .mobile-main-menu-container .mobile-currency-wrapper {
    display: none !important;
  }

  /* Social profiles are intentionally not published anywhere on the store. */
  .icons-menu-854,
  .mobile-main-menu-container .icons-menu-854 {
    display: none !important;
  }

  /* Remove wishlist and comparison actions from every mobile product list. */
  .product-thumb .btn-wishlist,
  .product-thumb .btn-compare,
  .side-product .btn-wishlist,
  .side-product .btn-compare,
  a[href*="account/wishlist"],
  [data-action="wishlist"],
  [data-action="compare"] {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* Scale the desktop hero proportionally on mobile without cropping it. */
  .module-slider-1164,
  .module-slider-1164 .module-body,
  .module-slider-1164 .module-content,
  .module-slider-1164 .swiper,
  .module-slider-1164 .swiper-container,
  .module-slider-1164 .swiper-wrapper,
  .module-slider-1164 .swiper-slide,
  .module-slider-1164 .slide-content {
    height: auto !important;
    min-height: 0 !important;
  }

  .module-slider-1164 .swiper-slide,
  .module-slider-1164 .slide-content {
    aspect-ratio: 2 / 1 !important;
    overflow: visible !important;
  }

  .module-slider-1164 .slide-content > img {
    display: block !important;
    height: 100% !important;
    inset: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    position: static !important;
    width: 100% !important;
  }

  .accordion-menu-359 .accordion-menu-item-1 .menu-image img {
    object-fit: contain !important;
  }

  footer .module-newsletter-720 .module-body {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  footer .module-newsletter-720 .newsletter-text,
  footer .module-newsletter-720 .newsletter-form {
    max-width: none !important;
    width: 100% !important;
  }

  .mobile-header .mobile-logo-wrapper,
  .mobile-header .mobile-logo-wrapper #logo,
  .mobile-header .mobile-logo-wrapper #logo > a {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
  }

  .mobile-header .mobile-logo-wrapper .header-logo {
    height: auto !important;
    max-height: 52px !important;
    max-width: 190px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  /* Keep footer content readable: one centered column per section. */
  footer > .grid-rows > .grid-row-4 > .grid-cols-wrapper > .grid-cols {
    align-items: center !important;
    flex-direction: column !important;
  }

  footer > .grid-rows > .grid-row-4 > .grid-cols-wrapper > .grid-cols > .grid-col {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }

  footer .grid-row-4 .grid-col + .grid-col {
    margin-top: 32px !important;
  }

  footer .grid-row-4 .links-menu-751 .menu-item > a {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  footer .grid-row-4 .grid-col-1 .grid-items,
  footer .grid-row-4 .grid-col-1 .grid-item,
  footer .grid-row-4 .links-menu-751,
  footer .grid-row-4 .links-menu-751 .module-body,
  footer .grid-row-4 .links-menu-751 .menu-item {
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
  }

  footer .grid-row-4 .module-catalog .item-content,
  footer .grid-row-4 .module-catalog .item-assets,
  footer .grid-row-4 .module-catalog .subitems {
    align-items: center !important;
    width: 100% !important;
  }

  footer .grid-row-4 .module-catalog .catalog-title,
  footer .grid-row-4 .module-catalog .subitem,
  footer .grid-row-4 .module-catalog .subitem > a {
    text-align: center !important;
    width: 100% !important;
  }

}
