/* 产品图片轮播 - 严格按照淘宝参考图重制 */
.pdp-page-main-sec .pdp-slider-wrapper.flex {
    display: flex !important;
    gap: 0px;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* 缩略图区域 - 左侧垂直排列，调整到合适尺寸 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider {
    width: 70px !important;
    flex-shrink: 0;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px;
    order: 1;
    margin: 0 !important;
    position: relative !important;
    z-index: 999 !important;
    background: transparent !important;
}

/* 主图区域 - 右侧 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider {
    flex: 1 !important;
    order: 2;
    width: calc(100% - 70px) !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 强制清除所有Slick样式干扰 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider .slick-list,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider .slick-track {
    margin: 0 !important;
    padding: 0 !important;
    width: 70px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider .slick-list {
    margin: 0 !important;
    padding: 0 !important;
}

/* 缩略图项目 - 调整到合适尺寸 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item,
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider .slick-slide {
    width: 70px !important;
    height: 70px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
    position: relative !important;
    cursor: pointer !important;
    z-index: 1000 !important;
    display: block !important;
    float: none !important;
    pointer-events: all !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .thumb-item-inner {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: 70px !important;
    height: 70px !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .pdp-thumb-image,
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image .pdp-thumb-image {
    width: 70px !important;
    height: 70px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .pdp-thumb-image img,
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image .pdp-thumb-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    padding: 3px !important;
    margin: 0 !important;
    display: block !important;
}

/* 缩略图激活状态 - 浅橙色边框，有分隔效果 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item.slick-current.slick-active .pdp-thumb-image,
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image.slick-current.slick-active .pdp-thumb-image {
    border-color: #ff9966 !important;
    border-width: 2px !important;
    box-shadow: inset 0 0 0 2px #fff !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .pdp-thumb-image:hover,
.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image .pdp-thumb-image:hover {
    border-color: #ff9966 !important;
    border-width: 2px !important;
    box-shadow: inset 0 0 0 2px #fff !important;
}

/* 主图样式 - 严格按照淘宝参考图 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .product-main-item {
    padding: 0 !important;
    margin: 0 !important;
    display: none !important;
    width: 100% !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-main-item.active {
    display: block !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-item-img {
    width: 100% !important;
    max-width: 480px !important;
    height: 480px !important;
    position: relative !important;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    cursor: zoom-in !important;
    padding: 0 !important;
    padding-top: 0 !important; /* 强制覆盖原始的padding-top: 80% */
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    aspect-ratio: unset !important; /* 移除任何宽高比限制 */
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-item-img img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 7px !important;
    transition: transform 0.3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-item-img:hover img {
    transform: scale(1.02);
}

/* 隐藏所有轮播箭头和导航 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-arrow,
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-prev,
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-next,
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-dots {
    display: none !important;
}

/* 强制覆盖原始main-style.css中的间距设置 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider .slick-list,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider .slick-list {
    margin: 0 !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-main-item {
    padding: 0 !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image {
    padding: 0 !important;
}

/* 强制覆盖所有可能的干扰样式 */
.pdp-page-main-sec .pdp-slider-wrapper.flex .product-main-item .product-item-img,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider .product-item-img,
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-slide .product-item-img {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 480px !important;
    aspect-ratio: unset !important;
    overflow: hidden !important;
}

.pdp-page-main-sec .pdp-slider-wrapper.flex .product-main-item .product-item-img img,
.pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider .product-item-img img,
.pdp-page-main-sec .pdp-slider-wrapper.flex .slick-slide .product-item-img img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .pdp-page-main-sec .pdp-slider-wrapper.flex {
        flex-direction: column !important;
        gap: 12px;
    }
    
    .pdp-page-main-sec .pdp-slider-wrapper.flex .pro-thumb-slider {
        width: 100% !important;
        flex-direction: row !important;
        order: 2;
        overflow-x: auto;
        gap: 4px;
        padding: 0 10px;
        justify-content: flex-start;
    }
    
    .pdp-page-main-sec .pdp-slider-wrapper.flex .pro-main-slider {
        order: 1;
        max-width: 100%;
    }
    
    .pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .pdp-thumb-image,
    .pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image .pdp-thumb-image {
        width: 45px !important;
        height: 45px !important;
        flex-shrink: 0;
    }
    
    .pdp-page-main-sec .pdp-slider-wrapper.flex .product-item-img {
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image-item .pdp-thumb-image,
    .pdp-page-main-sec .pdp-slider-wrapper.flex .thumb-image .pdp-thumb-image {
        width: 40px !important;
        height: 40px !important;
    }
} 