.wc_payment_methods, .payment_methods, .methods{
    display: block !important;
}

#customer_details .col-1 .form-row label,
#customer_details .col-2 .form-row label,
.woocommerce-form-login-toggle,
.woocommerce-shipping-fields,
.woocommerce-account-fields,
.woocommerce-billing-fields h3,
#chicote_payzen_intent_id_field,
#payzen_form_validator_field{
    display: none !important;
}

.blockUI, .blockOverlay{
    opacity: 0.75;
}

#qodef-m-inner{
    margin-bottom: 2vw;
}

#qodef-page-inner main .e-parent,
#qodef-page-inner main .e-parent .e-con-inner{
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
}

.elementor-widget-container{
    padding: 0 !important;
    margin-top: -1.5vw;
}

.woocommerce-page div.woocommerce .col2-set,
.woocommerce-additional-fields,
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper,
.woocommerce-billing-fields {
    position: relative !important;
    float: left !important;
    display: block !important;
    margin: 0 !important;
}

.woocommerce-additional-fields,
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
    width: 100%;
}

.col-1, .col-2,
.review-order-container{    
    position: relative;
    float: left;
    border: 1px solid #e3e3e3;
    border-radius: 1vw;
    padding: 1em!important;
    margin: 0vw;
    background-color: #fafafa !important;
}

.col-2{
    width: 25% !important;
    padding-bottom: 0.7vw !important;
}
.col-1{
    width: 73.5% !important;
    margin-left: 1vw;
    padding-bottom: 0 !important;
    padding-bottom: 0.25% !important;
}

.col-1 h1, 
.col-2 h1{
    width: 100%;
    text-align: center;
    font-size: 2vw;
    margin: 0.5vw 0 !important;
    margin-bottom: 1.5vw !important;
}
input, select, textarea{
    font-size: 1vw !important;
    border-radius: 0.5vw !important;
}
p , label{
    font-size: 1.2vw !important;
}

.col-1 .form-row,
.col-2 .form-row{
    display: block;
    position: relative;
    float: left;
    width: 95%;
    height: 3vw;
    max-height: 3vw;
    border: 1px solid grey;
    border-radius: 0.5vw;
    margin: 0vw 0.75vw 1vw 0.75vw !important;  
    background-color: white !important;  
}
.col-1 .form-row{
    width: 100% !important;
}
.col-1 .woocommerce-billing-fields__field-wrapper,
.col-1 .woocommerce-delivery-fields{
    position: relative;
    float: left;
    width: 60%;
    padding: 1vw !important;
    padding-top: 0 !important;
}

.col-1 .woocommerce-billing-fields__field-wrapper{
    width: 40%;
    padding-bottom: 0 !important;
}
.woocommerce-shipping-options {
    position: relative;
    float: left;
    width: 57%;
    height: 11.5vw !important;
    padding: 0 1vw;
    padding-top: 0 !important;
    /*border: 1px solid black;
    border-radius: 0.5vw;*/
    margin-left: 1vw;
    margin-bottom: 0.5vw;
}
.woocommerce-shipping-options div{
    position: relative;
    float: left;
    display: block;
    height: 100%;
}
.woocommerce-shipping-options span{
    position: relative;
    float: left;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 3vw;
}
.woocommerce-shipping-elements{    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}
#shipping_method{
    width: 100%;
    height: auto;
}

.woocommerce-shipping-options span input,
.woocommerce-shipping-options span label{
    position: relative;
    float: left;
    width: auto;
    height: 100%;
    margin: 0;
    margin-right: 1vw;
    
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce-shipping-options div div .shipping-terms{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 1vw !important;
    font-size: 1.2vw;
    line-height: 1.5;
}


.col-1 .woocommerce-billing-fields__field-wrapper .form-row{
    width: 45%;
    /*border: 1px solid black;*/
    margin: 0 !important;
    margin-bottom: 1vw !important;
}
.col-1 .woocommerce-delivery-fields .form-row{
    width: 45%;
    border: 1px solid black;
    margin: 0 !important;
}

.col-1 .form-row .woocommerce-input-wrapper,
.col-1 .form-row span
.col-2 .form-row span{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;    
}
.col-1 .form-row .select2-container,
.col-1 .form-row .woocommerce-input-wrapper span{
    height: 100%;
}

.col-1 .form-row .select2-container span .select2-selection,
.col-1 .form-row .woocommerce-input-wrapper .select2-container .selection .select2-selection .select2-selection__rendered{
    height: 100% !important;
    padding: 1vw 1.5vw !important;
    font-size: 1vw;
    border: none !important;
}
.col-1 .form-row .woocommerce-input-wrapper .select2-container .selection .select2-selection span{
    height: 100% !important;
    border: none !important;
}
.col-1 .form-row .woocommerce-input-wrapper span span .select2-selection, #select2-billing_city-container {
    padding: 0 !important;
    height: 1vw !important;
    line-height: 1vw;
}

.input-text,
.select {
    height: 100% !important;
    padding: 1vw 1.5vw !important;
    border: none;
    line-height: 1vw;
}
#order_comments_field{
    height: 11.5vw !important;
    max-height: 12vw !important;
}
.select2-selection__arrow{
    top: 0.25vw !important;
    right: 1vw !important;
    padding: 0 !important;
}


.checkout #order_review_heading{
    position: relative;
    float: left;
    width: 100%;
    font-size: 2vw !important;
    text-align: center;
}
.checkout #order_review{
    padding:  0 !important;
}

.woocommerce_review_order_container{
    margin: 0 !important;
}
.checkout #order_review,
.checkout #order_review .order-review-container,
.checkout #order_review .woocommerce-checkout-review-order-products,
.checkout #order_review .woocommerce-checkout-review-order-products .product_header,
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item,
.checkout #order_review .woocommerce-checkout-review-order-products .order_summary{
    position: relative;
    float: left;
    width: 100%;
}

.checkout #order_review .woocommerce-checkout-review-order-products .product_header{
    border-bottom: 1px solid black;
    height: 2vw;
}

.checkout #order_review .woocommerce-checkout-review-order-products .product_header span,
.checkout #order_review .woocommerce-checkout-review-order-products .product_header span h2,
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item span,
.checkout #order_review .woocommerce-checkout-review-order-products .order_summary span{
    position: relative;
    float: left;
    display: block;
    width: auto;
    font-size: 1vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.checkout #order_review .woocommerce-checkout-review-order-products .order_summary span h2{
    font-size: 1.25vw;
}

.checkout #order_review .woocommerce-checkout-review-order-products .order_summary{
    height: 3vw;
}
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item{
    height: 10vw;
    padding: 1vw 0;
    border-bottom: 1px solid lightgray;
} 
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item span,
.checkout #order_review .woocommerce-checkout-review-order-products .order_summary span{
    height: 100%;
} 

.checkout #order_review .woocommerce-checkout-review-order-products .product_header span,
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item span{
    width: 10%;
    height: 100%;
    padding: 0 1vw;
}
.checkout #order_review .woocommerce-checkout-review-order-products .product_header .product_description,
.checkout #order_review .woocommerce-checkout-review-order-products .order_summary .product_description{
    width: 26% ;
}
.checkout #order_review .woocommerce-checkout-review-order-products .order_summary .product_description{
    width: 51% ;
}
.checkout #order_review .woocommerce-checkout-review-order-products .product_header .product_image,
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item .product_image{
    width: 25% ;
}
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item .product_image img{
    width: auto !important;
    height: 100% !important;
}
.checkout #order_review .woocommerce-checkout-review-order-products .cart_item .product_description{
    width: 26% ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
/*
.ts-product-bonus{
    color: rgb(0, 184, 0);
    font-weight: bold;
}*/

.product_unitary_price{
    width: 12% ;
}
.product_qty{
    width: 8% ;
}
.product_regural_price{
    width: 10% ;
}
.product_dicount{
    width: 9% ;
}
/*.product_dicount,*/
.product_dicount h2{
    color: red !important;
}
.product_dicount_price{
    width: 10% ;
}

.woocommerce-checkout-payment,
.woocommerce-checkout-payment .wc_payment_methods,
.woocommerce-form__label,
.place-order,
.woocommerce-terms-and-conditions-wrapper,
.woocommerce-terms-and-conditions-wrapper .form-row {
    position: relative;
    float: left;
    width: 100% !important;
}

.woocommerce-checkout-payment{
    padding: 0 25% !important;
    margin-top: 2vw !important;
}



.woocommerce-form__label{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce-terms-and-conditions-wrapper{
    margin: 1.5vw 0 !important;
}

#place_order {
    /*padding: 2vw 2vw;
    width: 15em !important;
    margin: 0px 30%  !important;
    font-size: 1vw;*/
    margin: 0 auto !important;
    font-size: 1.25vw !important;
}
.place-order{    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}
.place-order img,
.place-order #place_order_placeholder{
    display: none !important;
}

#qodef-woo-page.qodef--checkout .wc_payment_methods label {
    display: none;
}

#wc-epay-cc-form .form-row label,
.payment_method_epay label{
    display: block !important;
}


#wc-epay-cc-form{    
    background-color: #fafafa !important;
    border: 1px solid #e3e3e3;
    border-radius: 1vw;
    width: 100%;
    padding: 1.5vw;
    margin: 0;
    margin-top: 2vw;
}

#wc-epay-cc-form .form-row,
#wc-epay-cc-form .form-row label,
#wc-epay-cc-form .form-row div,
#wc-epay-cc-form .form-row input,
#wc-epay-cc-form .form-row div input{    
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
}


#wc-epay-cc-form .form-row{
}


#wc-epay-cc-form .form-row input,
#wc-epay-cc-form .form-row div input{ 
    height: 3vw !important;
    margin: 0.75vw 0 !important;
    background-color: white;
    border: 1px solid #e3e3e3;
    border-radius: 1vw;
}


.product-remove,
.product-edit{
    display: none !important;
}




/*////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////// CHECKOUT ///////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/


#qodef-woo-page.qodef--checkout .woocommerce-checkout {
    margin-top: 0px;
}

#checkout-banner-text{
  color: black;
  font-size: 2.5vw;
  line-height: 2.5vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3vw;
}

#chicote-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
}
.animation-container{
    width: 16vw;
    height: 20vw;
    position: relative;
    margin: 0 auto;
}
.dialog-text {
    margin-top: 1.5em;
    font-size: 1.4rem;
    font-weight: 700;
}


#processing{
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#processing .animation{
  width: 100%;
}
#processing .animation .loader {
    width: 24vw; 
    height: 10vw;
    max-width: 24vw;
    max-height: 10vw; 
    background: url('https://api.imagenes.calzadochicote.com/api/Articulo/get-image?pathimgen=ImagenDefault/loading.gif') no-repeat center center; /* Asegúrate de poner la ruta correcta */
    background-size: contain;
    margin: 0;
}
#processing .dialog-text{
    width: 100%;
    text-align: center;
    color: white;
}


#success{
  width: 100%;
  display: none;
  background-color: white;
}
#success-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
#success circle.bg {
    fill: none;
    stroke: #dcdcdc;
    stroke-width: 3;
}
#success circle.progress {
    fill: none;
    stroke: #08c22c;
    stroke-width: 3;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    animation: fillCircle 2s linear forwards;
}
@keyframes fillCircle {
    to { stroke-dashoffset: 0; }
}

#success .checkmark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#success .check-path {
    transform: translateY(-0.4vw);
    fill: none;
    stroke: #08c22c;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 120;
    stroke-dashoffset: 120;
    animation: drawCheck 1s ease forwards;
    animation-delay: 1.8s;
}
@keyframes drawCheck {
    to { stroke-dashoffset: 0; }
}
#success .dialog-text {
    position: relative;
    width: 100%;
    top: -2vw;
    margin: 0;
    text-align: center;
    color: #08c22c;
}



#rejected{
  width: 100%;
  display: none;
  background-color: white;
}
#rejected .xmark {
    width: 100%;
    height: 100%;
}
#rejected .xmark .xline {
    stroke: #d40000;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-dasharray: 140;
    stroke-dashoffset: 140;
}
#rejected .xmark .line1 { animation: drawX 0.6s forwards; }
#rejected .xmark .line2 { animation: drawX 0.6s 0.3s forwards; }

@keyframes drawX {
    to { stroke-dashoffset: 0; }
}

#rejected .dialog-text {
    position: relative;
    width: 100%;
    top: -2vw;
    text-align: center;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #d40000;
}

.show{
  display: block !important;
}
.flex{
  display: flex !important;
}


.wp-block-column:nth-child(3){
  display: none !important;
}


.ts-product-bonus{
  color: #00c234;
}





.red-border{
    border: 0.5px solid #ff0000 !important;
    border-radius: 0.5vw !important;
}
.border-none{
    border: none !important;
}




/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


@media (max-width: 991px) and (orientation: portrait) {

    input, select, textarea{
        font-size: 5vw !important;
        padding: 2vw 5vw !important;
        line-height: 5vw !important;    
    }
    p , label{
        font-size: 5.2vw !important;
    }

    .col-1{
        padding-left: 2vw !important;
    }
    .col-1, .col-2{
        width: 100% !important;
        margin: 2vw 0 !important;
        padding: 5vw 4vw !important;
    }
    
    .col-1, .col-2, .review-order-container{
    }

    .col-1 h1, .col-2 h1 {
        font-size: 5.5vw;
        margin-bottom: 7vw !important;
    }
    .col-1 {
        margin-bottom: 3vw !important;
    }
    .col-1 .woocommerce-billing-fields__field-wrapper {
        width: 100%;
    }
    .col-1 .woocommerce-billing-fields__field-wrapper .form-row{
        margin-bottom: 4.5vw !important;
    }
    .col-1 .form-row, .col-2 .form-row {
        width: 98%;
        height: 12vw !important;
        max-height: 12vw !important;
        margin-bottom: 4.5vw !important;
        margin-right: 0 !important;
        padding: 2.5vw 5vw !important;
    }
    .col-1 .form-row{
        padding: 0 !important;    
    }

    #billing_postcode,
    #billing_address_1,
    #billing_trans{
        padding: 1vw 5vw !important;
    }
    .col-1 .form-row .woocommerce-input-wrapper span{
        display: block ;
    }
    .col-1 .form-row .select2-container span .select2-selection,
    .col-1 .form-row .woocommerce-input-wrapper .select2-container .selection .select2-selection .select2-selection__rendered{
        padding: 4.25vw 5vw !important;
        font-size: 5vw;
        border: none !important;
        
        text-align: center;
        display: flex !important;
        justify-content: initial;
        align-items: center;
    }
    
    .col-1 .form-row .woocommerce-input-wrapper .select2-container .selection .select2-selection--single{
        position: relative;
        float: left;
        width: 100%;
        height: 100% !important;
        display: block;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: flex !important;
    }
    .select2-selection__arrow{
        top: 0.25vw !important;
        right: 3vw !important;
        padding: 0 !important;
        display: flex !important;
    }
    #billing_pdoc_field{
        padding:  0 !important;
    }
    #billing_pdoc{
        padding: 2vw 6vw !important;
    }

    #select2-billing_city-container{
        height: auto !important;
        line-height: 5vw !important;
    }
    .woocommerce-shipping-options {
        width: 98%;
        height: auto !important;
        margin-top: 8vw;
        margin-bottom: 3vw;
    }
    .woocommerce-shipping-options span {
        height: auto !important;
    }

    .woocommerce-shipping-options span input, 
    .woocommerce-shipping-options span label {
        font-size: 5vw !important;
    }

    .woocommerce-shipping-options div div .shipping-terms {
        font-size: 5vw !important;
        margin: 4.5vw 0 !important;
    }
    #shipping_method {
        padding-bottom: 3vw;
    }
    .col-1 .woocommerce-delivery-fields {
        width: 100%;
        padding-bottom: 5vw !important;
    }
    #order_comments_field {
        height: 35vw !important;
        max-height: 35vw !important;
    }
    #order_comments{
        padding: 5vw !important
    }

    .checkout #order_review_heading {
        font-size: 5.5vw !important;
    }

    .checkout #order_review .order-review-container{
        width: 100%;
        overflow-x: scroll;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products {
        width: 250%;
        padding: 0 1vw !important;
    }

    .checkout #order_review .woocommerce-checkout-review-order-products .product_header {
        height: auto !important;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .product_header span,
    .checkout #order_review .woocommerce-checkout-review-order-products .product_header span h2,
    .checkout #order_review .woocommerce-checkout-review-order-products .cart_item span,
    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary span {
        font-size: 5vw;
    }

    .checkout #order_review .woocommerce-checkout-review-order-products .product_header .product_image, 
    .checkout #order_review .woocommerce-checkout-review-order-products .cart_item .product_image {
        width: 12% !important;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .product_header .product_description, 
    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary .product_description {
        width: 27% !important;
    }
    .product_unitary_price {
        width: 12% !important;
    }
    .product_qty {
        width: 13% !important;
    }
    .product_regural_price {
        width: 11% !important;
    }
    .product_dicount {
        width: 14% !important;
    }
    .product_dicount_price {
        width: 11% !important;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .cart_item {
        height: 35vw;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .cart_item .product_image img {
        width: 100% !important;
        height: auto !important;
    }

    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary {
        height: 9vw !important;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary span,
    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary span h2{
        font-size: 5vw !important;
    }
    .checkout #order_review .woocommerce-checkout-review-order-products .order_summary .product_description {
        width: 38% !important;
    }
    .woocommerce-checkout-payment {
        padding: 0 5% !important;
    }
    .woocommerce-form__label {
        display: block;
    }
    .woocommerce-terms-and-conditions-checkbox-text{
        font-size: 5vw !important;
        line-height: 6vw;
    }
    #place_order {
        margin: 0 30% !important;
        font-size: 5vw;
        padding: 4vw 2vw;
        margin: 0 !important;
        width: 105% !important;
        left: -2%;
        font-size: 4vw !important;
    }

    
    #qodef-woo-page.qodef--checkout .wc_payment_methods li {
        min-height: 73px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .payment_method_epay p{
        margin: 4vw 0 !important;
    }


    #wc-epay-cc-form {
        padding: 4.5vw;
    }
    #wc-epay-cc-form .form-row {
        margin: 2vw 0;
    }


    /*////////////////////////////////////////////////////////////////////////////////////*/
    /*/////////////////////////////////// CHECKOUT ///////////////////////////////////////*/
    /*////////////////////////////////////////////////////////////////////////////////////*/

    .animation-container {
        width: 34vw;
        height: 40vw;
        position: relative;
        margin: 0 auto;
    }


    #wc-epay-cc-form .form-row input, #wc-epay-cc-form .form-row div input {
        height: 9vw !important;
    }



}