/* ZEFFIRO 4.35: category illustrations with a guaranteed safe visual margin.
   Prior 4.34 sprites contained baked-in partial card borders and cropped objects.
   All assets here are complete standalone objects; the card shell is drawn by CSS. */
html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {
  box-sizing:border-box!important; overflow:visible!important; padding:6px 12px!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art,
html body main[data-page="home"] #categories .quick-section-icon img.zf435-safe-art {
  box-sizing:border-box!important; width:min(100%,170px)!important; max-width:170px!important;
  height:170px!important; max-height:170px!important;
  object-fit:contain!important; object-position:center!important;
  transform:none!important; scale:1!important;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))!important;
}
@media(hover:hover) and (pointer:fine){
  html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf423-category-art,
  html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf435-safe-art {
    transform:translateY(-3px)!important; scale:1!important;
  }
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-icon img.zf435-safe-art {
  filter:drop-shadow(0 8px 9px rgba(25,58,49,.18))!important;
}
@media(max-width:700px){
  html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {padding:6px 10px!important;}
  html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art,
  html body main[data-page="home"] #categories .quick-section-icon img.zf435-safe-art {
    width:min(100%,131px)!important;max-width:131px!important;height:131px!important;max-height:131px!important;
    transform:none!important;
  }
}
