
/* V162 - Home product categories
   Large desktop: 5 cards/row for the 1600px layout.
   Desktop: 4, tablet: 3, mobile: 2. */

@media(min-width:1500px){
  body:not(.admin-layout) .v117-home .v119-category-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    justify-content:stretch!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  /* Keep the cards compact so 5 columns still feel spacious */
  body:not(.admin-layout) .v117-home .v119-category-media{
    height:150px!important;
    min-height:150px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-body{
    padding:11px 13px 13px!important;
    min-height:120px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-body h3{
    font-size:17px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-body p{
    font-size:12px!important;
    min-height:34px!important;
    margin:4px 0 9px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-foot b{
    font-size:12px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-foot i{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-icon{
    width:46px!important;
    height:46px!important;
    left:12px!important;
    top:12px!important;
  }

  body:not(.admin-layout) .v117-home .v119-category-icon svg{
    width:27px!important;
    height:27px!important;
  }
}

@media(min-width:1200px) and (max-width:1499px){
  body:not(.admin-layout) .v117-home .v119-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media(min-width:768px) and (max-width:1199px){
  body:not(.admin-layout) .v117-home .v119-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

@media(max-width:767px){
  body:not(.admin-layout) .v117-home .v119-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
}
