:root {
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(21,23,26);
	--wd-entities-title-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(21,23,26);
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,58,140);
	--wd-alternative-color: rgb(20,52,113);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(11,58,140);
	--btn-accented-bgcolor-hover: rgb(20,52,113);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(21,23,26);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.wd .product-label.onsale {
	background-color: rgb(36,36,36);
}
.wd .product-label.new {
	background-color: rgb(36,36,36);
}
.wd .product-label.featured {
	background-color: rgb(36,36,36);
}
.wd .product-label.out-of-stock {
	background-color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1540px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1540px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* =========================================================
   NACIFY — FINAL WOODMART STICKY SIDEBAR
   =========================================================

   FEATURES
   ---------------------------------------------------------
   • 230px fixed desktop sidebar
   • Blue → deep navy gradient
   • NACIFY logo
   • Permanent menu text
   • Single-line menu labels
   • White / stronger icons
   • Icon + text alignment
   • Stable hover state
   • Active menu styling
   • Dark grey hover submenus
   • White submenu text
   • Rounded submenu container
   • Homepage sidebar disabled
   ========================================================= */


@media (min-width: 1025px) {


    /* =====================================================
       1. SIDEBAR WIDTH / PAGE SPACE
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17) {
        --wd-sticky-nav-w: 230px !important;
    }


    /* =====================================================
       2. MAIN SIDEBAR
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav {

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;

        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;

        height: 100vh !important;

        z-index: 99999 !important;

        box-sizing: border-box !important;

        /*
         * Visible is required so hover submenus can
         * extend outside the 230px sidebar.
         */
        overflow: visible !important;

        background: linear-gradient(
            180deg,
            #0B52E8 0%,
            #073EB5 25%,
            #062D82 50%,
            #041F5B 72%,
            #031138 100%
        ) !important;

        border: none !important;

        box-shadow:
            4px 0 20px rgba(0, 0, 0, 0.18) !important;

        transition: none !important;
    }


    /* =====================================================
       3. KEEP SIDEBAR 230PX ON HOVER
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav:hover,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav.wd-opened {

        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }


    /* =====================================================
       4. NACIFY LOGO
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav::before {

        content: "";

        display: block;

        width: 100%;
        height: 100px;

        margin-top: 10px;
        margin-bottom: 5px;

        background-image: url(
            "https://nacifydropship.com/wp-content/uploads/2026/09/IMG_5099.png"
        );

        background-repeat: no-repeat;

        background-position: center center;

        background-size: contain;
    }


    /* =====================================================
       5. MAIN MENU TITLE
       ALWAYS VISIBLE
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav-title,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav-title span {

        opacity: 1 !important;

        visibility: visible !important;

        color: #FFFFFF !important;

        white-space: nowrap !important;

        transition: none !important;
    }


    /* =====================================================
       6. MAIN MENU LINKS
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .woodmart-nav-link {

        color: #FFFFFF !important;

        background: transparent !important;

        white-space: nowrap !important;

        transition: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       7. MENU TEXT
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .nav-link-text,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav:not(:hover) .nav-link-text,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav:hover .nav-link-text,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav.wd-opened .nav-link-text {

        opacity: 1 !important;

        visibility: visible !important;

        color: #FFFFFF !important;

        white-space: nowrap !important;

        word-break: normal !important;

        overflow-wrap: normal !important;

        width: auto !important;

        max-width: none !important;

        position: relative !important;

        top: 2px !important;

        margin-left: 8px !important;

        margin-top: 0 !important;

        margin-bottom: 0 !important;

        transition: none !important;
    }


    /* =====================================================
       8. PREVENT MAIN MENU ITEMS FROM WRAPPING
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-sticky > li > a {

        white-space: nowrap !important;

        flex-wrap: nowrap !important;
    }


    /* =====================================================
       9. ICONS
       WHITE + MORE VISIBLE
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-img {

        opacity: 1 !important;

        visibility: visible !important;

        filter:
            brightness(0)
            invert(1)
            drop-shadow(0 0 0.7px #FFFFFF)
            drop-shadow(0 0 0.7px #FFFFFF) !important;

        transition: none !important;
    }


    /* =====================================================
       10. SVG ICONS
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-img svg {

        filter:
            brightness(0)
            invert(1)
            drop-shadow(0 0 0.7px #FFFFFF)
            drop-shadow(0 0 0.7px #FFFFFF) !important;
    }


    /* =====================================================
       11. ICONS WHEN HOVERED
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav:hover .wd-nav-img,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav.wd-opened .wd-nav-img {

        opacity: 1 !important;

        visibility: visible !important;

        filter:
            brightness(0)
            invert(1)
            drop-shadow(0 0 0.7px #FFFFFF)
            drop-shadow(0 0 0.7px #FFFFFF) !important;
    }


    /* =====================================================
       12. HOVER STATE
       ONLY BACKGROUND CHANGES
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .woodmart-nav-link:hover {

        background: rgba(255,255,255,0.12) !important;

        color: #FFFFFF !important;
    }


    /* =====================================================
       13. HOVER TEXT
       KEEP SAME ALIGNMENT
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .woodmart-nav-link:hover .nav-link-text {

        color: #FFFFFF !important;

        opacity: 1 !important;

        visibility: visible !important;

        white-space: nowrap !important;

        position: relative !important;

        top: 2px !important;

        margin-left: 8px !important;
    }


    /* =====================================================
       14. ACTIVE MENU ITEM
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .current-menu-item > .woodmart-nav-link {

        background: rgba(255,255,255,0.16) !important;
    }


    /* =====================================================
       15. ACTIVE ICON
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .current-menu-item .wd-nav-img {

        filter:
            brightness(0)
            invert(1)
            drop-shadow(0 0 0.7px #FFFFFF)
            drop-shadow(0 0 0.7px #FFFFFF) !important;
    }


    /* =====================================================
       16. SUBMENU PARENT
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-sticky > li {

        position: relative !important;
    }


    /* =====================================================
       17. SUBMENU CONTAINER
       DARK GREY + ROUNDED
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-sticky > li > .sub-menu {

        display: none !important;

        position: absolute !important;

        left: 100% !important;

        top: 0 !important;

        min-width: 210px !important;

        margin: 0 !important;

        padding: 8px 0 !important;

        /*
         * Dark grey so white submenu text is clearly visible.
         */
        background: #4A4F59 !important;

        border: none !important;

        /*
         * The left side connects directly to the
         * blue sidebar. The outside corners are rounded.
         */
        border-radius: 0 12px 12px 0 !important;

        box-shadow:
            6px 6px 20px rgba(0,0,0,0.22) !important;

        z-index: 100000 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       18. SHOW SUBMENU ON HOVER
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-nav-sticky > li:hover > .sub-menu {

        display: block !important;
    }


    /* =====================================================
       19. SUBMENU ITEMS
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        position: relative !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       20. SUBMENU LINKS
       WHITE TEXT
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > a {

        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 10px 16px !important;

        margin: 0 !important;

        color: #FFFFFF !important;

        background: transparent !important;

        white-space: nowrap !important;

        text-decoration: none !important;

        transition:
            background 0.15s ease,
            color 0.15s ease !important;
    }


    /* =====================================================
       21. SUBMENU TEXT
       WHITE
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu
    .nav-link-text {

        display: inline-block !important;

        opacity: 1 !important;

        visibility: visible !important;

        color: #FFFFFF !important;

        white-space: nowrap !important;

        position: relative !important;

        top: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        transform: none !important;
    }


    /* =====================================================
       22. SUBMENU HOVER
       SLIGHTLY LIGHTER GREY
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > a:hover {

        background: #626873 !important;

        color: #FFFFFF !important;
    }


    /* =====================================================
       23. SUBMENU HOVER TEXT
       FORCE WHITE
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > a:hover
    .nav-link-text {

        color: #FFFFFF !important;

        opacity: 1 !important;

        visibility: visible !important;

        white-space: nowrap !important;

        position: relative !important;

        top: 0 !important;

        margin-left: 0 !important;

        margin-top: 0 !important;

        margin-bottom: 0 !important;

        transform: none !important;
    }


    /* =====================================================
       24. NESTED SUBMENU
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > .sub-menu {

        display: none !important;

        position: absolute !important;

        left: 100% !important;

        top: 0 !important;

        min-width: 210px !important;

        margin: 0 !important;

        padding: 8px 0 !important;

        background: #4A4F59 !important;

        border: none !important;

        border-radius: 0 12px 12px 0 !important;

        box-shadow:
            6px 6px 20px rgba(0,0,0,0.22) !important;

        z-index: 100001 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       25. SHOW NESTED SUBMENU
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li:hover > .sub-menu {

        display: block !important;
    }


    /* =====================================================
       26. NESTED SUBMENU ITEMS
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > .sub-menu > li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        position: relative !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       27. NESTED SUBMENU LINKS
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > .sub-menu > li > a {

        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 10px 16px !important;

        margin: 0 !important;

        color: #FFFFFF !important;

        background: transparent !important;

        white-space: nowrap !important;

        text-decoration: none !important;
    }


    /* =====================================================
       28. NESTED SUBMENU HOVER
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > .sub-menu > li > a:hover {

        background: #626873 !important;

        color: #FFFFFF !important;
    }


    /* =====================================================
       29. NESTED SUBMENU TEXT
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .wd-nav-sticky > li > .sub-menu > li > .sub-menu
    .nav-link-text {

        color: #FFFFFF !important;

        opacity: 1 !important;

        visibility: visible !important;

        white-space: nowrap !important;

        position: relative !important;

        top: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        transform: none !important;
    }


    /* =====================================================
       30. MENU ITEMS WITH CHILDREN
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav
    .menu-item-has-children > a {

        position: relative !important;
    }


    /* =====================================================
       31. DO NOT ADD EXTRA WEBSITE OFFSET
       ===================================================== */

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .website-wrapper {

        margin-left: 0 !important;
    }

}


/* =========================================================
   HOMEPAGE — COMPLETELY REMOVE SIDEBAR
   ========================================================= */

body.page-id-17 {

    --wd-sticky-nav-w: 0px !important;
}


body.page-id-17 .wd-sticky-nav {

    display: none !important;
}

/* =========================================================
   NACIFY — WOODMART SUBMENU BACKGROUND FIX
   DO NOT CHANGE MAIN SIDEBAR
   ========================================================= */

@media (min-width: 1025px) {

    /* Actual WoodMart dropdown container */
    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown {

        background: #4A4F59 !important;

        border-radius: 0 12px 12px 0 !important;

        box-shadow:
            6px 6px 20px rgba(0,0,0,0.22) !important;
    }


    /* Dropdown menu container */
    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown-menu {

        background: #4A4F59 !important;

        border-radius: 0 12px 12px 0 !important;
    }


    /* Dropdown items */
    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown li {

        background: transparent !important;
    }


    /* Keep the existing white submenu text */
    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown li a,

    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown li .nav-link-text {

        color: #FFFFFF !important;

        -webkit-text-fill-color: #FFFFFF !important;
    }


    /* Hover */
    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown li a:hover {

        background: #626873 !important;

        color: #FFFFFF !important;
    }


    body.wd-sticky-nav-enabled:not(.page-id-17)
    .wd-sticky-nav .wd-dropdown li a:hover .nav-link-text {

        color: #FFFFFF !important;

        -webkit-text-fill-color: #FFFFFF !important;
    }
}@media (max-width: 576px) {
	/* =========================================================
   NACIFY — MOBILE PRODUCT IMAGE GALLERY
   FIXED IMAGE + THUMBNAIL CONTAINERS
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       1. MAIN PRODUCT IMAGE CONTAINER
       ===================================================== */

    .single-product .woocommerce-product-gallery {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;
    }


    /* =====================================================
       2. MAIN IMAGE WRAPPER
       FIXED SQUARE
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__image {

        width: 100% !important;

        aspect-ratio: 1 / 1 !important;

        min-height: 0 !important;

        max-height: none !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;

        background: #FFFFFF !important;

        border-radius: 12px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       3. MAIN PRODUCT IMAGE
       NEVER STRETCH
       NEVER DISTORT
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__image img {

        width: 100% !important;

        height: 100% !important;

        max-width: 100% !important;

        max-height: 100% !important;

        object-fit: contain !important;

        object-position: center center !important;

        display: block !important;

        margin: 0 auto !important;
    }


    /* =====================================================
       4. WOODMART GALLERY IMAGE
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .wd-product-gallery__image {

        aspect-ratio: 1 / 1 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;

        background: #FFFFFF !important;

        border-radius: 12px !important;
    }


    /* =====================================================
       5. WOODMART GALLERY IMAGE ELEMENT
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .wd-product-gallery__image img {

        width: 100% !important;

        height: 100% !important;

        max-width: 100% !important;

        max-height: 100% !important;

        object-fit: contain !important;

        object-position: center center !important;
    }


    /* =====================================================
       6. THUMBNAIL CONTAINER
       FIXED SIZE
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .flex-control-thumbs {

        display: flex !important;

        gap: 8px !important;

        width: 100% !important;

        max-width: 100% !important;

        margin-top: 10px !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       7. INDIVIDUAL THUMBNAIL
       FIXED SQUARE
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .flex-control-thumbs li {

        flex: 0 0 64px !important;

        width: 64px !important;

        height: 64px !important;

        min-width: 64px !important;

        max-width: 64px !important;

        min-height: 64px !important;

        max-height: 64px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;

        background: #FFFFFF !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       8. THUMBNAIL IMAGE
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .flex-control-thumbs li img {

        width: 100% !important;

        height: 100% !important;

        max-width: 100% !important;

        max-height: 100% !important;

        object-fit: contain !important;

        object-position: center center !important;

        display: block !important;

        margin: 0 !important;
    }


    /* =====================================================
       9. ACTIVE THUMBNAIL
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .flex-control-thumbs li img.flex-active {

        opacity: 1 !important;
    }


    /* =====================================================
       10. PREVENT WOODMART FROM CHANGING IMAGE HEIGHT
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .wd-carousel-item {

        height: auto !important;

        min-height: 0 !important;

        aspect-ratio: 1 / 1 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;
    }


    /* =====================================================
       11. REMOVE UNWANTED IMAGE HEIGHT CONSTRAINTS
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .wd-carousel-item > a {

        width: 100% !important;

        height: 100% !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;
    }


    /* =====================================================
       12. MOBILE PRODUCT GALLERY OVERFLOW
       ===================================================== */

    .single-product
    .woocommerce-product-gallery
    .wd-carousel {

        width: 100% !important;

        max-width: 100% !important;

        overflow: hidden !important;
    }

}
}