:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(67,176,42);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(67,176,42);
	--btn-accented-bgcolor-hover: rgb(64,160,47);
	--wd-form-brd-width: 2px;
	--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-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://24onlinebg.com/wp-content/uploads/2021/09/electronics-2-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 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: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--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;
--wd-brd-radius: 8px;
}

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


.wd-page-title {
background-color: rgb(67,176,42);
}

/* ==========================================================
   24ONLINEBG – ПРОДУКТОВИ КАРТИ НА НАЧАЛНАТА СТРАНИЦА
   Woodmart + Elementor  |  v2 – зелена тема (#19af3e)
   ========================================================== */

body.home {
    --home-accent: #19af3e;
    --home-accent-dark: #128c31;
    --home-accent-darker: #0e6f27;
    --home-accent-soft: rgba(25, 175, 62, 0.10);
    --home-accent-glow: rgba(25, 175, 62, 0.25);
    --home-text: #171717;
    --home-muted: #737373;
    --home-border: #e9e9e9;
    --home-card-bg: #ffffff;
    --home-section-bg: #f7f8f7;
    --home-radius: 16px;
    --home-shadow: 0 6px 24px rgba(20, 40, 25, 0.07);
    --home-shadow-hover: 0 18px 40px rgba(20, 40, 25, 0.14);
}

/* ==========================================================
   1. ПРЕМАХВАНЕ НА „БЪРЗ ПРЕГЛЕД“
   ========================================================== */
body.home .wrap-quickview-button,
body.home .wd-quick-view-btn,
body.home .wd-quick-view-icon,
body.home a.open-quick-view,
body.home .quick-view,
body.home .quick-view-button,
body.home .product-quick-view,
body.home [data-action="quick-view"],
body.home [class*="quick-view"]:not(.wd-quick-shop),
body.home [class*="quickview"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* ==========================================================
   2. ДОЛНИ ДЕЙСТВИЯ И БУТОН „ДОБАВИ В КОЛИЧКАТА“
   ========================================================== */
body.home .product-grid-item .wd-bottom-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 10px 12px 14px !important;
    border-top: 1px solid var(--home-border) !important;
    background: #fff !important;
}

body.home .product-grid-item .wd-bottom-actions .wd-add-btn {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

body.home .product-grid-item .wd-bottom-actions .wd-add-btn a,
body.home .product-grid-item .add-to-cart-loop {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, var(--home-accent) 0%, var(--home-accent-dark) 100%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-transform: none !important;
    box-shadow: 0 5px 14px var(--home-accent-glow) !important;
    transition:
        background-color 0.25s ease,
        filter 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}

body.home .product-grid-item .wd-bottom-actions .wd-add-btn a:hover,
body.home .product-grid-item .add-to-cart-loop:hover {
    background: linear-gradient(180deg, var(--home-accent-dark) 0%, var(--home-accent-darker) 100%) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 22px rgba(25, 175, 62, 0.38) !important;
}

body.home .product-grid-item .wd-bottom-actions .wd-add-btn a:active,
body.home .product-grid-item .add-to-cart-loop:active {
    transform: translateY(0) scale(0.985) !important;
    box-shadow: 0 3px 10px var(--home-accent-glow) !important;
}

/* Скриване на празната wishlist зона */
body.home .product-grid-item .wrap-wishlist-button:empty {
    display: none !important;
}

/* ==========================================================
   3. ПРОДУКТОВИ КАРТИ – ВСИЧКИ СЕКЦИИ НА НАЧАЛНАТА
   ========================================================== */
body.home .product-grid-item {
    height: 100% !important;
    padding: 7px !important;
}

body.home .product-grid-item .product-wrapper,
body.home .product-grid-item .wd-product-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--home-border) !important;
    border-radius: var(--home-radius) !important;
    background: var(--home-card-bg) !important;
    box-shadow: var(--home-shadow) !important;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}

body.home .product-grid-item:hover .product-wrapper,
body.home .product-grid-item:hover .wd-product-wrapper {
    transform: translateY(-6px) !important;
    border-color: rgba(25, 175, 62, 0.45) !important;
    box-shadow: var(--home-shadow-hover) !important;
}

/* Тънка зелена линия, която се появява отгоре на картата при hover */
body.home .product-grid-item .product-wrapper::before,
body.home .product-grid-item .wd-product-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 6 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--home-accent), #4fd672) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

body.home .product-grid-item:hover .product-wrapper::before,
body.home .product-grid-item:hover .wd-product-wrapper::before {
    opacity: 1 !important;
}

/* Премахва стария Woodmart фалшив фон */
body.home .product-grid-item .wd-product-card-bg,
body.home .product-grid-item .content-product-imagin {
    display: none !important;
}

/* ==========================================================
   4. ПРОДУКТОВИ ИЗОБРАЖЕНИЯ
   ========================================================== */
body.home .product-grid-item .product-element-top,
body.home .product-grid-item .wd-product-thumb {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    border-radius: 15px 15px 0 0 !important;
    background: #f6f7f6 !important;
}

body.home .product-grid-item .product-element-top > a,
body.home .product-grid-item .wd-product-img-link {
    display: block !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
}

body.home .product-grid-item .product-element-top img,
body.home .product-grid-item .wd-product-img-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 230px !important;
    object-fit: contain !important;
    padding: 12px !important;
    background: #f7f8f7 !important;
    transition: transform 0.45s ease !important;
}

body.home .product-grid-item:hover .product-element-top img,
body.home .product-grid-item:hover .wd-product-img-link img {
    transform: scale(1.055) !important;
}

/* Второто hover изображение */
body.home .product-grid-item .wd-product-img-hover {
    overflow: hidden !important;
}

body.home .product-grid-item .wd-product-img-hover img {
    object-fit: contain !important;
}

/* ==========================================================
   5. ИНФОРМАЦИЯ ЗА ПРОДУКТА
   ========================================================== */
body.home .product-grid-item .product-information,
body.home .product-grid-item .wd-product-information {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 15px 16px 12px !important;
    background: #fff !important;
}

/* ----------------------------------------------------------
   КАТЕГОРИИ – с разделител „•“ между тях и тънка линия отдолу
   ---------------------------------------------------------- */
body.home .product-grid-item .wd-product-cats {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #f0f1f0 !important;
    line-height: 1.5 !important;
}

body.home .product-grid-item .wd-product-cats,
body.home .product-grid-item .wd-product-cats a {
    color: #8a8f8b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.home .product-grid-item .wd-product-cats a:hover {
    color: var(--home-accent) !important;
}

/* Зелена точка-разделител между отделните категории */
body.home .product-grid-item .wd-product-cats a:not(:last-child)::after {
    content: "•" !important;
    margin: 0 6px !important;
    color: var(--home-accent) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* Заглавие */
body.home .product-grid-item .wd-entities-title,
body.home .product-grid-item .wd-entities-title a,
body.home .product-grid-item .woocommerce-loop-product__title {
    color: var(--home-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.home .product-grid-item .wd-entities-title {
    min-height: 42px !important;
    margin-top: 2px !important;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.home .product-grid-item .wd-entities-title a:hover {
    color: var(--home-accent) !important;
}

/* Цена – в собствен „ред“ с фин разделител отгоре */
body.home .product-grid-item .price {
    margin-top: auto !important;
    margin-bottom: 20px !important;
    padding-top: 9px !important;
    border-top: 1px dashed #ececec !important;
    color: var(--home-accent-dark) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

body.home .product-grid-item .price ins {
    color: var(--home-accent-dark) !important;
    text-decoration: none !important;
}

body.home .product-grid-item .price del {
    margin-right: 6px !important;
    color: #9d9d9d !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Левова стойност */
body.home .product-grid-item .eur-price {
    color: #6c6c6c !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ==========================================================
   6. ЕТИКЕТИ „ПРОМОЦИЯ“ И „НОВ“
   ========================================================== */
body.home .product-grid-item .product-labels {
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
    gap: 6px !important;
}

body.home .product-grid-item .product-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    min-height: 28px !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14) !important;
}

body.home .product-grid-item .product-label.onsale {
    background: linear-gradient(135deg, var(--home-accent) 0%, var(--home-accent-dark) 100%) !important;
    color: #fff !important;
}

body.home .product-grid-item .product-label.new {
    background: #191919 !important;
    color: #fff !important;
}

/* ==========================================================
   7. ПРЕМАХВАНЕ НА ДЪЛГОТО ОПИСАНИЕ ПРИ HOVER
   ========================================================== */
body.home .product-grid-item .wd-product-card-hover .hover-content,
body.home .product-grid-item .wd-more-desc {
    display: none !important;
}

/* Показва долните действия нормално */
body.home .product-grid-item .wd-product-card-hover {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    background: #fff !important;
}

/* ==========================================================
   8. ЗАГЛАВИЯ НА СЕКЦИИТЕ
   ========================================================== */
body.home .title-wrapper .title,
body.home .woodmart-title-container,
body.home .elementor-heading-title {
    color: var(--home-text) !important;
    font-weight: 800 !important;
    letter-spacing: -0.35px !important;
}

/* Двуцветна линия под заглавието на секцията */
body.home .title-wrapper .title::after,
body.home .woodmart-title-container::after {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 4px !important;
    margin-top: 9px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, var(--home-accent) 0%, var(--home-accent) 60%, #b6ebc4 60%, #b6ebc4 100%) !important;
}

/* ==========================================================
   9. PRODUCT TABS – ЗАГЛАВИЕ + ТАБОВЕ С РАЗДЕЛИТЕЛНИ ЛИНИИ
   ========================================================== */
body.home .wd-tabs-header {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 10px 24px !important;
    margin-bottom: 26px !important;
    border-bottom: 1px solid var(--home-border) !important;
}

/* Заглавие на секцията (напр. НАЙ-НОВИ) със зелена лента отпред */
body.home .wd-tabs-header .tabs-name {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding-bottom: 13px !important;
    color: var(--home-text) !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
}

body.home .wd-tabs-header .tabs-name::before {
    content: "" !important;
    flex: 0 0 auto !important;
    width: 5px !important;
    height: 20px !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, var(--home-accent) 0%, #4fd672 100%) !important;
}

/* Вертикален разделител между заглавието и табовете */
body.home .wd-tabs-header .wd-nav-tabs-wrapper {
    position: relative !important;
    margin: 0 !important;
    padding-left: 24px !important;
}

body.home .wd-tabs-header .wd-nav-tabs-wrapper::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 13px !important;
    width: 1px !important;
    height: 22px !important;
    background: linear-gradient(180deg, transparent 0%, #d9dcd9 40%, #d9dcd9 100%) !important;
}

/* Табовете – underline стил, индикаторът стъпва върху линията */
body.home .wd-nav-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 22px !important;
}

body.home .wd-nav-tabs > li {
    margin: 0 !important;
}

body.home .wd-nav-tabs > li > a,
body.home .wd-nav-tabs .wd-nav-link {
    display: block !important;
    margin-bottom: -1px !important;
    padding: 6px 2px 12px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4c4c4c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    transition:
        color 0.2s ease,
        border-color 0.2s ease !important;
}

body.home .wd-nav-tabs > li > a:hover,
body.home .wd-nav-tabs .wd-nav-link:hover {
    color: var(--home-accent-dark) !important;
    border-bottom-color: rgba(25, 175, 62, 0.35) !important;
    background: transparent !important;
}

body.home .wd-nav-tabs > li.wd-active > a,
body.home .wd-nav-tabs > li.active > a {
    color: var(--home-accent-dark) !important;
    border-bottom-color: var(--home-accent) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Скрива стария underline елемент на Woodmart, за да няма двойна линия */
body.home .wd-nav-tabs .nav-link-underline,
body.home .wd-nav-tabs > li > a::after {
    display: none !important;
}

/* ==========================================================
   10. СТРЕЛКИ
   ========================================================== */
/* Премахване на AJAX стрелките за пагинация в продуктовите секции */
body.home .wd-nav-arrows.wd-ajax-arrows {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Стрелките на истинските каруселите остават – само се стилизират */
body.home .wd-nav-arrows:not(.wd-ajax-arrows) .wd-btn-arrow {
    border: 1px solid var(--home-border) !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1) !important;
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

body.home .wd-nav-arrows:not(.wd-ajax-arrows) .wd-btn-arrow:hover {
    border-color: var(--home-accent) !important;
    background: var(--home-accent) !important;
    color: #fff !important;
    transform: scale(1.06) !important;
}

/* ==========================================================
   11. МОБИЛНА ВЕРСИЯ
   ========================================================== */
@media (max-width: 767px) {
    body.home .product-grid-item {
        padding: 4px !important;
    }

    body.home .product-grid-item .product-wrapper,
    body.home .product-grid-item .wd-product-wrapper {
        border-radius: 12px !important;
    }

    body.home .product-grid-item:hover .product-wrapper,
    body.home .product-grid-item:hover .wd-product-wrapper {
        transform: none !important;
    }

    body.home .product-grid-item .product-element-top img,
    body.home .product-grid-item .wd-product-img-link img {
        min-height: 160px !important;
        padding: 7px !important;
    }

    body.home .product-grid-item .product-information,
    body.home .product-grid-item .wd-product-information {
        padding: 11px 10px 8px !important;
    }

    body.home .product-grid-item .wd-product-cats {
        margin-bottom: 6px !important;
        padding-bottom: 6px !important;
        font-size: 10px !important;
    }

    body.home .product-grid-item .wd-entities-title,
    body.home .product-grid-item .wd-entities-title a,
    body.home .product-grid-item .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

    body.home .product-grid-item .wd-entities-title {
        min-height: 37px !important;
    }

    body.home .product-grid-item .price {
        padding-top: 7px !important;
        font-size: 15px !important;
    }

    body.home .product-grid-item .eur-price {
        display: block !important;
        margin-top: 2px !important;
        font-size: 10px !important;
    }

    body.home .product-grid-item .wd-bottom-actions {
        padding: 8px !important;
    }

    body.home .product-grid-item .wd-bottom-actions .wd-add-btn a,
    body.home .product-grid-item .add-to-cart-loop {
        min-height: 39px !important;
        padding: 8px 6px !important;
        border-radius: 8px !important;
        font-size: 11px !important;
    }

    body.home .product-grid-item .product-label {
        min-width: 38px !important;
        min-height: 24px !important;
        padding: 4px 7px !important;
        font-size: 9px !important;
    }

    body.home .wd-tabs-header {
        gap: 6px 16px !important;
        margin-bottom: 20px !important;
    }

    body.home .wd-tabs-header .tabs-name {
        padding-bottom: 10px !important;
    }

    body.home .wd-tabs-header .wd-nav-tabs-wrapper {
        padding-left: 16px !important;
    }

    body.home .wd-tabs-header .wd-nav-tabs-wrapper::before {
        bottom: 10px !important;
        height: 18px !important;
    }

    body.home .wd-nav-tabs {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 0 16px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    body.home .wd-nav-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body.home .wd-nav-tabs > li {
        flex: 0 0 auto !important;
    }

    body.home .wd-nav-tabs > li > a,
    body.home .wd-nav-tabs .wd-nav-link {
        padding: 5px 2px 10px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }
}

/* ==========================================================
   12. TABLET
   ========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    body.home .product-grid-item .product-element-top img,
    body.home .product-grid-item .wd-product-img-link img {
        min-height: 200px !important;
    }

    body.home .product-grid-item .wd-entities-title,
    body.home .product-grid-item .wd-entities-title a {
        font-size: 14px !important;
    }
}

/* ==========================================================
   24ONLINEBG – ГРИД С ПРОДУКТОВИ КАТЕГОРИИ (wd_product_categories)
   Woodmart + Elementor  |  зелена тема (#19af3e)
   Работи самостоятелно – не изисква другия CSS файл.
   ========================================================== */

body.home,
.wd-cats-element {
    --cat-accent: #19af3e;
    --cat-accent-dark: #128c31;
    --cat-accent-light: #4fd672;
    --cat-accent-soft: rgba(25, 175, 62, 0.10);
    --cat-accent-glow: rgba(25, 175, 62, 0.25);
    --cat-text: #171717;
    --cat-muted: #7b807c;
    --cat-border: #e9e9e9;
    --cat-radius: 16px;
    --cat-shadow: 0 6px 22px rgba(20, 40, 25, 0.07);
    --cat-shadow-hover: 0 18px 38px rgba(20, 40, 25, 0.14);
}

/* ==========================================================
   1. ГРИД – РАЗСТОЯНИЯ И КОЛОНИ
   ========================================================== */
.wd-cats-element .wd-cats {
    --wd-gap-lg: 18px !important;
    --wd-gap-md: 14px !important;
    --wd-gap-sm: 12px !important;
    align-items: stretch !important;
}

.wd-cats-element .wd-col,
.wd-cats-element .category-grid-item {
    display: flex !important;
    height: auto !important;
}

/* ==========================================================
   2. КАРТА НА КАТЕГОРИЯТА
   ========================================================== */
.wd-cats-element .category-grid-item .wd-cat-inner,
.wd-cats-element .category-grid-item .wrapp-category {
    position: relative !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--cat-border) !important;
    border-radius: var(--cat-radius) !important;
    background: #fff !important;
    box-shadow: var(--cat-shadow) !important;
    text-align: center !important;
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}

.wd-cats-element .category-grid-item:hover .wd-cat-inner,
.wd-cats-element .category-grid-item:hover .wrapp-category {
    transform: translateY(-6px) !important;
    border-color: rgba(25, 175, 62, 0.45) !important;
    box-shadow: var(--cat-shadow-hover) !important;
}

/* Зелена линия, която се появява отгоре при hover */
.wd-cats-element .category-grid-item .wd-cat-inner::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 4 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--cat-accent), var(--cat-accent-light)) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

.wd-cats-element .category-grid-item:hover .wd-cat-inner::before {
    opacity: 1 !important;
}

/* ==========================================================
   3. ИЗОБРАЖЕНИЕ
   ========================================================== */
.wd-cats-element .category-grid-item .wd-cat-thumb,
.wd-cats-element .category-grid-item .category-image-wrapp {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fafbfa 0%, #f2f4f2 100%) !important;
}

.wd-cats-element .category-grid-item .wd-cat-image,
.wd-cats-element .category-grid-item .category-image {
    display: block !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
}

.wd-cats-element .category-grid-item .wd-cat-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 16px !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.45s ease !important;
}

.wd-cats-element .category-grid-item:hover .wd-cat-thumb img {
    transform: scale(1.07) !important;
}

/* Премахва тъмната маска/overlay на Woodmart върху снимката */
.wd-cats-element .category-grid-item .wd-cat-thumb::before,
.wd-cats-element .category-grid-item .wd-cat-thumb::after,
.wd-cats-element .category-grid-item .category-image-wrapp::after {
    display: none !important;
}

/* ==========================================================
   4. СЪДЪРЖАНИЕ – ЗАГЛАВИЕ И БРОЙ ПРОДУКТИ
   ========================================================== */
.wd-cats-element .category-grid-item .wd-cat-content,
.wd-cats-element .category-grid-item .hover-mask {
    position: static !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 12px 16px !important;
    border-top: 1px solid #f0f1f0 !important;
    background: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
}

/* Заглавие на категорията */
.wd-cats-element .category-grid-item .wd-entities-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--cat-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    transition: color 0.2s ease !important;
}

.wd-cats-element .category-grid-item:hover .wd-entities-title {
    color: var(--cat-accent-dark) !important;
}

/* Брой продукти – зелен бадж */
.wd-cats-element .category-grid-item .wd-cat-count,
.wd-cats-element .category-grid-item .more-products {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.wd-cats-element .category-grid-item .wd-cat-count a,
.wd-cats-element .category-grid-item .more-products a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 12px !important;
    border: 1px solid rgba(25, 175, 62, 0.22) !important;
    border-radius: 999px !important;
    background: var(--cat-accent-soft) !important;
    color: var(--cat-accent-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease !important;
}

.wd-cats-element .category-grid-item:hover .wd-cat-count a,
.wd-cats-element .category-grid-item:hover .more-products a {
    border-color: var(--cat-accent) !important;
    background: var(--cat-accent) !important;
    color: #fff !important;
}

/* ==========================================================
   5. ЛИНК ВЪРХУ ЦЯЛАТА КАРТА
   ========================================================== */
.wd-cats-element .category-grid-item .wd-fill,
.wd-cats-element .category-grid-item .category-link {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 3 !important;
    border-radius: var(--cat-radius) !important;
    background: transparent !important;
}

/* Фокус за клавиатурна навигация */
.wd-cats-element .category-grid-item .wd-fill:focus-visible {
    outline: 2px solid var(--cat-accent) !important;
    outline-offset: -3px !important;
}

/* ==========================================================
   6. ТАБЛЕТ
   ========================================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .wd-cats-element .category-grid-item .wd-entities-title {
        font-size: 13px !important;
        min-height: 32px !important;
    }

    .wd-cats-element .category-grid-item .wd-cat-thumb img {
        padding: 12px !important;
    }
}

/* ==========================================================
   7. МОБИЛНА ВЕРСИЯ
   ========================================================== */
@media (max-width: 768px) {
    .wd-cats-element .wd-cats {
        --wd-gap-sm: 10px !important;
    }

    .wd-cats-element .category-grid-item .wd-cat-inner,
    .wd-cats-element .category-grid-item .wrapp-category {
        border-radius: 12px !important;
    }

    .wd-cats-element .category-grid-item:hover .wd-cat-inner,
    .wd-cats-element .category-grid-item:hover .wrapp-category {
        transform: none !important;
    }

    .wd-cats-element .category-grid-item .wd-cat-thumb img {
        padding: 10px !important;
    }

    .wd-cats-element .category-grid-item .wd-cat-content,
    .wd-cats-element .category-grid-item .hover-mask {
        gap: 6px !important;
        padding: 10px 7px 12px !important;
    }

    .wd-cats-element .category-grid-item .wd-entities-title {
        min-height: 30px !important;
        font-size: 11.5px !important;
        letter-spacing: 0 !important;
    }

    .wd-cats-element .category-grid-item .wd-cat-count a,
    .wd-cats-element .category-grid-item .more-products a {
        padding: 4px 9px !important;
        font-size: 10px !important;
    }
}

/* =========================================================
   24ONLINEBG – PROFESSIONAL SINGLE PRODUCT PAGE
   Main color: #19af3e
   Woodmart + WooCommerce + Elementor
   ========================================================= */

:root {
    --shop-primary: #19af3e;
    --shop-primary-dark: #11862d;
    --shop-primary-darker: #0b6b23;
    --shop-primary-light: #eaf8ed;
    --shop-primary-soft: #f4fbf6;

    --shop-text: #17201a;
    --shop-text-light: #667068;
    --shop-border: #e3e9e4;
    --shop-background: #f6f8f6;
    --shop-white: #ffffff;

    --shop-radius-sm: 8px;
    --shop-radius: 14px;
    --shop-radius-lg: 20px;

    --shop-shadow:
        0 10px 35px rgba(16, 44, 24, 0.08);

    --shop-shadow-hover:
        0 18px 45px rgba(16, 44, 24, 0.14);
}


/* =========================================================
   1. PAGE BACKGROUND AND GENERAL STYLING
   ========================================================= */

.single-product-page {
    color: var(--shop-text);
}

.single-product-page,
.single-product-page button,
.single-product-page input,
.single-product-page select,
.single-product-page textarea {
    font-family: inherit;
}

.single-product-page a {
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.single-product-page .elementor-widget {
    margin-bottom: 14px;
}


/* Main product section */

.single-product-page
.elementor-element-e86ba11 > .e-con-inner {
    align-items: flex-start;
    gap: clamp(25px, 4vw, 60px);
    padding: clamp(18px, 3vw, 42px);
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: var(--shop-radius-lg);
    box-shadow: var(--shop-shadow);
}


/* =========================================================
   2. PRODUCT GALLERY
   ========================================================= */

.single-product-page .wd-single-gallery {
    position: sticky;
    top: 20px;
}

.single-product-page .woocommerce-product-gallery {
    overflow: visible;
}

.single-product-page .wd-gallery-images {
    overflow: hidden;
    padding: 18px;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7faf7 100%
        );
    border: 1px solid var(--shop-border);
    border-radius: var(--shop-radius-lg);
}

.single-product-page
.woocommerce-product-gallery__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    background: var(--shop-white);
    border-radius: var(--shop-radius);
}

.single-product-page
.woocommerce-product-gallery__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.single-product-page
.woocommerce-product-gallery__image img {
    width: 100%;
    max-height: 540px;
    object-fit: contain;
    border-radius: 10px;
}


/* Gallery thumbnails */

.single-product-page .wd-gallery-thumb {
    margin-right: 14px;
}

.single-product-page
.wd-gallery-thumb .wd-carousel-item {
    overflow: hidden;
    padding: 5px;
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: 10px;
    opacity: 0.72;
    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.single-product-page
.wd-gallery-thumb .wd-carousel-item:hover {
    opacity: 1;
    border-color: var(--shop-primary);
    transform: translateY(-2px);
}

.single-product-page
.wd-gallery-thumb .wd-thumb-active {
    opacity: 1;
    border-color: var(--shop-primary);
    box-shadow:
        0 0 0 2px rgba(25, 175, 62, 0.13);
}

.single-product-page
.wd-gallery-thumb .wd-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 7px;
}


/* Gallery arrows */

.single-product-page .wd-nav-arrows .wd-btn-arrow {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--shop-border);
    border-radius: 50%;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
}

.single-product-page
.wd-nav-arrows .wd-btn-arrow:hover {
    color: var(--shop-white);
    background: var(--shop-primary);
    border-color: var(--shop-primary);
}


/* Enlarge gallery button */

.single-product-page
.wd-show-product-gallery-wrap {
    right: 16px;
    bottom: 16px;
}

.single-product-page
.wd-show-product-gallery-wrap a {
    padding: 9px 14px;
    color: var(--shop-text);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--shop-border);
    border-radius: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.single-product-page
.wd-show-product-gallery-wrap a:hover {
    color: var(--shop-white);
    background: var(--shop-primary);
    border-color: var(--shop-primary);
}


/* =========================================================
   3. SALE AND NEW LABELS
   ========================================================= */

.single-product-page .product-labels {
    z-index: 5;
    gap: 7px;
}

.single-product-page .product-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 52px;
    padding: 8px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.2px;
    color: var(--shop-white);
    border: 3px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.single-product-page
.product-label.onsale {
    background:
        linear-gradient(
            135deg,
            #f04444,
            #c91f1f
        );
}

.single-product-page
.product-label.new {
    background:
        linear-gradient(
            135deg,
            var(--shop-primary),
            var(--shop-primary-dark)
        );
}


/* =========================================================
   4. BREADCRUMBS AND PRODUCT NAVIGATION
   ========================================================= */

.single-product-page .wd-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--shop-text-light);
}

.single-product-page .wd-breadcrumbs a {
    color: var(--shop-text-light);
}

.single-product-page .wd-breadcrumbs a:hover {
    color: var(--shop-primary);
}

.single-product-page .wd-breadcrumbs .wd-last {
    color: var(--shop-text);
}

.single-product-page .wd-delimiter {
    color: #b2bbb4;
}


/* Previous / next product buttons */

.single-product-page .wd-product-nav-btn {
    border: 1px solid var(--shop-border);
    border-radius: 50%;
}

.single-product-page .wd-product-nav-btn:hover {
    color: var(--shop-white);
    background: var(--shop-primary);
    border-color: var(--shop-primary);
}


/* =========================================================
   5. AVAILABILITY AND PRODUCT CODE
   ========================================================= */

.single-product-page
.elementor-element-b5938a0 p {
    display: inline-flex;
    align-items: center;
    margin: 5px 0 2px;
    padding: 8px 14px;
    color: var(--shop-primary-dark);
    background: var(--shop-primary-light);
    border: 1px solid rgba(25, 175, 62, 0.22);
    border-radius: 30px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.single-product-page .product_meta {
    margin: 0;
    font-size: 13px;
    color: var(--shop-text-light);
}

.single-product-page .product_meta .sku_wrapper {
    display: inline-flex;
    gap: 5px;
    padding: 6px 11px;
    background: #f5f7f5;
    border: 1px solid var(--shop-border);
    border-radius: 7px;
}

.single-product-page
.product_meta .meta-label {
    font-weight: 600;
}

.single-product-page .product_meta .sku {
    font-weight: 800;
    color: var(--shop-text);
}


/* =========================================================
   6. PRODUCT TITLE
   ========================================================= */

.single-product-page .product_title {
    position: relative;
    margin: 12px 0 15px;
    padding-bottom: 16px;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.7px;
    color: var(--shop-text);
}

.single-product-page .product_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 4px;
    background:
        linear-gradient(
            90deg,
            var(--shop-primary),
            var(--shop-primary-dark)
        );
    border-radius: 10px;
}


/* =========================================================
   7. PRODUCT PRICE
   ========================================================= */

.single-product-page .wd-single-price {
    margin: 12px 0 18px;
}

.single-product-page
.wd-single-price .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0;
}

.single-product-page
.wd-single-price .price del {
    font-size: 16px;
    font-weight: 500;
    color: #939b95;
    opacity: 1;
}

.single-product-page
.wd-single-price .price del .eur-price {
    font-size: 13px;
}

.single-product-page
.wd-single-price .price ins {
    text-decoration: none;
}

.single-product-page
.wd-single-price .price ins
.woocommerce-Price-amount {
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 900;
    line-height: 1;
    color: var(--shop-primary-dark);
}

.single-product-page
.wd-single-price .price ins .eur-price {
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 800;
    color: var(--shop-primary-dark);
    background: var(--shop-primary-light);
    border-radius: 7px;
}


/* =========================================================
   8. PRODUCT CART AREA
   ========================================================= */

.single-product-page .wd-single-add-cart {
    margin: 20px 0;
    padding: 20px;
    background:
        linear-gradient(
            145deg,
            var(--shop-primary-soft),
            #ffffff
        );
    border: 1px solid rgba(25, 175, 62, 0.2);
    border-radius: var(--shop-radius);
}

.single-product-page form.cart {
    display: grid;
    grid-template-columns: 120px minmax(220px, 1fr);
    gap: 12px;
    margin: 0;
}


/* Quantity selector */

.single-product-page form.cart .quantity {
    display: grid;
    grid-template-columns: 38px 1fr 38px;
    width: 100%;
    height: 54px;
    overflow: hidden;
    background: var(--shop-white);
    border: 1px solid #d8dfda;
    border-radius: 10px;
}

.single-product-page
form.cart .quantity .btn {
    min-width: 38px;
    height: 100%;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--shop-text);
    background: #f3f6f3;
    border: 0;
    border-radius: 0;
}

.single-product-page
form.cart .quantity .btn:hover {
    color: var(--shop-white);
    background: var(--shop-primary);
}

.single-product-page
form.cart .quantity .qty {
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    color: var(--shop-text);
    background: var(--shop-white);
    border: 0;
    box-shadow: none;
}


/* Add to cart button */

.single-product-page
form.cart .single_add_to_cart_button:not(.clickBuyButton) {
    width: 100%;
    min-height: 54px;
    padding: 13px 25px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-transform: none;
    color: var(--shop-white) !important;
    background:
        linear-gradient(
            135deg,
            var(--shop-primary),
            var(--shop-primary-dark)
        ) !important;
    border: 0;
    border-radius: 10px;
    box-shadow:
        0 8px 20px rgba(25, 175, 62, 0.28);
}

.single-product-page
form.cart .single_add_to_cart_button:not(.clickBuyButton):hover {
    color: var(--shop-white) !important;
    background:
        linear-gradient(
            135deg,
            var(--shop-primary-dark),
            var(--shop-primary-darker)
        ) !important;
    box-shadow:
        0 12px 25px rgba(25, 175, 62, 0.36);
    transform: translateY(-2px);
}


/* Fast order button */

.single-product-page form.cart .clickBuyButton {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 800;
    text-transform: none;
    color: var(--shop-primary-dark) !important;
    background: var(--shop-white) !important;
    border: 2px solid var(--shop-primary) !important;
    border-radius: 10px;
    box-shadow: none;
}

.single-product-page
form.cart .clickBuyButton:hover {
    color: var(--shop-white) !important;
    background: var(--shop-primary-dark) !important;
    border-color: var(--shop-primary-dark) !important;
    transform: translateY(-2px);
}


/* =========================================================
   9. PAYMENT / DELIVERY IMAGES
   ========================================================= */

.single-product-page
.elementor-widget-image img {
    border-radius: 10px;
}

.single-product-page
.elementor-element-18e0e65 img,
.single-product-page
.elementor-element-b9fa315 img {
    width: 100%;
    border: 1px solid var(--shop-border);
    box-shadow: 0 5px 20px rgba(20, 45, 26, 0.06);
}


/* =========================================================
   10. LIVE VISITOR AND SOLD COUNTERS
   ========================================================= */

.single-product-page
.wd-product-info {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0;
    padding: 11px 14px;
    color: #4d574f;
    background: #f7f9f7;
    border: 1px solid var(--shop-border);
    border-radius: 10px;
    font-size: 13px;
}

.single-product-page
.wd-product-info .wd-info-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    height: 31px;
    padding: 0 8px;
    color: var(--shop-white);
    background: var(--shop-primary);
    border-radius: 50px;
    font-weight: 900;
}

.single-product-page
.wd-product-info .wd-info-msg {
    font-weight: 600;
}

.single-product-page
.wd-visits-count .wd-info-icon,
.single-product-page
.wd-sold-count .wd-info-icon {
    color: var(--shop-primary);
}


/* =========================================================
   11. PRODUCT TABS
   ========================================================= */

.single-product-page
.elementor-element-7d5ab9ee {
    margin-top: 35px;
    padding-top: 0;
}

.single-product-page
.woocommerce-tabs {
    overflow: hidden;
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: var(--shop-radius-lg);
    box-shadow: var(--shop-shadow);
}

.single-product-page
.wd-nav-tabs-wrapper {
    margin: 0;
    padding: 7px;
    background: #f4f7f4;
    border-bottom: 1px solid var(--shop-border);
}

.single-product-page
.wd-nav-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.single-product-page
.wd-nav-tabs > li > a {
    padding: 13px 20px;
    color: var(--shop-text-light);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
}

.single-product-page
.wd-nav-tabs > li > a:hover {
    color: var(--shop-primary-dark);
    background: var(--shop-primary-light);
}

.single-product-page
.wd-nav-tabs > li.active > a {
    color: var(--shop-white);
    background: var(--shop-primary);
    box-shadow:
        0 5px 15px rgba(25, 175, 62, 0.25);
}

.single-product-page
.woocommerce-Tabs-panel {
    padding: clamp(20px, 4vw, 40px);
}


/* Product attributes */

.single-product-page
.woocommerce-product-attributes {
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--shop-border);
    border-radius: 10px;
}

.single-product-page
.woocommerce-product-attributes tr:nth-child(odd) {
    background: #f7faf7;
}

.single-product-page
.woocommerce-product-attributes th,
.single-product-page
.woocommerce-product-attributes td {
    padding: 14px 18px;
    border-color: var(--shop-border);
}

.single-product-page
.woocommerce-product-attributes th {
    width: 35%;
    font-weight: 800;
    color: var(--shop-text);
}


/* Delivery information boxes */

.single-product-page
.woocommerce-Tabs-panel .wd-info-box {
    height: 100%;
    padding: 17px;
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: 12px;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.single-product-page
.woocommerce-Tabs-panel .wd-info-box:hover {
    border-color: rgba(25, 175, 62, 0.45);
    box-shadow:
        0 10px 25px rgba(20, 60, 30, 0.09);
    transform: translateY(-3px);
}

.single-product-page
.woocommerce-Tabs-panel .info-box-title {
    color: var(--shop-text);
    font-weight: 800;
}

.single-product-page
.woocommerce-Tabs-panel .info-box-inner {
    color: var(--shop-text-light);
}


/* =========================================================
   12. SHORT DESCRIPTION
   ========================================================= */

.single-product-page
.wd-single-short-desc {
    margin-top: 28px;
    padding: clamp(22px, 4vw, 38px);
    color: #39423b;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f7faf7
        );
    border: 1px solid var(--shop-border);
    border-radius: var(--shop-radius-lg);
    box-shadow: var(--shop-shadow);
}

.single-product-page
.woocommerce-product-details__short-description {
    font-size: 16px;
    line-height: 1.75;
}

.single-product-page
.woocommerce-product-details__short-description > p:first-child {
    margin-top: 0;
    font-size: 16px;
}

.single-product-page
.woocommerce-product-details__short-description ul {
    display: grid;
    gap: 9px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.single-product-page
.woocommerce-product-details__short-description li {
    position: relative;
    margin: 0;
    padding: 10px 14px 10px 42px;
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: 9px;
}

.single-product-page
.woocommerce-product-details__short-description li::before {
    content: "✓";
    position: absolute;
    top: 10px;
    left: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--shop-white);
    background: var(--shop-primary);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
}


/* =========================================================
   13. RELATED PRODUCTS SECTION TITLE
   ========================================================= */

.single-product-page
.elementor-element-4f1126f6 {
    margin-top: 45px;
    padding: clamp(25px, 4vw, 45px) 0;
    background:
        linear-gradient(
            180deg,
            #f5faf6,
            #ffffff
        );
    border-top: 1px solid var(--shop-border);
}

.single-product-page
.woodmart-title-container {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 13px;
    font-size: clamp(23px, 3vw, 32px);
    font-weight: 800;
    color: var(--shop-text);
}

.single-product-page
.woodmart-title-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 58px;
    height: 4px;
    background: var(--shop-primary);
    border-radius: 10px;
}


/* =========================================================
   14. RELATED PRODUCT CARDS
   ========================================================= */

.single-product-page
.wd-products .wd-product-wrapper {
    height: 100%;
    overflow: hidden;
    padding: 12px;
    background: var(--shop-white);
    border: 1px solid var(--shop-border);
    border-radius: var(--shop-radius);
    box-shadow: 0 6px 20px rgba(20, 45, 26, 0.06);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.single-product-page
.wd-products .wd-product:hover
.wd-product-wrapper {
    border-color: rgba(25, 175, 62, 0.45);
    box-shadow: var(--shop-shadow-hover);
    transform: translateY(-6px);
}

.single-product-page
.wd-products .wd-product-card-bg {
    display: none;
}

.single-product-page
.wd-products .wd-product-thumb {
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 13px;
    background: #f7f9f7;
    border-radius: 10px;
}

.single-product-page
.wd-products .wd-product-thumb img {
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
    transition: transform 0.35s ease;
}

.single-product-page
.wd-products .wd-product:hover
.wd-product-thumb img {
    transform: scale(1.04);
}

.single-product-page
.wd-products .product-element-bottom {
    padding: 3px 5px 8px;
}

.single-product-page
.wd-products .wd-entities-title {
    min-height: 48px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.single-product-page
.wd-products .wd-entities-title a {
    color: var(--shop-text);
}

.single-product-page
.wd-products .wd-entities-title a:hover {
    color: var(--shop-primary-dark);
}


/* Related product prices */

.single-product-page
.wd-products .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 9px;
}

.single-product-page
.wd-products .price del {
    font-size: 12px;
    color: #929a94;
    opacity: 1;
}

.single-product-page
.wd-products .price ins {
    text-decoration: none;
}

.single-product-page
.wd-products .price ins
.woocommerce-Price-amount {
    font-size: 19px;
    font-weight: 900;
    color: var(--shop-primary-dark);
}

.single-product-page
.wd-products .price .eur-price {
    font-size: 11px;
}


/* Related product add-to-cart button */

.single-product-page
.wd-products .wd-add-btn a {
    color: var(--shop-white);
    background: var(--shop-primary);
    border-radius: 8px;
}

.single-product-page
.wd-products .wd-add-btn a:hover {
    color: var(--shop-white);
    background: var(--shop-primary-dark);
}


/* =========================================================
   15. HIDE QUICK VIEW EVERYWHERE
   ========================================================= */

.wrap-quickview-button,
.wd-quick-view-btn,
a.open-quick-view,
.quick-view {
    display: none !important;
}


/* =========================================================
   16. WOOCOMMERCE NOTICES
   ========================================================= */

.single-product-page
.woocommerce-message,
.single-product-page
.woocommerce-info {
    padding: 15px 18px;
    color: var(--shop-primary-darker);
    background: var(--shop-primary-light);
    border: 1px solid rgba(25, 175, 62, 0.25);
    border-radius: 10px;
}

.single-product-page
.woocommerce-error {
    padding: 15px 18px;
    color: #922828;
    background: #fff2f2;
    border: 1px solid #f0caca;
    border-radius: 10px;
}


/* =========================================================
   17. FOCUS AND ACCESSIBILITY
   ========================================================= */

.single-product-page button:focus-visible,
.single-product-page a:focus-visible,
.single-product-page input:focus-visible {
    outline: 3px solid rgba(25, 175, 62, 0.3);
    outline-offset: 2px;
}


/* =========================================================
   18. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .single-product-page
    .elementor-element-e86ba11 > .e-con-inner {
        gap: 25px;
        padding: 22px;
    }

    .single-product-page .wd-single-gallery {
        position: static;
    }

    .single-product-page
    .woocommerce-product-gallery__image {
        min-height: 340px;
    }

    .single-product-page .product_title {
        font-size: 30px;
    }

    .single-product-page form.cart {
        grid-template-columns: 105px minmax(180px, 1fr);
    }
}


/* =========================================================
   19. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .single-product-page {
        --shop-radius-lg: 14px;
    }

    .single-product-page
    .elementor-element-e86ba11 > .e-con-inner {
        gap: 18px;
        padding: 12px;
        border-radius: 14px;
        box-shadow: 0 7px 22px rgba(16, 44, 24, 0.07);
    }

    .single-product-page
    .wd-gallery-images {
        padding: 10px;
        border-radius: 13px;
    }

    .single-product-page
    .woocommerce-product-gallery__image {
        min-height: 290px;
    }

    .single-product-page
    .woocommerce-product-gallery__image img {
        max-height: 360px;
    }

    .single-product-page .product-label {
        min-width: 45px;
        height: 45px;
        font-size: 11px;
    }

    .single-product-page .wd-breadcrumbs {
        font-size: 11px;
        line-height: 1.5;
    }

    .single-product-page .product_title {
        margin-top: 10px;
        font-size: 26px;
        letter-spacing: -0.3px;
    }

    .single-product-page
    .wd-single-price .price ins
    .woocommerce-Price-amount {
        font-size: 30px;
    }

    .single-product-page .wd-single-add-cart {
        padding: 14px;
    }

    .single-product-page form.cart {
        grid-template-columns: 1fr;
    }

    .single-product-page
    form.cart .quantity {
        width: 100%;
    }

    .single-product-page
    form.cart .single_add_to_cart_button,
    .single-product-page
    form.cart .clickBuyButton {
        grid-column: 1;
        width: 100%;
    }

    .single-product-page
    .wd-product-info {
        align-items: flex-start;
        font-size: 12px;
    }

    .single-product-page
    .wd-nav-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 3px;
        scroll-snap-type: x mandatory;
    }

    .single-product-page
    .wd-nav-tabs > li {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .single-product-page
    .wd-nav-tabs > li > a {
        padding: 11px 15px;
        white-space: nowrap;
    }

    .single-product-page
    .woocommerce-Tabs-panel {
        padding: 18px 14px;
    }

    .single-product-page
    .woocommerce-product-attributes th,
    .single-product-page
    .woocommerce-product-attributes td {
        padding: 11px;
        font-size: 13px;
    }

    .single-product-page
    .woocommerce-product-attributes th {
        width: 42%;
    }

    .single-product-page
    .wd-single-short-desc {
        margin-top: 20px;
        padding: 18px 14px;
    }

    .single-product-page
    .woocommerce-product-details__short-description {
        font-size: 14px;
        line-height: 1.65;
    }

    .single-product-page
    .woocommerce-product-details__short-description li {
        padding: 9px 10px 9px 38px;
    }

    .single-product-page
    .woodmart-title-container {
        font-size: 23px;
    }

    .single-product-page
    .wd-products .wd-product-wrapper {
        padding: 8px;
    }

    .single-product-page
    .wd-products .wd-entities-title {
        min-height: 42px;
        font-size: 13px;
    }
}


/* =========================================================
   20. VERY SMALL MOBILE DEVICES
   ========================================================= */

@media (max-width: 390px) {

    .single-product-page
    .woocommerce-product-gallery__image {
        min-height: 250px;
    }

    .single-product-page .product_title {
        font-size: 23px;
    }

    .single-product-page
    .wd-single-price .price ins
    .woocommerce-Price-amount {
        font-size: 27px;
    }

    .single-product-page
    form.cart .single_add_to_cart_button {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
    }
}

/* =========================================================
   FIX: AVAILABILITY AND PRODUCT CODE OVERLAPPING
   ========================================================= */

/* Force both Elementor widgets to remain in the normal page flow */
.single-product-page .elementor-element-b5938a0,
.single-product-page .elementor-element-632df819 {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
}

/* Availability widget spacing */
.single-product-page .elementor-element-b5938a0 {
    margin-bottom: 10px !important;
}

/* Product-code widget spacing */
.single-product-page .elementor-element-632df819 {
    margin-bottom: 14px !important;
}

/* Keep both widget containers in separate rows */
.single-product-page .elementor-element-b5938a0 > .elementor-widget-container,
.single-product-page .elementor-element-632df819 > .elementor-widget-container {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;
}

/* Availability badge */
.single-product-page .elementor-element-b5938a0 p {
    position: relative !important;
    inset: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 9px 16px !important;

    color: #11862d !important;
    background: #eaf8ed !important;
    border: 1px solid rgba(25, 175, 62, 0.28) !important;
    border-radius: 30px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    white-space: normal !important;

    transform: none !important;
    overflow: visible !important;
}

/* Remove default paragraph spacing */
.single-product-page .elementor-element-b5938a0 p strong {
    display: inline-block !important;
    margin: 0 !important;
    line-height: inherit !important;
}

/* Product meta wrapper */
.single-product-page .elementor-element-632df819 .product_meta {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;
}

/* Product-code badge */
.single-product-page .elementor-element-632df819 .sku_wrapper {
    position: relative !important;
    inset: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 9px 14px !important;

    color: #4f5952 !important;
    background: #f4f6f4 !important;
    border: 1px solid #dfe5e0 !important;
    border-radius: 8px !important;

    line-height: 1.3 !important;
    white-space: normal !important;

    transform: none !important;
    float: none !important;
    overflow: visible !important;
}

.single-product-page .elementor-element-632df819 .meta-label {
    margin: 0 !important;
    font-weight: 600 !important;
}

.single-product-page .elementor-element-632df819 .sku {
    margin: 0 !important;
    color: #17201a !important;
    font-weight: 800 !important;
}

/* Prevent the right product column from overlaying its children */
.single-product-page .elementor-element-23a712a {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .single-product-page .elementor-element-b5938a0,
    .single-product-page .elementor-element-632df819 {
        width: 100% !important;
    }

    .single-product-page .elementor-element-b5938a0 {
        margin-bottom: 8px !important;
    }

    .single-product-page .elementor-element-632df819 {
        margin-bottom: 12px !important;
    }

    .single-product-page .elementor-element-b5938a0 p,
    .single-product-page .elementor-element-632df819 .sku_wrapper {
        max-width: 100% !important;
    }
}

/* ==========================================================
   СЛАЙДЕР НА НАЧАЛНАТА СТРАНИЦА (WPZOOM) – ЦЯЛО ИЗОБРАЖЕНИЕ
   Написано според реалния код на плъгина (frontend.css):
   плъгинът прави .wpz-slick-img position:absolute + cover
   вътре в кутия с ФИКСИРАНА височина (550px по подразбиране),
   а всички обвивки са height:100%. Затова:
   1) връщаме картинката в нормалния поток (position:static);
   2) отключваме height по цялата верига;
   3) aspect-ratio определя височината от формата на банера.
   ВАЖНО: смени aspect-ratio с реалните пропорции на банерите
   (ширина / височина), напр. банер 1200x628 -> 1200 / 628.
   ========================================================== */

/* 1. Отключва фиксираната височина на слайдера и обвивките */
.wpz-slick--slider,
.wpz-slick--slider .slick-list,
.wpz-slick--slider .slick-track,
.wpz-slick--slider .slick-slide,
.wpz-slick--slider .wpz-slick-slide,
.wpz-slick--slider .wpz-slick-item {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* 2. Картинката – от absolute слой става нормален блок,
      чиято височина следва пропорциите на банера */
.wpz-slick--slider .wpz-slick-img {
    position: static !important; /* КЛЮЧОВО: плъгинът я прави absolute */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9; /* <-- СМЕНИ (ширина / височина на банера) */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #fff;
}

/* 3. Слайдът остава блок с пълна ширина */
.wpz-slick--slider .wpz-slick-item {
    display: block !important;
    width: 100% !important;
}

/* БЕЛЕЖКА: НЕ пипаме .slick-list { padding } с CSS!
   Страничният padding (0px 50px) идва от Center Mode на
   уиджета ("center":"yes") и Slick изчислява ширините на
   слайдовете СПОРЕД него – ако го премахнем с CSS, всичко
   се измества и краищата се отрязват. Изключи Center Mode
   от настройките на уиджета в Elementor. */