/* Admin color picker style */
.pcsp-color-picker {
    width: 80px;
}

/* Placeholder for frontend swatches (will expand later) */
.pcsp-swatch {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    border: 2px solid transparent;
}
.pcsp-swatch.active {
    border: 1px solid #000;
}
.pcsp-swatches-container {
    text-align: center;
    margin: 10px 0;
}


/* css thêm */
/* Fix image frame height consistency */
.image-fade_in_back {
    position: relative;
    padding-bottom: 75%; /* Maintain 4:3 ratio (400x300) */
    overflow: hidden;
}
.image-fade_in_back img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure image fits without distortion */
}

/* Ensure consistent alignment for title and price */
.product-small .box-text-products {
    display: flex;
    flex-direction: column;
    min-height: 200px; /* Fixed height to align title/price across products */
    justify-content: flex-end; /* Push title and price to bottom */
}
.title-wrapper {
    margin: 0; /* Remove default margins for consistency */
}
.price-wrapper {
    margin-top: 5px; /* Consistent spacing between title and price */
}