/* Keep each GN heading attached to its own unchanged family card. */
.catalog-page .product-grid>.gn-family-catalog-row{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;min-width:0}
.gn-family-catalog-row>.gn-family-catalog-group{display:grid;grid-template-rows:44px auto;min-width:0;align-items:start}
.gn-family-catalog-group>.catalog-heating-section{display:block;grid-column:auto;margin:0;padding:0;border:0;text-align:left;min-width:0}
.gn-family-catalog-group>.catalog-heating-section h3{margin:0;font-size:18px;line-height:1.25;text-align:left;word-break:normal;overflow-wrap:normal}
.gn-family-catalog-group>.catalog-heating-section small{display:block;margin-top:3px;font-size:11px;line-height:1.2}
.gn-family-catalog-group>.product-card{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:1100px){.catalog-page .product-grid>.gn-family-catalog-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:700px){.gn-family-catalog-group>.catalog-heating-section h3{font-size:14px}.gn-family-catalog-row>.gn-family-catalog-group{grid-template-rows:40px auto}}
/* Slush only: equal image columns regardless of flavour-label length. */
.product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-option{display:grid;grid-template-columns:88px minmax(0,1fr);justify-content:start;justify-items:start;align-items:center;gap:10px}
.product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-photo{grid-column:1;width:88px;height:72px;margin:0}
.product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-label{grid-column:2;min-width:0;text-align:left;overflow-wrap:break-word}
@media(max-width:760px){
 .product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-option{grid-template-columns:44px minmax(0,1fr);gap:8px}
 .product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-photo{width:44px;height:72px}
}
@media(max-width:359px){
 .product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-option{grid-template-columns:40px minmax(0,1fr);gap:5px}
 .product-size-choice:is([data-product-size-family="slush-concentrate-1l"],[data-product-size-family="slush-concentrate-5l"]) .product-size-photo{width:40px}
}