/**
 * 差异化滚动效果样式
 * 左侧图片sticky定位，右侧内容正常滚动
 */

/* 左侧产品图片 - sticky定位 */
.single-product .woocommerce-product-gallery {
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
    z-index: 10 !important;
}

/* 确保图片不会溢出 */
.single-product .woocommerce-product-gallery img {
    max-width: 100%;
    height: auto;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 响应式 - 移动设备禁用sticky */
@media (max-width: 768px) {
    .single-product .woocommerce-product-gallery {
        position: relative !important;
        top: 0 !important;
    }
}