/* =====================================================
   Flatsome Custom Elements – Product Gallery Slider
   ===================================================== */

.fce-product-gallery-wrap {
    width: 100%;
}

/* Card */
.fce-pg-card {
    display: flex;
    flex-direction: column;
}

/* Ảnh chính */
.fce-pg-main-wrap {
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
}

.fce-pg-main-wrap a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Thumbnail row – single row, scrollable */
.fce-pg-thumbs {
    /* flex + overflow-x được set inline qua <style> tag */
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-x;
    will-change: scroll-position;
}

.fce-pg-thumbs:active {
    cursor: grabbing;
}

.fce-pg-thumb-item {
    border-radius: 3px;
    overflow: hidden;
    background: #f0f0f0;
    flex-shrink: 0; /* đảm bảo không bị co */
}

/* Info */
.fce-pg-info {
    padding: 10px 0 0;
}

.fce-pg-title {
    font-size: 1em;
    margin: 4px 0;
    font-weight: 600;
    line-height: 1.3;
}

.fce-pg-title a {
    color: inherit;
    text-decoration: none;
}

.fce-pg-title a:hover {
    color: var(--color-primary, #333);
}

.fce-pg-price {
    margin: 4px 0 8px;
    font-size: 0.95em;
}

.fce-pg-rating {
    margin-bottom: 4px;
}

.fce-pg-cart .button {
    width: 100%;
    text-align: center;
}