@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//boutiquemilano.eu/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.4.3") format("woff2");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", 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: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(183,183,183);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(137,137,137);
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(142,142,142);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: #7a7a7a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .widget_product_categories .product-categories > li > a, html .widget_product_categories .product-categories > li > .children > li > a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
.product-labels .product-label.new {
	background-color: rgb(91,91,91);
	color: rgb(255,255,255);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 25px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

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

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.downloads-link{
    display:none !important;
}

:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a {
    text-transform: uppercase;
}

.wd-product .product-wrapper {
    background-color: white;
}

.main-page-wrapper {
    margin-top: 5px;
    padding-top: 0px;
    min-height: 0vh;
}

h2.wpb_singleimage_heading {
    color: #000000 !important;
    font-size: 1.5em !important;
}

p.wd-empty-wishlist.wd-empty-page {display:none;}


.onsale.product-label {
    background-color: red!important;
}

.whb-header {
    margin-bottom: 0px;
}


.price .amount {
  font-size: 1.5em;
	color:#000000 !important;
}

.woocommerce-MyAccount-navigation-link .is-active {
    display:none !important;
}
.fb_dialog{
    top:80%!important;
}
.fb_customer_chat_bounce_in_v2 {
    top:58%!important;
}

h2.wpb_singleimage_heading {
	font-size:1.2em;
	font-weight:600;
	color:red;
	text-transform:uppercase;
}

.onsale.product-label {
background-color:red;
}

.new.product-label {
background-color:#ffbf00;
}

.featured.product-label {
background-color:#ff8000;
}

.price ins bdi {
color:red!important;
}

.woocommerce-shipping-fields {
display:none;
}

.category-grid-item .category-title {
font-size:1.4em;
}

.woodmart-load-more {
font-weight:600;
}

div.freeshipping {color:red;padding-bottom:4px;text-align: center;font-weight: bold;}

.woocommerce-ordering {display:none;}

.term-description {
    margin-top: 25px!important;
	font-size:0.8em;
}

.page-title-default {
  background-image: none!important;
}

ol, ul {
list-style: disc;
margin-left: 20px;
}

h5 {
margin-top:10px;
}
.share-title {display:none;}

.woodmart-social-icons.icons-size-small i, .woodmart-social-icons.icons-size- i {
font-size: 16px;
}

@media (max-width: 768px)
.offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12).description-area-before .term-description, .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12).description-area-before .page-description {
    margin-top: 20px;
    margin-bottom: 45px;
}

h2.wpb_heading.wpb_widgetised_column_heading {
display:none;
}

/* На мобилни устройства — stack футър колоните вертикално */
@media (max-width: 767px) {
    /* Примерни класове — можеш да провериш HTML структурата и да ги адаптираш */
    .footer-sidebar .widget,
    .footer-sidebar .footer-column,
    .footer-sidebar .col-lg-4,
    .footer-sidebar .col-md-4,
    .footer-sidebar .col-sm-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ==========================================================================
   ДЕCКТОП И МОБИЛЕН СТИЛ ЗА БУТОН "ПРОМОЦИИ"
   ========================================================================== */

/* 1. Десктоп и Мобилна версия (Основен цвят) */
.wd-nav-main li.menu-promo > a,
.wd-nav-mobile li.menu-promo > a,
.wd-mobile-menu li.menu-promo > a {
    color: #ff0000 !important; /* Наситено червен цвят */
    font-weight: 700 !important; /* Удебелен шрифт */
}

/* 2. Ефект при посочване / Натискане (hover & active) */
.wd-nav-main li.menu-promo > a:hover,
.wd-nav-mobile li.menu-promo > a:hover,
.wd-mobile-menu li.menu-promo > a:hover {
    color: #cc0000 !important; /* По-тъмно червено */
}

/* 3. Фикс за мобилната икона на стрелката (ако има подкатегории, да не остане бяла/сива) */
.wd-nav-mobile li.menu-promo > .wd-nav-opener,
.wd-mobile-menu li.menu-promo > .wd-nav-opener {
    color: #ff0000 !important;
}

/* ==========================================================================
   МОБИЛЕН ИЗГЛЕД ЗА ПРОМО БАНЕРИТЕ (2 КОЛОНИ + СКРИВАНЕ НА 5-ТИЯ)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Намираме общия контейнер, който държи колоните с банерите */
    .vc_row-flex:has(.promo-banner),
    .vc_row:has(.promo-banner) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Прави точно 2 равни колони */
        gap: 10px !important; /* Разстояние между банерите */
    }

    /* 2. Нулираме ширината на индивидуалните колони на WPBakery, за да не се чупят */
    .vc_row-flex:has(.promo-banner) > .vc_column_container,
    .vc_row:has(.promo-banner) > .vc_column_container {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 3. Скриваме абсолютно и само 5-тия подред банер (Къси дънки) */
    .vc_row-flex:has(.promo-banner) > .vc_column_container:nth-child(5),
    .vc_row:has(.promo-banner) > .vc_column_container:nth-child(5) {
        display: none !important;
    }
}

/* Промяна на пропорциите на Promo Banner-ите в квадрат (1:1) */
.promo-banner .banner-image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important; /* Изрязва снимката в квадрат, без да я разтяга или деформира */
    width: 100% !important;
    height: 100% !important;
}

/* ==========================================================================
   ТОТАЛЕН ФИКС ЗА SVG ИКОНИТЕ ВЪВ ФУТЕРА (ПРЕМАХВАНЕ НА ОГРОМНИЯ РАЗМЕР)
   ========================================================================== */

/* Настройка на контейнера – принудително иконата и текста да са в линия */
.custom-footer-benefit {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 15px !important;
    box-sizing: border-box !important;
}

/* СТРОГО ОГРАНИЧЕНИЕ ЗА РАЗМЕРА НА SVG ИКОНИТЕ */
.custom-footer-benefit .benefit-svg-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important; /* Пречи на иконата да се свива или разпъва */
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    color: #ffffff !important; /* Изцяло бял цвят */
    margin-right: 12px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* Настройки за подравняване на текстовете */
.custom-footer-benefit .benefit-text {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Заглавието на бенефита */
.custom-footer-benefit .benefit-text h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin: 0 0 2px 0 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* Подзаглавието/Описанието */
.custom-footer-benefit .benefit-text p {
    font-size: 11px !important;
    color: #cccccc !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Специфична мобилна адаптивност */
@media (max-width: 767px) {
    .custom-footer-benefit {
        background: #0d0d0d !important;
        padding: 12px 15px !important;
        border-radius: 6px !important;
        border-bottom: none !important;
        margin-bottom: 15px !important;
    }
}

/* ==========================================================================
   ЧИСТ И СИГУРЕН МОБИЛЕН ИЗГЛЕД (БЕЗ ЗАСТЪПВАНЕ)
   ========================================================================== */
@media (max-width: 767px) {
    /* Правим колоните да се подредят една под друга нормално */
    .main-footer .container > .row,
    .wd-footer .container > .row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .main-footer .footer-column,
    .wd-footer .footer-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 30px !important;
    }

    /* Махаме padding-а, който счупи дизайна преди малко */
    .main-footer .container,
    .wd-footer .container {
        padding-top: 20px !important;
    }

    /* Скриваме бенефитите от колони 2, 3 и 4 на мобилен, за да е чисто */
    .main-footer .footer-column:nth-child(2) .custom-footer-benefit,
    .main-footer .footer-column:nth-child(3) .custom-footer-benefit,
    .main-footer .footer-column:nth-child(4) .custom-footer-benefit {
        display: none !important;
    }

    /* Оставяме САМО първия бенефит (БЕЗПЛАТНА ДОСТАВКА) най-отгоре в първата колона */
    .main-footer .footer-column:nth-child(1) .custom-footer-benefit {
        position: relative !important;
        display: flex !important;
        left: 0 !important;
        width: 100% !important;
        background: #0d0d0d !important;
        padding: 12px 15px !important;
        border-radius: 6px !important;
        margin-bottom: 20px !important;
    }
	/* Центриране на самия контейнер и съдържанието му */
    .main-footer .footer-column:nth-child(1) .custom-footer-benefit {
        justify-content: center !important; /* Центрира иконата и текста хоризонтално */
        text-align: center !important;     /* Центрира редовете текст */
    }

    /* Настройка на текстовия блок да се центрира спрямо иконата */
    .custom-footer-benefit .benefit-text {
        align-items: center !important;   /* Центрира заглавието и подзаглавието едно спрямо друго */
        flex-grow: 0 !important;          /* Спира изкуственото разпъване вляво */
    }
}

/* Преместваме целия текстов блок със заглавието надясно */
.wpb_text_column.wpb_content_element {
    padding-left: 20px !important; /* Увеличете цифрата, ако искате да отиде още по-вдясно */
    box-sizing: border-box;
}

/* Настройки за бутона "Виж всички" */
.vc_row {
    position: relative !important;
}

.wd-insta-link {
    position: absolute !important;
    top: 0px; /* Ако бутонът е твърде нагоре, променете на 5px или 10px */
    right: 20px !important; /* Разстояние от десния край */
    margin: 0 !important;
    z-index: 10;
}

/* Промяна на пропорциите на Promo Banner-ите в квадрат (1:1) */
.promo-banner .banner-image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important; /* Изрязва снимката в квадрат, без да я разтяга или деформира */
    width: 100% !important;
    height: 100% !important;
}

/* ==========================================================================
   ДЕСКТОП ВЕРСИЯ (Остава перфектна и недокосната)
   ========================================================================== */
@media (min-width: 768px) {
    .wpb_text_column.wpb_content_element {
        padding-left: 20px !important;
        box-sizing: border-box;
    }

    .vc_row {
        position: relative !important;
    }

    .wd-insta-link {
        position: absolute !important;
        top: 0px;
        right: 20px !important;
        margin: 0 !important;
        z-index: 10;
    }
}

/* ==========================================================================
   МОБИЛЕН ФИКС (Центрирано заглавие и центриран бутон с отстояние)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Настройваме общия ред за заглавието и бутона */
    .vc_row:has(.wd-insta-link) {
        display: flex !important;
        flex-direction: column !important; /* Един под друг */
        align-items: center !important;    /* Центрира елементите хоризонтално */
        justify-content: center !important;
        text-align: center !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2. Центрираме самото заглавие "Вдъхновение от Instagram" */
    .wpb_text_column.wpb_content_element {
        padding-left: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .wpb_text_column.wpb_content_element h2,
    .wpb_text_column.wpb_content_element p,
    .wpb_text_column.wpb_content_element div {
        text-align: center !important;
    }

    /* 3. Оправяме бутона "Виж всички" - центриран и с дистанция до снимките */
    .wd-insta-link {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        display: inline-flex !important;
        margin: 0 auto !important; /* Центриране */
        margin-top: 10px !important; /* Дистанция под заглавието */
        margin-bottom: 25px !important; /* СЕРИОЗНА ДИСТАНЦИЯ ПРЕДИ ПУБЛИКАЦИИТЕ */
    }
}

/* Връщаме нормалното изписване САМО за стандартните списъци с категории, без да пипаме заглавията на филтрите */
.widget_product_categories ul.product-categories li a,
.widget_categories ul li a {
    text-transform: lowercase !important;
}

/* Правим САМО първата буква на категорията главна */
.widget_product_categories ul.product-categories li a::first-letter,
.widget_categories ul li a::first-letter {
    text-transform: uppercase !important;
}

/* ==========================================================================
   ПЪЛНА ТРАНСФОРМАЦИЯ НА CHECKOUT СТРАНИЦАТА - BOUTIQUE MILANO
   ========================================================================== */

/* 1. ПОЛЕТА, ЗАГЛАВИЯ И ИНПУТИ (ЛЕВ БЛОК) */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row select,
.select2-container--default .select2-selection--single {
    height: 46px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
}
#order_review_heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 6px !important;
    margin-bottom: 20px !important;
}




/* 4. ДЕСЕН БЛОК (ВАШАТА ПОРЪЧКА) */
.woocommerce-checkout-review-order, #order_review, .wd-checkout-order-review {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
    padding: 30px !important;
}
.shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
}
.shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.wd-checkout-prod-img img {
    border-radius: 6px !important;
    max-width: 65px !important;
    height: auto !important;
}
.wd-checkout-prod-title a {
    font-weight: 600 !important;
    color: #111111 !important;
    font-size: 14px !important;
}

/* СЕЛЕКТОР ЗА КОЛИЧЕСТВО И ТОТАЛИ */
.wd-checkout-prod .quantity {
    margin-top: 8px !important;
    display: inline-flex !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.wd-checkout-prod .quantity input[type="button"] {
    background: #f7f7f7 !important;
    border: none !important;
    width: 25px !important;
    height: 28px !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.wd-checkout-prod .quantity input.qty {
    width: 30px !important;
    height: 28px !important;
    border: none !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.product-total .amount-bgn, .cart-subtotal .amount-bgn, 
.order-total .amount-bgn, .woocommerce-econt-shipping .amount-bgn,
ul#shipping_method li .amount-bgn {
    color: #777777 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    margin-left: 4px !important;
}
.shop_table tfoot tr th, .shop_table tfoot tr td {
    padding: 12px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
}
.shop_table tfoot tr.order-total th, .shop_table tfoot tr.order-total td {
    border-bottom: none !important;
    font-size: 16px !important;
    color: #000000 !important;
}

/* 5. МЕТОДИ ЗА ПЛАЩАНЕ */
.woocommerce-checkout-payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}
.woocommerce-checkout-payment ul.payment_methods li {
    background: #f9f9f9 !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] {
    accent-color: #000000 !important;
    margin-right: 10px !important;
}
.woocommerce-checkout-payment ul.payment_methods li label {
    font-weight: 600 !important;
    color: #000000 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.woocommerce-checkout-payment ul.payment_methods li label img {
    max-height: 20px !important;
    width: auto !important;
}
.payment_box p {
    font-size: 12px !important;
    color: #666663 !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

/* 6. ЧЕКБОКСОВЕ (ОБЩИ УСЛОВИЯ) И БУТОН ЗА ПОРЪЧВАНЕ */
.woocommerce-checkout .place-order p.validate-required {
    margin-bottom: 12px !important;
}
.woocommerce-checkout .place-order label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #444444 !important;
}
.woocommerce-checkout .place-order input[type="checkbox"] {
    margin-right: 10px !important;
    margin-top: 3px !important;
    accent-color: #000000 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}
.woocommerce-checkout .place-order label.checkbox a {
    color: #000000 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
.woocommerce-checkout #place_order, 
.woocommerce-checkout button#place_order {
    width: 100% !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    height: 52px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}
.woocommerce-checkout #place_order:hover, 
.woocommerce-checkout button#place_order:hover {
    background-color: #1a1a1a !important;
}

/* 7. СКРИТИ ПОЛЕТА И ИЗЧИСТВАНЕ НА ДЪНОТО */
form.woocommerce-checkout input[type="hidden"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
form.woocommerce-checkout {
    margin-bottom: 30px !important;
}
.checkout-order-review {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 8. СТИЛИЗИРАНЕ НА СТЪПКИТЕ (ХЕДЪР ПРОГРЕС БАР) */
.page-title-default,
.page-title,
.wd-checkout-steps, 
.woodmart-checkout-steps {
    background-color: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid #eef0f2 !important;
    padding: 25px 0 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
}
.page-title-default h1.entry-title {
    display: none !important;
}
.wd-checkout-steps li:after, 
.woodmart-checkout-steps li:after {
    display: none !important;
}
.wd-checkout-steps li, 
.woodmart-checkout-steps li {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888888 !important;
    position: relative !important;
}
.wd-checkout-steps li::before, 
.woodmart-checkout-steps li::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    border: 2px solid #cccccc !important;
    background-color: #ffffff !important;
    color: #888888 !important;
    margin-right: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.wd-checkout-steps li:nth-child(1)::before, .woodmart-checkout-steps li:nth-child(1)::before { content: "1" !important; }
.wd-checkout-steps li:nth-child(2)::before, .woodmart-checkout-steps li:nth-child(2)::before { content: "2" !important; }
.wd-checkout-steps li:nth-child(3)::before, .woodmart-checkout-steps li:nth-child(3)::before { content: "3" !important; }

.wd-checkout-steps li:not(:last-child)::after, 
.woodmart-checkout-steps li:not(:last-child)::after {
    content: "" !important;
    display: inline-block !important;
    width: 60px !important;
    height: 2px !important;
    background-color: #e0e0e0 !important;
    margin-left: 15px !important;
    vertical-align: middle !important;
}
.wd-checkout-steps li.step-active, 
.woodmart-checkout-steps li.step-active,
.wd-checkout-steps li.current,
.woodmart-checkout-steps li.current {
    color: #000000 !important;
}
.wd-checkout-steps li.step-active::before, 
.woodmart-checkout-steps li.step-active::before,
.wd-checkout-steps li.current::before,
.woodmart-checkout-steps li.current::before {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
.wd-checkout-steps li a, 
.woodmart-checkout-steps li a {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

/* ==========================================================================
   9. МОБИЛНА ОПТИМИЗАЦИЯ (ЕКРАНИ ПО-МАЛКИ ОТ 768px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Куриерите се връщат един под друг на телефон, за да има място */
    ul#shipping_method {
        flex-direction: column !important;
        gap: 10px !important;
    }
    ul#shipping_method li {
        width: 100% !important;
        margin-bottom: 2px !important;
        padding: 12px 15px !important;
    }

    /* Намаляване на отстоянията на хедър стъпките за телефон */
    .page-title-default, .page-title, .wd-checkout-steps, .woodmart-checkout-steps {
        padding: 15px 5px !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }
    
    /* Намаляване на шрифта и размера на линиите на стъпките */
    .wd-checkout-steps li, .woodmart-checkout-steps li {
        font-size: 10px !important;
        letter-spacing: 0.5px !important;
    }
    .wd-checkout-steps li::before, .woodmart-checkout-steps li::before {
        width: 22px !important;
        height: 22px !important;
        font-size: 10px !important;
        margin-right: 5px !important;
    }
    .wd-checkout-steps li:not(:last-child)::after, 
    .woodmart-checkout-steps li:not(:last-child)::after {
        width: 25px !important;
        margin-left: 8px !important;
    }

    /* Намаляване на вътрешните отстояния в дясната количка */
    .woocommerce-checkout-review-order, #order_review, .wd-checkout-order-review {
        padding: 15px !important;
    }
    
    ul#shipping_method li label img {
        max-height: 18px !important;
    }
}

/* ==========================================================================
   ГЛОБАЛЕН ДИЗАЙН: LIVRARE (FAN COURIER) ЕДИН ДО ДРУГ (ДЕСКТОП И МОБИЛЕН)
   ========================================================================== */

/* Глобален стил за кутиите на методите (валиден за всички екрани) */
#shipping_method li {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 5px !important;
    padding: 15px !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
}

/* Визуален акцент, когато методът е избран (checked) */
#shipping_method li:has(input:checked) {
    border-color: #000000 !important; /* Черен кант при избор */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Настройки за радио бутона и текста вътре */
#shipping_method li input[type="radio"] {
    margin-right: 12px !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
}

#shipping_method li label {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #000000 !important;
    cursor: pointer;
}

#shipping_method li label .amount {
    font-weight: bold !important;
    margin-left: 10px !important;
}

/* --- ДЕСКТОП ВЕРСИЯ --- */
@media (min-width: 768px) {
    ul#shipping_method {
        display: flex !important;
        flex-direction: row !important;
        gap: 15px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    ul#shipping_method li {
        flex: 1 1 calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
    }
}

/* --- МОБИЛНА ВЕРСИЯ (ФУЛ ФИКС) --- */
@media (max-width: 767px) {
    /* Нарежда заглавието "Livrare" над методите */
    .woocommerce-shipping-totals.shipping {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    /* Разпъва заглавието на 100% ширина */
    .woocommerce-shipping-totals.shipping > th {
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    /* Разпъва контейнера на методите на 100% ширина */
    .woocommerce-shipping-totals.shipping > td {
        width: 100% !important;
        padding-top: 0 !important;
    }

    /* Форсира методите да застанат хоризонтално на един ред и на мобилен */
    ul#shipping_method {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Разпределя ги точно по 50% от екрана на телефона */
    ul#shipping_method li {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
        padding: 10px 8px !important; /* Малко по-компактен падинг за мобилни екрани */
    }
    
    /* Свива леко шрифта на мобилен, за да не се чупи текста на нов ред */
    #shipping_method li label {
        font-size: 12px !important;
        flex-direction: column !important; /* Слага цената под текста, ако екранът е твърде тесен */
        align-items: flex-start !important;
    }
    
    #shipping_method li label .amount {
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
}

/* Премахване на принудителното разстояние под хедъра */
.whb-header {
    margin-bottom: 0px !important;
}

/* Премахване на празното поле до бутона за количество в количката */
.woocommerce-checkout-review-order-table .quantity,
.shop_table .quantity {
    display: inline-flex !important;
    border: 1px solid #e1e1e1 !important;
    padding: 0 !important;
    width: 105px !important; /* Точен размер за трите бутона */
    max-width: 105px !important;
    min-width: 105px !important;
    overflow: hidden !important; /* Скрива излишните празни кутии */
}

/* Коригиране на размерите на отделните бутони (минус и плюс) */
.woocommerce-checkout-review-order-table .quantity .minus,
.woocommerce-checkout-review-order-table .quantity .plus,
.shop_table .quantity .minus,
.shop_table .quantity .plus {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Коригиране на полето с цифрата */
.woocommerce-checkout-review-order-table .quantity input[type="number"],
.shop_table .quantity input[type="number"] {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    border-left: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
    border-top: none !important;
    border-bottom: none !important;
}@media (min-width: 1025px) {
	div.woodmart-filter-buttons {display:none;}

.menu-simple-dropdown .sub-menu-dropdown, .menu-simple-dropdown .sub-sub-menu {width:250px;}

.page-title {
    margin-block: -10px 40px;
}

form.woocommerce-checkout {flex-wrap: nowrap;}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 150px;
}

.page-title-default, .page-title, .wd-checkout-steps, .woodmart-checkout-steps {border-bottom: 0px solid #eef0f2 !important;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.term-description {
	margin-top: 20px;
   margin-bottom: 45px;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.term-description {
	margin-top: 20px;
   margin-bottom: 45px;
}

table td p {
font-size:0.7em;
}

.offcanvas-sidebar-mobile .sidebar-container {
width: 100%;
}

.wd-side-hidden {
width: 100%;
}
}

@media (max-width: 576px) {
	table td p {
font-size:0.7em;
}

.offcanvas-sidebar-mobile .sidebar-container {
width: 100%;
}

.wd-side-hidden {
width: 100%;
}

table td {
    padding: 10px 2px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
    font-size: 0.8em;
}

h2.wpb_singleimage_heading {
	color: #000000 !important;
	font-size:1.2em !important;
}
}

