/* V114: fit a complete first row in the actual catalogue viewport on laptop screens.
   Preserve scrolling for remaining heroes; do not alter modal or other screens. */
@media (min-width:1051px) and (max-height:850px){
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__catalog{
   grid-template-rows:0px 38px minmax(0,1fr) 0px!important;
   gap:6px!important;padding:7px 10px!important;
 }
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__catalog-head,
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__pager{display:none!important}
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__grid-wrap{
   min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
   scrollbar-width:thin;scrollbar-color:#307fa9 transparent;
 }
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__grid{
   height:auto!important;min-height:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
   grid-template-rows:none!important;grid-auto-rows:clamp(112px,18vh,138px)!important;
   gap:7px!important;align-content:start!important;
 }
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card{
   height:clamp(112px,18vh,138px)!important;min-height:0!important;
   grid-template-rows:minmax(0,1fr) 22px 19px!important;border-radius:13px!important;
 }
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-portrait{min-height:0!important}
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-copy{padding:2px 6px!important;overflow:hidden!important}
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-copy strong{font-size:10px!important;line-height:1.1!important}
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-copy small{display:none!important}
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-status{height:19px!important;font-size:8px!important;padding:0 4px!important}
 body[data-ui-context="skins"] #screenSkins .skins-locker-v7__card-rarity{top:5px!important;left:5px!important;min-height:16px!important;padding:0 5px!important;font-size:7px!important}
}
@media (min-width:1051px) and (max-width:1199px) and (max-height:850px){
 body[data-ui-context="skins"] #screenSkins .skins-ref-v12__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}