.elementor-8778 .elementor-element.elementor-element-2ce76ac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-8778 .elementor-element.elementor-element-2ce76ac:not(.elementor-motion-effects-element-type-background), .elementor-8778 .elementor-element.elementor-element-2ce76ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-8778 .elementor-element.elementor-element-6e6b24d{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-8778 .elementor-element.elementor-element-6e6b24d:not(.elementor-motion-effects-element-type-background), .elementor-8778 .elementor-element.elementor-element-6e6b24d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8778 .elementor-element.elementor-element-6e6b24d.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8778 .elementor-element.elementor-element-e00fb13{width:100%;max-width:100%;text-align:center;}.elementor-8778 .elementor-element.elementor-element-e00fb13 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:5px 0px 5px 0px;border-radius:20px 20px 0px 0px;}.elementor-8778 .elementor-element.elementor-element-e00fb13 .elementor-heading-title{font-family:"My_font", Sans-serif;font-size:19px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-8778 .elementor-element.elementor-element-c624674 > .elementor-widget-container{margin:10px 0px 0px 20px;}.elementor-8778 .elementor-element.elementor-element-c624674 .woocommerce-breadcrumb{color:#827A7A;font-size:10px;text-transform:uppercase;}.elementor-8778 .elementor-element.elementor-element-c624674 .woocommerce-breadcrumb > a{color:#827A7A;}.elementor-8778 .elementor-element.elementor-element-c5c43e3{--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:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8778 .elementor-element.elementor-element-3dc92e1{--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;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}@media(min-width:768px){.elementor-8778 .elementor-element.elementor-element-6e6b24d{--width:1350px;}.elementor-8778 .elementor-element.elementor-element-c5c43e3{--content-width:1350px;}.elementor-8778 .elementor-element.elementor-element-3dc92e1{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-63ddf45 */#s1{
     display: inline-flex !important;
     flex-direction: row !important;
     align-items: center !important;
     border-radius: 5px !important;
     overflow: hidden !important;
     border: 1px solid #ddd !important;
     background: #fff !important;
     vertical-align: middle !important;
     box-sizing: border-box !important;
    
     font-family: 'My_font', Sans-serif !important;
     font-size: 14px !important;
     line-height: 1 !important;
}

#minus {
    box-sizing: border-box !important;
    width: 30px !important; 
    height: 30px !important; 
    background: #0c679f !important; 
    cursor: pointer !important; 
    font-size: 18px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    padding: 0 !important; 
    color: #ffffff !important; 
    transition: all 0.2s ease !important; 
    line-height: 1 !important; 
    flex-shrink: 0 !important; 
    border-radius: 0 !important; 
    margin: 0 !important; 
    font-family: 'My_font', Sans-serif !important; 
    font-weight: 400 !important; 
    -webkit-appearance: none !important; 
    appearance: none !important; user-select: none !important; 
    outline: none !important; 
    border: none !important; 
    text-transform: none !important; 
    white-space: nowrap !important; 
    border-right: 1px solid #0c679f !important; 
    box-shadow: inset 0px 1px 2px hsl(203 85% 50%), inset -2px -2px 3px hsl(203 85% 18%), 0 0 0 -1px hsl(203 85% 30%), 4px 4px 8px hsl(203 50% 10% / 0.6) !important;
}


#input{
     box-sizing: border-box !important;
     width: 35px !important;
     height: 30px !important;
     text-align: center !important;
     font-size: 14px !important;
     margin: 0 !important;
     padding: 0 5px !important;
     background: #fff !important;
     color: #333 !important;
     border-radius: 0 !important;
     flex-shrink: 0 !important;
     font-family: 'My_font', Sans-serif !important;
     font-weight: bold !important;
     border: none !important;
     border-top: 1px solid #0c679f !important;
     border-bottom: 1px solid #0c679f !important;
     outline: none !important;
     line-height: 36px !important;
}

#plus{
     box-sizing: border-box !important;
     width: 30px !important;
     height: 30px !important;
     background: #0c679f !important;
     cursor: pointer !important;
     font-size: 18px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     padding: 0 !important;
     color: #ffffff !important;
     transition: all 0.2s ease !important;
     line-height: 1 !important;
     flex-shrink: 0 !important;
     border-radius: 0 !important;
     margin: 0 !important;
     font-family: 'My_font', Sans-serif !important;
     font-weight: 400 !important;
     -webkit-appearance: none !important;
     appearance: none !important;
     user-select: none !important;
     outline: none !important;
     border: none !important;
     text-transform: none !important;
     white-space: nowrap !important;
     border-right: 1px solid #0c679f !important;
     box-shadow: inset 0px 1px 2px hsl(203 85% 50%), inset -2px -2px 3px hsl(203 85% 18%), 0 0 0 -1px hsl(203 85% 30%), 4px 4px 8px hsl(203 50% 10% / 0.6) !important;
}



/* Основной контейнер корзины */
.custom-cart-layout {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Левая часть - товары */
.custom-cart-items {
    flex: 1;
    min-width: 300px;
}

.cart-title {
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}

.custom-cart-items-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* КАРТОЧКА ТОВАРА КАК ТАБЛИЦА (5 КОЛОНОК) */
.custom-cart-item {
    display: grid;
    grid-template-columns: 15% 30% 20% 19% 5%;
    gap: 20px;
    padding: 15px;
    border: 1px solid #E6E9EC;
    box-shadow: 0px 0px 6px #c5c3c3;
    border-radius: 8px;
    background-color: #F1F4F8;
    align-items: center;
}

/* КОЛОНКИ */
.cart-item-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Колонка 1: Фото товара */
.cart-item-image-col {
    flex: 0 0 15%;
}

.cart-item-image-col img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    max-width: 100px;
}

/* Колонка 2: Описание товара */
.cart-item-details-col {
    flex: 1;
}

.cart-product-name {
    margin: 0 0 3px 0;
    font-size: 16px;
    line-height: 1.3;
}

.cart-product-name a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.cart-product-name a:hover {
    color: #0073aa;
}

.price-type {
    color: #8D8D8D;
    font-size: 13px;
    margin: 0;
}

/* Колонка 3: Количество и цена за штуку */
.cart-item-quantity-col {
    min-width: 200px;
    align-items: center;
}

/* === ИСПРАВЛЕННЫЕ СТИЛИ ДЛЯ WOOCOMMERCE BLOCKS QUANTITY SELECTOR === */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45 {
    border-radius: 4px;
    box-sizing: content-box;
    display: flex;
    margin: 0 0 .25em;
    position: relative;
    width: 107px;
}

/* Кнопка минус */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--minus {
    width: 36px;
    height: 36px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #333;
    transition: all 0.2s ease;
    line-height: 1;
    flex-shrink: 0;
    box-shadow: inset 0px 1px 2px hsl(203 85% 50%), inset -2px -2px 3px hsl(203 85% 18%), 0 0 0 -1px hsl(203 85% 30%), 4px 4px 8px hsl(203 50% 10% / 0.6) !important;
}

/* Поле ввода */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input {
    width: 50px;
    height: 36px;
    text-align: center;
    border: nvone;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
    background: #fff;
    color: #333;
    -moz-appearance: textfield;
    flex-shrink: 0;
}

/* Убираем стрелки у поля ввода в Chrome/Safari */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input::-webkit-outer-spin-button,
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Убираем стрелки у поля ввода в Firefox */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input[type="number"] {
    -moz-appearance: textfield;
}

/* Кнопка плюс */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--plus {
    width: 36px !important;
    height: 36px !important;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #333;
    transition: all 0.2s ease;
    line-height: 1;
    flex-shrink: 0;
}

/* Эффекты при наведении */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--minus:hover,
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--plus:hover {
    background: #f5f5f5;
}

/* Активное состояние кнопок */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--minus:active,
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--plus:active {
    background: #e0e0e0;
}

/* Фокус на поле ввода */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* Отключенная кнопка минус (когда достигнут минимум) */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--minus:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f9f9f9;
    color: #999;
}

/* Отключенная кнопка плюс (когда достигнут максимум) */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__button--plus:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f9f9f9;
    color: #999;
    
}

.price-per-unit {
    font-size: 14px;
    color: #8D8D8D;
    font-weight: 500;
    text-align: center;
    margin-top: 3px;
}

/* Колонка 4: Общая стоимость позиции */
.cart-item-total-col {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    min-width: 150px;
}

/* Колонка 5: Иконки действий */
.cart-item-actions-col {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}

.wc-block-cart-item__remove-link,
.wishlist-button {
    background-color: #0c679f;
    border: none !important;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.2s ease;
    box-shadow: inset 0px 1px 2px hsl(203 85% 50%), inset -2px -2px 3px hsl(203 85% 18%), 0 0 0 -1px hsl(203 85% 30%), 1px 1px 5px hsl(203 50% 10% / 0.6) !important;
}

.wc-block-cart-item__remove-link:hover {
    background: #ff0000;
box-shadow: inset 0px 1px 2px hsl(0 85% 50%),
            inset -2px -2px 3px hsl(0 85% 18%),
            0 0 0 -1px hsl(0 85% 30%),
            1px 1px 5px hsl(0 50% 10% / 0.6) !important;
}

.wishlist-button {
    background: #0c679f;
}

.wishlist-button:hover {
     background-color:  #ff0000;
    box-shadow: inset 0px 1px 2px hsl(0 85% 50%),
            inset -2px -2px 3px hsl(0 85% 18%),
            0 0 0 -1px hsl(0 85% 30%),
            1px 1px 5px hsl(0 50% 10% / 0.6) !important;
}

.trash-icon,.wishlist-icon {
    fill: #ffffff;
    width: 16px;
    height: 16px;
    transition: fill 0.2s;
}

.wc-block-cart-item__remove-link:hover .trash-icon {

}

.heart-icon {
    fill: #ffffff;
    width: 16px;
    height: 16px;
    transition: fill 0.2s;
}

.wishlist-button:hover .heart-icon {
    fill: #ffffff;
   
}

/* Правая часть - итоги */
.custom-cart-summary {
    flex: 0 0 300px;
    max-width: 300px;
}

.summary-container {
    background: #F1F4F8;
    box-shadow: 0px 0px 6px #c5c3c3;
    border: 1px solid #E6E9EC;
    border-radius: 8px;
    padding: 20px;
    position: sticky;
    top: 20px;
}

.summary-total {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.summary-total h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    text-align: center;
}

.total-amount {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    text-align: center;
}

.summary-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkout-button,
.quick-buy-button,
.clear-cart-button {
    width: 100%;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: none;
    transition: all 0.2s ease;
    font-size: 16px;
}

.checkout-button {
    background: #27ae60;
    color: white;
}

.checkout-button:hover {
    background: #219653;
}

.quick-buy-button {
    background: #3498db;
    color: white;
}

.quick-buy-button:hover {
    background: #2980b9;
}

.clear-cart-button {

}

.clear-cart-button:hover {
    color: #ff0000 !important;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .custom-cart-item {
        grid-template-columns: 15% auto;
        grid-template-rows: auto auto auto auto;
        gap: 15px;
    }
    
    .cart-item-quantity-col,
    .cart-item-total-col,
    .cart-item-actions-col {
        grid-column: 2;
    }
    
    .cart-item-quantity-col {
        grid-row: 2;
    }
    
    .cart-item-total-col {
        grid-row: 3;
        text-align: left;
        min-width: auto;
    }
    
    .cart-item-actions-col {
        grid-row: 4;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .custom-cart-layout {
        flex-direction: column;
    }
    
    .custom-cart-summary {
        max-width: 100%;
        position: static;
    }
    
    .custom-cart-item {
        display: flex;
        flex-direction:row;
        flex-wrap: wrap;
        gap: 0px;
    }
    
    .cart-item-column {
    }
    
    .cart-item-image-col {
        order: 0;
         flex-basis: 30%;
         order: 0;
        text-align: center;
    }
    
    .cart-item-details-col {
        flex-basis: 50%; 
        order: 0;
        text-align: center;
    }
    
    .cart-item-quantity-col {
        order: 2;
        align-content: start;
        flex-wrap: wrap;
        flex-basis: 50%; 
        min-width: unset;
        align-items: center;
    }
    
    .cart-item-total-col {
        order: 2;
        align-content: end;
        flex-wrap: wrap;
       flex-basis: 50%; 
        text-align: center;
        font-size: 18px;
        min-height: 52px !important;
        justify-content: flex-start;
    
    }
    
    .cart-item-actions-col {
        order: 1;
        flex-basis: 10% !important;
        min-width: unset;
        justify-content: center;
    }
    
    .cart-item-image-col img {
        max-width: 150px;
        margin: 0 auto;
    }
    
    .wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45 {
        justify-content: center;
        margin: 0 auto 10px auto;
    }
    
    #minus,
    #plus,
    #input,#s1 {
        height: 30px !important;
    }
    
     #minus,
    #plus {
        width: 30px !important;
        font-size: 20px;
    }
    
    #input {
        width: 30px !important;
        font-size: 13px !important;
    }
    
    .price-per-unit {
        font-size: 13px;
    }
    .wc-block-cart-item__remove-link, .wishlist-button{
        width: 25px !important;
        height: 25px !important;;
    }
}


/* Сообщение о пустой корзине */
.custom-cart-empty {
    text-align: center;
    padding: 40px 20px;
    font-size: 18px;
    color: #666;
    border: 1px dashed #ddd;
    border-radius: 8px;
    background: #f9f9f9;
    margin-top: 20px;
}

/* Дополнительные исправления для кроссбраузерности */
.wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45 * {
    box-sizing: border-box;
    font-family: inherit;
}

/* Исправление для Safari */
@supports (-webkit-touch-callout: none) {
    .wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

/* Исправление для Firefox */
@-moz-document url-prefix() {
    .wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 360px) {
    .wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45 {
        width: 100%;
        justify-content: center;
    }
    
    .wc-block-components-quantity-.elementor-8778 .elementor-element.elementor-element-63ddf45__input {
        flex-grow: 1;
        width: auto;
        min-width: 50px;
    }
    
    .custom-cart-item {
        padding: 10px;
    }
    
    .wc-block-cart-item__remove-link,
    .wishlist-button {
        width: 32px;
        height: 32px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'My_font';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://saturn-avtomatika.ru/wp-content/uploads/2025/08/649159902a0b32f53c5ec1ae_EuclidSquare-Bold.woff') format('woff');
}
@font-face {
	font-family: 'My_font';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://saturn-avtomatika.ru/wp-content/uploads/2025/08/649159b1d2bd3b2757eeb90c_EuclidSquare-Light.woff') format('woff');
}
@font-face {
	font-family: 'My_font';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://saturn-avtomatika.ru/wp-content/uploads/2025/08/649159cbfbb3a410da14b217_EuclidSquare-Medium.woff') format('woff');
}
@font-face {
	font-family: 'My_font';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://saturn-avtomatika.ru/wp-content/uploads/2025/08/649159dd843009bf00431d53_EuclidSquare-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */