/** Shopify CDN: Minification failed

Line 1091:16 Unexpected "{"
Line 1091:25 Expected ":"
Line 1091:32 Unexpected "{"
Line 1167:20 Unexpected "{"
Line 1167:29 Expected ":"

**/
/* ========================================
   PRODUCT PAGE - MATCHING SHOP PAGE STYLE
   Clean, light theme with shop page buttons
   ======================================== */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Font Declaration for Handel Gothic */
@font-face {
  font-family: 'Handel Gothic';
  src: url('{{ "Handel Gothic.woff2" | asset_url }}') format('woff2'),
       url('{{ "Handel Gothic.woff" | asset_url }}') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Base Product Page Styles */
.section-main-product,
product-info,
.gradient,
.color-scheme-1,
.color-background-1,
body {
  background-color: #fafafa !important;
  color: #333 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  line-height: 1.6;
}

/* Product Container */
.page-width {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}

/* Product Grid Layout */
.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  background: transparent;
  margin: 30px 0;
}

.product__media-wrapper {
  position: relative;
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.4s ease;
  overflow: hidden;
}

.product__media-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
  transition: left 0.6s ease;
}

.product__media-wrapper:hover::before {
  left: 100%;
}

.product__media-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.15);
  border-color: #007bff;
}

.product__info-wrapper {
  padding: 0;
}

.product__info-container {
  background: white;
  border: 2px solid #fafafa;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  height: fit-content;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
}

.product__info-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
  transition: left 0.6s ease;
}

.product__info-container:hover::before {
  left: 100%;
}

.product__info-container:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.15);
  border-color: #007bff;
}

/* Vendor Link Styling */
.product__vendor {
  margin-bottom: 12px;
}

.product__vendor-link {
  color: #6c757d;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
}

.product__vendor-link:hover {
  color: #007bff;
  transform: translateX(3px);
}

.product__vendor-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #007bff;
  transition: width 0.3s ease;
}

.product__vendor-link:hover::after {
  width: 100%;
}

/* Product Title - Single instance, no hyperlinks */
.product__title {
  margin-bottom: 20px;
  margin-top: 0; /* Reduced top margin when vendor is present */
}

.product__title h1 {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.4;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  display: block !important;
}

/* Hide duplicate title and link */
.product__title a,
.product__title h2 {
  display: none !important;
}

/* Price Styling - Match shop page exactly */
.price--large {
  margin-bottom: 15px;
}

.price__container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.price__regular,
.price-item--regular {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #6c757d !important;
}

.price__sale,
.price-item--sale {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #28a745 !important;
}

.price-item--regular[data-regular-price] {
  text-decoration: line-through;
  color: #6c757d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* Enhanced Image Gallery Styles - LARGER MAIN IMAGE */
.product__media-list {
  position: relative;
  width: 100%;
  height: 600px;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
}

.product__media-item {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.product__media-item.is-active,
.product__media-item:first-child {
  display: flex !important;
  opacity: 1 !important;
}

.product__media-item.is-active ~ .product__media-item:first-child {
  display: none !important;
}

/* Target the actual image containers */
.product__media-item .product-media-container,
.product__media-item .media,
.product__media-item .deferred-media {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__media-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
}

.gallery-nav:hover {
  background: rgba(0, 0, 0, 0.9);
  transform: translateY(-50%) scale(1.1);
}

.gallery-nav--prev {
  left: 15px;
}

.gallery-nav--next {
  right: 15px;
}

/* Zoom Overlay */
.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: zoom-out;
}

.zoom-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.zoom-image {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
}

.zoom-close {
  position: absolute;
  top: -40px;
  right: 0;
  background: none;
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
}

.product__media-item .deferred-media {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__media-item .deferred-media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.media-gallery__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.media-gallery__item.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.media-gallery__item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Thumbnail Gallery - Shopify Structure */
.thumbnail-list {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.thumbnail-list__item {
  width: calc(20% - 8px);
  aspect-ratio: 1;
  position: relative;
}

/* Hide empty thumbnail items */
.thumbnail-list__item:empty,
.thumbnail-list__item:not(:has(img)) {
  display: none !important;
}

.thumbnail-list__item button.thumbnail {
  width: 100%;
  height: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumbnail-list__item button.thumbnail:hover {
  border-color: #007bff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.thumbnail-list__item button.thumbnail[aria-current="true"] {
  border-color: #007bff;
  border-width: 3px;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.thumbnail-list__item button.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Fix Deferred Media Display */
.deferred-media {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
}

.deferred-media__poster {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Force images to show */
.product__media-item .deferred-media {
  width: 100%;
  height: 100%;
}

.thumbnail-list__item .deferred-media {
  width: 100%;
  height: 100%;
}

/* Thumbnail Gallery */
.thumbnail-list,
.product__media-thumbs,
.product__media-list--thumb {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 15px;
}

.thumbnail-list__item,
.product__media-thumb,
.product__media-item--thumb {
  position: relative;
  aspect-ratio: 1;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
}

.thumbnail-list__item:hover,
.product__media-thumb:hover {
  border-color: #007bff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.thumbnail-list__item.is-active,
.product__media-thumb.is-active,
.thumbnail-list__item[aria-current="true"] {
  border-color: #007bff;
  border-width: 3px;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.thumbnail-list__item img,
.product__media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Media Gallery Slider Controls */
.product__media-slider {
  position: relative;
}

.product__media-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.product__media-toggle:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.1);
}

.product__media-toggle--prev {
  left: 15px;
}

.product__media-toggle--next {
  right: 15px;
}

/* Variant Picker - Match Shop Page Filter Style */
.product-form__input {
  margin-bottom: 20px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  background: white;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.product-form__input:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

.product-form__input label.form__label {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 15px 20px;
  font-weight: 700;
  color: #495057 !important;
  border-bottom: 2px solid #dee2e6;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
  display: block;
  transition: all 0.3s ease;
}

.product-form__input:hover label.form__label {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  transform: translateY(-1px);
}

/* Variant Options */
.product-form__input input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.product-form__input .variant-options {
  padding: 10px 0;
}

.product-form__input label[for] {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin: 0;
  background: white;
  border: none;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #333;
  font-weight: 500;
  font-size: 14px;
}

.product-form__input label[for]:hover {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-left-color: #007bff;
  transform: translateX(3px);
}

.product-form__input input[type="radio"]:checked + label {
  background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
  border-left-color: #007bff;
  color: #007bff;
  font-weight: 600;
}

/* Quantity Selector - Fix Plus/Minus Icons */
.quantity__button {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 20px;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1;
  font-family: monospace;
}

.quantity__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,123,255,0.3);
}

.quantity__button[name="minus"]::before {
  content: "−";
  color: white;
}

.quantity__button[name="plus"]::before {
  content: "+";
  color: white;
}

.quantity__button svg,
.quantity__button .svg-wrapper {
  display: none;
}

.quantity__input {
  width: 80px;
  text-align: center;
  background: transparent;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 18px;
  height: 40px;
  margin: 0 12px;
  transition: all 0.3s ease;
}

.quantity__input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
  transform: translateY(-1px);
}

/* Buy Buttons - Grid Layout for Better Organization */
.product-form__buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 25px;
  margin-bottom: 0 !important;
  width: 100% !important;
}

/* Add to Cart Button - Left Column */
.product-form__submit,
button[name="add"],
.product-form button[type="submit"] {
  grid-column: 1 / 2 !important;
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: linear-gradient(135deg, #343a40 0%, #212529 100%) !important;
  color: white !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.product-form__submit *,
button[name="add"] *,
.product-form button[type="submit"] * {
  color: white !important;
}

/* Shop Pay Button Container - Right Column */
.shopify-payment-button {
  grid-column: 2 / 3 !important;
  margin-top: 0 !important;
  width: 100% !important;
}

.shopify-payment-button__button {
  width: 100% !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 12px 20px !important;
  min-height: 50px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* PayPal Button Space (future) - Full Width Row */
.paypal-buttons,
.paypal-button-container {
  grid-column: 1 / -1 !important;
  margin-top: 10px !important;
  width: 100% !important;
}

/* More Payment Options - Separate Row Below */
.shopify-payment-button__more-options {
  grid-column: 1 / -1 !important;
  display: block !important;
  text-align: center !important;
  margin-top: 15px !important;
  padding-top: 15px !important;
  border-top: 1px solid #e9ecef !important;
  font-size: 14px !important;
  color: #6c757d !important;
}

.shopify-payment-button__more-options:hover {
  color: #495057 !important;
}

/* Hover effects for all buttons */
.product-form__submit:hover:not(:disabled),
button[name="add"]:hover:not(:disabled),
.shopify-payment-button__button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
}

.product-form__submit:disabled,
button[name="add"]:disabled,
.product-form button[type="submit"]:disabled {
  background: #6c757d !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Product Info Sections */
.product__text,
.product__description {
  color: #333 !important;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 20px;
}

.product__description {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

/* Accordion/Collapsible Tabs - Match Shop Page Filter Style */
.product__accordion {
  margin-top: 30px;
}

.accordion details {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.accordion details:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

.accordion summary {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 15px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  list-style: none;
  transition: all 0.3s ease;
}

.accordion summary::-webkit-details-marker {
  display: none;
}

.accordion summary:hover {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  transform: translateY(-1px);
}

.accordion__content {
  padding: 15px 20px;
  color: #333;
  line-height: 1.6;
  font-size: 14px;
}

/* Inventory & SKU */
.product__inventory,
.product__sku {
  font-size: 13px !important;
  color: #666 !important;
  margin-bottom: 10px;
  padding: 10px 15px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

/* Share Button - White Background with Gray Hover */
.share-button__button {
  background: white !important;
  border: 2px solid #e9ecef !important;
  color: #333 !important;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.share-button__button,
.share-button__button *,
.share-button__button span,
.share-button__button svg,
.share-button__button path,
.share-button__button text,
.share-button__text,
.share-button__label {
  color: #333 !important;
  fill: #333 !important;
}

/* Target any nested text elements */
.share-button__button > span,
.share-button__button > div,
.share-button__button > p {
  color: #333 !important;
}

.share-button__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  background: #f8f9fa !important;
  border-color: #dee2e6 !important;
}

.share-button__button:hover,
.share-button__button:hover *,
.share-button__button:hover span,
.share-button__button:hover svg,
.share-button__button:hover path {
  color: #6c757d !important;
  fill: #6c757d !important;
}

/* Force text color on any state */
.share-button__button:focus,
.share-button__button:active,
.share-button__button:visited {
  color: #333 !important;
  background: white !important;
}

/* Hide View Details Button */
.product__view-details {
  display: none !important;
  visibility: hidden !important;
}

/* Modal Styles */
.product-media-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.product-media-modal.is-open {
  display: flex;
}

.product-media-modal__content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.product-media-modal__content img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
}

.product-media-modal__toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.product-media-modal__toggle:hover {
  background: #fff;
  transform: scale(1.1);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .product {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .page-width {
    padding: 20px 15px;
  }
  
  .product__info-container {
    padding: 20px;
  }
  
  .product__media-wrapper {
    padding: 12px;
  }
  
  .product__media-list {
    height: 300px;
  }
  
  .product__media-item img {
    height: auto;
  }
  
  .product__title h1 {
    font-size: 20px !important;
    line-height: 1.3;
  }
  
  .price__regular,
  .price__sale {
    font-size: 16px !important;
  }
  
  /* Stack buttons vertically on mobile */
  .product-form__buttons {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 15px;
    margin: 0 -20px -20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  }
  
  .product-form__submit,
  .shopify-payment-button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  
  .product-form__submit {
    margin-bottom: 0 !important;
    padding: 10px 15px !important;
    font-size: 12px !important;
  }
  
  .shopify-payment-button__more-options {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
  
  /* Vendor link on mobile */
  .product__vendor-link {
    font-size: 12px;
  }
}

/* Ensure text is always visible */
.product__info-container * {
  color: #333 !important;
}

.product__info-container h1,
.product__info-container h2,
.product__info-container h3 {
  color: #212529 !important;
}

/* Fix label colors */
.form__label,
.quantity__label {
  color: #495057 !important;
}

/* Ensure consistent button heights */
.product-form__buttons button,
.product-form__buttons .shopify-payment-button__button {
  height: 50px !important;
  line-height: 1.2 !important;
}

/* Clean up spacing */
.product-form__error-message-wrapper {
  margin-top: 10px;
}

/* Quantity selector alignment with new button layout */
#Quantity-Form-{{ section.id }} {
  margin-bottom: 20px;
}

/* Remove slider navigation buttons */
.thumbnail-slider .slider-button,
.thumbnail-slider .slider-button--prev,
.thumbnail-slider .slider-button--next {
  display: none !important;
}

/* Ensure thumbnails are visible */
.thumbnail-list {
  display: flex !important;
  gap: 10px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.thumbnail-slider {
  display: block !important;
}

/* Override any hiding on desktop */
@media (min-width: 750px) {
  .thumbnail-slider.medium-hide,
  .thumbnail-slider.large-up-hide {
    display: block !important;
  }
}

/* Remove gray boxes without affecting thumbnail styling */
.thumbnail-list__item:nth-child(4),
.thumbnail-list__item:nth-child(5) {
  display: none !important;
}

/* Alternative: Hide empty thumbnails only */
.thumbnail-list__item:not(:has(.thumbnail)) {
  display: none !important;
}

/* Remove ALL gray boxes - aggressive approach */
.thumbnail-list__item {
  background: none !important;
  border: none !important;
}

.thumbnail-list__item:not(:has(button)):not(:has(img)):not(:has(a)) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Also target by common Shopify empty thumbnail classes */
.thumbnail-list__item--empty,
.thumbnail-list__item--placeholder,
.thumbnail-list__item:empty {
  display: none !important;
}

/* Target Shopify's slider thumbnails */
.slider--mobile-gutter .thumbnail-list__item:not(:has(img)),
.product__media-list--mobile-slider .thumbnail-list__item:not(:has(img)) {
  display: none !important;
}

/* Hide based on index if you know exactly how many images you have */
.thumbnail-list__item:nth-child(n+4) {
  display: none !important;
}

/* Target the specific thumbnail list structure */
#Slider-Thumbnails-{{ section.id }} .thumbnail-list__item:not(:has(.thumbnail)) {
  display: none !important;
}

/* Force grid to only show actual thumbnails */
.thumbnail-list {
  grid-auto-flow: dense;
}

.thumbnail-list .slider__slide:empty,
.thumbnail-list .slider__slide:not(:has(button)) {
  display: none !important;
}

/* Remove gray placeholder boxes under thumbnails */
.thumbnail-list__item:empty,
.thumbnail-list__item:not(:has(*)) {
  display: none !important;
}

/* Hide empty thumbnail slots */
.thumbnail-list {
  grid-auto-rows: 0;
}

.thumbnail-list__item:has(img),
.thumbnail-list__item:has(button) {
  grid-row: auto;
}

/* Payment Section Spacing Adjustments */

/* Shop Pay installments text spacing */
.installment.caption-large {
  margin-bottom: 30px !important;
  margin-top: 15px !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
}

/* Price section spacing */
.price--large {
  margin-bottom: 20px !important;
}

/* Space after price/installments section */
[id^="price-"] + div {
  margin-bottom: 25px !important;
}

/* Quantity form spacing */
.product-form__quantity {
  margin-top: 35px !important;
  margin-bottom: 30px !important;
}

/* Quantity label specific spacing */
.quantity__label.form__label {
  margin-bottom: 15px !important;
  display: block;
}

/* Ensure proper spacing before buy buttons */
.product-form__buttons {
  margin-top: 35px !important;
}

/* Alternative: If you want to hide the installment text completely */
/*
.installment {
  display: none !important;
}
*/