.page-404 {

}

.img-404 {
    margin: 114px auto 24px;
    display: block;
}

.text-404 {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}

.text-404.en {
    font-weight: 400;
    color: var(--sec-color-50);
    direction: ltr;
    margin-bottom: 24px;
}

.text-404.fa {
    font-weight: 300;
    color: var(--main-color-50);
    margin-bottom: 93px;
}

.btn-404 {
    background: var(--main-color);
    color: var(--white-color);
    border: 1px solid var(--main-color);
    width: max-content;
    margin: 0 auto;
    padding: 8px 24px;
    border-radius: 8px;
    font-family: BeautyShopFont;
}

.btn-404:hover {
    color: var(--main-color);
    background: var(--white-color);
    border-color: var(--main-color);
}

/************************************************************************//** order-tracking **/
.woocommerce form.woocommerce-form-track-order .form-row label{
    margin-bottom: 8px;
    font-weight: 500;
}
.woocommerce form.woocommerce-form-track-order .form-row .input-text,
.woocommerce form.woocommerce-form-track-order .form-row select{
    --wc-form-border-color: var(--black-color-100);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
}
.woocommerce form.woocommerce-form-track-order .button{
    background: var(--main-color-10);
    color: var(--main-color);
    padding: 12px 32px;
    border-radius: 10px;
    margin-top: 16px;
}
.woocommerce form.woocommerce-form-track-order .button:hover{
    background: var(--main-color);
    color: var(--white-color);
}
/************************************************************************//** Cart **/
.is-mobile,
.is-small,
.is-medium,
.is-active,
.is-discounted,
.is-large {
    font-family: 'BeautyShopFont' !important;
}

.wc-block-cart.wc-block-components-sidebar-layout .wc-block-components-main {
    padding: 24px;
    background: var(--white-color);
    border-radius: 16px;

}

.wc-block-cart__main .wc-block-cart-items thead {
    display: none;
}

.wc-block-cart__main .wc-block-cart-items {
    border: 0 !important;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row {
    padding: 24px;
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    border: 1px solid var(--black-color-20);
    border-radius: 16px;
    margin-bottom: 16px;
    position: relative;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row:last-child {
    margin-bottom: 0;
}

.wc-block-cart__main .wc-block-cart-items td {
    display: block;
    padding: 0 !important;
    border-top: 0 !important;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__image {
    padding: 0;
    width: 72px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    width: 72px !important;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    object-fit: cover;
    border: 1px solid var(--black-color-5);
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product {
    width: calc(100% - 190px);
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__total {
    width: 100px;
    text-align: right !important;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-items: self-start !important;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
    display: inline-grid;
    grid-template-columns: [first] 150px [line2] auto [line3] 200px [end];
    width: 100%;
    place-content: center space-between;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name {
    order: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices {
    order: 2;
    margin-bottom: 0;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .price {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .price .wc-block-components-product-price__regular {
    color: var(--black-color-80);
    text-decoration: line-through;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .price .wc-block-components-product-price__value {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .price .price-currency {
    font-size: 14px;
    font-weight: 400;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-badge {
    display: none;
    /*order: 5;*/
    /*border: 0;*/
    /*margin: 0;*/
    /*font-size: 12px;*/
    /*font-weight: 400;*/
    /*background: var(--main-color);*/
    /*width: max-content;*/
    /*color: var(--white-color);*/
    /*display: flex;*/
    /*align-items: center;*/
    /*gap: 8px;*/
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
    order: 4;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin: -16px 0 0 0;
}

.wc-block-components-product-details.wc-block-components-product-details {
    margin: 0 !important;
    color: var(--black-color-60);
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata .wc-block-components-product-details__name {
    font-weight: 400;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity {
    order: 3;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge {
    display: none;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    position: absolute;
    bottom: 16px;
    right: 34px;
    text-decoration: none !important;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__total .price .wc-block-components-product-price__value {
    font-size: 16px;
    font-weight: bold;
}

.wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__total .price .price-currency {
    font-size: 14px;
    font-weight: 500;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
    width: 140px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    width: 70px;
    height: 32px;
    border: 1px solid var(--black-color-10);
    background: var(--white-color);
    color: var(--black-color);
    font-size: 16px;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px 8px 8px 0;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    width: 32px;
    height: 32px;
    border: 1px solid var(--black-color-10);
    background: var(--white-color);
    color: var(--black-color);
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 8px 0;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
    opacity: 0.5;
    cursor: auto;
}

table.wc-block-cart-items .ws-prefix {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
}

.wc-block-cart .wc-block-components-sidebar {
    width: calc(35% - 24px);
    margin-right: 24px;
    padding: 16px 24px;
    background: var(--white-color);
    border-radius: 16px;
    height: max-content;
    margin-bottom: 50px;
}

.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 0 16px;
}

.wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-cart__submit-button {
    margin-bottom: 8px;
    width: 100%;
    height: 48px;
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.wc-block-cart .wc-block-components-sidebar p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: -33px;
    transform: translateY(28px);
    color: var(--demy-gray);
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value .wc-block-components-formatted-money-amount {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value .price-currency {
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block {
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon .wc-block-components-panel__button {

}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon .wc-block-components-panel__content {
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form {
    border: 1px solid var(--black-color-10);
    padding: 0 8px;
    border-radius: 16px;
}

.wc-block-cart .wc-block-components-totals-coupon__form .wc-block-components-button {
    color: var(--main-color);
    opacity: 1;
    font-weight: bold;
}

.wc-block-cart .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-text-input.is-active input[type=text],
.wc-block-cart .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-text-input input[type=text]:focus-visible,
.wc-block-cart .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-text-input input[type=text] {
    border: 0;
    outline: none;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 0 !important;
}

.wc-block-cart.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.wc-block-cart.is-small table.wc-block-cart-items .wc-block-cart-items__row {
    display: flex;
    padding: 16px;
}

/************************************************************************//** Checkout **/
.customer-details {
    background: var(--white-color);
    padding: 16px 24px;
    border-radius: 24px;
}

.review-order {
    position: sticky;
    top: 24px;
    margin-top: 24px;
}

.review-order:before {
    content: "";
    width: calc(100% - 80px);
    height: calc(100% + 48px);
    background: var(--black-color-100);
    border-radius: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.review-order table.woocommerce-checkout-review-order-table tfoot td,
.review-order table.woocommerce-checkout-review-order-table tfoot th,
.review-order table.woocommerce-checkout-review-order-table {
    border: 0;
    display: block;
}

.review-order table.woocommerce-checkout-review-order-table thead,
.review-order table.woocommerce-checkout-review-order-table tbody {
    display: none;
}

.review-order table.woocommerce-checkout-review-order-table tfoot {
    display: block;
    background: var(--white-color);
    padding: 8px 24px;
    border-radius: 24px;
    margin-bottom: 24px;
}

.review-order table.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0
}

.review-order table.woocommerce-checkout-review-order-table tfoot .tfoot-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    border-bottom: 1px solid var(--black-color-20);
}

.review-order table.woocommerce-checkout-review-order-table tfoot tr.shipping {
    display: block;
}

.review-order table.woocommerce-checkout-review-order-table tfoot td,
.review-order table.woocommerce-checkout-review-order-table tfoot th {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    padding: 0;
}

.review-order table.woocommerce-checkout-review-order-table tfoot .woocommerce-Price-amount bdi {
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
}

.review-order table.woocommerce-checkout-review-order-table tfoot .woocommerce-Price-currencySymbol {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.review-order table.woocommerce-checkout-review-order-table tfoot tr.shipping .woocommerce-Price-amount bdi,
.review-order table.woocommerce-checkout-review-order-table tfoot tr.shipping .woocommerce-Price-currencySymbol {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}

.review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
    color: var(--black-color-70);
}

.review-order table.woocommerce-checkout-review-order-table tfoot tr.shipping .ws-shipping-title {
    color: var(--black-color-70);
    font-size: 14px;
    font-weight: 400;
}

.review-order table.woocommerce-checkout-review-order-table tfoot ul#shipping_method {
    width: 100%;
}

.review-order table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.review-order table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li svg path{
    fill: var(--main-color);
}

.input-radio,
.shipping_method[type=radio] {
    --bs-form-check-bg-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e');
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 50%;
}

.woocommerce-form__input-checkbox {
    --bs-form-check-bg-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e');
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 6px 6px 6px 0;
}

.form-check-input[type=checkbox] {
    width: 24px;
    height: 24px;
    border-radius: 6px 6px 6px 0;
}

.input-radio:checked,
.woocommerce-form__input-checkbox:checked,
.shipping_method[type=radio]:checked,
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.customer-details-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 16px;
}

.ws-address-card {
    padding: 16px 24px;
    background: var(--white-color);
    border: 1px solid var(--black-color-10);
    border-radius: 16px;
    margin-bottom: 16px;
}

.ws-address-card .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.ws-address-card .form-check .btn-link {
    text-decoration: none;
    margin-right: auto;
}

.ws-address-card .cart {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--black-color-10);
}

.ws-address-card .cart img {
}

.ws-address-card .cart .cart-wrap {

}

.ws-address-card .cart .cart-wrap div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ws-address-card .cart .cart-wrap div:nth-child(2) {
    margin-top: 16px;
    margin-bottom: 8px;
}

.ws-address-card .cart div svg {
    width: 24px;
}

.ws-address-card .cart div span {
    width: calc(100% - 36px);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    display: block;
}

.form-check-label,
.woocommerce-shipping-fields .woocommerce-form__label-for-checkbox {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.woocommerce-billing-fields > h3,
#billing_country_field,
#shipping_country_field {
    display: none;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last,
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row-first,
.woocommerce-shipping-fields .form-row-last,
.woocommerce-shipping-fields .form-row {
    width: 47%;
    float: unset;
}

.woocommerce-billing-fields .form-row#billing_email_field,
.woocommerce-shipping-fields .form-row#shipping_email_field,
.woocommerce-billing-fields .form-row#billing_address_1_field,
.woocommerce-shipping-fields .form-row#shipping_address_1_field {
    width: 100%;
}

#billing_state_field,
#shipping_state_field {
    order: 1;
}

#billing_city_field,
#shipping_city_field {
    order: 2;
}

#billing_address_1_field,
#shipping_address_1_field {
    order: 3;
}

#billing_postcode_field,
#shipping_postcode_field {
    order: 4;
}

#billing_phone_field,
#shipping_phone_field {
    order: 5;
}

#billing_email_field,
#shipping_email_field {
    order: 6;
}

:where(.woocommerce) .select2-container .select2-dropdown,
:where(.woocommerce) .select2-container .select2-selection,
.woocommerce-additional-fields .input-text,
.woocommerce-billing-fields .input-text,
.woocommerce-shipping-fields .input-text {
    --wc-form-border-color: var(--black-color-10);
    border-radius: 10px;
    outline: none;
    font-size: 16px;
}

.woocommerce-additional-fields .input-text::placeholder,
.woocommerce-billing-fields .input-text::placeholder,
.woocommerce-shipping-fields .input-text::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color-50);
}

.woocommerce-additional-fields label,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
}

.form-edit-address {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: height .3s ease-in-out;
}

.edit .form-edit-address {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.select2-dropdown {
    border-color: var(--black-color-10);
}

.ws-delivery-date-box {
    margin-top: 24px;
    margin-bottom: 24px;
}

.ws-delivery-date-box .note {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: var(--black-color-70);
}

.payment-title,
.ws-delivery-date-box .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px;
    color: var(--black-color-70);
}

.ws-delivery-date-box .ws-delivery-date-options {
    padding: 24px;
    background: var(--white-color);
    border: 1px solid var(--black-color-20);
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 16px;
}

.ws-delivery-date-box .btn-group {
    display: block;
}

.ws-delivery-date-box .btn-group .btn {
    padding: 8px;
    background: var(--white-color);
    border: 1px solid var(--black-color-10);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    width: auto;
    height: auto;
    gap: 0;
}

.ws-delivery-date-box .btn-group span {
    display: block;
}

.ws-delivery-date-box .btn-group span:first-of-type {
    margin-bottom: 16px;
}

.ws-delivery-date-box .btn-group input {
    visibility: hidden;
    opacity: 0;
    display: block;
    height: 0;
}

.ws-delivery-date-box .btn-group.selected .btn {
    background: var(--sec-color);
    color: var(--white-color);
}


.woocommerce-checkout #payment.woocommerce-checkout-payment {
    background: var(--white-color);
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods {
    border: 1px solid var(--black-color-10);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 0;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li div.payment_box {
    background: var(--black-color);
    color: var(--white-color);
    padding: 8px;
    border-radius: 8px;
    position: absolute;
    top: 42px;
    font-size: 12px;
    z-index: 99;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li div.payment_box:before {
    border: 1em solid var(--black-color);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    right: 30px;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li label img {
    filter: grayscale(1);
    background: var(--black-color-10);
    padding: 8px;
    border-radius: 6px;
    margin: 0;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li label {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--black-color-10);
    border-radius: 8px;
    width: 100%;
    text-align: right;
    justify-content: start;
}

.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li input {
    margin: .25em 0 0;
}

.woocommerce-checkout-payment .place-order p {
    font-size: 12px;
}

.woocommerce-checkout-payment .place-order #place_order {
    background: var(--main-color);
    width: 250px;
    max-width: 100%;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-form-coupon-toggle {
    display: none;
}

.woocommerce form.checkout_coupon {
    display: flex !important;
    max-width: calc(75% - 12px);
    margin-top: 24px;
    background: var(--white-color);
    border: 0;
    border-radius: 16px;
    padding: 24px;
}

.woocommerce form.checkout_coupon p {
    margin-bottom: 0;
    width: auto;
    float: unset;
}

.woocommerce form.checkout_coupon p .input-text {
    width: 206px;
    height: 36px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid var(--black-color-10);
    outline: none;
    font-size: 14px;
}

.woocommerce form.checkout_coupon p .input-text::placeholder {
    font-size: 14px;
    color: var(--black-color-50);
}

.woocommerce form.checkout_coupon p .button {
    font-weight: 500;
    width: 141px;
    height: 36px;
    color: var(--sec-color);
    background: var(--sec-color-10);
    border-radius: 6px;
}


/************************************************************************//** Thank you **/
.woocommerce-notice--success {
    margin-bottom: 32px;
}

.woocommerce-notice--success span {
    padding-right: 16px;
    color: #0E8E00;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details {
    padding: 0 24px;
    margin: 0 0 120px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    position: relative;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details:after {
    content: unset;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details:before {
    content: "";
    width: 100%;
    height: calc(100% - 32px);
    background: var(--black-color-100);
    border-radius: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li {
    min-width: 224px;
    width: max-content;
    max-width: calc(25% - 42px);
    background: var(--white-color);
    border-radius: 16px;
    padding: 16px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0;
    gap: 8px 16px;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li i {
    width: 40px;
    height: 40px;
    background: var(--main-color-100);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li svg {
    width: 24px;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li b {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: var(--black-color-70);
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li strong {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    color: var(--main-color);
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details li strong .woocommerce-Price-currencySymbol {
    font-size: 18px;
    color: var(--demy-gray);
    line-height: 36px;
}

.white-box-order-details {
    background: var(--white-color);
    border-radius: 24px;
    padding: 32px;
    z-index: 9;
}

.white-box-order-details-wrap {
    position: relative;
    padding: 0 24px;
    z-index: 2;
}

.head-order-details-right {
    width: 251px;
    height: 261px;
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 24px;
    position: absolute;
    right: 0;
    top: -68px;
    z-index: -1;
    padding: 16px 24px;
}

.head-order-details-right .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    display: block;
    margin: 0;
    text-align: center;
    position: relative;
}

.head-order-details-right .title:before {
    content: "";
    width: 16px;
    height: 24px;
    background-color: var(--white-color);
    mask-image: url(../img/flower2.svg);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.head-order-details-right .title:after {
    content: "";
    width: 16px;
    height: 24px;
    background-color: var(--white-color);
    mask-image: url(../img/flower2.svg);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
}

.head-order-details-left {
    width: 225px;
    height: 201px;
    background: var(--bg-color);
    border-radius: 16px;
    position: absolute;
    left: 0;
    top: -68px;
    z-index: -1;
    padding: 16px 16px;
    border: 1px solid var(--black-color-10);
}

.head-order-details-left .btn-outline-light {
    padding: 2px;
    background: var(--white-color);
    border-radius: 8px;
    position: relative;
    display: block;
}

.head-order-details-left .btn-outline-light .inner {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid var(--sec-color-10);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: all .3s ease-in-out;
    padding: 2px 8px;
}

.head-order-details-left .btn-outline-light span {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: var(--black-color);
    text-align: center;
    display: block;

}

.head-order-details-left .btn-outline-light:hover .inner {
    background: var(--sec-color-10);
}

.woocommerce-order-details__title {
    display: none;
}

.white-box-order-details .woocommerce-order-details {
    margin-bottom: 24px;
}

.woocommerce table.shop_table.woocommerce-table--order-details {
    display: block;
    border: 0;
}

.woocommerce table.shop_table.woocommerce-table--order-details tr {
    display: flex;
    flex-wrap: wrap;
    min-height: 65px;
}

.woocommerce table.shop_table.woocommerce-table--order-details th {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 24px;
    border: 0;
    width: 50%;

}

.woocommerce table.shop_table.woocommerce-table--order-details td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 24px;
    border: 0;
    width: 50%;
}

.wc-item-meta{
    width: 100%;
    padding: 0;
    display: block;
}
.wc-item-meta li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wc-item-meta .wc-item-meta-label{
    font-size: 12px;
    line-height: 20px;
}
.wc-item-meta p{
    font-size: 12px;
    line-height: 20px;
}
.woocommerce table.shop_table.woocommerce-table--order-details .wc-item-meta .woocommerce-Price-amount{
    font-size: 12px;
    line-height: 20px;
}

.woocommerce table.shop_table.woocommerce-table--order-details thead {
    display: block;
    background: var(--sec-color);
    color: var(--white-color);
    border-radius: 12px;
    padding: 0;
    border: 0;
    margin-bottom: 24px;
}

.woocommerce table.shop_table.woocommerce-table--order-details thead tr {
    height: 40px;
}

.woocommerce table.shop_table.woocommerce-table--order-details tbody {
    display: block;
}

.woocommerce table.shop_table.woocommerce-table--order-details tbody tr {
    border-radius: 12px;
    border: 1px solid var(--main-color-10);
    margin-bottom: 16px;

}

.woocommerce table.shop_table.woocommerce-table--order-details tbody tr:nth-child(2n) {
    border: 1px solid var(--sec-color-10);
}

.woocommerce table.shop_table.woocommerce-table--order-details tfoot {
    display: block;
}

.woocommerce table.shop_table.woocommerce-table--order-details tfoot td {
    color: var(--main-color);
}

.woocommerce table.shop_table.woocommerce-table--order-details .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    color: var(--main-color);
}

.woocommerce table.shop_table.woocommerce-table--order-details .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: var(--demy-gray);
}


.woocommerce-customer-details {
    border: 1px solid var(--black-color-10);
    border-radius: 24px;
    padding: 16px 24px 0;
}

.woocommerce-customer-details .woocommerce-column__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    padding-right: 36px;
    position: relative;
}

.woocommerce-customer-details .woocommerce-column__title:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../img/check.svg");
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.woocommerce .woocommerce-customer-details .col2-set .col-2.woocommerce-column,
.woocommerce .woocommerce-customer-details .col2-set .col-1.woocommerce-column {
    display: block;
    width: 100%;
    max-width: 810px;
    float: none;
}

.woocommerce .white-box-order-details .woocommerce-customer-details address,
.woocommerce .woocommerce-customer-details .woocommerce-column address {
    border: 0;
    padding: 0;
    box-shadow: none;
}

.woocommerce-customer-details address .woocommerce-customer-details--phone,
.woocommerce-customer-details address .woocommerce-customer-details--email {
    display: none;
}


.woocommerce-customer-details .cart {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--black-color-10);
    border-radius: 24px;
    margin-bottom: 24px;
}

.woocommerce-customer-details .cart .cart-wrap div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.woocommerce-customer-details .cart .cart-wrap div:nth-child(2) {
    margin-top: 16px;
    margin-bottom: 8px;
}

.woocommerce-customer-details .cart div i {
    font-size: 24px;
}

.woocommerce-customer-details .cart div span {
    width: calc(100% - 36px);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    display: block;
}



/************************************************************************//** Responsive **/

@media (max-width: 1199px) {
    .wc-block-cart .wc-block-components-sidebar {
        width: calc(30% - 24px);
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 70%;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
        grid-template-columns: [first] 150px [line2] 150px [end];
        gap: 8px 16px;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
        order: 3;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity {
        order: 4;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
        margin-top: -4px;
    }

    .wc-block-cart .wc-block-components-sidebar p {
        margin-bottom: -60px;
    }

    .woocommerce form.checkout_coupon {
        max-width: calc(66.666666% - 12px);
    }

    .woocommerce ul.order_details.woocommerce-thankyou-order-details{
        gap: 8px;
        flex-wrap: wrap;
    }
    .woocommerce ul.order_details.woocommerce-thankyou-order-details li{
        max-width: calc(25% - 6px);
        min-width: 210px;
    }
    .woocommerce ul.order_details.woocommerce-thankyou-order-details li b{
        font-size: 14px;
    }
    .woocommerce ul.order_details.woocommerce-thankyou-order-details li strong{
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .wc-block-cart .wc-block-components-sidebar {
        margin: 24px 0 0;
        padding: 16px 24px !important;
    }

    .wc-block-cart .wc-block-components-sidebar p {
        margin-bottom: 0;
        transform: none;
    }

    .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
        display: block !important;
    }

    .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
        align-self: unset !important;
        grid-column-start: unset !important;
        grid-row-start: unset !important;
        padding-left: 0 !important;

    }

    .customer-details {
        margin-bottom: 24px;
    }

    .woocommerce form.checkout_coupon {
        max-width: 100%;
    }

    .woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods {
        flex-direction: column;
        align-items: start;
    }

    .woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods li {
        width: 100%;
    }

    .woocommerce ul.order_details.woocommerce-thankyou-order-details{
        gap: 16px;
    }
    .woocommerce ul.order_details.woocommerce-thankyou-order-details li{
        max-width: calc(50% - 8px);
        width: calc(50% - 8px);
    }

    .woocommerce table.shop_table.woocommerce-table--order-details td{
        width: 40%;
        font-size: 14px;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tbody td:first-of-type,
    .woocommerce table.shop_table.woocommerce-table--order-details th{
        width: 60%;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details thead th:last-of-type{
        width: 40%;
    }

    .woocommerce table.shop_table.woocommerce-table--order-details tbody tr{
        min-height: 52px;
        height: max-content;
    }

}

@media (max-width: 767px) {
    .text-404 {
        font-size: 32px;
        line-height: 28px;
    }

    .wc-block-cart.is-small .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row {
        flex-wrap: wrap;
        display: flex;
        padding: 16px;
    }

    .wc-block-cart.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
        width: 100%;
        grid-row-start: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wc-block-cart.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .ws-prefix {
        margin-bottom: 0;
        margin-left: 8px;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product {
        width: calc(100% - 80px);
    }

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last,
    .woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last, .woocommerce-billing-fields .form-row,
    .woocommerce-shipping-fields .form-row-first, .woocommerce-shipping-fields .form-row-last, .woocommerce-shipping-fields .form-row {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .img-404 {
        margin: 50px auto 24px;
    }

    .text-404 {
        font-size: 24px;
        line-height: 21px;
    }

    .text-404.fa {
        margin-bottom: 24px;
    }

    .wc-block-cart.is-small .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row {
        padding: 16px;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
        gap: 8px 8px;
    }

    .woocommerce-customer-details .cart,
    .ws-address-card .cart {
        flex-wrap: wrap;
    }

    .woocommerce-customer-details .cart img,
    .ws-address-card .cart img {
        max-width: 100%;
    }

    .woocommerce ul.order_details.woocommerce-thankyou-order-details  li{
        min-width: auto;
    }
    .white-box-order-details-wrap{
        padding-bottom: 68px;
    }
    .head-order-details-right{
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    .head-order-details-left{
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top: unset;
        display: flex;
        align-items: end;
    }
}

@media (max-width: 480px) {
    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
        grid-template-columns: unset;
        gap: 8px 8px;
        display: flex;
        flex-direction: column;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
        order: 2;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices {
        order: 3;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity {
        order: 4;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .wc-block-cart.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
        width: calc(100% - 80px);
        justify-content: space-between;
        margin-right: auto;
    }

    .woocommerce form.checkout_coupon p.form-row-first {
        width: calc(100% - 130px);
    }

    .woocommerce form.checkout_coupon p.form-row-last {
        width: 130px;
    }

    .woocommerce form.checkout_coupon p .button,
    .woocommerce form.checkout_coupon p .input-text {
        max-width: 100%;
    }

    .woocommerce ul.order_details.woocommerce-thankyou-order-details li{
        max-width: 100%;
        width: 100%;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tr{
        flex-wrap: wrap;
        height: auto;
        justify-content: space-between;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tbody td:first-of-type,
    .woocommerce table.shop_table.woocommerce-table--order-details tbody td,
    .woocommerce table.shop_table.woocommerce-table--order-details tbody th{
        width: 100%;
        padding: 4px 8px;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tbody td:last-of-type{
        justify-content: end;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tfoot td,
    .woocommerce table.shop_table.woocommerce-table--order-details tfoot th{
        width: auto;
        padding: 0 8px;
    }
    .woocommerce .woocommerce-customer-details{
        padding: 16px 16px 0;
        margin-bottom: 0;
    }
    .woocommerce-customer-details .cart{
        padding: 16px;
        gap: 16px;
        margin-bottom: 16px;
    }
    .woocommerce-customer-details .cart .cart-wrap div{
        flex-wrap: wrap;
        gap: 8px;
    }
    .woocommerce-customer-details .cart div span{
        width: auto;
        font-size: 14px;
    }
}

@media (max-width: 440px) {
    .is-mobile:before {
        display: none;
    }

    .wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
        padding: 8px;
        flex-wrap: wrap;
    }

    .wc-block-cart.wc-block-components-sidebar-layout .wc-block-components-main {
        padding: 16px;
    }

    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
        bottom: 8px;
        right: 8px;
    }

    .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__total {
        display: flex;
        width: calc(100% - 80px);
        justify-content: space-between;
        margin-right: auto;
    }

    table.wc-block-cart-items .ws-prefix {
        margin-bottom: 0;
        margin-left: 8px;
        font-size: 12px;
        color: var(--black-color-70);
    }
}

@media (max-width: 400px) {
    .text-404 {
        font-size: 20px;
        line-height: 21px;
    }

    .text-404.fa {
        margin-bottom: 21px;
    }

    .ws-address-card .cart div span,
    .form-check-label, .woocommerce-shipping-fields .woocommerce-form__label-for-checkbox {
        font-size: 14px;
    }

    .ws-address-card .cart .cart-wrap div {
        gap: 8px;
    }

    .woocommerce table.shop_table.woocommerce-table--order-details tfoot td{
        width: 100%;
        justify-content: end;
    }
    .woocommerce table.shop_table.woocommerce-table--order-details tfoot th{
        width: 100%;
    }
}