/** Shopify CDN: Minification failed

Line 259:0 Unexpected "}"

**/
/* Mobile & Tablet Product Gallery - ONE IMAGE AT A TIME WITH SCROLL ARROWS */

@media screen and (max-width: 749px) {
  /* Media gallery layout */
  .product__media-wrapper {
    width: 100%;
    order: 1;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .product__info-wrapper {
    order: 2;
  }

  /* CRITICAL: Override cus_prod_css.css row-reverse on mobile */
  media-gallery {
    flex-direction: column !important;
    display: flex !important;
    visibility: visible !important;
  }

  /* CRITICAL: Override grid--peek and force SLIDER - ONE IMAGE AT A TIME */
  .product__media-list.grid,
  .product__media-list.grid--peek,
  .slider.slider--mobile,
  .product__media-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    column-gap: 0 !important;
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    visibility: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Each image takes FULL WIDTH - one at a time (override grid__item) */
  .product__media-list .slider__slide,
  .product__media-list .product__media-item,
  .product__media-list .grid__item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    scroll-snap-align: start !important;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .product-media-container,
  .product-media-container.constrain-height,
  .product__media {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    display: block !important;
    visibility: visible !important;
  }

  /* Remove padding-top aspect ratio constraint */
  .product-media-container .media,
  .product-media-container.constrain-height .media {
    padding-top: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Ensure images are responsive and display full height */
  .product__media-item img,
  .product-media-container img,
  .product__media img,
  .media img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    display: block !important;
    visibility: visible !important;
    object-fit: contain !important;
  }

  /* Hide thumbnail list on mobile - arrows control navigation */
  .thumbnail-list {
    display: none;
  }

  /* Enable modal opener on mobile - allow tapping images to view full size */
  .product__modal-opener {
    display: block;
  }

  /* SHOW image counter on mobile - useful for slider */
  .slider-counter,
  .slider-counter-below {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: center;
    margin-top: 1rem;
  }

  /* Ensure slider component works in flex layout on mobile */
  .product__media-wrapper slider-component {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
  }

  /* Ensure grading badge is visible, doesn't overflow, and appears ABOVE images on mobile */
  .product__media-wrapper .grading-verification-badge {
    flex-shrink: 0;
    margin-bottom: 1rem;
    order: -1 !important;
    display: flex !important;
    visibility: visible !important;
  }

  /* Ensure product media gallery (media-gallery element) appears after grading badge */
  .product__media-wrapper media-gallery {
    order: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
  }

  .product__media-wrapper slider-component {
    width: 100%;
    display: flex !important;
    visibility: visible !important;
  }

  /* SHOW slider navigation buttons on mobile - enable arrow controls */
  .product__media-wrapper .slider-buttons,
  .slider-buttons,
  slider-component .slider-buttons,
  .product .slider-buttons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Ensure all product page buttons have consistent border-radius on mobile */
  .product-form__buttons button,
  .product-form__buttons .button,
  .product-form__buttons .shopify-payment-button__button,
  .product-form__buttons .btn,
  #wk_make_an_offer_btn,
  .wk-ask-a-question,
  .wk_like_btn a,
  #wk-askme button,
  #wk-askme a {
    border-radius: 8px !important;
  }

  /* Ensure consistent spacing between all buttons - remove extra margins */
  .product-form__buttons #wk_make_an_offer,
  .product-form__buttons #wk-askme,
  .product-form__buttons .wk_like_btn {
    margin: 0 !important;
  }

  /* Related products - ensure adequate spacing after Add to Cart on mobile */
  .related-products .quick-add,
  .related-products .card .quick-add {
    margin-bottom: 2rem !important;
  }

  /* CONVERSION OPTIMIZATION: Hide trust elements on mobile to reduce scroll to buy button */
  .trust-payment-bar {
    display: none !important;
  }

  .seller-badges-container {
    display: none !important;
  }
}

/* CONVERSION OPTIMIZATION: Also hide trust elements on TABLET (750px-989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .trust-payment-bar {
    display: none !important;
  }

  .seller-badges-container {
    display: none !important;
  }
}

  /* Tighten spacing on typewriter search header on mobile product pages */
  [id*="shopify-section"][id*="9323da7d"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Target the inner padding div */
  [id*="shopify-section"][id*="9323da7d"] [class*="section-"][class*="padding"],
  [id*="shopify-section"][id*="9323da7d"] .gradient {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Remove excessive margin on search header container */
  [id*="shopify-section"][id*="9323da7d"] .template-search__header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [id*="shopify-section"][id*="9323da7d"] .page-width {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Compress heading */
  [id*="shopify-section"][id*="9323da7d"] h1,
  [id*="shopify-section"][id*="9323da7d"] h2,
  [id*="shopify-section"][id*="9323da7d"] .h1,
  [id*="shopify-section"][id*="9323da7d"] .h2 {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
  }

  [id*="shopify-section"][id*="9323da7d"] .search-modal__form,
  [id*="shopify-section"][id*="9323da7d"] form {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Remove gap between search section and product title */
  [class*="section-"][class*="main-padding"] {
    padding-top: 0 !important;
  }

  .product__title {
    margin-top: 0 !important;
  }
}

/* Tablet: 750px-989px - ALSO use slider (one image at a time) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  /* ENABLE SLIDER on tablet - ONE IMAGE AT A TIME */
  .product__media-list.slider {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
  }

  /* Each image takes FULL WIDTH on tablet too */
  .product__media-list.slider .product__media-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    scroll-snap-align: start !important;
  }

  /* SHOW arrow controls on tablet */
  .slider-buttons {
    display: flex !important;
    visibility: visible !important;
  }

  /* SHOW slider counter on tablet */
  .slider-counter {
    display: flex !important;
    visibility: visible !important;
  }
}