/* Base desktop styling */
:root {
  --page-width: 100% !important;
}

body {
  background-color: #F4f1f1 !important;  
  font-family: Arial, Helvetica, sans-serif !important;
}

h1,h2,h3,h4,h5,h6 {
      font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    text-transform: lowercase !important;
}

#ContactForm,
#ContactFooter {
  .field__label {
    text-transform: lowercase !important;
  }
}

p{
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.header__inline-menu ul li a span {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
}

.header-wrapper {
  background-color: #7f1b1c !important;
  border-radius: 100px !important;
  padding: 10px 40px;
  margin: 20px auto;
  width: calc(100% - 80px); /* 40px left + right margin */
  box-sizing: border-box;
  overflow: visible;
}

/* Remove inner max-width constraint */
.header-wrapper > header,
.header.page-width {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* White text and icons */
.header__menu-item,
.header__icon,
.header__heading-link,
.header__menu-item span,
.header__icon svg,
.icon,
.header__heading-link .h2 {
  color: #fff !important;
  fill: #fff !important;
}

/* Hover effect (optional) */
.header__menu-item:hover span,
.header__heading-link:hover {
  color: #ddd !important;
  text-decoration: underline;
}

/* Tablet breakpoint: less margin */
@media screen and (max-width: 1024px) {
  .header-wrapper {
    padding: 10px 30px;
    width: calc(100% - 60px);
  }
}

/* Mobile breakpoint: minimal margin */
@media screen and (max-width: 600px) {
  .header-wrapper {
    padding: 8px 16px;
    width: calc(100% - 32px);
    border-radius: 60px;
  }
}

.page-width-desktop {
  padding: 0 40px;
}

#shopify-section-template--24742510592337__1755262021b6eb99a0 {
      background-color: #7f1b1c !important;

      h2.jdgm-title,
      .jdgm-header-info,
      .jdgm-rating-text,
      .jdgm-verified-text,
      .jdgm-star.jdgm--on:before {
        color: #ffffff !important;
      }

      .jdgm-testimonials-container .jdgm-star.jdgm--on:before {
        color: #7f1b1c !important;
      }
}

#shopify-section-template--24742510592337__image_banner {
  margin: auto;
  width: calc(100% - 80px);
  border-radius: 30px;

  .banner {
    border-radius: 10px;
    overflow: hidden;
  }

  .banner__heading {
    color: #ffffff;
  }

  .banner__buttons a {
    background-color: #7f1b1c;
    border-radius: 100px;
    color: #fff;
  }

    .banner__buttons a:hover {
      background-color: #fff;
      color: #7f1b1c;
    }

    .banner__buttons a:after {
      box-shadow: none;
    }

    .banner__heading {
      font-size: 4rem important;
    }
}

@media screen and (max-width: 749px) {

  #shopify-section-template--24742510592337__image_banner h2.banner__heading {
    font-size: 2rem !important;
  }

}

#shopify-section-template--24742510592337__featured_collection {

  #Slider-template--24742510592337__featured_collection {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .card-wrapper.product-card-wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
  }

  .card__content {
    h3.card__heading {
        font-size: 30px;
    }
  }
}

#shopify-section-template--24742510592337__multicolumn_kJYQPX {

  .section-template--24742510592337__multicolumn_kJYQPX-padding {
    padding: 40px;
  }

  .multicolumn-card-spacing {
    padding: 0;
    margin: 0;
  }

  img {
    object-fit: cover;
    width: 100%;
  }

  .media.media--transparent.media--adapt {
    border-radius: 10px;
  }

  .multicolumn-card.content-container {
    background: transparent;
  }

  .multicolumn-card__info {
    text-align: center;
  }
}

.collapsible-content {
  p {
    text-transform: lowercase !important;
  }
}

footer {
    background: #7f1b1c !important;
    color: white !important;

    h2 {
      color: white !important;
    }

    .footer__content-bottom-wrapper {
      display: flex;
    justify-content: center;
    }

    .footer-block--newsletter.scroll-trigger.animate--slide-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-block__newsletter:not(:only-child) {
    margin-right:0;
  }
}