/* Approved mobile design: four category icons per viewport, existing horizontal browsing retained.
   Full informational website footer remains on desktop/tablet only. */
@media (max-width:760px) {
  body footer.lb-premium-footer { display:none !important; }
  #app .home-card:has(.lb-category-slider) { min-width:0; overflow:hidden; }
  #app .home-card .lb-cat-carousel {
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding-inline:22px !important;
    overflow:hidden;
  }
  #app .home-card .lb-cat-carousel .lb-category-slider {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start;
    gap:6px !important;
    padding:8px 0 12px !important;
    width:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  #app .home-card .lb-cat-carousel .lb-category-slider::-webkit-scrollbar { display:none; }
  #app .home-card .lb-cat-carousel .lb-category-slider > a {
    display:block;
    flex:0 0 calc((100% - 18px) / 4) !important;
    min-width:0 !important;
    max-width:calc((100% - 18px) / 4) !important;
    scroll-snap-align:start;
    text-align:center;
  }
  #app .home-card .lb-category-slider .lb-category-photo {
    width:min(100%,68px) !important;
    height:auto !important;
    aspect-ratio:1;
    border-radius:50%;
    margin:0 auto 5px !important;
    overflow:hidden;
  }
  #app .home-card .lb-category-slider .lb-category-photo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  #app .home-card .lb-category-slider strong {
    font-size:clamp(9px,2.6vw,12px) !important;
    line-height:1.2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    overflow-wrap:anywhere;
    min-height:2.4em;
  }
  #app .home-card .lb-category-slider small {
    font-size:clamp(8px,2.2vw,10px) !important;
    line-height:1.15;
    white-space:nowrap;
    padding:4px 5px !important;
    margin-top:4px !important;
    max-width:100%;
    box-sizing:border-box;
  }
  #app .home-card .lb-cat-arrow {
    width:24px !important;
    height:29px !important;
    font-size:20px !important;
    top:43% !important;
  }
}
@media (max-width:360px) {
  #app .home-card .lb-cat-carousel { padding-inline:18px !important; }
  #app .home-card .lb-category-slider .lb-category-photo { width:min(100%,58px) !important; }
}