/** Shopify CDN: Minification failed

Line 11:0 Unexpected "}"

**/
  .product-gallery {
    position: sticky;
    top: 0;
    z-index: 100;
  }
}

/* Gallery content */
.tee-gallery-content {
  width: 100%;
  margin: 0 auto !important;
  transition: none;
  margin-bottom: 0 !important;
  height: fit-content !important;
  }

/* Mobile only (≤750px to match JavaScript) */
@media screen and (max-width: 750px) {
  
/* White background */
.product-gallery {
  background: #fff !important;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 1rem 1rem 0rem 1rem;
  box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.11);
  row-gap: 10px !important;
}

  @media screen and (max-width: 750px) {
  .swipe-bar {
    width: 92vw;
    margin: 0 auto 0 auto;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 7px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    position: relative;
    z-index: 11;
  }

 @media screen and (max-width: 750px) {
  .swipe-bar-handle {
    width: 60px;
    height: 4px;
    background: #c8c8c8;
    border-radius: 9px;
    box-shadow: 0 2px 10px #0001;
    cursor: ns-resize;
    transition: background 0.15s;
    margin: 0; /* Remove any stray spacing */
  }

  .swipe-bar:active .swipe-bar-handle,
  .swipe-bar-handle:active {
    background: #888;
  }
}

  .swipe-bar:active .swipe-bar-handle,
  .swipe-bar-handle:active {
    background: #888;
  }
}

  /* Active state */
  .swipe-bar:active .swipe-bar-handle {
    background: #888;
  }
}

/* Hide on tablet and desktop (>750px) */
@media screen and (min-width: 751px) {
  .swipe-bar {
    display: none !important;
  }
}

/* Rounded corners - all devices */
#tee-gallery .tee-mockup-item {
  border-radius: 1rem;
  overflow: hidden;
}

/* Larger corners on desktop */
@media screen and (min-width: 1000px) {
  #tee-gallery .tee-mockup-item {
    border-radius: 2rem;
  }
}

/* Teeinblue buttons - all devices */
.tee-toolbar .tee-btn {
  min-width: unset !important;
  padding: 9px 18px !important;
  background: transparent !important;
  color: #363636 !important;
  border-radius: 5px !important;
  border: 1.5px solid #363636 !important;
}

.swipe-bar {
  position: relative !important;
  top: -15px !important;
}

.tee-gallery {
  margin-bottom: 0 !important;
}

#teeinblue-wrapper {
  position: relative;
  z-index: 2000;
}