/* Only the homepage's category grids use these rules. */
.al-homepage [data-home-category] { --home-category-gutter:4vw; }
html body#storefrontRoot.afford-store [data-home-category] .feedHead,
html body#storefrontRoot.afford-store [data-home-category] .homeGridToolbar,
html body#storefrontRoot.afford-store [data-home-category] [data-home-grid] {
  box-sizing:border-box;
  padding-inline:var(--home-category-gutter);
}
html body#storefrontRoot.afford-store [data-home-category] [data-home-grid] {
  display:grid;
  grid-template-columns:repeat(var(--home-desktop-columns, 5), minmax(0, 1fr));
  gap:28px 14px;
  columns:auto;
}
[data-home-catalogue] [hidden] { display:none !important; }
[data-home-category]:not([data-grid-ready]) [data-home-grid] > :nth-child(n+11) { display:none; }
.al-homepage .homeGridToolbar {
  display:flex; align-items:center; justify-content:flex-end; gap:14px;
  padding-block:0 22px; font-size:10px; font-weight:700; letter-spacing:.08em;
}
.al-homepage .homeGridChoices { display:flex; gap:6px; }
.al-homepage .homeGridMobile { display:none; }
.al-homepage .homeGridChoices button,
.al-homepage .homeGridMore button {
  min-width:44px; min-height:44px; padding:8px 12px; border:1px solid currentColor;
  background:transparent; color:inherit; font:inherit; cursor:pointer; border-radius:0;
}
.al-homepage .homeGridChoices button[aria-pressed="true"] { background:#c7ff00; color:#141412; border-color:#c7ff00; }
.al-homepage .homeGridChoices button:focus-visible,
.al-homepage .homeGridMore button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.al-homepage .homeGridMore { text-align:center; padding:0 16px 20px; }
.al-homepage .homeGridMore button { min-width:150px; font-size:11px; font-weight:700; letter-spacing:.08em; }
.al-homepage .homeGridMore button:disabled { opacity:.6; cursor:wait; }
.al-homepage .homeGridMore p { margin:10px 0 0; font-size:12px; }
.al-homepage .homeGridMore p:empty { display:none; }
@media (max-width:767px) {
  .al-homepage [data-home-category] { --home-category-gutter:12px; }
  html body#storefrontRoot.afford-store [data-home-category] [data-home-grid] {
    grid-template-columns:repeat(var(--home-mobile-columns, 2), minmax(0, 1fr)); gap:24px 9px;
  }
  [data-home-category]:not([data-grid-ready]) [data-home-grid] > :nth-child(n+7) { display:none; }
  .al-homepage .homeGridToolbar { padding-block:0 18px; gap:10px; font-size:9px; }
  .al-homepage .homeGridDesktop { display:none; }
  .al-homepage .homeGridMobile { display:flex; }
}