:root {
    --theme-color: #ed1c24;
    --theme-color-rgb: 225, 12, 67;
    --theme-color1: #736f70;
    --theme-color1-rgb: 186, 14, 62;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%)
}

h1 {
    font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320))); /*calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320)));*/
    font-weight: 600;
    line-height: 1; /* 1.1 */
    text-transform: none;
    margin: 0;
}

h2 {
    /*font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    line-height: 1;
    text-transform: none;
    margin: 0;*/
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}
h2 a {
    color: #222;
}

h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

h4 {
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

h5 {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    text-transform: none;
    font-weight: 400;
}

h6 {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    text-transform: none;
}

.sticky-bottom-cart .product-image .content h5{
    text-transform: none;
}

#modal100 {
    height: 100%;
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-4 .deal-offer-contain::before {
    background-color: #f7a3fd;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-5 .deal-offer-contain::before {
    background-color: #a5c7ff;
}
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-6 .deal-offer-contain::before {
    background-color: #FD5C9D;
}

.product-box-4 {
    border: 1px solid #ececec;
    border-radius: 0px;
    padding: 10px;
    position: relative;
    text-align: center;
}

.product-box-4 .product-image img {
    width:100%;
    /*height:calc(80px + (140 - 80) * ((100vw - 320px) / (1920 - 320)));*/
    height: 100%;
    margin:0px auto 5px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}

.product-box-3 .product-header .product-image img{
    width: 100%;
    /*height: calc(100px + (140 - 100) * ((100vw - 320px) / (1920 - 320)));*/
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body{
    font-family: Montserrat, sans-serif;
}

button, input, optgroup, select, textarea {
    font-family: Montserrat, sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.add-obedno{
    color: #fff;
    background-color: var(--theme-color);
}

.product-box-4 .product-detail a .name {
    text-transform: none;
}

header .navbar-nav .nav-item {
    text-transform: uppercase;
}

header .navbar {
    z-index: 10;
}

header .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item {
    margin-left: calc(5px + (35 - 30) * ((100vw - 1200px) / (1920 - 1200)));
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    content: none;
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link-expand::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: -5px;
}

.section-404 .contain-404, .breadscrumb-section .breadscrumb-contain {
    font-family: Montserrat, sans-serif;
}

/*
header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    content: none;
}

header .navbar.navbar-expand-xl .navbar-nav .dropdown-toggle::before {
    content: "";
}*/

/* ======== RESET SCSS ======== */
h2{
    text-transform: none;
}

.label-flex {
    z-index: 2;
}

.sticky-bottom-cart .product-image img{
    width: 70px;
    height: 70px;
}

.page-link {
    color: var(--theme-color);
}

header .navbar-nav .dropdown-menu {
    min-width: 220px;
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    min-width: 280px;
}

@media (min-width: 1200px) {
    header .navbar-expand-xl .dropdown-menu .sub-dropdown-hover .sub-menu .dropdown-item {
        margin: 0px !important;
    }
}

/*header .navbar-nav .dropdown-menu .sub-dropdown-hover > a::before {
    right: -10px;
}*/

header .navbar.navbar-expand-xl .navbar-nav .nav-link {
    font-weight: 700;
}

@media (max-width: 767px) {
    header .onhover-category-list .onhover-category-box {
        display: none;
    }
    header .header-nav .header-nav-left .category-dropdown {
        width: calc(320px + (320 - 300) * ((100vw - 320px) / (1920 - 320)));
    }
    .navbar-nav .d-none{
        display: block !important;
    }
}

@media (max-width: 1199px) {
    header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
        width: calc(350px + (320 - 300)*((100vw - 1200px)/(1920 - 1200)));
    }
}

@media (max-width: 1199px) {
    .navbar-nav .d-none{
        display: block !important;
    }
}

/* ==== Cursor за кликаеми филтри (категории, типове, брандове) ==== */
.category-list-box,
.category-list-box label,
.category-list-box input[type="radio"],
.category-list-box input[type="checkbox"] {
    cursor: pointer !important;
}

/* За да подчертаем леко hover-а визуално (по избор) */
.category-list-box:hover .name {
    text-decoration: underline;
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li::before {
    content: none;
}

header .header-nav .header-nav-left .category-dropdown {
    width: 320px;
}

.summery-box .summery-total li:last-child h4 {
    font-size: 17px;
}

header .top-nav .navbar-top .middle-box .search-box .input-group button {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

header .top-nav .navbar-top .web-logo img {
    width: calc(200px + (162 - 120) * ((100vw - 320px) / (1920 - 320)));
}

/* ===========================
   DESIGNER SIDEBAR – FINAL
   Работи еднакво в Chrome/Edge/Firefox
   =========================== */

/* Общ стил за списъците в лявата колона */
.shop-left-sidebar .category-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

/* Всеки <li> – стегнат вертикален ритъм */
.shop-left-sidebar .category-list li {
    margin-bottom: 3px;
}

/* Контейнер за чекбокса/радиото + текста */
.shop-left-sidebar .category-list .category-list-box {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
}

/* Радио/чекбокс – да не бута реда */
.shop-left-sidebar .category-list input[type="radio"],
.shop-left-sidebar .category-list input[type="checkbox"],
.shop-left-sidebar .category-list .checkbox_animated {
    margin: 0;
    flex: 0 0 auto;
}

/* Label вътре – две колони: име вляво, брой вдясно */
.shop-left-sidebar .category-list .form-check-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}

/* Име на категория / тип / бранд */
.shop-left-sidebar .category-list .name {
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;     /* без пренасяне на нов ред */
    overflow: visible;       /* без рязане */
    text-overflow: clip;     /* гарантирано без „…“ */
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(12px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    /* overflow: hidden; */
    width: 100%;
}

/* Брой продукти – винаги подравнен вдясно (Firefox fix) */
.shop-left-sidebar .category-list .number {
    font-size: 12px;
    line-height: 1.2;
    opacity: 0.8;
    margin-left: 8px;
    flex: 0 0 auto;
    text-align: right;
}

/* Категории (UL с клас custom-height) – без вътрешен скрол */
.shop-left-sidebar .category-list.custom-height {
    max-height: none;
    overflow-y: visible;
}

.category-list-box {
    min-height: 1.0rem;
    margin-bottom: .125rem;
}

/* Малко по-стегнат padding в тялото на accordion-а */
.shop-left-sidebar .accordion-body {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* ===========================
   По-компактни <li> – 50% по-близо
   =========================== */
.shop-left-sidebar .category-list li {
    margin-bottom: -5px !important;
}

/* ========================================
   НОВА КОЛИЧКА - РАБОТИ С ОРИГИНАЛНИТЕ ОБВИВКИ
   ======================================== */

/* Премахваме таблицата */
.cart-table .table-responsive-xl {
    overflow-x: visible !important;
}

.cart-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* ==== CART ITEM CARD ==== */
.cart-item-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    transition: box-shadow 0.2s;
}

.cart-item-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Продуктова информация */
.cart-item-product {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.cart-item-image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.cart-item-details {
    flex: 1;
    min-width: 0;
}

.cart-item-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.3;
}

.cart-item-title a {
    color: #222;
    text-decoration: none;
}

.cart-item-title a:hover {
    color: var(--theme-color);
}

.cart-item-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    color: #666;
}

.cart-item-meta strong {
    color: #222;
    font-weight: 600;
}

/* Цена и количество */
.cart-item-actions {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.cart-item-price,
.cart-item-total {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.price-label,
.total-label {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
}

.price-value,
.total-value {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.price-value del {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-right: 8px;
}

.total-value {
    color: var(--theme-color);
}

.total-value .eur-price {
    font-size: 16px;
    color: var(--theme-color);
    font-weight: 600;
    display: block;
    margin-top: 2px;
}

.discount-value {
    color: var(--theme-color);
}

/* Количество */
.cart-item-quantity {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.qty-btn {
    width: 36px;
    height: 36px;
    border: 1.5px solid #ddd;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
}

.qty-btn:hover {
    border-color: var(--theme-color);
    background: #fff;
}

.qty-btn:active {
    transform: scale(0.95);
}

.qty-btn i {
    font-size: 12px;
    color: #222;
}

.qty-input {
    width: 50px;
    height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    background: #fafafa;
}

/* Премахни бутон */
.cart-item-remove {
    align-self: center;
    padding: 8px 16px;
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    background: #fff;
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
}

.cart-item-remove:hover {
    background: var(--theme-color);
    color: #fff;
}

.cart-item-remove i {
    font-size: 14px;
}

/* На десктоп - само икона */
@media (min-width: 768px) {
    .cart-item-remove .remove-text {
        display: none;
    }

    .cart-item-remove {
        width: 36px;
        height: 36px;
        padding: 0;
        border-radius: 50%;
    }
}

/* На мобилно - икона + текст центрирани */
@media (max-width: 767.98px) {
    .cart-item-remove {
        width: 100%;
        padding: 12px 20px;
    }
}

/* Отстъпка карта */
.cart-discount-card {
    background: #fff;
    border-color: var(--theme-color);
}

/* Предупреждение */
.cart-warning {
    padding: 15px 20px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.cart-warning i {
    color: #ffc107;
    font-size: 20px;
}

/* Празна количка */
.cart-empty {
    padding: 60px 20px;
    text-align: center;
    font-size: 16px;
    color: #666;
}

/* Бутони за добавяне - ЗАПАЗВАМЕ ОРИГИНАЛНИТЕ */
.button-group {
    margin-top: 20px;
}

.button-group ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.button-group ul li {
    width: 100%;
}

@media (max-width: 767.98px) {
    .button-group ul {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   МОБИЛЕН ИЗГЛЕД (под 768px)
   ======================================== */
@media (max-width: 767.98px) {
    .cart-item-card {
        padding: 15px;
    }

    .cart-item-product {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .cart-item-image {
        width: 100px;
        height: 100px;
    }

    .cart-item-details {
        width: 100%;
    }

    /* Вертикален layout за цена/количество/общо */
    .cart-item-actions {
        grid-template-columns: 1fr;
        gap: 15px;
        text-align: center;
    }

    .cart-item-price,
    .cart-item-total {
        align-items: center;
    }

    .cart-item-quantity {
        justify-content: center;
    }

    .qty-btn {
        width: 40px;
        height: 40px;
    }

    .qty-input {
        width: 60px;
        height: 40px;
    }

    /* Бутони една колона */
    .cart-add-buttons {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   ДЕСКТОП ИЗГЛЕД (над 992px)
   ======================================== */
@media (min-width: 992px) {
    .cart-item-card {
        flex-direction: row;
        align-items: center;
        gap: 30px;
    }

    .cart-item-product {
        flex: 1;
        min-width: 300px;
    }

    .cart-item-actions {
        flex: 1;
        border-top: none;
        border-bottom: none;
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        padding: 0 30px;
    }

    .cart-item-remove-wrapper {
        flex-shrink: 0;
    }

    .cart-item-remove {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        position: static !important;
    }

    .cart-item-remove .remove-text {
        display: none !important;
    }
}

/* ========================================
   ФИКСИРАНЕ НА ЗАГЛАВИЯТА НА ПРОДУКТИТЕ
   ======================================== */

/* Контейнер на продукта */
.product-box-4 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Секция със снимка */
.product-box-4 .product-image {
    margin-bottom: 15px;
}

/* Секция с продуктови детайли */
.product-box-4 .product-detail {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Link wrapper на заглавието */
.product-box-4 .product-detail > a {
    display: block;
    margin-bottom: 8px;
}

/* Заглавие - ФИКСИРАНА ВИСОЧИНА */
.product-box-4 .product-detail h5.name {
    /* Ограничаваме до 2 реда */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    /* Фиксирана височина за 2 реда */
    height: 2.8em !important;
    line-height: 1.4 !important;

    /* Стилизация */
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* Цени */
.product-box-4 .product-detail h5.price {
    margin-top: 0px !important;
    margin-bottom: 4px !important;
}

/* Втора цена (EUR) */
.product-box-4 .product-detail h5:not(.name):not(.price) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Бутон "Купи" - винаги най-долу */
.product-box-4 .product-detail .price-qty {
    margin-top: auto !important;
    padding-top: 10px !important;
}

/* ========================================
   АЛТЕРНАТИВНО: 3 РЕДА
   ======================================== */
/* Ако искаш 3 реда вместо 2, замени горните стойности с тези: */

.product-box-4 .product-detail h5.name {
    -webkit-line-clamp: 3 !important;
    height: 4.2em !important;
}

/* ========================================
   HOVER ЕФЕКТ
   ======================================== */
.product-box-4 .product-detail > a:hover h5.name {
    color: var(--theme-color) !important;
}

/* ========================================
   MOBILE ADJUSTMENTS
   ======================================== */
@media (max-width: 991.98px) {
    .product-box-4 .product-detail h5.name {
        font-size: 14px !important;
        height: 2.8em !important;
    }
}

@media (max-width: 575.98px) {
    .product-box-4 .product-detail h5.name {
        font-size: 13px !important;
        height: 2.8em !important;
    }
}

/* ========================================
   КОМПАКТНИ ТАБОВЕ - ВИНАГИ ХОРИЗОНТАЛНО
   ======================================== */

/* Десктоп - нормален изглед */
.title.title-flex-2 {
    margin-bottom: 20px;
}

.nav-tabs.tab-style-color-2 {
    border: none;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap; /* Винаги на един ред */
    justify-content: flex-start; /* Подравняване надясно */
}

.nav-tabs.tab-style-color-2 .nav-item {
    flex: 0 1 auto; /* Не се разтягат */
    min-width: auto;
}

.nav-tabs.tab-style-color-2 .nav-link {
    border: 1px solid var(--theme-color);
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s;
    white-space: nowrap;
}

.nav-tabs.tab-style-color-2 .nav-link:hover {
    background: var(--theme-color);
}

.nav-tabs.tab-style-color-2 .nav-link.active {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}

/* ========================================
   ТАБЛЕТИ (768px - 991px)
   ======================================== */
@media (max-width: 991.98px) and (min-width: 768px) {

    .nav-tabs.tab-style-color-2 {
        gap: 8px;
    }

    .nav-tabs.tab-style-color-2 .nav-link {
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
}

/* ========================================
   МОБИЛЕН ИЗГЛЕД (под 768px)
   ======================================== */
@media (max-width: 767.98px) {

    /* Намаляваме margin */
    .title.title-flex-2 {
        margin-bottom: 15px;
    }

    /* Таб контейнер - 3 равни части */
    .nav-tabs.tab-style-color-2 {
        gap: 6px;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    /* Таб елементи - равни части */
    .nav-tabs.tab-style-color-2 .nav-item {
        flex: 1 1 0 !important; /* Равни части */
        min-width: 0 !important;
        max-width: none !important;
    }

    /* Таб бутони - компактни */
    .nav-tabs.tab-style-color-2 .nav-link {
        padding: 10px 8px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
        white-space: normal !important; /* Позволява пренасяне на 2 реда */
        line-height: 1.2 !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* Активен таб */
    .nav-tabs.tab-style-color-2 .nav-link.active {
        background: var(--theme-color) !important;
        border-color: var(--theme-color) !important;
        color: #fff !important;
    }
}

/* ========================================
   МНОГО МАЛКИ ЕКРАНИ (под 480px)
   ======================================== */
@media (max-width: 479.98px) {

    .nav-tabs.tab-style-color-2 {
        gap: 5px;
    }

    .nav-tabs.tab-style-color-2 .nav-link {
        padding: 8px 6px !important;
        font-size: 11px !important;
        min-height: 40px !important;
    }
}

/********************************************
 * ELFITE – FINAL SAFE BANNER FIX
 * (работи само върху банерите)
 ********************************************/

/* Универсално центриране */
section.home-section.pt-2 .home-contain img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* =========================
   DESKTOP (≥1200px)
   ========================= */
@media (min-width: 1200px) {

    /* Леко отстояние между втория и третия десен банер */
    section.home-section.pt-2 .col-xl-4 .row > div + div {
        margin-top: 14px !important; /* фин, луксозен gap */
    }

    /* Да не стърчи надолу колоната */
    section.home-section.pt-2 .col-xl-4 .row > div:last-child {
        margin-bottom: 0 !important;
    }

    /* Без промяна на височини → фиксирани по CSS картинките */
    section.home-section.pt-2 .col-xl-8 .home-contain {
        height: 560px;
    }

    section.home-section.pt-2 .col-xl-4 .home-contain {
        height: calc(560px / 2 - 7px); /* две по 276.5px */
    }
}

/* =========================
   TABLET (992px – 1199px)
   ========================= */
@media (min-width: 992px) and (max-width: 1199.98px) {

    /* Малко пространство под големия банер */
    section.home-section.pt-2 .col-xl-8.ratio_65 {
        margin-bottom: 18px !important;
    }

    /* Двата десни банера – един до друг */
    section.home-section.pt-2 .col-xl-4 .row > div {
        margin-bottom: 14px !important;
    }

    section.home-section.pt-2 .col-xl-4 .row > div:last-child {
        margin-bottom: 0 !important;
    }

    /* Еднаква височина за трите банера на таблет */
    section.home-section.pt-2 .home-contain {
        height: 360px !important;
        border-radius: 10px;
    }
}

/* =========================
   MOBILE (<992px)
   ========================= */
@media (max-width: 991.98px) {

    /* Трите банера един под друг, равни отстояния */
    section.home-section.pt-2 .col-xl-8.ratio_65,
    section.home-section.pt-2 .col-xl-4 .row > div {
        margin-bottom: 16px !important;
    }

    section.home-section.pt-2 .col-xl-4 .row > div:last-child {
        margin-bottom: 0 !important;
    }

    /* Еднаква височина на трите банера */
    section.home-section.pt-2 .home-contain {
        height: 320px !important;
        border-radius: 8px;
    }
}

/* =========================
   SMALL MOBILE (<576px)
   ========================= */
@media (max-width: 575.98px) {

    section.home-section.pt-2 .home-contain {
        height: 260px !important;
        border-radius: 6px;
    }

    section.home-section.pt-2 .col-xl-8.ratio_65,
    section.home-section.pt-2 .col-xl-4 .row > div {
        margin-bottom: 14px !important;
    }

    section.home-section.pt-2 .col-xl-4 .row > div:last-child {
        margin-bottom: 0 !important;
    }
}

/********************************************
 * ELFITE – DESKTOP BANNERS: ALIGNMENT + GAP FIX
 ********************************************/
@media (min-width: 1200px) {

    /* Височина на основния банер */
    section.home-section.pt-2 .col-xl-8.ratio_65 .home-contain {
        height: 680px !important;
    }

    /* Десните два – така че 2хбанер + gap(16px) = 680px */
    section.home-section.pt-2 .col-xl-4.ratio_65 .home-contain {
        height: calc((680px - 16px) / 2) !important;
    }

    /* Еднакъв вертикален gap между двата десни банера */
    section.home-section.pt-2 .col-xl-4.ratio_65 .row > div + div {
        margin-top: 16px !important;
    }

    /* НИКАКВИ марджини по колоните – за да не падат отдолу */
    section.home-section.pt-2 .col-xl-8.ratio_65,
    section.home-section.pt-2 .col-xl-4.ratio_65 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Еднакво хоризонтално отстояние между основния и десните:
       8px padding вляво + 8px вдясно = 16px gap */
    section.home-section.pt-2 > .container-fluid-lg > .row > .col-xl-8.ratio_65,
    section.home-section.pt-2 > .container-fluid-lg > .row > .col-xl-4.ratio_65 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/********************************************
 * ELFITE – Banner Hover Zoom-In (Safe)
 ********************************************/

/* Всички банери вътре в home-contain */
section.home-section.pt-2 .home-contain {
    overflow: hidden; /* така зумът остава вътре */
    position: relative;
}

/* Плавна анимация */
section.home-section.pt-2 .home-contain img {
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    will-change: transform;
}

/* Zoom-in при hover */
section.home-section.pt-2 .home-contain:hover img {
    transform: scale(1.06);
}

/********************************************
 * ELFITE – Banner Text + Button Overlay
 ********************************************/

/* Контейнерът за текста */
.banner-overlay {
    position: absolute;
    left: 26px;          /* позиция отляво – може да коригираш */
    top: 50%;            /* центриране вертикално */
    transform: translateY(-50%);
    z-index: 3;
    color: #fff;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Заглавие */
.banner-overlay h3 {
    margin: 0;
    padding: 6px 10px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
    background: rgba(0, 0, 0, 0.45);   /* може да се премахне или изсветли */
    border-radius: 6px;
    display: inline-block;
    color: #fff !important;
}

/* Бутон */
.banner-btn {
    display: inline-block;
    padding: 8px 16px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: var(--theme-color);          /* основният ти челвен цвят */
    border-radius: 6px;
    text-decoration: none;
    width: fit-content;
    transition: background .25s ease;
}

.banner-btn:hover {
    background: var(--theme-color);
    color: #fff;
}

/* Адаптация за мобилни */
@media (max-width: 575.98px) {
    .banner-overlay {
        left: 16px;
        max-width: 70%;
    }

    .banner-overlay h3 {
        font-size: 1.25rem;
        padding: 4px 8px;
    }

    .banner-btn {
        padding: 6px 14px;
        font-size: .9rem;
    }
}

/* Подреждане на елементите в продуктовия списък */
.summery-contain li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.summery-contain li h4:first-of-type {
    flex: 1;
    font-size: 13px;
    line-height: 1.3;
    max-width: 180px;
}

.summery-contain li h4.price {
    text-align: right !important;
    white-space: nowrap;
    margin-left: auto;
}

.summery-contain li h4.price br {
    display: block;
    content: "";
    margin: 2px 0;
}

/* Подреждане на тоталите */
.summery-total li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.summery-total li h4:first-child {
    flex: 0 0 auto;
}

.summery-total li .price {
    text-align: right !important;
    margin-bottom: 2px;
}

.summery-total li h4:nth-of-type(3) {
    text-align: right !important;
    margin: 0;
}

.summery-total li.list-total h4 {
    text-align: right !important;
    font-weight: 600 !important;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.summery-total li.list-total .price {
    font-weight: 600 !important;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
    text-align: right !important;
}

.verona-corner-kids-heading-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.verona-corner-kids-heading-image img {
    width: 100%;
    max-width: 1300px;
}

.center-text {
    justify-content: center;
    text-align: center;
}

.verona-corner-kids-taxes-and-packages {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.verona-corner-kids-taxes-and-packages-grid img {
    width: 100%;
    border-radius: 20px;
}

.verona-corner-kids-taxes-and-packages-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 40px;
}

@media (max-width:767px) {
    .verona-corner-kids-taxes-and-packages-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 0 10px;
    }
}

.verona-corner-kids-taxes {
    background: #f8e7a1;
    border-radius: 20px;
}

.verona-corner-kids-packages {
    background: #f0c8b8;
    border-radius: 20px;
}

.verona-corner-kids-rules {
    width: 100%;
    background: #f8e7a1;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 20px !important;
}

.verona-corner-kids-rules img {
    width: 100%;
    max-width: 800px;
}

@media (max-width:767px) {
    .verona-corner-kids-rules {
        padding: 0 10px;
    }

    .verona-corner-kids-rules-wrapper {
        padding: 10px !important;
    }
}

.verona-corner-kids-rules-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
}

.verona-corner-kids-rules-wrapper strong {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    line-height: 1;
    text-transform: none;
    text-align: center;
    margin-bottom: 20px !important;
    margin: 0;
}