/* Only the homepage's category grids use these rules. */
.al-homepage .heroCopy .heroDescription {
  max-width: 560px;
  margin: 0 0 28px;
  color: #f3f3f3;
  font-size: clamp(16px, 1.6vw, 21px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: normal;
}
.al-homepage .heroCopy h1 { font-size: clamp(42px, 7vw, 108px); }
.al-brands-page { max-width: 1440px; min-height: 60vh; margin: 0 auto; padding: 90px max(20px, 4vw); }
.al-brands-eyebrow { color: #999; font-size: 11px; font-weight: 700; letter-spacing: .2em; }
.al-brands-page h1 { margin: 16px 0 44px; font-size: clamp(46px, 7vw, 100px); line-height: .9; letter-spacing: -.06em; }
.al-brands-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.al-brands-grid a { display: flex; align-items: center; justify-content: space-between; min-height: 80px; padding: 20px; border: 1px solid #404040; color: inherit; font-weight: 700; text-decoration: none; }
.al-brands-grid a:hover, .al-brands-grid a:focus-visible { border-color: #c7ff00; color: #c7ff00; }
@media (max-width: 767px) { .al-homepage .heroCopy h1 { font-size: clamp(36px, 10vw, 52px); } .al-brands-page { padding-top: 56px; } }
.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; }
}