/* Product purchase columns are 20% wider; stacked layouts keep their full width. */
@media(min-width:901px){
 .main.wrap:has(.product,.product-offer){max-width:1320px}
 body.product-game-theme .main.wrap:has(.product,.product-offer),
 .main.wrap:has(.product-dota-compact){max-width:1120px}
 .product{grid-template-columns:minmax(0,1fr) 468px}
 .product-offer.offer-editorial{grid-template-columns:minmax(0,1fr) minmax(396px,468px)}
 .product-game-hero .product-offer.offer-editorial,
 .product-dota-compact .product-offer.offer-editorial{grid-template-columns:minmax(0,1fr) 372px}
}