/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2026 | 13:30:23 */
/* MAIN IMAGE: soft green frame and rounded corners */
.single-product .product-images.woocommerce-product-gallery {
  padding: 10px;
  border: 1px solid #dce5d6;
  border-radius: 22px;
  background: #f4f7f0;
  box-shadow: 0 10px 28px rgba(40, 65, 30, 0.12);
}

/* Remove the slider's bottom gap inside the frame */
.single-product .woocommerce-product-gallery .product-gallery-slider {
  margin-bottom: 0 !important;
}

/* Round the image viewport without cropping gallery controls */
.single-product .woocommerce-product-gallery
.product-gallery-slider .flickity-viewport {
  border-radius: 14px;
  overflow: hidden;
}

/* THUMBNAILS: rounded frames */
.single-product .product-thumbnails a {
  display: block;
  padding: 5px;
  border: 2px solid #dce5d6;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: border-color 180ms ease;
}

/* Remove Flatsome's faded appearance and image shift */
.single-product .product-thumbnails a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  border-radius: 6px;
  opacity: 1;
  transform: none;
}

/* Selected thumbnail */
.single-product .product-thumbnails .is-nav-selected a {
  border-color: #527b3f;
  background: #eef4e9;
  box-shadow: inset 0 0 0 1px #527b3f;
}

/* Hover highlight */
@media (hover: hover) {
  .single-product .product-thumbnails a:hover {
    border-color: #527b3f;
  }
}

/* Mobile */
@media (max-width: 549px) {
  .single-product .product-images.woocommerce-product-gallery {
    padding: 6px;
    border-radius: 16px;
  }

  .single-product .woocommerce-product-gallery
  .product-gallery-slider .flickity-viewport {
    border-radius: 10px;
  }

  .single-product .product-thumbnails a {
    padding: 3px;
    border-radius: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .single-product .product-thumbnails a {
    transition: none;
  }
}