/* Match Vector Coloring homepage .hd-content-90, inspected 2026-09-14.
   Scope: Flatsome product footer only. No changes to gallery, ATC, or homepage. */
body.single-product.vcc-category-tabs .product-footer {
    box-sizing: border-box;
    width: 90% !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

body.single-product.vcc-category-tabs .product-footer > .container,
body.single-product.vcc-category-tabs .product-footer .product-page-accordian,
body.single-product.vcc-category-tabs .product-footer .woocommerce-tabs,
body.single-product.vcc-category-tabs .product-footer .related-products-wrapper,
body.single-product.vcc-category-tabs .product-footer .product-section-title-related {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
}

/* The theme already supplies slider behavior and column counts; retain both. */
body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row {
    width: calc(100% + 20px) !important;
    max-width: none !important;
    margin-inline: -10px !important;
}

body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row > .col,
body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row .flickity-slider > .col {
    box-sizing: border-box;
    padding-inline: 10px !important;
}

body.single-product.vcc-category-tabs #accordion-vcc_category_details-content,
body.single-product.vcc-category-tabs #tab-vcc_category_details {
    padding-inline: 0 !important;
}

.vcc-tab-html {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    display: flow-root;
}

.vcc-tab-html img,
.vcc-tab-html video {
    max-width: 100%;
    height: auto;
}

.vcc-tab-html .vcc-table-scroll {
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 549px) {
    body.single-product.vcc-category-tabs .product-footer {
        width: calc(100% - 24px) !important;
    }
    body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row {
        width: calc(100% + 12px) !important;
        margin-inline: -6px !important;
    }
    body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row > .col,
    body.single-product.vcc-category-tabs .product-footer .related-products-wrapper > .row .flickity-slider > .col {
        padding-inline: 6px !important;
    }
}