/* Compact roller family: large product image, two six-column variant rows. */
#groupCatalogsGrid:has(> .catalog-variants-group){grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;padding-top:8px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item{grid-column:1!important;max-width:none!important;min-height:0!important;padding:12px!important;justify-content:flex-start!important;gap:8px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-variants-group{grid-column:2!important;padding:14px!important;gap:10px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-image{width:100%!important;max-width:none!important;height:205px!important;object-fit:contain!important;margin:0!important}
#groupCatalogsGrid .catalog-item-specs{padding:0!important;margin:0!important;gap:2px!important}
#groupCatalogsGrid .catalog-variants-header{padding-bottom:8px!important;gap:8px!important}
#groupCatalogsGrid .catalog-variants-grid{gap:8px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
#groupCatalogsGrid .catalog-variant{min-height:0!important;padding:10px 6px!important;gap:5px!important}
#groupCatalogsGrid .catalog-variant-suffix{font-size:24px!important}
#groupCatalogsGrid .catalog-variant-specs{padding-top:2px!important;margin-top:0;gap:2px!important}
#groupCatalogsGrid>.catalog-assemblies-group{padding:14px!important;gap:10px!important}
@media(max-width:1400px){#groupCatalogsGrid:has(> .catalog-variants-group){grid-template-columns:1fr!important}#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item{grid-column:1!important;display:grid!important;grid-template-columns:minmax(220px,340px) 1fr!important;align-items:center!important;text-align:left}#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-variants-group{grid-column:1!important}#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-image{grid-row:1/3!important;height:190px!important}}
@media(max-width:760px){#groupCatalogsGrid .catalog-variants-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item{grid-template-columns:1fr!important}#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-image{grid-row:auto!important;height:230px!important}}
@media(max-width:420px){#groupCatalogsGrid .catalog-variants-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* The photo is wrapped by catalog-icon; size the wrapper as well as its image. */
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-icon{width:100%!important;max-width:none!important;height:205px!important;min-height:0!important;margin:0!important;display:block!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-icon img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:10px}
@media(min-width:761px) and (max-width:1400px){
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item{grid-template-rows:1fr 1fr!important;column-gap:22px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-icon{grid-row:1/3!important;height:190px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-name{grid-column:2;align-self:end;text-align:left;font-size:20px!important}
#groupCatalogsGrid:has(> .catalog-variants-group)>.catalog-item .catalog-item-specs{grid-column:2;align-self:start;text-align:left}
}