/* All categories are visible in a responsive grid, using the store's palette. */
#categories {padding-block:42px 48px;}
#categories .category-heading {display:flex;align-items:center;gap:24px;margin-bottom:26px;}
#categories .category-heading h2 {margin:0;color:var(--white-warm);font-size:clamp(23px,2.6vw,32px);font-weight:850;line-height:1.6;}
#categories .category-heading > span {height:1px;flex:1;background:linear-gradient(to left,#fff8ea40,transparent);}
#categories .category-grid,
#categories .category-rail {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:18px;padding:0;overflow:visible;scroll-snap-type:none;}
#categories .rail-button {display:none;}
#categories .category-card {display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:5px 18px;align-items:start;min-width:0;min-height:166px;text-align:start;background:var(--white-warm);border:1px solid #d8c09f55;border-radius:16px;padding:20px;box-shadow:none;scroll-snap-align:none;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;}
#categories .category-art {grid-column:1;grid-row:1 / 4;width:100%;height:114px;aspect-ratio:auto;border-radius:10px;margin:0;align-self:center;background-repeat:no-repeat;}
#categories .category-card strong {grid-column:2;font-size:17px;font-weight:800;line-height:1.7;overflow-wrap:anywhere;}
#categories .category-card small {grid-column:2;margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere;}
#categories .category-card .card-link {grid-column:2;margin:8px 0 0;padding-top:10px;width:100%;border-top:1px solid #d8c09f80;color:var(--orange-600);font-size:12px;line-height:1.6;font-weight:700;}
#categories .category-card:hover {border-color:var(--orange-600);transform:translateY(-3px);box-shadow:none;}
#categories .category-card.active {border-color:var(--orange-600);background:var(--cream-50);transform:none;box-shadow:inset 0 0 0 1px var(--orange-600);}
#categories .category-card:focus-visible {outline:3px solid #f4b36e;outline-offset:4px;}
@media (max-width:1000px) {
  #categories .category-grid,#categories .category-rail {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px) {
  #categories {padding-block:28px 32px;}
  #categories .category-heading {gap:14px;margin-bottom:20px;}
  #categories .category-heading h2 {font-size:23px;}
  #categories .category-grid,#categories .category-rail {gap:12px;}
  #categories .category-card {grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:5px;min-height:0;border-radius:14px;padding:12px;text-align:center;}
  #categories .category-art {grid-column:1;grid-row:1;height:auto;aspect-ratio:1.15;margin-bottom:6px;}
  #categories .category-card strong {grid-column:1;font-size:14px;}
  #categories .category-card small {grid-column:1;font-size:11px;}
  #categories .category-card .card-link {grid-column:1;font-size:11px;margin-top:7px;padding-top:8px;}
}
@media (prefers-reduced-motion:reduce) {
  #categories .category-card {transition:none;}
  #categories .category-card:hover {transform:none;}
}