/* The mobile category chooser uses the current taxonomy and product counts. */
.mobile-directory{display:none}
@media(max-width:767px){
  body:has(.catalog-directory-page){--nav-height:64px;background:var(--pale)}
  body:has(.catalog-directory-page) .site-header .header-main{width:calc(100% - 16px);grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;min-height:64px;padding:8px 0}
  body:has(.catalog-directory-page) .header-main .logo{display:none}
  body:has(.catalog-directory-page) .site-header .search{grid-column:2;grid-row:1;display:flex;min-width:0;height:44px;border:0;border-radius:12px}
  body:has(.catalog-directory-page) .search button{order:-1;width:34px;padding:8px 6px 8px 10px;color:var(--orange);background:transparent}
  body:has(.catalog-directory-page) .site-header .search input{padding:8px 8px 8px 2px;font-size:16px}
  body:has(.catalog-directory-page)>.mobile-official{display:flex;min-height:32px;margin:0}
  .catalog-main.catalog-directory-page{width:calc(100% - 24px);padding-top:12px}
  .catalog-directory-page .directory-content>.breadcrumbs,.catalog-directory-page .directory-content>.tj-directory{display:none}
  .catalog-main.catalog-directory-page .catalog-overview-layout{margin:0;padding:0}
  .catalog-main.catalog-directory-page .directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 10px}
  .catalog-main.catalog-directory-page .directory-heading h1{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0}
  .catalog-main.catalog-directory-page .directory-heading>a{min-height:44px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--orange)}
  .catalog-directory-page .mobile-directory{display:block}
  .mobile-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalog-directory-page .directory-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:100px;gap:3px;padding:10px 12px;border:0;border-radius:15px;background:var(--white);color:var(--ink);text-decoration:none}
  .directory-tile-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:var(--warm);color:var(--orange);margin-bottom:1px}
  .directory-tile-icon>.icon{width:22px;height:22px;stroke-width:1.7;fill:none}
  .directory-tile-icon>.directory-tile-icon-large{stroke-width:3.4}
  .directory-tile .directory-tile-arrow{position:absolute;right:11px;top:13px;width:15px;height:15px;transform:rotate(-90deg);color:var(--muted);opacity:.5}
  .directory-tile-title{font:500 14px/1.3 var(--font-body);text-wrap:wrap;overflow-wrap:break-word}
  .directory-tile-count{font-size:12px;line-height:1.4;color:var(--muted);margin-top:0}
  .catalog-directory-page .directory-fire-tile{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;margin-top:10px;padding:12px;background:var(--white);color:var(--ink);border:0;border-radius:15px;text-decoration:none}
  .directory-fire-tile .directory-tile-icon{margin:0}
  .directory-fire-tile strong{display:block;font-size:14px;line-height:1.35;font-weight:500}
  .directory-fire-tile small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:3px}
  .directory-fire-tile>.directory-tile-arrow{width:15px;height:15px;transform:rotate(-90deg);color:var(--muted);opacity:.5}
  .directory-collections{margin:18px 0 24px}
  .catalog-directory-page .directory-collections h2{font:500 18px/1.3 var(--font-body);margin:0 2px 10px;letter-spacing:-.01em}
  .directory-collections nav{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px}
  .directory-collections a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:48px;padding:11px 12px;border-radius:12px;background:var(--white);color:var(--ink);font-size:14px;line-height:1.4;white-space:nowrap}
  .directory-collections a>span{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}
  .directory-collections a>.icon{width:14px;height:14px;transform:rotate(-90deg);color:var(--muted)}
  .mobile-directory a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
}
@media(max-width:359px){
  .catalog-directory-page .directory-tile{padding:10px;min-height:100px}
  .directory-tile-title{font-size:13px}
}