/** Shopify CDN: Minification failed

Line 29:0 Unexpected "}"

**/
body, .header__menu-item {
  font-family: 'Roboto', sans-serif !important;
}

.header.header--middle-left {
  display: grid !important;
  grid-template-columns: 200px 1fr 400px !important;
  align-items: center !important;
}

.header__heading {
  grid-column: 1 !important;
}

.header__heading-link {
  margin-left: 110px !important;
}

nav.header__inline-menu {
  grid-column: 2 !important;
  display: flex !important;
  padding-left: 380px !important;
}
}

.header__icons {
  grid-column: 3 !important;
  justify-self: start !important;
  margin-right: 100px !important;
}

ul.list-menu.list-menu--inline {
  justify-content: center !important;
  gap: 2px !important;
}

.header__menu-item,
.header__menu-item span,
.list-menu__item a {
  font-family: 'Roboto', sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #1a1a1a !important;
  padding: 8px 8px !important;
}

.header__menu-item:hover,
.header__menu-item:hover span {
  color: #78b657 !important;
}

.header {
  padding: 12px 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.section-header {
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none !important;
}

.announcement-bar {
  display: none !important;
}

shopify-payment-terms {
  display: none !important;
}

/* Page width */
.page-width {
  max-width: 100% !important;
  padding-left: 180px !important;
  padding-right: 40px !important;
}

/* Product layout */
.product {
  display: flex !important;
  gap: 40px !important;
}

.product--medium:not(.product--no-media) .product__media-wrapper {
  width: 50% !important;
  max-width: 50% !important;
}

.product--medium:not(.product--no-media) .product__info-wrapper {
  width: 30% !important;
  max-width: 30% !important;
  padding-left: 20px !important;
}

.product__media-item img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

/* Thumbnails */
.thumbnail-slider {
  width: 100% !important;
  max-width: 100% !important;
}

@media screen and (min-width: 990px) {
  .product__media-gallery {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.section-header .page-width {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

#shopify-buyer-consent,
small[data-consent-type="subscription"],
.shopify-payment-button,
.shopify-payment-button__button,
[class*="more-payment"],
.product-form__buttons a {
  display: none !important;
}

/* Black button with white text */
.product-form__submit,
.button--primary,
button[name="add"] {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #000000 !important;
}

.product-form__submit:hover,
.button--primary:hover,
button[name="add"]:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

/* Rounded edges on images and thumbnails */
.product__media-item img,
.product__media-item,
.thumbnail-list__item img,
.thumbnail img,
.product__media {
  border-radius: 20px !important;
}

.product__media-item {
  overflow: hidden !important;
  border-radius: 20px !important;
}

.thumbnail-list__item {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Rounded corners on Add to cart button */
.product-form__submit,
.button--primary,
button[name="add"] {
  border-radius: 18px !important;
}

.product-form__submit:focus,
.product-form__submit:focus-visible,
button[name="add"]:focus,
button[name="add"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.product-form__submit::before,
.product-form__submit::after,
button[name="add"]::before,
button[name="add"]::after {
  border-radius: 18px !important;
}

.product-form__submit,
button[name="add"] {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

.product-form__submit *,
button[name="add"] * {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

.product-form__submit,
button[name="add"] {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
  
/* Product image container - square layout */
@media screen and (min-width: 990px) {
  
  /* Change these values to resize */
  :root {
    --product-image-size: 620px;
    --thumbnail-size: 55px;
    --thumbnail-radius: 10px;
  }
  
  .product__media-wrapper {
    max-width: var(--product-image-size) !important;
    width: var(--product-image-size) !important;
  }
  
  .product__media-list {
    max-height: var(--product-image-size) !important;
    padding-left: 60px !important;
  }
  
  .product__media-item {
    max-height: var(--product-image-size) !important;
    max-width: var(--product-image-size) !important;
  }
  
  .product-media-container {
    max-height: var(--product-image-size) !important;
    max-width: var(--product-image-size) !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
  }
  
  .product-media-container .media {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .product-media-container img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }
  
  /* Thumbnail sizing and rounded corners */
  .thumbnail-slider .thumbnail-list__item {
    width: var(--thumbnail-size) !important;
    height: var(--thumbnail-size) !important;
    border-radius: var(--thumbnail-radius) !important;
    overflow: hidden !important;
  }
  
  .thumbnail-slider .thumbnail {
    width: var(--thumbnail-size) !important;
    height: var(--thumbnail-size) !important;
    border: none !important;
    padding: 10 !important;
    border-radius: var(--thumbnail-radius) !important;
    overflow: hidden !important;
  }
  
  .thumbnail-slider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: var(--thumbnail-radius) !important;
  }
  
  /* Active thumbnail highlight - thick black border */
  .thumbnail-slider .thumbnail-list__item.is-active .thumbnail,
  .thumbnail[aria-current="true"] {
    outline: 3px solid #000 !important;
    outline-offset: -3px !important;
    border-radius: var(--thumbnail-radius) !important;
  }
}