/* JICOA Category V8 — exact reference artwork, full objects, one compact row.
   Artwork was extracted from the user's selected reference design. 
   No object-fit:cover; no artificial padding that crops the source. */
.category-section{padding-top:24px}
.category-grid{
 display:grid!important;
 grid-template-columns:repeat(10,minmax(0,1fr))!important;
 gap:clamp(8px,.7vw,12px)!important;
 align-items:start;
 overflow:visible!important;
 padding:0!important;
}
.category-card{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 justify-content:flex-start!important;gap:7px!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 margin:0!important;padding:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;text-align:center!important;
}
.category-picture{
 width:100%!important;height:auto!important;aspect-ratio:11 / 6!important;
 display:block!important;overflow:hidden!important;position:relative;
 margin:0!important;padding:0!important;border:0!important;
 border-radius:11px!important;background:#f3f3f3!important;
}
.category-picture img{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 margin:0!important;padding:0!important;border:0!important;
 mix-blend-mode:normal!important;filter:none!important;
 transform:none!important;transition:filter .15s ease!important;
}
.category-card:hover .category-picture img{transform:none!important;filter:brightness(.975)!important}
.category-card>span:last-child{
 display:block!important;width:100%!important;min-height:30px!important;
 margin:0!important;padding:0 1px!important;
 font-size:clamp(10px,.77vw,12px)!important;
 font-weight:600!important;line-height:1.22!important;text-align:center!important;
 color:#17191a!important;
}
@media(max-width:1000px){
 .category-grid{
  display:flex!important;flex-wrap:nowrap!important;
  gap:11px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin;scroll-snap-type:x proximity;
  padding-bottom:8px!important;
 }
 .category-card{
  flex:0 0 136px!important;width:136px!important;min-width:136px!important;max-width:136px!important;
  scroll-snap-align:start;
 }
 .category-card>span:last-child{font-size:11px!important}
}
@media(max-width:550px){
 .category-grid{gap:10px!important}
 .category-card{flex-basis:125px!important;width:125px!important;min-width:125px!important;max-width:125px!important}
}