/* Custom Scrollbar Hiding for Categories */
#categoryTabs::-webkit-scrollbar,
#categoryContent::-webkit-scrollbar {
    display: none;
}
#categoryTabs,
#categoryContent {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Swiper overrides for Home Banner */
.banner-swiper .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
    width: 6px;
    height: 6px;
    transition: all 0.3s;
}
.banner-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
    width: 12px;
    border-radius: 4px;
}

/* WooCommerce price_html: del/ins inside SKU modal & detail page */
#skuPriceDisplay del,
.shangc-price-wrap del {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: normal;
    text-decoration: line-through;
}
#skuPriceDisplay ins,
.shangc-price-wrap ins {
    text-decoration: none;
    color: #ef4444;
    font-weight: 700;
}
#skuPriceDisplay .screen-reader-text,
.shangc-price-wrap .screen-reader-text {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Swiper overrides for Detail Images (Fraction style like Taobao) */
.detail-swiper .swiper-pagination-fraction {
    background: rgba(0, 0, 0, 0.4);
    color: white;
    width: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    padding: 3px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    backdrop-filter: blur(4px);
}