/* Woocommerce notice
================================*/
/* .woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    float: right;
} */
/*
================================*/

form.checkout.woocommerce-checkout{
    margin-top:2.5rem;
}
/* Col si
================================*/
.woocommerce .col2-set,
.woocommerce-page .col2-set {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 4%;
    width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    width: 54%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    width: 41%;
}
.woocommerce-page .col2-set .col-2 .col2-container{
    width: 100%;
    border: 2px solid var(--color-tertiary);
    padding: 25px;
}
/*
@media (max-width: 768px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        width: 48%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 48%;
    }
}
*/


/*
================================*/

/* Product single
================================*/
/*
================================*/

/* Product grid
================================*/
/*
================================*/

/* Result count - ordering
================================*/
/*
================================*/

/* Pagination
================================*/
/*
================================*/

/* Table cart ni
================================*/
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    height: auto;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    padding: 1.25rem 0.9375rem;
}
.woocommerce #content table.cart td.actions .button,
.woocommerce table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
    min-height: 2.75rem;
    float: right;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    display: inline-flex;
    flex-wrap: wrap;
}
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
    display: none;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
    width: 12.5rem;
    min-height: 2.75rem;
    border-top-left-radius: 3.75rem;
    border-bottom-left-radius: 3.75rem;
}
.woocommerce #content table.cart td.actions .coupon button,
.woocommerce table.cart td.actions .coupon button,
.woocommerce-page #content table.cart td.actions .coupon button,
.woocommerce-page table.cart td.actions .coupon button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*
================================*/

/* Cart collaterals
================================*/
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    width: 100%;
}
.woocommerce .cart-collaterals::after,
.woocommerce .cart-collaterals::before,
.woocommerce-page .cart-collaterals::after,
.woocommerce-page .cart-collaterals::before {
    content: " ";
    display: table;
}
.woocommerce .cart-collaterals::after,
.woocommerce-page .cart-collaterals::after {
    clear: both;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    width: 48%;
    clear: right;
    float: right;
}
.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce .cart-collaterals .shipping_calculator::before,
.woocommerce-page .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::before {
    content: " ";
    display: table;
}
.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::after {
    clear: both;
}
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
    width: 47%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 48%;
    float: right;
}
.woocommerce .cart-collaterals ~ .cross-sells,
.woocommerce-page .cart-collaterals ~ .cross-sells {
    margin-top: 2.5rem;
}
/*
================================*/

/* Cart list - product list
================================*/
/*
================================*/

/* Form row
================================*/
.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
    content: " ";
    display: table;
}
.woocommerce form .form-row::after,
.woocommerce-page form .form-row::after {
    clear: both;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: block;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
    display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    width: 100%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 47%;
    overflow: visible;
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
    float: left;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
    float: right;
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
    clear: both;
}
/*
================================*/

/* Password input si
================================*/
.woocommerce form .password-input,
.woocommerce-page form .password-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.woocommerce form .password-input > input.input-text,
.woocommerce-page form .password-input > input.input-text {
    padding-right: 2.875rem !important;
}

.woocommerce form .password-input input::-ms-reveal,
.woocommerce-page form .password-input input::-ms-reveal {
    display: none;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.875rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024' fill='%23333333'%3E%3Cpath d='M305.824 531.2c0 108.096 92.448 196.24 206.144 196.24 113.84 0 206.288-88.144 206.288-196.24 0-46.944-18.512-91.056-49.808-125.136 204.8 46.944 355.536 172.080 355.536 172.080v-91.056s-230.4-190.544-509.136-190.544c-277.328 0.016-514.8 190.544-514.8 190.544v91.056s150.736-120.864 352.704-170.688c-28.464 34.176-46.928 76.8-46.928 123.744z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 0.9375rem;
    background-size: 1rem auto;
    cursor: pointer;
}
.woocommerce form .show-password-input.display-password,
.woocommerce-page form .show-password-input.display-password {
    opacity: 0.5;
}
/*
================================*/

.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
    width: auto;
}

.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
    text-align: left;
    padding: 0 1em 0 0;
    float: left;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: right;
}



.woocommerce-checkout h3#order_review_heading {
    text-transform: uppercase;
    font-size: 1.05em;
}
.woocommerce-checkout-review-order .cart_item td.product-total{
    text-align: right;
}
.woocommerce-checkout-review-order .cart-subtotal td {
    text-align: right;
}
.woocommerce-checkout-review-order .order-total td {
    text-align: right;
    font-size: 1.4rem;
}


/* Billing & shipping
================================*/
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-billing-fields::before,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce .woocommerce-shipping-fields::before,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-billing-fields::before,
.woocommerce-page .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-shipping-fields::before {
    content: " ";
    display: table;
}
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-shipping-fields::after {
    clear: both;
}

.woocommerce .woocommerce-terms-and-conditions,
.woocommerce-page .woocommerce-terms-and-conditions {
    margin-bottom: 1.618em;
    padding: 1.618em;
}

.woocommerce .woocommerce-oembed,
.woocommerce-page .woocommerce-oembed {
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}



