.mobile-categories-toggle,.mobile-filter-bar{display:none}
/* Compact desktop subject tiles; phone layout below remains unchanged. */
@media(min-width:701px){
 #categories .category-group{margin-bottom:18px}
 #categories .category-group h3{font-size:17px;padding:10px 14px;margin-bottom:12px}
 #categories .category-group .categories{gap:10px}
 #categories .category-group .categories>button{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:center;align-items:center;column-gap:10px;row-gap:4px;min-height:72px;padding:12px 14px;border-radius:12px;text-align:left}
 #categories .category-group .categories>button.has-description{min-height:86px}
 #categories .category-group .categories>button .category-icon{grid-column:1;grid-row:1 / span 2;font-size:24px;line-height:1;margin:0}
 #categories .category-group .categories>button .category-flag{width:28px;height:20px;object-fit:contain}
 #categories .category-group .categories>button strong{grid-column:2;font-size:14px;line-height:1.35;margin:0;overflow-wrap:anywhere}
 #categories .category-group .categories>button small{grid-column:2;font-size:12px;line-height:1.4;margin:0}
 #categories .category-extra{margin-top:10px}
 #categories .category-group .categories[hidden]{display:none}
}
@media(max-width:700px){
 .hero .hero-inner{padding-top:24px;padding-bottom:24px;gap:20px}
 .hero .brand-intro{max-width:240px;margin:0 auto 20px;padding:0}
 .hero .brand-intro img{width:100%;height:auto}
 .hero .search{margin-top:16px}
 .hero .search input{font-size:16px}
 #categories-section{padding-top:24px;padding-bottom:24px}
 #categories-section h2{font-size:26px}
 #categories.category-groups{display:block}
 #categories .category-group{margin-bottom:18px}
 #categories .category-group h3{padding:12px 14px;font-size:16px;margin-bottom:10px}
 #categories .category-group .categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
 #categories .categories[hidden]{display:none}
 #categories .category-group .categories>button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;width:100%;min-width:0;height:auto;min-height:48px;padding:8px;gap:6px;border-radius:10px}
 #categories .category-group .categories>button strong{font-size:13px;line-height:1.35;margin:0;overflow-wrap:anywhere}
 #categories .category-group .categories>button .category-icon{font-size:20px;line-height:1;flex:0 0 22px;margin:0}
 #categories .category-group .categories>button .category-flag{width:22px;height:16px;object-fit:contain}
 #categories .category-group .categories[hidden]{display:none}
 #categories .categories>button strong{font-size:14px;overflow-wrap:anywhere}
 #categories .categories>button small{display:none}
 #categories .category-icon{font-size:26px}
 #categories.mobile-categories-collapsed>.category-group:not(:first-child),#categories.mobile-categories-collapsed>.category-group:first-child .categories>button:nth-child(n+5){display:none}
 .mobile-categories-toggle{display:flex;width:100%;min-height:46px;margin-top:12px}
 .mobile-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}
 .mobile-filter-bar button{min-height:46px}
 .mobile-filter-bar [hidden]{display:none}
 .discovery-filters.mobile-filters-collapsed{display:none}
 .discovery-filters .discovery-controls{grid-template-columns:minmax(0,1fr)}
 .discovery-filters select,.discovery-filters input{font-size:16px}
 #catalog .section{padding-top:24px}
 #catalog .section-heading{flex-wrap:wrap;gap:8px}
 #catalog h2{font-size:26px;margin-bottom:8px}
 #products>.empty{grid-column:1/-1;padding:24px 18px;border-radius:18px;background:#fff}
 #products>.empty h2{font-size:23px}
 #products .card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:stretch;border-radius:14px;min-width:0}
 #products .card>a{display:flex;align-items:center;background:#f4f1ff;min-width:0;padding:8px}
 #products .card>a>.cover{width:100%;height:108px;min-height:0;padding:0;border-radius:6px}
 #products .card .public-cover{width:100%;height:100%;max-height:108px;object-fit:contain}
 #products .card .cover-sheet{max-width:100%;max-height:100%;overflow:hidden;padding:5px;font-size:8px}
 #products .card .card-body{min-width:0;padding:12px 14px;gap:0}
 #products .card h3{font-size:16px;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}
 #products .card .author,#products .card .rating{font-size:13px;line-height:1.5;margin:0 0 8px}
 #products .card .meta{font-size:12px}
 #products .card .card-bottom{gap:12px;margin-top:12px;flex-wrap:wrap}
 #products .card .price{font-size:17px}
 #products .card .card-bottom .button{min-height:44px;padding:10px 14px;font-size:13px}
 #products .card .badge{position:static;grid-column:1;grid-row:2;align-self:center;justify-self:center;max-width:100%;margin:0 4px 8px;padding:4px 6px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
 #products .card>a{grid-column:1;grid-row:1}
 #products .card .card-body{grid-column:2;grid-row:1 / span 3}
 #products .card .favorite{position:static;grid-column:1;grid-row:3;justify-self:center;align-self:end;min-width:44px;min-height:44px;width:44px;height:44px;margin:0 0 8px}
 #products .card .card-bottom .button{flex:1;white-space:normal;text-align:center}
 #products .card .rating .muted{display:block;margin-top:4px}
 #products{gap:12px}
 #categories .category-group h3{font-size:14px;padding:9px 12px;margin-bottom:8px}
 #categories .category-group{margin-bottom:12px}
}