/* Woo leftovers that must sit on top of v3 tokens */

/* Kill leftover Woo float columns if layout CSS still loads */
.woocommerce .products, .woocommerce-page .products,
.woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4,
.woocommerce ul.products[class*=columns]{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:20px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.first,
.woocommerce ul.products li.last{
  width:auto !important; float:none !important; margin:0 !important; clear:none !important;
}
@media (max-width: 980px){
  .woocommerce ul.products, .woocommerce-page ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

.woocommerce span.onsale{display:none !important}

.woocommerce-cart .woocommerce{display:block}
.woocommerce-variation-add-to-cart{display:flex; gap:10px; align-items:center}
.woocommerce-variation-add-to-cart .quantity{display:none}
.pdp:has(.size-pills) .reset_variations{display:none !important}
form.cart{display:flex; flex-direction:column; gap:12px}
form.cart .quantity{margin:0}
.related.products ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.related.products>h2{font-size:32px; margin:24px 0}
.woocommerce-form-login .form-row{margin:0 0 16px; float:none; width:100%}
.sk-login .form-row-first,.sk-login .form-row-last{float:none; width:100%}
.woocommerce-checkout #payment{background:transparent; border:0}
.woocommerce-checkout #payment ul.payment_methods{padding:0; border:0}
body.sk-has-ship-tiles #shipping_method{
  position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
}
.woocommerce-shipping-totals th{font-weight:500}
.sk-ship-hint{display:block; font-size:12px; color:var(--color-neutral-700); margin-top:4px}
.sk-ship-rec{display:inline-block; margin-top:6px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--color-accent-2-800)}
.sk-pay-host .wc_payment_method>input,
.sk-block--pay .wc_payment_method>input{margin:0 8px 0 0}
.single_variation_wrap .woocommerce-variation-price{display:none}
@media (max-width: 800px){
  ul.wc_payment_methods, .related.products ul.products{grid-template-columns:1fr}
}