.woocommerce-checkout .site-main.container {
    padding-left: calc((100% - 1150px) / 2);
    padding-right: calc((100% - 1150px) / 2);
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 100%;
}

.entry-header .entry-title {
    color: #87A6E3;
    font-size: 41.22px;
    font-weight: 700;
    line-height: 48.39px;
    margin: 0px;
}

form.checkout.woocommerce-checkout h3 {
    font-size: 25.35px;
    font-weight: 700;
    line-height: 29.76px;
    color: #6E6E70;
    position: relative;
}

form.checkout.woocommerce-checkout h3::before {
    content: '';
    position: absolute;
    left: 15px;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin: 15px -48px;
}

form.checkout.woocommerce-checkout .col-1,
form.checkout.woocommerce-checkout .col-2 {
    padding-left: 45px;
}

form.woocommerce-checkout .woocommerce-billing-fields .form-row label,
form.woocommerce-checkout .woocommerce-additional-fields label {
    color: #000000;
    font-weight: 100;
    padding-left: 0;
}

form.checkout.woocommerce-checkout .col-1 {
    padding-left: 30px;
}

form.woocommerce-checkout .woocommerce-billing-fields .form-row input.input-text,
form.woocommerce-checkout input.input-text {
    width: 376px;
    height: 36px;
    gap: 0px;
    border-radius: 10px;
    background: #F6F6F6;
    border: 0;
}

form.woocommerce-checkout input.input-text {
    background: #FFF;
    padding-left: 15px;
}

.woocommerce ul#shipping_method li {
    margin-bottom: 10px !important;
}
form.checkout ul li {
    max-width: 403px;
    position: relative;
    left: 7px;
}


form.checkout.woocommerce-checkout input[type="radio"] {
    height: 23px;
    width: 23px;
    margin-top: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    padding-left: 35px;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    position: absolute;
}

form.woocommerce-checkout .select2-container .select2-selection--single {
    border-radius: 10px;
    border: 0;
    height: 36px;
    width: 100%;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

form.checkout.woocommerce-checkout .col-1 .top-title {
    margin-top: 50px;
}

form.checkout.woocommerce-checkout .col-1 h3 {
    margin-top: 50px;
}

form.woocommerce-checkout .woocommerce-billing-fields .form-row,
form.woocommerce-checkout .woocommerce-additional-fields .form-row {
    margin: 0px 0px 10px 0px;
}

form.woocommerce-checkout textarea#order_comments {
    border-radius: 10px;
    padding: 13px;
    border: 0;
    background: #F6F6F6;
    width: 376px;
}

form.woocommerce-checkout .woocommerce-billing-fields .validate-phone {
    margin: 0px 0px 0px 0px;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    border-radius: 10px;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    position: relative;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: #fff;
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border: 0;
}

form.checkout.woocommerce-checkout .col-2 {
    background-color: #87A6E31F;
    border: 1px solid #87A6E3;
    border-radius: 10px;
    padding: 33px;
    width: 489px;
    font-weight: 100;
}

form.checkout.woocommerce-checkout .col-2 #order_review_heading {
    text-align: center;
    margin: 0;
}

.order-review-heading span {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.78px;
    color: #6E6E70;
    cursor: pointer;
    border-bottom: 1px solid #6E6E70;
}

.order-review-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 30px;
}

.product-image {
    width: 97px;
    height: 97px;
    border-radius: 5px;
    border: 1px solid #87A6E3;
    overflow: hidden;
}

.product-image img {
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.product-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 18.78px;
    color: #6E6E70;
    max-width: 70%;
    padding-left: 15px;
}

.product-calculate {
    display: flex;
    justify-content: space-between;
    height: 84px;
    align-items: flex-start;
    margin: 18px 0px;
}

.product-price {
    height: 100%;
    width: 100%;
    align-content: center;
    border-right: 1px solid #87A6E3;
    font-weight: 100;
}

.product-quantity {
    height: 100%;
    width: 100%;
    text-align: center;
    align-content: center;
    border-right: 1px solid #87A6E3;
}


.product-totla-price {
    height: 100%;
    width: 100%;
    align-content: center;
    text-align: end;
}

.product-calculate-item-value {
    margin-top: 12px;
    font-weight: 100;
}

.product-container {
    display: flex;
}

.woocommerce form .form-row input.input-text#coupon_code {
    border-radius: 10px;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.78px;
    color: #6E6E70;
}

.woocommerce button.button[name="apply_coupon"] {
    color: #6E6E70;
    border-bottom: 1px solid #6E6E70;
    background: unset;
    border-radius: unset;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    right: 17px;
    font-weight: 100;
}

.coupon-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 37px;
}


form.woocommerce-checkout .coupon-container input.input-text {
    width: 100%;
    height: 42px;
}


form.woocommerce-checkout .order-sub-title {
    font-size: 16px;
    font-weight: 200;
    line-height: 18.78px;
    color: #000
}

form.woocommerce-checkout .cart-subtotal a.woocommerce-remove-coupon {
    color: #6e6e70;
    font-weight: 200;
}

form.woocommerce-checkout .order-title,
form.woocommerce-checkout .order-total .woocommerce-Price-amount {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.18px;
    color: #6E6E70 !important;
    margin: 0;
}


form.woocommerce-checkout .total-block {
    background-color: #fff;
    padding: 16px 21px;
    border-radius: 10px;
}

form.woocommerce-checkout .total-block span {
    align-content: center;
}


form.woocommerce-checkout .cart-subtotal {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #87A6E3;
}


form.woocommerce-checkout .order-total {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #87A6E3;
    border-top: unset;
}

button#place_order {
    border-radius: 12px;
    background-color: #38B87F;
    font-size: 25.35px;
    font-weight: 700;
    line-height: 29.76px;
    width: 238px;
}

.woocommerce form .total-block .form-row {
    text-align: center;
    margin-top: 30px;
}

form.checkout {
    margin-bottom: 130px;
}

.entry-header {
    margin-top: 46px;
}

.product-calculate-item-text{
    margin-bottom: 12px;
    font-weight: 100;
}

.product-price del{
    color: #6E6E70;
}

.product-price ins{
    text-decoration: none;
}

.recommended-product{
  padding: 20px 0 20px 0;
}
.recommended-product ul{  
    margin: 0;
    padding: 0;  
}
.recommended-product .content-product.product{
    flex: none;
    min-width: 150px;
}
form.checkout.woocommerce-checkout .box-col-2{
    width: 555px;
    float: right;
}
form.checkout.woocommerce-checkout .box-col-2 .col-2{
    float: none;
    width: 100%;
}
.box-col-2 .swiper-button-next:after, .box-col-2 .swiper-button-prev:after{
    font-size: 37px;
}
.box-col-2 .content-product.product .title{
    font-size: 17px;
}
.box-col-2 .content-product.product .image .image_content img{
    height: 220px;
}

@media (max-width: 1100px) and (min-width: 1024px) {
    form.checkout.woocommerce-checkout .box-col-2{
        width: 530px;
    }
}


@media (max-width: 1352px) {
    form.checkout.woocommerce-checkout .col-2 {
        margin-right: 0px;
    }
}

@media (max-width: 992px) {

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        align-self: center;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        align-self: center;
    }

    .woocommerce .col2-set {
        display: flex;
        flex-direction: column;
    }

    form.checkout.woocommerce-checkout .col-2 {
        margin-top: 30px;
    }

    .entry-header .entry-title {
        font-size: 45px;
        font-weight: 700;
        line-height: 70.44px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #customer_details>div {
        order: 1;
        max-width: 489px;
        padding-left: 0;
        padding: 20px;
    }

    form.checkout.woocommerce-checkout .col-1 h3 {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .order-review-heading {
        justify-content: space-between;
    }

    form.checkout.woocommerce-checkout .col-2 #order_review_heading {
        text-align: left;
        font-size: 20px;
    }

    form.woocommerce-checkout textarea#order_comments {
        width: 100%;
        padding: 10px;
    }

    form.checkout ul li {
        left: 0 !important;
    }

    form.checkout.woocommerce-checkout .col-1 .top-title {
        margin-top: 20px;
    }

    form.woocommerce-checkout .woocommerce-billing-fields .form-row input.input-text, form.woocommerce-checkout input.input-text {
        width: 100%;
        height: 44px;
    }

    form.checkout.woocommerce-checkout h3::before {
        content: none;
    }

    .entry-header .entry-title {
        font-size: 40px;
    }

    .entry-header {
        margin-top: 0;
    }

    form.checkout.woocommerce-checkout .col-2 {
        max-width: 100% !important;
        margin: 20px !important;
    }
    form.checkout.woocommerce-checkout .box-col-2 .col-2{
      margin: 0 !important;
      padding: 25px;
    }
    form.checkout.woocommerce-checkout .box-col-2 {
        max-width: 570px !important;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    form.checkout.woocommerce-checkout .col-1{
        max-width: 570px!important;
    }
    form.checkout.woocommerce-checkout .col-1 ul li{
        max-width: 100%;
    }

}

@media (max-width: 560px) {
    .entry-header .entry-title {
        font-size: 30px;
    }
}

@media (max-width: 420px) {
    .entry-header .entry-title {
        font-size: 24px;
    }
}

/* Поле "Дата народження" — повна ширина */
form.woocommerce-checkout .woocommerce-billing-fields .form-row-wide input.input-text {
    width: 100%;
}

/* Відступ над полем "Дата народження" */
form.woocommerce-checkout .woocommerce-billing-fields #billing_birthdate_field {
    margin-top: 15px;
}

/* Іконка календаря для поля дати народження */
#billing_birthdate_field input#billing_birthdate {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 45px;
    cursor: pointer;
}