.elementor-13 .elementor-element.elementor-element-99b55ad{--display:flex;--margin-top:82px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-7ca2c89 .woocommerce-breadcrumb{font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-7d3ea68{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-beaf9ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-0cfcfe1{--update-cart-automatically-display:none;--sections-border-type:none;--sections-title-color:#212121;--forms-buttons-border-type:none;--totals-color:#212121;--checkout-button-padding:18px 130px 18px 130px;--checkout-button-width:fit-content;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#586656;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals h2{font-family:"Inter Tight", Sans-serif;font-size:24px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .e-cart-content, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-shipping-destination, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .shipping-calculator-button{font-size:1px;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .coupon .input-text, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart-collaterals .input-text, .elementor-13 .elementor-element.elementor-element-0cfcfe1 select, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .select2-selection--single{font-family:"Inter Tight", Sans-serif;font-size:20px;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart td span, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart td, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .input-text.qty{font-family:"Inter Tight", Sans-serif;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals .shop_table td:before, .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Inter Tight", Sans-serif;font-size:24px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-0cfcfe1 .checkout-button{font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-99b55ad{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-7ca2c89{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-0cfcfe1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--checkout-button-padding:16px 40px 16px 40px;--checkout-button-width:fit-content;}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-99b55ad{--content-width:1440px;}.elementor-13 .elementor-element.elementor-element-7d3ea68{--content-width:1440px;}.elementor-13 .elementor-element.elementor-element-beaf9ec{--width:100%;}}@media(max-width:1450px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-99b55ad{--content-width:1200px;}.elementor-13 .elementor-element.elementor-element-7d3ea68{--content-width:1200px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-0cfcfe1 *//* 1. ЖЕСТКО УБИРАЕМ ЛИШНЕЕ (Шапку, Цену, Подытог) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form table thead,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-price,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-subtotal {
    display: none !important;
}

/* Обнуляем рамки у всей таблицы */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form table,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form th,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td {
    border: none !important;
}

/* 2. ЛОМАЕМ ТАБЛИЦУ И СТРОИМ CSS GRID (СЕТКУ) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form tr.cart_item {
    display: grid !important;
    grid-template-columns: 120px max-content auto !important; 
    grid-template-rows: auto auto !important; 
    gap: 15px 15px !important; 
    
    /* THE FIX: 0 сверху, 0 справа, 30px снизу, 0 слева */
    padding: 0 0 30px 0 !important; 
    border-bottom: 1px solid #E5E5E5 !important; 
    align-items: center !important;
}

/* На всякий случай убиваем отступы самой формы, если Elementor их добавляет */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 3. КАРТИНКА ТОВАРА (Занимает левую колонку и растягивается на 2 строки) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-thumbnail {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
    padding: 0 !important;
}
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
}

/* 4. НАЗВАНИЕ ТОВАРА */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-name {
    grid-column: 2 / 4 !important; 
    grid-row: 1 / 2 !important;
    padding: 0 !important;
    text-align: left !important;
    align-self: end !important; 
}

.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-name a {
    /* Обновленная типографика */
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 22px !important; 
    font-weight: 500 !important; 
    
    color: #1f2320 !important;
    text-decoration: none !important;
    display: block !important;
    line-height: 1.3 !important;
}

/* 5. ПОЛЕ КОЛИЧЕСТВА (Сетка и кнопки) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-quantity {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    padding: 0 !important;
    align-self: start !important; 
}

/* Стилизация самой обертки счетчика [ - 1 + ] */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100px !important; /* Общая ширина блока */
    height: 36px !important;
    border: 1px solid #1f2320 !important;
    border-radius: 2px !important;
    padding: 0 10px !important;
}

/* Стилизация цифры внутри */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .quantity input.qty {
    width: 30px !important;
    border: none !important;
    text-align: center !important;
    background: transparent !important;
    color: #1f2320 !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 14px !important;
    padding: 0 !important;
    -moz-appearance: textfield !important; /* Убиваем системные стрелки Firefox */
}

/* Убиваем системные стрелки Chrome/Safari */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .quantity input.qty::-webkit-outer-spin-button,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Стили наших кастомных кнопок + и - */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .qty-btn {
    cursor: pointer !important;
    font-size: 16px !important;
    color: #1f2320 !important;
    user-select: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease !important;
}

.elementor-13 .elementor-element.elementor-element-0cfcfe1 .qty-btn:hover {
    color: #5a6854 !important; /* Твой зеленый */
}
/* 6. КНОПКА "УДАЛИТЬ ТОВАР" (Встает справа от счетчика количества) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-remove {
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: start !important; /* Выравниваем по левому краю рядом со счетчиком */
}

/* Прячем круглый крестик */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form a.remove {
    display: inline-block !important;
    color: transparent !important;
    background: transparent !important;
    font-size: 0 !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
}

/* Внедряем текст "Удалить товар" */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form a.remove::after {
    content: "Удалить товар" !important;
    font-size: 14px !important;
    font-family: 'Inter Tight', sans-serif !important;
    color: #1f2320 !important;
    text-decoration: underline !important;
    line-height: 36px !important; /* Делаем текст по высоте таким же, как поле счетчика */
    display: block !important;
    font-weight: 400 !important;
    transition: color 0.3s ease !important;
}

.elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form a.remove:hover::after {
    color: #5a6854 !important; /* Фирменный зеленый при наведении */
}

/* УБИВАЕМ ЗЕЛЕНУЮ ПЛАШКУ УВЕДОМЛЕНИЙ В КОРЗИНЕ */
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-cart .woocommerce-message[role="alert"] {
    display: none !important;
}

/* =========================================
   СТИЛИЗАЦИЯ ПРАВОГО БЛОКА (СУММА ЗАКАЗА)
   ========================================= */

/* 1. Заголовок "Сумма заказа" */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals h2 {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #1f2320 !important;
    text-align: left !important;
    margin-bottom: 15px !important; /* Уменьшили отступ под заголовком */
    padding: 0 !important;
    border: none !important;
}

/* 2. Обнуляем дефолтные рамки таблицы */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 0 25px 0 !important;
    background: transparent !important;
    border-collapse: collapse !important; /* ВАЖНО: заставляет линии отрисовываться */
}

/* 3. Ячейки (Уменьшаем отступы и рисуем подчеркивания) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table tr th,
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table tr td {
    border: none !important;
    border-bottom: 1px solid #E5E5E5 !important; /* Те самые тонкие линии */
    background: transparent !important;
    padding: 12px 0 !important; /* Существенно уменьшили отступы (было 20px) */
}

/* 4. Левый столбец (Текст: Подытог, Итого) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table th {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1f2320 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

/* Делаем слово "Итого" массивным */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table tr.order-total th {
    font-weight: 700 !important;
    text-transform: uppercase !important; 
    font-size: 18px !important;
}

/* 5. Правый столбец (Сами цифры) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table td {
    text-align: right !important;
    vertical-align: middle !important;
}

/* Стилизуем суммы */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table td .woocommerce-Price-amount {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1f2320 !important;
}


@media (max-width: 767px) {
    /* 1. УБИВАЕМ СТАНДАРТНЫЙ МОБИЛЬНЫЙ МУСОР WOOCOMMERCE */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td::before,
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table td::before {
        display: none !important;
    }

    /* ЖЕСТКО прячем лишние цены под товаром (чтобы не ломали сетку) */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-price,
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-subtotal {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* 2. СЕТКА ТОВАРА ДЛЯ ТЕЛЕФОНА */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form tr.cart_item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px 15px !important; 
        padding: 0 0 25px 0 !important;
    }

    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form table.shop_table tr.cart_item td {
        width: auto !important;
        display: block !important;
        padding: 0 !important;
        text-align: left !important;
    }

    /* Картинка */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-thumbnail {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 4 !important;
        align-self: start !important;
    }

    /* Название */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-name {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }
    
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-name a {
        font-size: 16px !important; 
        line-height: 1.2 !important;
    }

    /* Количество */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-quantity {
        grid-column: 2 / 3 !important;
        grid-row: 2 / 3 !important;
        margin-top: 5px !important;
    }

    /* Удалить товар */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .woocommerce-cart-form td.product-remove {
        grid-column: 2 / 3 !important;
        grid-row: 3 / 4 !important;
        margin-top: 5px !important;
    }

    /* 3. ЧИНИМ БЛОК ИТОГОВ (СУММА ЗАКАЗА) */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table tr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        /* ВОТ ОНА - ЕДИНАЯ СПЛОШНАЯ ЛИНИЯ НА ВСЮ ШИРИНУ */
        border-bottom: 1px solid #E5E5E5 !important; 
    }

    /* Убираем разорванные огрызки линий с самих ячеек */
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table th,
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table td {
        width: auto !important;
        display: block !important;
        padding: 15px 0 !important;
        border-bottom: none !important; /* Убили старые рамки */
    }

    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table th {
        text-align: left !important;
    }
    .elementor-13 .elementor-element.elementor-element-0cfcfe1 .cart_totals table.shop_table td {
        text-align: right !important;
    }
}

/* =========================================
   КНОПКА "ПЕРЕЙТИ К ОФОРМЛЕНИЮ ЗАКАЗА"
   ========================================= */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .wc-proceed-to-checkout .checkout-button {
    background-color: #5a6854 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 20px !important;
    width: 100% !important;
    font-size: 16px !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-weight: 500 !important;
    border: 1px solid #5a6854 !important; /* Задаем рамку заранее, чтобы кнопка не прыгала */
    box-sizing: border-box !important;
    text-align: center !important;
    display: block !important;
    transition: all 0.3s ease !important; /* Плавность смены цветов */
    margin-top: 20px !important; /* Отступ от Итого */
}

/* Ховер-эффект (Инверсия: белый фон, зеленый текст) */
.elementor-13 .elementor-element.elementor-element-0cfcfe1 .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #ffffff !important;
    color: #5a6854 !important;
    /* Рамка остается зеленой */
}/* End custom CSS */