.elementor-61 .elementor-element.elementor-element-589e71c{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-61 .elementor-element.elementor-element-88e9d1c .woocommerce-breadcrumb{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;line-height:30px;}.elementor-61 .elementor-element.elementor-element-88e9d1c .woocommerce-breadcrumb > a{color:#0057D9;}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-61 .elementor-element.elementor-element-f1a881b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-61 .elementor-element.elementor-element-f1a881b{--additional-information-display:block;--sections-border-type:none;--sections-padding:0px 0px 0px 0px;--sections-margin:0px 0px 0px 0px;--sections-title-color:#000000;--sections-secondary-title-color:#000000;--sections-checkboxes-color:#000000;--sections-radio-buttons-color:#000000;--links-normal-color:#000000;--links-hover-color:#0057D9;--forms-labels-color:#000000;--forms-fields-normal-color:#000000;--forms-fields-focus-color:#000000;--order-summary-items-color:#000000;--order-summary-variations-color:#000000;--order-summary-totals-color:#000000;--purchase-button-normal-text-color:#FFFFFF;}.elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-shipping-fields{--shipping-heading-padding-start:0px;}.elementor-61 .elementor-element.elementor-element-f1a881b h3#order_review_heading, .elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-billing-fields h3, .elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-additional-fields h3{font-family:"Inter", Sans-serif;font-size:14px;}.elementor-61 .elementor-element.elementor-element-f1a881b #customer_details .input-text, .elementor-61 .elementor-element.elementor-element-f1a881b #customer_details .form-row textarea, .elementor-61 .elementor-element.elementor-element-f1a881b #customer_details .form-row select, .elementor-61 .elementor-element.elementor-element-f1a881b .e-woocommerce-login-anchor .input-text, .elementor-61 .elementor-element.elementor-element-f1a881b #coupon_code, .elementor-61 .elementor-element.elementor-element-f1a881b ::placeholder, .elementor-61 .elementor-element.elementor-element-f1a881b .select2-container--default .select2-selection--single, .select2-results__option{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.e-woo-select2-wrapper .select2-results__option{color:#000000;}.elementor-61 .elementor-element.elementor-element-f1a881b .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000000 transparent transparent transparent;}.e-woo-select2-wrapper .select2-results__option:focus{color:#000000;}.elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-checkout-review-order-table .cart_item td{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:24px;}.elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-checkout-review-order-table thead tr th, .elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-checkout-review-order-table tfoot tr th, .elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-checkout-review-order-table tfoot tr td{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce #payment #place_order{font-family:"Inter", Sans-serif;}.elementor-61 .elementor-element.elementor-element-f1a881b #place_order{border-style:none;}.elementor-61 .elementor-element.elementor-element-f1a881b .col2-set .col-1{--sections-border-type:none;--sections-title-color:#000000;--sections-checkboxes-color:#000000;}.elementor-61 .elementor-element.elementor-element-f1a881b .woocommerce-additional-fields{--sections-background-color:#000000;--sections-title-color:#000000;}.elementor-61 .elementor-element.elementor-element-f1a881b .e-coupon-box{--sections-background-color:#F0EAD6;}@media(max-width:1024px){.elementor-61 .elementor-element.elementor-element-589e71c{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-f1a881b *//* ============ CAT-KEY CHECKOUT — по образцу SuperKeys.nl ============ */

/* Скрыть лишнее */
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3,
body.woocommerce-checkout h3#order_review_heading {
    display: none !important;
}

/* Обёртка billing полей — светло-серый бокс */
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields > .woocommerce-billing-fields__field-wrapper {
    padding: 10px 15px !important;
    border: 1px solid #0057D9 !important;
    border-radius: 10px !important;
    margin-bottom: 25px !important;
    background: #F7F7F7 !important;
    
}

/* Поля First/Last Name */
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_first_name_field .woocommerce-input-wrapper input.input-text,
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_last_name_field .woocommerce-input-wrapper input.input-text,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input.input-text,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input[type="email"],
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input[type="tel"],
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper select {
    background: #FFFFFF !important;
    opacity: 1 !important;
    border: 1px solid #111 !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-family: 'Inter' !important;
    
}

/* Email field — выделен брендированной подложкой */
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_email_field {
    padding: 10px !important;
    border: 1px solid #000 !important;
    border-radius: 10px !important;
    margin: 10px 5px !important;
    background: rgba(0, 87, 217, 0.05) !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_email_field input#billing_email {
    background: #FFFFFF !important;
    padding: 7px 15px !important;
    border-radius: 10px !important;
    margin: 10px !important;
    width: calc(100% - 20px) !important;
    font-weight: 400 !important;
    color: #111 !important;
}

/* Убрать зелёную галочку валидации из-под email */
body.woocommerce-checkout .woocommerce-input-wrapper::after,
body.woocommerce-checkout .woocommerce-input-wrapper::before {
    display: none !important;
    content: none !important;
}

/* Order Review блок */
body.woocommerce-checkout #order_review {
    padding: 10px !important;
    border: 1px solid #0057D9 !important;
    border-radius: 10px !important;
    margin-bottom: 40px !important;
    background: rgba(0, 87, 217, 0.05) !important;
}

body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table {
    border: 0 !important;
    background: transparent !important;
}

/* Payment блок */
body.woocommerce-checkout form.checkout.woocommerce-checkout #payment {
    width: 100% !important;
    background: none !important;
    margin-top: 20px !important;
    padding: 0 !important;
}

body.woocommerce-checkout #payment ul.wc_payment_methods.payment_methods {
    padding: 0 !important;
    border: none !important;
}

/* Каждый метод оплаты — карточка */
body.woocommerce-checkout #payment ul.wc_payment_methods.payment_methods > li {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin: 0 0 20px !important;
    padding: 10px !important;
    background: rgba(0, 0, 0, 0.03) !important;
    border-radius: 10px !important;
}

body.woocommerce-checkout #payment div.payment_box {
    background: rgba(0, 87, 217, 0.05) !important;
    border-radius: 10px !important;
    color: #333 !important;
    padding: 15px !important;
}

/* Кнопка Place Order — синяя брендированная */
html body.woocommerce-checkout #payment button#place_order,
html body.woocommerce-checkout .woocommerce button.button.alt#place_order,
html body.woocommerce-checkout form.checkout button.button.alt#place_order {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 30px !important;
    color: #FFFFFF !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 20px !important;
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
    background: linear-gradient(#0057D9 25%, #0046B0 75%) !important;
    background-color: #0057D9 !important;
    background-image: linear-gradient(#0057D9 25%, #0046B0 75%) !important;
    animation: none !important;
    transform: none !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease !important;
}

html body.woocommerce-checkout #payment button#place_order:hover,
html body.woocommerce-checkout .woocommerce button.button.alt#place_order:hover {
    opacity: 0.9 !important;
    background: linear-gradient(#0057D9 25%, #0046B0 75%) !important;
    padding: 14px 20px !important;
    border: 0 !important;
}

/* Иконку замка перед текстом кнопки — как на SuperKeys */
html body.woocommerce-checkout #payment button#place_order::before {
    display: inline-block !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
    font-family: FontAwesome !important;
    content: "\f023" !important;
    opacity: 1 !important;
    margin-right: 8px !important;
}

html body.woocommerce-checkout #payment button#place_order::after {
    display: none !important;
    content: none !important;
}

/* Terms and Conditions блок */
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
    font-size: 12px !important;
    padding: 15px 0 !important;
}

body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper a {
    text-decoration: underline !important;
    color: #333 !important;
}
/* Убить лишние обёртки вокруг email — прозрачный фон + без padding */
body.woocommerce-checkout form.checkout.woocommerce-checkout .col-1,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout #main-content .cart-subtotal td{
    border: none;
}





/* ============================
   CAT-KEY CHECKOUT — Tablet & Mobile Responsive
   ============================ */


@media (max-width: 992px) {
    body.woocommerce-checkout .col2-set,
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review {
        width: 100% !important;
        float: none !important;
    }

    body.woocommerce-checkout #order_review {
        margin-top: 20px !important;
    }
}


@media (max-width: 768px) {
    body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
        padding: 8px 12px !important;
    }

    body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input.input-text,
    body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input[type="email"],
    body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper input[type="tel"],
    body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-input-wrapper select {
        padding: 10px 12px !important;
        font-size: 15px !important;
    }

    body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table {
        font-size: 14px !important;
    }

    body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table th,
    body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table td {
        padding: 8px 4px !important;
    }
}


@media (max-width: 480px) {
    body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_email_field {
        margin: 8px 0 !important;
        padding: 8px !important;
    }

    body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details #billing_email_field input#billing_email {
        width: calc(100% - 14px) !important;
        margin: 7px !important;
        font-size: 14px !important;
    }

    body.woocommerce-checkout #payment ul.wc_payment_methods.payment_methods > li {
        padding: 8px !important;
        margin: 0 0 12px !important;
    }

    body.woocommerce-checkout #payment div.payment_box {
        padding: 12px !important;
        font-size: 13px !important;
    }

    html body.woocommerce-checkout #payment button#place_order,
    html body.woocommerce-checkout .woocommerce button.button.alt#place_order {
        font-size: 15px !important;
        padding: 13px 16px !important;
    }

    body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
        font-size: 11px !important;
        padding: 10px 0 !important;
    }

    body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table {
        font-size: 13px !important;
    }
}/* End custom CSS */