.woocommerce-pagination {
    margin: 0;
    border: 0;
    clear: both;
    padding-top: 4rem;
    text-align: center
}

.woocommerce nav.woocommerce-pagination ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    justify-content: center;
    grid-gap: 15px
}

.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block;
    border: none
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    text-decoration: none;
    background-color: #fff;
    height: 40px;
    width: 40px;
    border: 1px solid #00000010;
    border-radius: 4px;
    background-color: var(--fara-main-bg)
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background-color: var(--fara-main-color);
    border-color: var(--fara-main-color)
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    position: relative;
    padding: 12px 0 0;
    margin: 0;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: var(--fara-font-main-color)
}

.woocommerce-page .woocommerce-error a,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-message a,
body.rtl .woocommerce-page .woocommerce-result-count,
body.rtl .woocommerce-result-count {
    float: right
}

.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0 -15px;
    clear: both;
    list-style: none;
    padding-top: 10px
}

.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
    width: 50%;
    clear: none
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    width: 33.33%;
    clear: none
}

.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
    width: 25%;
    clear: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
    content: none
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: left;
    padding: 0 15px;
    margin: 45px 0 0
}

.woocommerce .products li.first,
.woocommerce-page .products li.first {
    clear: both
}

.woocommerce .products li .inner,
.woocommerce-page .products li .inner {
    position: relative
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product h3:hover,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: var(--fara-main-color)
}

.woocommerce ul.products li.product .product-thumbnail {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2
}

.woocommerce ul.products li.product .product-thumbnail img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 0;
    transition: transform .3s ease-in-out
}

.woocommerce ul.products li.product:hover .product-thumbnail img {
    transform: scale(1.1) rotate(1.5deg)
}

.woocommerce ul.products li.product .onsale {
    right: 20px;
    border-radius: 3px;
    font-size: 13px;
    padding: 8px 10px;
    background-color: var(--fara-main-color);
    color: #fff;
    min-height: auto
}

.woocommerce .products li .product-info,
.woocommerce-page .products li .product-info {
    position: relative;
    text-align: center;
    padding: 15px 0
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 22px;
    padding: 0;
    margin-bottom: 10px;
    transition: color .3s ease-in-out
}

.woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 400;
    color: var(--fara-font-main-color)
}

.related.products>h2,
.woocommerce div.product form.cart {
    margin: 30px 0 0
}

.woocommerce div.product form.cart div.quantity,
.woocommerce-cart .variation-Size {
    margin: 0
}

.woocommerce .quantity .qty {
    width: 60px;
    margin: 0;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    padding: 0 10px;
    height: 50px;
    border-radius: 0;
    border: 1px solid #80808038
}

.woocommerce div.product form.cart .button {
    margin-left: 10px;
    min-height: 50px;
    font-weight: 500;
    background-color: var(--fara-main-color);
    border-color: var(--fara-main-color)
}

body.rtl div.product form.cart .button {
    margin-left: 0;
    margin-right: 10px
}

.woocommerce div.product form.cart .button:focus,
.woocommerce div.product form.cart .button:hover {
    background-color: var(--fara-font-alt-color);
    border-color: var(--fara-font-alt-color)
}

.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
    position: relative;
    padding: 30px 30px 30px 50px;
    background-color: var(--fara-main-bg);
    color: var(--fara-font-main-color);
    margin: 0 0 30px;
    list-style: none;
    border: none;
    font-size: 14px;
    line-height: 1.2
}

.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    min-height: auto;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    color: var(--fara-font-alt-color);
    text-decoration: underline
}

.woocommerce-error::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22" fill="none" stroke="%23f13500"><path d="M10 7.00008V11.0001M10 15.0001H10.01M1 6.94153V15.0586C1 15.4013 1 15.5726 1.05048 15.7254C1.09515 15.8606 1.16816 15.9847 1.26463 16.0893C1.37369 16.2077 1.52345 16.2909 1.82297 16.4573L9.22297 20.5684C9.50658 20.726 9.64838 20.8047 9.79855 20.8356C9.93146 20.863 10.0685 20.863 10.2015 20.8356C10.3516 20.8047 10.4934 20.726 10.777 20.5684L18.177 16.4573C18.4766 16.2909 18.6263 16.2077 18.7354 16.0893C18.8318 15.9847 18.9049 15.8606 18.9495 15.7254C19 15.5726 19 15.4013 19 15.0586V6.94153C19 6.59889 19 6.42756 18.9495 6.27477C18.9049 6.13959 18.8318 6.01551 18.7354 5.91082C18.6263 5.79248 18.4766 5.70928 18.177 5.54288L10.777 1.43177C10.4934 1.27421 10.3516 1.19543 10.2015 1.16454C10.0685 1.13721 9.93146 1.13721 9.79855 1.16454C9.64838 1.19543 9.50658 1.27421 9.22297 1.43177L1.82297 5.54288C1.52345 5.70928 1.37369 5.79248 1.26463 5.91082C1.16816 6.01551 1.09515 6.13959 1.05048 6.27477C1 6.42756 1 6.59889 1 6.94153Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    top: 28px;
}

.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
    padding: 20px 50px 20px 20px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: #ffd9d9;
}
.woocommerce-page .woocommerce-error > *,
.woocommerce-page .woocommerce-info > *,
.woocommerce-page .woocommerce-message > * {
    margin-bottom: 10px;
}
.woocommerce-page .woocommerce-error > *:last-child,
.woocommerce-page .woocommerce-info > *:last-child,
.woocommerce-page .woocommerce-message > *:last-child {
    margin-bottom: 0;
}
.woocommerce-page .woocommerce-error a,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-message a,
body.rtl .woocommerce-page .woocommerce-result-count,
body.rtl .woocommerce-result-count {
    color: #464646;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    top: 50%;
    transform: translateY(-50%)
}

.single-product .product_meta {
    clear: left;
    margin-top: 30px
}

.single-product .product_meta>span:first-child {
    margin: 0 !important
}

.single-product .product_meta>span {
    margin-left: 30px;
    display: inline-block;
    font-size: 16px
}

body.rtl.single-product .product_meta>span {
    margin-left: 0;
    margin-right: 30px
}

.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    margin-top: 60px;
    display: inline-block;
    width: 100%
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    text-align: center;
    margin: 0;
    padding: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    z-index: 2;
    border-top: 2px solid var(--fara-main-color)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0 -1px;
    background-color: transparent;
    padding: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 20px 15px;
    color: var(--fara-font-main-color);
    font-weight: inherit;
    font-size: 13px;
    text-transform: uppercase
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    bottom: auto;
    top: 0
}

.woocommerce div.product .woocommerce-tabs .panel {
    border: 0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    background-color: var(--fara-main-bg);
    padding: 40px;
    float: left;
    width: 100%;
    margin: 0 0 50px;
    border-radius: 0
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce p.stars a {
    color: var(--fara-main-hover-color)
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 25px;
    margin: 0 0 10px
}

p.woocommerce-noreviews {
    margin-bottom: 10px
}

.comment-reply-title {
    font-weight: 500;
    margin-bottom: 10px;
    display: block
}

.comment-form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.woocommerce #review_form #respond .comment-form-rating .stars {
    display: inline-block;
    margin-bottom: -7px;
    margin-left: 10px
}

.woocommerce #review_form #respond .comment-form-comment label {
    margin-bottom: 10px;
    display: block;
    margin-top: 20px
}

.woocommerce #reviews #comment {
    height: 95px;
    resize: none
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 14px;
    line-height: 1.2;
    padding: 16px 35px;
    border-radius: 0;
    font-weight: 400;
    color: #fff;
    background-color: var(--fara-main-color);
    border-color: var(--fara-main-color)
}

.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:focus,
.woocommerce a.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:hover {
    color: #fff;
    background-color: var(--fara-font-alt-color);
    border-color: var(--fara-font-alt-color)
}

.single-product .price {
    font-size: 15px;
    line-height: normal;
    position: relative
}

.single-product .price del {
    color: #aaa;
    font-weight: 400;
    padding-right: 2px
}

.single-product .price ins {
    background-color: transparent
}

.woocommerce-variation-availability {
    margin-bottom: 15px
}

.woocommerce .woocommerce-MyAccount-navigation ul,
.fara-cart-item-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.fara-cart-item-list>.fara-cart-item {
    display: flex;
    align-content: center;
    grid-gap: 40px;
    padding: 40px 0;
    border-bottom: 1px solid #80808038
}

.fara-cart-item-list .product-thumbnail {
    max-width: 140px
}

.fara-cart-item-list .product-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.fara-cart-item-list .product-content .product-name a {
    font-size: 20px;
    text-decoration: none
}

.fara-cart-item-list .product-content .product-price,
.fara-cart-item-list .product-subtotal-heading {
    font-size: 20px;
    margin-bottom: 10px
}

.fara-cart-item-list .product-subtotal {
    font-size: 20px
}

.fara-cart-item-list .product-actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: auto
}

.product-subtotal-heading,
.woocommerce-Address-title h3,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    margin-bottom: 0
}

.woocommerce .fara-cart-item-list a.remove {
    font-size: 13px;
    height: auto;
    width: auto;
    border-radius: 0;
    color: var(--fara-font-main-color) !important;
    border: 1px solid #80808038;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-gap: 10px;
    padding: 15px 30px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out
}

.woocommerce .fara-cart-item-list a.remove:hover {
    color: #fff !important;
    background-color: var(--fara-main-color);
    border-color: var(--fara-main-color)
}

.woocommerce .fara-cart-item-list a.remove>i>svg {
    width: 12px;
    fill: var(--fara-font-alt-color);
    transition: fill .3s ease-in-out
}

.woocommerce .fara-cart-item-list a.remove:hover>i>svg {
    fill: #fff
}

.fara-cart-footer {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.fara-cart-footer .coupon {
    display: flex;
    align-items: center;
    grid-gap: 15px
}

.fara-cart-footer .coupon>label {
    display: none
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.fara-cart-footer .coupon>button,
.fara-cart-footer .coupon>input,
.fara-cart-footer button {
    min-height: 50px
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--fara-main-color)
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--fara-font-alt-color)
}

.woocommerce span.onsale {
    left: 20px;
    border-radius: 3px;
    font-size: 13px;
    padding: 8px 10px;
    background-color: var(--fara-main-color);
    color: #fff;
    min-height: auto
}

body.rtl ul.products li.product .onsale {
    left: auto;
    right: 20px
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    background-color: var(--fara-main-color);
    color: #fff;
    opacity: 1;
    padding: 12px 35px;
    transition: .3s ease-in-out
}

.woocommerce table.shop_table .cart-subtotal,
.woocommerce table.shop_table .order-total,
.woocommerce table.shop_table th {
    font-size: 16px;
    font-weight: 700;
    color: var(--fara-font-alt-color)
}

.woocommerce-cart .cart-collaterals .cart_totals tr th {
    border: none;
    font-size: 18px;
    font-weight: 400
}

.woocommerce-cart .cart-collaterals .cart_totals table tr td {
    border: none;
    text-align: right;
    font-size: 18px;
    font-weight: 400
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 50%;
    margin-top: 30px;
    padding: 50px;
    box-shadow: 1px 1px 20px 5px #4a4a4a12
}

#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
    padding-bottom: 0
}

.woocommerce-cart .variation {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin: 10px 0
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 49%
}

.woocommerce .select2-container .select2-selection--single {
    min-height: 50px;
    border-radius: 0
}

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

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    line-height: 1.2
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: 0 0
}

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

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: none;
    margin-top: 30px
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 2em 0
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: none;
    border-radius: 0;
    padding: 30px;
    background-color: var(--fara-main-bg)
}

.woocommerce table.shop_table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 0 30px;
    table-layout: fixed;
    width: 100%
}

.woocommerce-checkout-review-order table,
.woocommerce-checkout-review-order td,
.woocommerce-checkout-review-order th {
    border: 1px solid #f5f0e9
}

.woocommerce table.shop_table th {
    padding: 15px 20px
}

#add_payment_method #payment div.payment_box,
.woocommerce table.shop_table thead th,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: var(--fara-main-bg)
}

.woocommerce table.shop_table td {
    padding: 15px 20px;
    font-weight: 500
}

.woocommerce-checkout-review-order table td {
    padding: 10px 25px;
    font-weight: 600
}

.woocommerce form .form-row {
    margin: 0 0 10px
}

.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single {
    background-color: var(--fara-main-bg);
    border: 1px solid #d1d1d1
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--fara-main-bg);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent
}

.woocommerce .woocommerce-MyAccount-navigation {
    margin: 0;
    background-color: var(--fara-main-bg);
    padding: 20px
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 12px;
    margin-bottom: 10px;
    width: 100%
}

.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none
}

.woocommerce-Address-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}

.woocommerce-page legend {
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    display: block;
    width: 100%;
    padding-top: 20px;
    position: relative
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 67%
}

@media screen and (max-width:1024px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 50% !important;
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:767px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: none !important;
        width: 100% !important
    }

    .woocommerce .woocommerce-ordering {
        margin: 0 0 2em;
        float: none;
        width: 100%
    }

    .woocommerce .woocommerce-MyAccount-navigation {
        margin-bottom: 30px
    }

    .woocommerce .woocommerce-ordering select,
    .woocommerce-account .woocommerce-MyAccount-content,
    .fara-cart-footer>button {
        width: 100%
    }

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        float: none;
        width: 100%
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .fara-cart-item-list>.fara-cart-item {
        grid-gap: 15px;
        padding: 40px 0
    }

    .fara-cart-item-list .product-content .product-price,
    .fara-cart-item-list .product-subtotal {
        font-size: 18px
    }

    .woocommerce .fara-cart-item-list a.remove {
        padding: 15px 20px
    }

    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button {
        padding: 12px 20px
    }

    .fara-cart-footer .coupon {
        width: 100%;
        margin-bottom: 20px
    }

    .fara-cart-footer .coupon>input {
        flex: 1
    }
}

.fara-add-to-cart.loading,
.fara-qty-box.loading {
    position: relative;
    opacity: 0.6;
    pointer-events: none;
}

.fara-add-to-cart.loading:after,
.fara-qty-box.loading:after {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: fara-spin 0.8s linear infinite;
}

@keyframes fara-spin {
    100% {
        transform: rotate(360deg);
    }
}

.fara-add-to-cart[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}


.thankyou .card {
    background: #fff;
    border: 1px dashed #e5e7eb;
    border-radius: 16px;
    padding: 20px
}

.thankyou .grid {
    display: grid;
    gap: 16px;
    align-items: stretch !important;
}

.thankyou .grid-2 {
    grid-template-columns: 1fr 1fr
}

.thankyou .hero {
    align-items: center
}

.thankyou .hero h1 {
    font-size: 24px;
    margin: 8px 0 4px;
    color: #111827
}

.thankyou .hero p.sub {
    color: #6b7280;
    margin: 0
}

.thankyou .success-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #e5e7eb;
    border-radius: 16px;
    min-height: 160px
}

.thankyou .success-mark svg {
    width: 90px;
    height: 90px;
    fill: none;
    stroke: var(--ty-accent);
    stroke-width: 2
}

.thankyou .summary {
    display: grid;
    gap: 8px
}

.thankyou .summary .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9fafb;
    border-radius: 10px;
    padding: 10px 12px
}
.thankyou .summary .row>* {
    width: 50%;
}
.thankyou .summary .row b {
    background: var(--ty-accent);
    color: #fff;
    border-radius: 8px;
    padding: 6px 12px;
    font-weight: 600;
    min-width: 92px;
    text-align: center
}

.thankyou .box {
    border: 1px dashed #e5e7eb;
    border-radius: 16px;
    padding: 16px
}

.thankyou table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px
}

.thankyou thead th {
    font-weight: 600;
    color: #374151;
    text-align: right;
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb
}

.thankyou tbody td {
    background: #f9fafb;
    padding: 10px 12px;
    border-radius: 8px;
    color: #111827
}

.thankyou .totals td {
    background: #fff;
    color: #111827
}

.thankyou .totals .label {
    text-align: right
}

.thankyou .totals .value {
    text-align: left;
    font-weight: 600
}

.thankyou .ok {
    color: var(--ty-accent)
}

.thankyou .addresses {
    border: 2px dashed #cfe7d6;
    border-radius: 16px;
    padding: 22px
}

.thankyou .addr-title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px
}

.thankyou .muted {
    color: #6b7280;
    font-size: 14px
}

.thankyou .cta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.thankyou .btn {
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    background: #fff
}

.thankyou .btn-primary {
    background: var(--ty-accent);
    color: #fff;
    border-color: var(--ty-accent)
}

.thankyou .coupon {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px dashed #ffd9a8;
    background: #fff8eb;
    border-radius: 16px;
    padding: 16px
}

.thankyou .coupon .code {
    background: #111827;
    color: #fff;
    border-radius: 10px;
    padding: 8px 12px
}

.thankyou .copy {
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #111827;
    background: #111827;
    color: #fff;
    padding: 8px 12px
}

.woocommerce-customer-details, .woocommerce-order-details, .farahub_factor_link {
    display: none !important;
}

@media (max-width:992px) {
    .thankyou .grid-2 {
        grid-template-columns: 1fr
    }
}