/* Keep catalog controls and grid contents inside the available width. */
.products{grid-template-columns:repeat(3,minmax(0,1fr))}
.product,.product-body,.option-field,.series-tile,.cart-name{min-width:0}
.option-field select{min-width:0;max-width:100%}
.product-body,.cart-name{overflow-wrap:anywhere}
.search{min-width:0;max-width:100%}
.results-bar{flex-wrap:wrap}
.results-bar>label{min-width:0;max-width:100%}
.results-bar select{max-width:100%;min-width:0}
.cart-head{flex-wrap:wrap}
.cart-controls{flex-wrap:wrap}
.brand{min-width:0}
.brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.brand-mark{flex-shrink:0}
@media(max-width:1050px){.series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .products{grid-template-columns:minmax(0,1fr)}
 .options{grid-template-columns:minmax(0,1fr)}
 .results-bar{align-items:flex-start;gap:12px}
 .results-bar>label{display:grid;gap:6px;width:100%}
 .results-bar select{width:100%;margin-left:0}
 .tools,.filters,.subfilters{min-width:0;max-width:100%}
 .filter,.subfilters button{max-width:100%;white-space:normal}
 .cart-controls{max-width:100%}
 .series-tile span{padding:10px}
 .series-tile strong,.series-tile em{overflow-wrap:anywhere}
}