/***
 */

@import "_vendor.css";
@import "_style.css";
.lozad {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.lozad.is-loaded {
    opacity: 1;
}
.accordion-header {
    border-bottom: 0;
    padding: 0;
}
.product-variant-color label {
    border: 1px solid #dedede;
    z-index: 10;
}
.product-variant-color label:hover, .product-variant-color input:checked + label {
    outline: 1px solid #ccc;
}
.footer-top {
    padding: 40px 0 50px;
}
.slick-list {
    padding-bottom: 50px;
}
@media (max-width: 575.98px) {
    .slick-list {
        padding-bottom: 0 !important;
    }

    .buy-it-now-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999999;
    }
}
@media (max-width: 991px) {
    .product-details {
        margin-top: 10px;
    }
}

/* Skeleton loading (shimmer) cho ảnh sản phẩm */
.img-skeleton {
    position: relative;
    aspect-ratio: 2 / 1;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
    background-size: 400% 100%;
    animation: img-skeleton-shimmer 1.4s ease infinite;
    border-radius: 4px;
}

.img-skeleton img {
    opacity: 0;
}

.img-skeleton noscript img {
    opacity: 1;
}

.img-skeleton::after {
    content: attr(data-loading-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color: #999;
    pointer-events: none;
    white-space: nowrap;
}

#mockup-layout.img-skeleton {
    aspect-ratio: 1 / 1;
}

@keyframes img-skeleton-shimmer {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}