theme-product-media-gallery{
  z-index: 10 !important;
}
.product-detail-wrapper {
  background-color: rgba(var(--color-background, var(--color-page-background)));
  overflow: hidden;
}
.product-detail__info{
  padding-top:30px;
}
.product-detail {
  background-color: rgba(var(--color-background, var(--color-page-background)));
}

.product-detail__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#lf-quick-add-modal-content {
  padding-inline: var(--page-padding);
}

@media (min-width: 960px) {
  .product-detail__col {
    width: 100%;
  }

  .product-detail[data-desktop-direction="row"] {
    z-index: var(--z-index-focus);
  }
  .product-detail[data-desktop-direction="row"] .product-detail__info,
  .product-detail[data-desktop-direction="row"] .product-detail__media-gallery {
    position: sticky;
    inset-block-start: var(--detail-padding-block-start, 0);
    z-index: var(--z-index-hover);
  }

  .product-detail[data-desktop-direction="row"] .product-detail__col {
    /* flex: 1 0 0; */
  }

  .product-detail[data-desktop-direction="row"] .product-detail__col--small {
    width: 34%;
  }

  .product-detail[data-desktop-direction="row"]
    .product-detail__col--small
    + .product-detail__col {
    width: 66%;
  }

  .product-detail[data-desktop-direction="row"] .product-detail__col--medium {
    width: 50%;
  }

  .product-detail[data-desktop-direction="row"]
    .product-detail__col--medium
    + .product-detail__col {
    width: 50%;
  }

  .product-detail[data-desktop-direction="row"] .product-detail__col--large {
    width: 66%;
  }

  .product-detail[data-desktop-direction="row"]
    .product-detail__col--large
    + .product-detail__col {
    width: 34%;
  }
}
/* ================================
   Product gallery delayed sticky
   Only starts sticking after page scrolls naturally
================================ */

@media screen and (min-width: 960px) {

    .product-detail-wrapper,
    .product-detail-wrapper .page-width,
    .product-detail {
        overflow: visible !important;
    }

    .product-detail {
        align-items: flex-start !important;
    }

    .product-detail>.product-detail__media-gallery {
        position: sticky !important;

        /* 关键：不要一开始就贴顶部，而是等它快超出屏幕才固定 */
        top: -50px !important;

        align-self: flex-start !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: 1 !important;
    }

    .product-detail__media-gallery .media-gallery__content,
    .product-detail__media-gallery .media-gallery__list-wrapper,
    .product-detail__media-gallery .media-gallery__list {
        overflow: hidden !important;
    }

    .product-detail__media-gallery .media-gallery__thumbnails {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: hidden !important;
    }

}
/* ================================
   Premium product gallery arrows
================================ */

@media screen and (min-width: 960px) {

    .product-detail__media-gallery .media-gallery__arrows {
        position: absolute !important;
        top: 45% !important;
        left: 0 !important;
        right: 0 !important;
        transform: translateY(-50%) !important;

        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;

        padding: 0 18px !important;
        z-index: 30 !important;
        pointer-events: none !important;

        opacity: 0 !important;
        transition: opacity 0.25s ease !important;
    }

    .product-detail__media-gallery:hover .media-gallery__arrows {
        opacity: 1 !important;
    }

    .product-detail__media-gallery .media-gallery__arrow {
        width: 42px !important;
        height: 42px !important;
        border-radius: 999px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: rgba(255, 255, 255, 0.82) !important;
        border: 1px solid rgba(33, 33, 33, 0.08) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
        backdrop-filter: blur(10px) !important;

        color: #212121 !important;
        cursor: pointer !important;
        pointer-events: auto !important;

        opacity: 1 !important;
        visibility: visible !important;

        transition:
            transform 0.2s ease,
            background 0.2s ease,
            box-shadow 0.2s ease !important;
    }

    .product-detail__media-gallery .media-gallery__arrow:hover {
        transform: scale(1.08) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
    }

    .product-detail__media-gallery .media-gallery__arrow[disabled],
    .product-detail__media-gallery .media-gallery__arrow:disabled {
        opacity: 0.35 !important;
        cursor: default !important;
    }

    .product-detail__media-gallery .media-gallery__arrow svg {
        width: 14px !important;
        height: 14px !important;
    }

    .product-detail__media-gallery .media-gallery__status {
        display: none !important;
    }

}