* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
:where(body.srebro-store) {
  margin: 0;
  background: var(--srebro-color-white);
  color: var(--srebro-color-ink);
  font-family: var(--srebro-font-body);
  font-size: var(--srebro-text-base);
  line-height: var(--srebro-line-base);
  img { max-width: 100%; height: auto; }
  a {
    color: var(--srebro-color-graphite);
    text-decoration: none;
    transition: color var(--srebro-duration-standard) var(--srebro-ease-standard);
    &:hover, &:focus { color: var(--srebro-color-steel); text-decoration: none; }
    &:focus-visible { outline: 3px solid var(--srebro-color-focus); outline-offset: 3px; }
  }
  button:focus-visible, input:focus-visible, select:focus-visible, .btn:focus-visible, summary:focus-visible { outline: 3px solid var(--srebro-color-focus); outline-offset: 3px; }
  h1, h2, h3, h4, h5 { color: var(--srebro-color-graphite); font-family: var(--srebro-font-display); font-weight: 400; line-height: var(--srebro-line-tight); }
  h1 { font-size: clamp(2.6rem, 5vw, 4.7rem); }
  h2 { font-size: clamp(2rem, 3vw, 3rem); }
  p { line-height: var(--srebro-line-copy); }
  .container { width: min(100% - 40px, var(--srebro-container-width)); }
}
.breadcrumb {
  margin: 23px 0 27px; padding: 0; background: none; font-size: 13px;
  a { color: var(--srebro-color-gray-600); }
  > li + li::before { content: '/'; color: var(--srebro-color-silver); }
}
.page-title, .category-title { margin: 10px 0 25px; }
.category-description { margin: 0 0 25px; color: var(--srebro-color-muted); }
.category-thumb { margin-bottom: 24px; img { width: 100%; aspect-ratio: 1.4; object-fit: cover; } }
@media (max-width: 767px) {
  body.srebro-store .container { width: min(100% - 28px, var(--srebro-container-width)); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}