/* Shared product cards, one horizontally scrollable row. No external slider dependency. */
.px-related{min-width:0}.px-related__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.px-related__heading h2{margin:0}.px-related__tools{display:flex;align-items:center;gap:14px;flex:none}.px-related__tools>.px-link-button{font-size:12px}.px-related__arrows{display:flex;gap:6px}.px-related__arrows[hidden]{display:none}.px-related__arrows .px-button{width:40px;min-height:40px;padding:6px;font-size:20px}.px-related__list.px-product-grid{position:relative;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scroll-padding:1px;padding:1px 1px 12px;max-width:100%;align-items:stretch}.px-related__list>.px-card{scroll-snap-align:start;min-width:0}.px-related--compact .px-related__list.px-product-grid{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.px-related--compact .px-related__heading h2{font-size:22px}.px-related--compact .px-related__heading{flex-wrap:wrap}.px-related[hidden]{display:none}.px-order-cart-column{min-width:0}.px-order-cart-column>.px-related{margin-top:24px;margin-bottom:0}
@media(max-width:1199px){.px-related__list.px-product-grid{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:899px){.px-related__list.px-product-grid{grid-auto-columns:calc((100% - 20px)/2)}.px-related--compact .px-related__list.px-product-grid{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:639px){.px-related__heading{align-items:start;flex-wrap:wrap}.px-related__heading h2{font-size:24px}.px-related__list.px-product-grid{gap:10px;grid-auto-columns:calc((100% - 10px)/2)}.px-related--compact .px-related__list.px-product-grid{gap:10px;grid-auto-columns:calc((100% - 10px)/2)}.px-order-cart-column>.px-order-cart{padding:16px}}

/* Checkout keeps its natural reading/tab order. Suggestions follow it on small screens. */
.px-order-layout:has(>.px-order-cart-column){grid-template-rows:auto auto}
.px-order-layout>.px-order-cart{grid-column:1;grid-row:1}
.px-order-layout>.px-order-form{grid-column:2;grid-row:1}
.px-order-layout>.px-order-cart-column{grid-column:1/-1;grid-row:2}
.px-order-cart-column>.px-related:first-child{margin-top:0}
@media(max-width:899px){.px-order-layout:has(>.px-order-cart-column){grid-template-rows:auto}.px-order-layout>.px-order-form{grid-column:1;grid-row:2}.px-order-layout>.px-order-cart-column{grid-column:1;grid-row:3}}