/**
 * Vreugde Product Pro - Single product pagina styling
 */

/* ==========================================================================
   USP-sectie verbergen als ACF usp_titel leeg is
   ========================================================================== */
.vcp-product-page.vcp-no-usp .usp-group,
body.vcp-no-usp .usp-group {
    display: none !important;
}

/* ==========================================================================
   Layout — kolommen top-aligned
   ========================================================================== */
.vcp-product-page .et_pb_row_1_tb_body {
    align-items: flex-start !important;
}

/* ==========================================================================
   Breadcrumb — modern, subtiel (géén margins/paddings toegevoegd)
   Dekt WC default, Yoast SEO, RankMath en Divi's WC-breadcrumb module.
   ========================================================================== */
.vcp-product-page .woocommerce-breadcrumb,
.vcp-product-page nav.woocommerce-breadcrumb,
.vcp-product-page .yoast-breadcrumbs,
.vcp-product-page .rank-math-breadcrumb,
.vcp-product-page .rank-math-breadcrumb p,
.vcp-product-page .et_pb_wc_breadcrumb,
.vcp-product-page .et_pb_wc_breadcrumb .woocommerce-breadcrumb,
.vcp-product-page [itemprop="breadcrumb"] {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
    color: var(--vcp-text-soft) !important;
    background: transparent !important;
    border: 0 !important;
}

/* Links: muted → rood bij hover, subtiele underline */
.vcp-product-page .woocommerce-breadcrumb a,
.vcp-product-page .yoast-breadcrumbs a,
.vcp-product-page .rank-math-breadcrumb a,
.vcp-product-page .et_pb_wc_breadcrumb a,
.vcp-product-page [itemprop="breadcrumb"] a {
    color: var(--vcp-text-muted) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color var(--vcp-transition) !important;
    border-bottom: 1px solid transparent !important;
}

.vcp-product-page .woocommerce-breadcrumb a:hover,
.vcp-product-page .yoast-breadcrumbs a:hover,
.vcp-product-page .rank-math-breadcrumb a:hover,
.vcp-product-page .et_pb_wc_breadcrumb a:hover,
.vcp-product-page [itemprop="breadcrumb"] a:hover {
    color: var(--vcp-red) !important;
    border-bottom-color: var(--vcp-red) !important;
}

/* Laatste item (huidige pagina) donker + bold — Yoast/RankMath expose een class */
.vcp-product-page .yoast-breadcrumbs .breadcrumb_last,
.vcp-product-page .rank-math-breadcrumb .last,
.vcp-product-page .woocommerce-breadcrumb strong,
.vcp-product-page .vpp-breadcrumb-current {
    color: var(--vcp-text) !important;
    font-weight: 700 !important;
}

/* Separator tekens (/ » ›): subtiel muted + iets lichter */
.vcp-product-page .rank-math-breadcrumb .separator {
    color: var(--vcp-text-soft) !important;
    opacity: 0.6 !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   Product gallery — vaste 4:3 aspect ratio zodat slides niet springen
   ========================================================================== */
.vcp-product-page .et_pb_wc_images,
.vcp-product-page .et_pb_wc_images .et_pb_module_inner {
    margin: 0 !important;
}

.vcp-product-page .woocommerce-product-gallery {
    position: relative;
}

.vcp-product-page .flex-viewport {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    border-radius: var(--vcp-radius-lg) !important;
    overflow: hidden !important;
    background: var(--vcp-bg-soft) !important;
    border: 1px solid var(--vcp-border) !important;
}

.vcp-product-page .woocommerce-product-gallery__wrapper {
    height: 100% !important;
}

.vcp-product-page .woocommerce-product-gallery__image {
    display: block !important;
    height: 100% !important;
    background: var(--vcp-bg-soft) !important;
}

.vcp-product-page .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.vcp-product-page .woocommerce-product-gallery__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

.vcp-product-page .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 5 !important;
    width: 40px !important;
    height: 40px !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: var(--vcp-text) !important;
    text-decoration: none !important;
    border: 1px solid var(--vcp-border) !important;
    transition: all var(--vcp-transition) !important;
}

.vcp-product-page .woocommerce-product-gallery__trigger:hover {
    background: var(--vcp-text) !important;
    color: #ffffff !important;
    border-color: var(--vcp-text) !important;
}

/* Thumbnail-grid */
.vcp-product-page ol.flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.vcp-product-page ol.flex-control-thumbs li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
    float: none !important;
}

.vcp-product-page ol.flex-control-thumbs li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: var(--vcp-radius) !important;
    border: 2px solid var(--vcp-border) !important;
    cursor: pointer !important;
    opacity: 0.7 !important;
    transition: all var(--vcp-transition) !important;
}

.vcp-product-page ol.flex-control-thumbs li img:hover {
    opacity: 1 !important;
    border-color: var(--vcp-border-strong) !important;
}

.vcp-product-page ol.flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
    border-color: var(--vcp-red) !important;
}

/* ==========================================================================
   Product details kolom — titel, prijs, beschrijving
   ========================================================================== */
.vcp-product-page .et_pb_group_0_tb_body {
    padding: 0 !important;
    background: transparent !important;
}

.vcp-product-page .et_pb_wc_title h1 {
    font-size: clamp(28px, 3vw, 38px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: var(--vcp-text) !important;
    line-height: 1.15 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

.vcp-product-page .et_pb_wc_price {
    margin: 0 0 18px 0 !important;
}

.vcp-product-page .et_pb_wc_price .price,
.vcp-product-page .et_pb_wc_price p.price {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--vcp-text) !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.vcp-product-page .et_pb_wc_price del {
    color: var(--vcp-text-soft) !important;
    font-weight: 500 !important;
    margin-right: 10px !important;
    font-size: 20px !important;
}

.vcp-product-page .et_pb_wc_price ins {
    background: transparent !important;
    text-decoration: none !important;
    color: var(--vcp-red) !important;
}

.vcp-product-page .et_pb_wc_description p {
    font-size: 16px !important;
    color: var(--vcp-text-muted) !important;
    line-height: 1.65 !important;
    margin: 0 0 20px 0 !important;
}

/* ==========================================================================
   Add to cart form wrapper
   ========================================================================== */
.vcp-product-page .et_pb_wc_add_to_cart {
    background: var(--vcp-bg) !important;
    border: 1px solid var(--vcp-border) !important;
    border-radius: var(--vcp-radius-lg) !important;
    padding: 22px !important;
    box-shadow: none !important;
    margin-top: 6px !important;
}

.vcp-product-page .et_pb_wc_add_to_cart .et_pb_module_inner {
    padding: 0 !important;
}

.vcp-product-page form.cart {
    margin: 0 !important;
}

/* ==========================================================================
   Variatie-selector (opstapplaatsen etc.)
   ========================================================================== */
.vcp-product-page .variations {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vcp-product-page .variation-description,
.vcp-product-page p.variation-description {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--vcp-text) !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.vcp-product-page .variation-row {
    display: block !important;
    margin: 0 !important;
}

.vcp-product-page .variation-label {
    display: none !important;
}

.vcp-product-page .variation-value {
    display: block !important;
    width: 100% !important;
}

.vcp-product-page .variations select {
    display: none !important;
}

.vcp-product-page .variation-buttons-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vcp-product-page .variation-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #ffffff !important;
    color: var(--vcp-text) !important;
    border: 1.5px solid var(--vcp-border-strong) !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    height: auto !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    cursor: pointer !important;
    transition: all var(--vcp-transition) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    min-height: 38px !important;
}

.vcp-product-page .variation-button:hover:not(:disabled):not(.is-selected) {
    border-color: var(--vcp-text) !important;
    background: var(--vcp-bg-soft) !important;
}

.vcp-product-page .variation-button.is-selected {
    background: var(--vcp-red) !important;
    color: #ffffff !important;
    border-color: var(--vcp-red) !important;
    box-shadow: none !important;
}

.vcp-product-page .variation-button:disabled,
.vcp-product-page .variation-button.is-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
}

.vcp-product-page .variation-button.variation-button-reset {
    display: none !important;
}

.vcp-product-page a.reset_variations {
    display: inline-block !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--vcp-text-muted) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color var(--vcp-transition) !important;
}

.vcp-product-page a.reset_variations:hover {
    color: var(--vcp-red) !important;
}

/* ==========================================================================
   Single variation details — prijs/availability na keuze
   ========================================================================== */
.vcp-product-page .single_variation_wrap {
    margin: 4px 0 0 0 !important;
}

.vcp-product-page .woocommerce-variation-price {
    margin: 0 0 8px 0 !important;
}

.vcp-product-page .woocommerce-variation-price .price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--vcp-text) !important;
    letter-spacing: -0.01em !important;
}

.vcp-product-page .woocommerce-variation-availability {
    margin: 0 0 12px 0 !important;
}

.vcp-product-page p.stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    line-height: 1.3 !important;
}

.vcp-product-page p.stock.in-stock {
    background: var(--vcp-bg-success) !important;
    color: #065f46 !important;
}

.vcp-product-page p.stock.in-stock::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--vcp-success) !important;
    border-radius: 50% !important;
}

.vcp-product-page p.stock.out-of-stock {
    background: var(--vcp-red-soft) !important;
    color: #991b1b !important;
}

.vcp-product-page .woocommerce-variation-description p {
    font-size: 14px !important;
    color: var(--vcp-text-muted) !important;
    margin: 0 0 10px 0 !important;
}

/* ==========================================================================
   Quantity + add-to-cart row
   ========================================================================== */
.vcp-product-page .woocommerce-variation-add-to-cart,
.vcp-product-page .single_add_to_cart_button_wrap {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}

/* ==========================================================================
   Quantity stepper — unified box, strak zoals op de cart-pagina.
   Hoge specificiteit om Divi's button/input styling te beat.
   ========================================================================== */
.vcp-product-page div.quantity {
    display: inline-flex !important;
    align-items: stretch !important;
    border: 1px solid var(--vcp-border-strong) !important;
    border-radius: var(--vcp-radius-sm) !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    transition: border-color var(--vcp-transition) !important;
}

.vcp-product-page div.quantity:focus-within {
    border-color: var(--vcp-yellow) !important;
}

.vcp-product-page div.quantity > button,
.vcp-product-page div.quantity button.minus,
.vcp-product-page div.quantity button.plus {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: var(--vcp-text) !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: background var(--vcp-transition), color var(--vcp-transition) !important;
}

.vcp-product-page div.quantity button.minus:hover,
.vcp-product-page div.quantity button.plus:hover {
    background: var(--vcp-bg-soft) !important;
    color: var(--vcp-red) !important;
}

.vcp-product-page div.quantity button.minus:disabled,
.vcp-product-page div.quantity button.plus:disabled {
    color: var(--vcp-text-soft) !important;
    cursor: not-allowed !important;
    background: #ffffff !important;
}

.vcp-product-page div.quantity button.minus svg,
.vcp-product-page div.quantity button.plus svg {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
}

.vcp-product-page div.quantity input.qty,
.vcp-product-page div.quantity input[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: textfield !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    border: 0 !important;
    border-left: 1px solid var(--vcp-border) !important;
    border-right: 1px solid var(--vcp-border) !important;
    border-radius: 0 !important;
    text-align: center !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--vcp-text) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.vcp-product-page div.quantity input.qty::-webkit-outer-spin-button,
.vcp-product-page div.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ==========================================================================
   Add to cart button — rode primary CTA
   ========================================================================== */
.vcp-product-page button.single_add_to_cart_button,
.vcp-product-page .single_add_to_cart_button.button,
.vcp-product-page .single_add_to_cart_button.button.alt {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-width: 220px !important;
    height: 46px !important;
    padding: 0 24px !important;
    background: var(--vcp-red) !important;
    color: #ffffff !important;
    border: 1px solid var(--vcp-red) !important;
    border-radius: var(--vcp-radius-sm) !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-image: none !important;
    transition: all var(--vcp-transition) !important;
    margin: 0 !important;
}

.vcp-product-page button.single_add_to_cart_button::before,
.vcp-product-page button.single_add_to_cart_button::after {
    display: none !important;
    content: none !important;
}

.vcp-product-page button.single_add_to_cart_button:hover:not(:disabled) {
    background: var(--vcp-red-dark) !important;
    border-color: var(--vcp-red-dark) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

.vcp-product-page button.single_add_to_cart_button:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: none !important;
}

.vcp-product-page button.single_add_to_cart_button:disabled,
.vcp-product-page button.single_add_to_cart_button.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ==========================================================================
   Long description (onder de fold)
   ========================================================================== */
.vcp-product-page .et_pb_row_2_tb_body {
    margin-top: 16px !important;
}

.vcp-product-page .et_pb_row_2_tb_body .et_pb_wc_description p {
    font-size: 16px !important;
    color: var(--vcp-text) !important;
    line-height: 1.7 !important;
    margin: 0 0 16px 0 !important;
}

/* ==========================================================================
   Gerelateerde producten
   ========================================================================== */
.vcp-product-page .et_pb_wc_related_products {
    margin: 0 !important;
}

.vcp-product-page .et_pb_wc_related_products .et_pb_module_inner {
    padding: 0 !important;
}

.vcp-product-page section.related > h2,
.vcp-product-page .et_pb_wc_related_products h2:first-child {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    color: var(--vcp-text) !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.vcp-product-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Verwijder WC's clearfix pseudo-elementen op de grid */
.vcp-product-page ul.products::before,
.vcp-product-page ul.products::after {
    display: none !important;
    content: none !important;
}

.vcp-product-page ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    list-style: none !important;
    background: var(--vcp-bg) !important;
    border: 1px solid var(--vcp-border) !important;
    border-radius: var(--vcp-radius-lg) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: transform var(--vcp-transition), border-color var(--vcp-transition) !important;
}

.vcp-product-page ul.products li.product:hover {
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    border-color: var(--vcp-border-strong) !important;
}

.vcp-product-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    text-decoration: none !important;
    color: var(--vcp-text) !important;
    padding: 0 !important;
}

.vcp-product-page ul.products li.product .et_shop_image,
.vcp-product-page ul.products li.product .attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vcp-product-page ul.products li.product .et_shop_image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: transform 300ms ease !important;
}

.vcp-product-page ul.products li.product:hover .et_shop_image img {
    transform: scale(1.03) !important;
}

.vcp-product-page ul.products li.product .et_overlay {
    display: none !important;
}

/* Categorie-badge boven de titel (door JS ingevoegd) */
.vcp-product-page .vpp-product-badge {
    display: inline-block !important;
    padding: 3px 10px !important;
    margin: 12px 16px 0 16px !important;
    background: var(--vcp-yellow-soft) !important;
    color: var(--vcp-text) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 999px !important;
    line-height: 1.3 !important;
    border: 1px solid var(--vcp-yellow) !important;
}

.vcp-product-page ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--vcp-text) !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 6px 16px 4px 16px !important;
}

.vcp-product-page ul.products li.product .price {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--vcp-text) !important;
    padding: 0 16px 16px 16px !important;
    margin: 0 !important;
}

.vcp-product-page ul.products li.product .price del {
    color: var(--vcp-text-soft) !important;
    margin-right: 6px !important;
    font-weight: 500 !important;
}

.vcp-product-page ul.products li.product .price ins {
    background: transparent !important;
    text-decoration: none !important;
    color: var(--vcp-red) !important;
}

/* Zoom overlay — niet in de weg */
.vcp-product-page img.zoomImg {
    border-radius: var(--vcp-radius-lg) !important;
}

/* ==========================================================================
   Responsive — Gerelateerde tochten:
     Desktop (>=980px): 4 kolommen
     Tablet  (768–979px): 2 kolommen
     Mobiel  (<=767px): 1 kolom (100% breed)
   ========================================================================== */
/* Tablet (768–979px): related products 2 kolommen */
@media (max-width: 979px) {
    .vcp-product-page ul.products,
    .vcp-product-page section.related ul.products,
    .vcp-product-page .et_pb_wc_related_products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .vcp-product-page ul.products li.product,
    .vcp-product-page section.related ul.products li.product,
    .vcp-product-page .et_pb_wc_related_products ul.products li.product {
        width: auto !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        clear: none !important;
    }
}

/* Mobiel (<=767px): related products 1 kolom (100% breed) + stack van qty + CTA */
@media (max-width: 767px) {
    .vcp-product-page .et_pb_wc_add_to_cart {
        padding: 16px !important;
    }

    .vcp-product-page .woocommerce-variation-add-to-cart {
        flex-direction: column !important;
    }

    .vcp-product-page div.quantity {
        width: fit-content !important;
    }

    .vcp-product-page button.single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .vcp-product-page ul.products,
    .vcp-product-page section.related ul.products,
    .vcp-product-page .et_pb_wc_related_products ul.products {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .vcp-product-page ul.products li.product,
    .vcp-product-page section.related ul.products li.product,
    .vcp-product-page .et_pb_wc_related_products ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        clear: none !important;
    }

    .vcp-product-page ol.flex-control-thumbs {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important;
    }
}