/** Shopify CDN: Minification failed

Line 256:1 Expected "}" to go with "{"

**/
/* ==========================================================================
   MOBILE-ONLY: Single visible image + carousel + full-width edge-to-edge
   ========================================================================== */
@media screen and (max-width: 749px) {

  /* Remove all side padding/margins from parent containers for full-width */
  .page-width,
  .grid,
  .grid__item.product__media-wrapper,
  .product__media-wrapper,
  .product__column-sticky,
  .slider-mobile-gutter,
  .section-padding,
  .main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Force media list to full viewport width and centered */
  .product__media-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important; /* centers inside constrained parents */
    margin-right: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    gap: 0 !important;
  }

  /* Each slide = full viewport width, no gaps */
  .product__media-item,
  .slider__slide {
    flex: 0 0 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
  }

  /* ================================
   MOBILE PRODUCT GALLERY FIX
   ================================ */
@media screen and (max-width: 749px) {

  /* Reset media container */
  .product__media-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  /* Turn gallery into horizontal slider */
  .product__media-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0;
  }

  /* Each image = full width slide */
  .product__media-item {
    min-width: 100%;
    scroll-snap-align: start;
  }

  /* Remove grid behaviour from desktop */
  .product__media-list.grid {
    display: flex !important;
  }

  /* Hide thumbnails on mobile */
  .thumbnail-slider {
    display: none !important;
  }

}/* ================================
   MOBILE INFO PANEL FIX
   ================================ */
@media screen and (max-width: 749px) {

  .product__info-wrapper {
    padding: 24px 18px 4px;
    margin: 0 auto;
    max-width: 560px;
  }

  .product__title {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .product__text,
  .product__description {
    font-size: 15px;
    line-height: 1.5;
  }

}/* ================================
   MOBILE SWATCH IMPROVEMENTS
   ================================ */
@media screen and (max-width: 749px) {

  .product-form__input--swatch .swatch-input__label {
    width: 44px;
    height: 44px;
  }

  .product-form__input--swatch .swatch-input__label + span {
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
  }

  .product-form__input--swatch {
    gap: 14px !important;
  }

}/* ================================
   MOBILE BUTTON HIERARCHY
   ================================ */
@media screen and (max-width: 749px) {

  .product-form__submit {
    height: 56px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 14px;
  }

  .shopify-payment-button__button {
    height: 52px;
    border-radius: 12px;
    opacity: 0.85;
  }

}/* ===== FORCE TRUE SLIDE SNAP ===== */
.product__media-list {
  scroll-snap-type: x mandatory !important;
  scroll-padding-left: 0 !important;
  scroll-padding-right: 0 !important;
}

.product__media-item,
.slider__slide {
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
}/* ===== FIX IMAGE OVERFLOW / ZOOM ===== */
.product__media img,
.product__media video,
.product__media iframe {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.product__media {
  overflow: hidden !important;

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

  .product media-gallery{
    position:relative;
  }

  .mobile-gallery-ui{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:5;
  }



}/* ======================================================
   PREMIUM MOBILE GALLERY UI — DAWN SAFE VERSION
   ====================================================== */

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

  media-gallery{
    position:relative;
  }

  /* ARROWS */

  media-gallery::before,
  media-gallery::after{
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border-radius:50%;
    backdrop-filter:blur(6px);
    background:rgba(0,0,0,0.35);
    z-index:3;
    pointer-events:none;
  }

  media-gallery::before{
    left:12px;
    mask:url('data:image/svg+xml;utf8,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">\
      <path d="M12.5 4L7 10l5.5 6" stroke="white" stroke-width="2" fill="none" stroke-linecap="round"/>\
      </svg>') center/18px no-repeat;
  }

  media-gallery::after{
    right:12px;
    mask:url('data:image/svg+xml;utf8,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">\
      <path d="M7.5 4L13 10l-5.5 6" stroke="white" stroke-width="2" fill="none" stroke-linecap="round"/>\
      </svg>') center/18px no-repeat;
  }

  /* COUNTER (uses Dawn’s existing numbers if present) */

  .slider-counter{
    position:absolute !important;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    padding:6px 14px;
    border-radius:999px;
    font-size:12px;
    color:#fff;
    background:rgba(0,0,0,0.45);
    backdrop-filter:blur(4px);
    letter-spacing:.04em;
    font-weight:500;
    z-index:4;
  }

}