Build Woocommerce store in Oxygen part 3 CSS

/*CART COUNTER*/
.cart-counter a{color:white}



/*CART PAGE*/

.oxy-woo-cart .woocommerce .cart_totals h2, .oxy-woo-cart .woocommerce .cross-sells h2 {
    margin-bottom: min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem);
    font-size: 18px;
}

.cross-sells h2.woocommerce-loop-product__title {
    font-size: 12px!important;
}


#add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
    margin-top: 0;
    max-width: 200px;
}


.woocommerce ul.products li.product a img
{border:none}


.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
    padding: 32px;
    background: var(--white-color);
    border: solid 1px var(--border-color);
    border-radius: 5px;
}

/*CART PAGE LAYOUT*/


.cross-sells h2.woocommerce-loop-product__title
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.oxy-woo-cart {
    width: 100%;
}

.oxy-woo-cart .woocommerce {

    display: flex;
gap: 10px;
}

.oxy-woo-cart .cart-collaterals {
    width: 40%;
    padding: 0;
    height: fit-content;
    position: sticky;
    top: 50px;
	border-top: 3px solid var(--secondary-color);
	border-radius:0;

}

.oxy-woo-cart .woocommerce .cross-sells {
    width: 100%;
    margin-bottom: 33px;
    overflow: auto;
    max-height: 470px;
	padding:16px;
	scrollbar-width:thin;
	scrollbar-color: #4a4a4a #c4c4c4
}

.oxy-woo-cart .woocommerce a.button.alt {

    margin-bottom: 0;
}


.oxy-woo-cart .woocommerce .cart_totals {

    width: 100%;
	padding:16px
}


.oxy-woo-cart .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin:0;
}

#add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
    margin-top: 0;
    max-width: 48%;
}




/*CHECKOUT PAGE*/

@media (min-width: 769px) {
    .oxy-woo-checkout .woocommerce .col2-set,
    .oxy-woo-checkout .woocommerce-page .col2-set {
        display: block;
    }
    .woocommerce.woocommerce-checkout form #customer_details.col2-set,
    .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
        width: 55%;
        float: left;
        margin-right: 4.347826087%;
    }
    .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-1,
    .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-2,
    .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-1,
    .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-2 {
        float: none;
        width: auto;
    }
    .woocommerce.woocommerce-checkout form #order_review,
    .woocommerce.woocommerce-checkout form #order_review_heading,
    .woocommerce-page.woocommerce-checkout form #order_review,
    .woocommerce-page.woocommerce-checkout form #order_review_heading {
        width: 40%;
        float: right;
        margin-right: 0;
        clear: right;
    }
}

.cart_item .product-name, .cart_item .woocommerce-Price-amount {
    font-size: 14px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {

    margin-top: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem);;
}