/* V88: restore original three-dot menu. Site menus use original CSS/JS. */

/* V87: restore three preview category cards + View All toggle; keep six-category data */
#explore-categories .category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;align-items:stretch!important}
#explore-categories .category-grid .category-card{display:flex!important;flex-direction:column;flex:initial!important;min-width:0!important;max-width:none!important;width:auto!important;scroll-snap-align:unset!important}
#explore-categories .category-grid[data-expanded="false"] .category-card:nth-child(n+4){display:none!important}
#explore-categories .category-grid[data-expanded="true"] .category-card{display:flex!important}
#explore-categories .category-card-picture{aspect-ratio:16/9}
#explore-categories .category-card-body{padding:19px 17px 17px!important}
#explore-categories .category-card h3{font-size:clamp(21px,2vw,30px)!important}
#explore-categories .category-card-body>p{font-size:12px!important;line-height:1.65!important;margin:9px 0 16px!important}
#explore-categories .category-card-cta{font-size:12px!important;min-height:44px!important;padding:12px!important}
#explore-categories .category-actions{display:flex!important;justify-content:center;margin:22px auto 0}
#explore-categories #categories-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:12px}
@media(max-width:750px){#explore-categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#explore-categories .category-card-body{padding:13px 12px!important}#explore-categories .category-card h3{font-size:21px!important}}
@media(max-width:430px){#explore-categories .category-grid{grid-template-columns:1fr!important;gap:14px!important}#explore-categories .category-card-picture{aspect-ratio:16/9}#explore-categories .category-card h3{font-size:27px!important}}


/* V89 — mobile-only Category Cards: 2 columns x 2 rows, with button below.
   Keeps previously approved original category images and 3-column desktop layout. */
@media (max-width:700px) {
  #explore-categories .category-grid,
  #explore-categories #category-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
    align-items:stretch !important;
  }
  #explore-categories .category-grid .category-card {
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    flex-direction:column !important;
  }
  #explore-categories .category-grid[data-expanded="false"] .category-card:nth-child(4) {
    display:flex !important;
  }
  #explore-categories .category-grid[data-expanded="false"] .category-card:nth-child(n+5) {
    display:none !important;
  }
  #explore-categories .category-grid[data-expanded="true"] .category-card {
    display:flex !important;
  }
  #explore-categories .category-card-picture {aspect-ratio:16/9 !important;overflow:hidden !important;}
  #explore-categories .category-card-picture img {width:100% !important;height:100% !important;object-fit:cover !important;}
  #explore-categories .category-card-body {padding:12px 10px 11px !important;flex:1 !important;}
  #explore-categories .category-card h3 {
    font-size:clamp(16px,4.2vw,22px) !important;
    line-height:1.15 !important;
    overflow-wrap:break-word !important;
  }
  #explore-categories .category-card-body>p {
    font-size:10px !important;
    line-height:1.5 !important;
    margin:8px 0 12px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden;
  }
  #explore-categories .category-card-cta {
    min-height:41px !important;
    padding:9px 5px !important;
    font-size:10px !important;
    gap:4px !important;
    margin-top:auto !important;
  }
  #explore-categories .category-actions {display:flex !important;justify-content:center !important;margin:20px auto 0 !important;}
  #explore-categories #categories-toggle {display:inline-flex !important;justify-content:center !important;align-items:center !important;}
}
@media (max-width:360px) {
  #explore-categories .category-grid {gap:9px !important;}
  #explore-categories .category-card-body {padding:10px 8px !important;}
  #explore-categories .category-card h3 {font-size:16px !important;}
  #explore-categories .category-card-cta {font-size:9px !important;}
}
