.page-cart h1.wp-block-heading {
    margin-block: 2rem 0.5rem;
    color: var(--color-primary);
    font-size: var(--text-lgplus);
    text-transform: uppercase;

    @media (width >= 1024px) {
        margin-block: 6rem 1.7rem;
        font-size: var(--text-3xl);
    }
}

.page-cart .woocommerce-notices-wrapper [class*="woocommerce-"]{
    margin-bottom: 1rem;
}

.page-cart .woocommerce-cart-form table.shop_table {
    @media (width >= 1024px) {
        margin-bottom: 5.1rem;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive tr td::before {
    display: none;
}

.page-cart table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-thumbnail {
    @media (width <= 768px) {
        position: absolute;
        top: 22px;
        left: 0;
        display: block !important;
        padding: 0;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-name,
.page-cart .woocommerce-cart-form table.shop_table_responsive .product-price,
.page-cart .woocommerce-cart-form table.shop_table_responsive .product-quantity {
    @media (width <= 768px) {
        float: left;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-name,
.page-cart .woocommerce-cart-form table.shop_table_responsive .product-price {
    @media (width <= 768px) {
        text-align: left !important;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-price {
    @media (width <= 768px) {
        margin-top: 0.5rem;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-name {
    @media (width <= 768px) {
        padding-top: 1.5rem;
        padding-right: 2rem;
        width: 100%;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-price,
.page-cart .woocommerce-cart-form table.shop_table_responsive .product-quantity {
    @media (width <= 768px) {
        width: 50%;
        text-align: left;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-quantity {
    @media (width <= 768px) {
        padding-bottom: 1.5rem;
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .woocommerce-Price-amount {
    @media (width <= 768px) {
        font-weight: var(--font-weight-normal);
    }
}

.page-cart .woocommerce-cart-form table.shop_table_responsive .product-subtotal {
    @media (width <= 768px) {
        display: none;
    }
}

.page-cart .woocommerce-cart-form table.cart td {
    @media (width <= 768px) {
        padding-inline: 0;
    }

    @media (width >= 769px) {
        padding-block: 1.9rem;
        border-color: var(--color-gray-50);
    }
}

.page-cart .woocommerce-cart-form table.cart td {
    @media (width <= 768px) {
        border-top-color: transparent;
    }
}

.page-cart .woocommerce-cart-form table.cart tbody tr:last-child td {
    @media (width >= 769px) {
        padding-top: 2.6rem;
    }
}

.page-cart table.shop_table_responsive tr.cart_item {
    @media (width <= 768px) {
        padding-left: 7.4rem;
    }
}

.page-cart table.shop_table_responsive tr {
    @media (width <= 768px) {
        position: relative;
        clear: both;
    }
}

.page-cart table.shop_table_responsive tr:not(:first-child):after {
    @media (width <= 768px) {
        position: absolute;
        left: 0;
        top: 0;
        background-color: var(--color-gray-200);
        width: 100%;
        height: 1px;
        content: '';
    }
}

.page-cart .woocommerce-cart-form table.shop_table th.product-remove {
    @media (width >= 769px) {
        width: 3.125rem;
    }

    @media (width >= 1800px) {
        width: 6.687rem;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .product-remove {
    padding: 0;

    @media (width >= 769px) {
        position: relative;
        text-align: center;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .remove {
    position: absolute;
    top: 20px;
    right: 0;

    @media (width >= 769px) {
        position: initial;
        margin-inline: auto;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .remove:before,
.woocommerce-remove-coupon:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M2 4H3.33333H14' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.33398 4.00004V2.66671C5.33398 2.31309 5.47446 1.97395 5.72451 1.7239C5.97456 1.47385 6.3137 1.33337 6.66732 1.33337H9.33398C9.68761 1.33337 10.0267 1.47385 10.2768 1.7239C10.5268 1.97395 10.6673 2.31309 10.6673 2.66671V4.00004M12.6673 4.00004V13.3334C12.6673 13.687 12.5268 14.0261 12.2768 14.2762C12.0267 14.5262 11.6876 14.6667 11.334 14.6667H4.66732C4.3137 14.6667 3.97456 14.5262 3.72451 14.2762C3.47446 14.0261 3.33398 13.687 3.33398 13.3334V4.00004H12.6673Z' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.66602 7.33337V11.3334' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.33398 7.33337V11.3334' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M2 4H3.33333H14' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.33398 4.00004V2.66671C5.33398 2.31309 5.47446 1.97395 5.72451 1.7239C5.97456 1.47385 6.3137 1.33337 6.66732 1.33337H9.33398C9.68761 1.33337 10.0267 1.47385 10.2768 1.7239C10.5268 1.97395 10.6673 2.31309 10.6673 2.66671V4.00004M12.6673 4.00004V13.3334C12.6673 13.687 12.5268 14.0261 12.2768 14.2762C12.0267 14.5262 11.6876 14.6667 11.334 14.6667H4.66732C4.3137 14.6667 3.97456 14.5262 3.72451 14.2762C3.47446 14.0261 3.33398 13.687 3.33398 13.3334V4.00004H12.6673Z' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.66602 7.33337V11.3334' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.33398 7.33337V11.3334' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
    mask-size: contain;
    background-color: var(--color-gray-200);
    content: '';
}

.page-cart .woocommerce-cart-form table.shop_table .remove:hover:before,
.woocommerce-remove-coupon:hover:before {
    background-color: var(--color-secondary);
}

.woocommerce-remove-coupon {
    font-size: 0;
}

.woocommerce-remove-coupon:before {
    margin-bottom: -2px;
}

.woocommerce a.remove:hover {
    background: none;
}

.page-cart .woocommerce-cart-form table.shop_table img {
    width: 5.75rem;

    @media (width >= 769px) {
        width: 7.1875rem;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .wc-block-product-name {
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;

    @media (width >= 769px) {
        font-size: var(--text-md);
    }

    &:hover {
        opacity: 0.72;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .variation,
.page-cart .woocommerce-cart-form table.shop_table .cart-variation-name { 
    margin-top: 0.6rem ;
    font-size: var(--text-sm);
    
    @media (width >= 769px) {
        font-size: var(--text-base);
    }
}

.page-cart .woocommerce-cart-form table.shop_table .variation + .cart-variation-name {
    display: none;
}

.page-cart table.wc-block-cart-items .wc-block-components-product-price {
    color: var(--color-primary);
    font-size: var(--text-sm);

    @media (width >= 769px) {
        font-size: var(--text-md);
    }
}

.page-cart .woocommerce-cart-form table.shop_table .quantity {
    display: flex;
    border: 1px solid var(--color-gray-200);
    max-width: 90px;

    @media (width >= 769px) {
        max-width: 115px;
    }

    @media (width <= 768px) {
        float: right;
    }
}

.page-cart .woocommerce-cart-form table.shop_table .qty {
    flex: 1;
    width: calc(100% - 60px);
}

.page-cart .woocommerce-cart-form table.shop_table button.qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    font-size: 0;
}

.page-cart .woocommerce-cart-form table.shop_table div.quantity button.qty-btn.qty-minus::before {
    background-color: var(--color-gray-200);
}

.page-cart .woocommerce-cart-form table.shop_table div.quantity button.qty-btn.qty-plus::before {
    background-color: var(--color-gray-200);
}

.page-cart .woocommerce-cart-form table.shop_table div.quantity button.qty-btn.qty-minus:hover::before,
.page-cart .woocommerce-cart-form table.shop_table div.quantity button.qty-btn.qty-plus:hover::before {
    background-color: var(--color-primary);
}

.page-cart #content table.cart td.actions .coupon {
    @media (width <= 768px) {
        padding-block: 2.5rem 2rem;
    }
}

.page-cart #content table.cart td.actions .coupon .input-text {
    @media (width >= 769px) {
        min-width: 12.5rem;
    }
}

.page-cart #content table.cart td.actions .coupon .input-text, 
.page-cart #content table.cart td.actions .coupon .button {
    @media (width <= 768px) {
        width: 100%;
    }
}

.page-cart #content table.cart td.actions .coupon .button {
    @media (width <= 768px) {
        margin-top: 0.5rem;
    }
}

.page-cart .wc-block-components-totals-coupon__button,
.page-cart .coupon .button {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.page-cart .coupon .button:hover {
    background-color: var(--color-primary-light);
    color: var(--color-white);
}

.page-cart .wc-block-components-totals-coupon__button:hover {
    background-color: var(--color-primary-light);
}

.page-cart .button[name="update_cart"],
.page-cart .button[disabled][name="update_cart"],
.page-cart .button[name="update_cart"]:disabled[disabled] {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

.page-cart .coupon .button,
.page-cart .button[name="update_cart"],
.page-cart .button[name="update_cart"]:disabled[disabled] {
    padding: 0.875rem 2.25rem;
    border-radius: 4px;
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
}

.page-cart .button[name="update_cart"]:hover {
    background-color: var(--color-blue-200);
    color: var(--color-primary);
}

.page-cart table.cart td.actions .coupon .input-text {
    width: 100%;
    border: 1px solid var(--color-gray-50);
	background: var(--color-white);
    border-radius: .375rem;
	color: var(--color-gray-700);
	padding: calc(var(--spacing) * 2.3) calc(var(--spacing) * 4);

    &.has-error {
        border-color: var(--color-red-300);
    }

    @media (width >= 1024px) {
        width: 19.5625rem !important;
        font-size: var(--text-md);
    }
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding-block: 0.5rem;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 2rem;
    background-color: var(--color-primary);
    border-radius: var(--radius-xxs);
    font-size: var(--text-base);
    text-transform: uppercase;
    white-space: nowrap;

    @media (width >= 600px) {
        justify-content: center;
    }

    @media (width >= 1024px) {
        padding-block: 1.1rem;
        border-radius: var(--radius-md);
        font-size: var(--text-lg);
    }
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after {
    display: none;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--color-primary-light);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after  {
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5742 3.38892L18.5001 10L11.5742 16.6111' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M17.8704 10L1.5 10' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  margin-left: 8px;
  content: '';
}

.cross-sells > h2 {
    color: var(--color-primary);
    font-size: var(--text-lg);
    text-align: center;
    text-transform: uppercase;

    @media (width >= 1024px) {
        font-size: var(--text-lgplus);
        text-align: left;
    }
}

.cart-collaterals .cross-sells {
    margin-bottom: 2rem;

    @media (width >= 1024px) {
        margin-bottom: 0;
    }
}

.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
    padding-bottom: 2rem;

    @media (width >= 1024px) {
        padding-bottom: 7rem;
    }
}

.woocommerce .cart-collaterals .cart_totals > h2, 
.woocommerce-page .cart-collaterals .cart_totals > h2 {
    margin-bottom: 0;
    padding: 0.75rem 1.4rem;
    background: var(--color-secondary);
    color: var(--color-primary);
    font-size: var(--text-lg);
    text-transform: capitalize;

    @media (width >= 1024px) {
        margin-block: 0.4rem 1rem;
        padding-block: 1.58rem;
        font-size: var(--text-xl);
    }
}

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

    @media (width >= 1024px) {
        max-width: 450px;
    }

    @media (width >= 1400px) {
        max-width: 552px;
    }
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    color: var(--color-primary);
    font-size: var(--text-sm);

    @media (width >= 1024px) {
        max-width: 552px;
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total th {
    font-size: var(--text-base);

    @media (width >= 1024px) {
        font-size: var(--text-lg);
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount {
    font-size: var(--text-sm);

    @media (width >= 1024px) {
        font-size: var(--text-lg);
    }
}

.woocommerce table.shop_table_responsive:not(.account-orders-table) tr td::before, 
.woocommerce-page table.shop_table_responsive:not(.account-orders-table) tr td::before {
    @media (width <= 1024px) {
        font-size: var(--text-sm);
    }
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-Price-amount {
    color: var(--color-gray-700);
}

.woocommerce-cart .cart-collaterals .cart_totals table .shipping td {
    border-top: 0;
    text-align: left;
}

.woocommerce-cart .cart-collaterals .cart_totals table .shipping td::before {
    padding-bottom: 0.7rem;
}

.woocommerce ul#shipping_method {
    clear: both;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
}

.woocommerce ul#shipping_method li {
    margin-bottom: 0.4rem;
}

ul#shipping_method label .woocommerce-Price-amount.amount {
    font-weight: var(--font-weight-normal);
}

ul#shipping_method input + label {
    @media (width <= 1024px) {
        font-size: var(--text-sm);
    }
}

ul#shipping_method input:not(:checked) + label {
    color: var(--color-gray-200);
}

ul#shipping_method input:not(:checked) + label:before,
ul#shipping_method input:not(:checked) + label .woocommerce-Price-amount {
    border-color: var(--color-gray-200);
    color: var(--color-gray-200);
}

.woocommerce-cart ul#shipping_method li label {
    display: flex;
    justify-content: space-between;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
    padding-left: 1.1rem;
    text-align: left;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
    display: block;
    color: var(--color-primary);
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    text-align: left;

    @media (width <= 1024px) {
        font-size: var(--text-sm);
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination span {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-normal);

    @media (width >= 1024px) {
        margin-top: 1rem;
        padding-left: 1rem;
        font-size: var(--text-base);
    }
}

.woocommerce-cart .cart-collaterals .cart_totals [name="calc_shipping"] {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.woocommerce-cart .cart-collaterals .cart_totals [name="calc_shipping"]:hover {
    background-color: var(--color-primary-light);
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator {
    text-align: left;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button {
    margin: 0.3rem 0 1rem 1rem;
    color: var(--color-primary);
    font-size: var(--text-sm);

    @media (width >= 1024px) {
        margin: 0.7rem 0 1.5rem 2rem;
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button:hover {
    color: var(--color-primary-light);
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button::after {
    display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-Price-amount {
    font-weight: var(--font-weight-normal);
}

.woocommerce-cart .cart-collaterals .order-total, 
.woocommerce-cart .cart-collaterals .order-total .woocommerce-Price-amount {
    @media (width >= 1024px) {
        font-size: var(--text-lg);
    }
}

.woocommerce-cart .cart-collaterals .order-total th,
.woocommerce-cart .cart-collaterals .order-total td,
.woocommerce-cart .cart-collaterals .order-total .woocommerce-Price-amount {
    font-weight: var(--font-weight-semibold);
    
    @media (width >= 1024px) {
        padding-top: 1.5rem;
    }
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    width: 100%;

    @media (width >= 1024px) {
        width: 49%;
    }
}

.woocommerce .cart-collaterals .cross-sells ul,
.woocommerce-page .cart-collaterals .cross-sells ul,
.woocommerce .cart-collaterals .cross-sells ol,
.woocommerce-page .cart-collaterals .cross-sells ol {
    margin-bottom: 1rem;
}

.woocommerce .cart-collaterals .cross-sells ul li,
.woocommerce-page .cart-collaterals .cross-sells ul li,
.woocommerce .cart-collaterals .cross-sells ol li,
.woocommerce-page .cart-collaterals .cross-sells ol li {
    padding-bottom: 0;
}

.woocommerce .cart-collaterals .cross-sells .swiper-outer {
    position: relative;
}

.woocommerce .cart-collaterals .cross-sells .swiper-button-next,
.woocommerce .cart-collaterals .cross-sells .swiper-button-prev {
    display: none;
}

.woocommerce .cart-collaterals .cross-sells .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--color-gray-200);
    width: 10px;
    height: 10px;
}

.page-cart .return-to-shop {
    display: none;
}
