/* ============================================
   AVAILABLE PAGE STYLES
   Opening line, two inventory sections, closing line
   ============================================ */

.available-header {
  text-align: center;
  padding-bottom: var(--space-6);
}

@media (min-width: 768px) {
  .available-header {
    padding-top: 15vh;
  }
}

@media (min-width: 1024px) {
  .available-header {
    padding-top: calc(var(--section-padding-y) * 1.3);
  }
}

@media (max-width: 767px) {
  .available-header {
    padding-top: calc(var(--section-padding-y) * 2);
  }
}

/* Section note beneath each "From the studio" / "On view" heading */
.available-section-note {
  font-family: var(--font-secondary);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  font-style: italic;
  text-align: center;
  margin: calc(var(--space-7) * -1 + var(--space-3)) 0 var(--space-6);
}

/* Second inventory section ("On view") gets a quiet top rule to separate
   it from "From the studio" above, rather than a full background change —
   consistent with the gallery-wall spacing principle elsewhere on the site. */
.available-section + .available-section {
  border-top: 1px solid var(--color-border);
}

.available-closing {
  border-top: 1px solid var(--color-border);
}

.available-closing-text {
  font-family: var(--font-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  max-width: 52ch;
  margin: 0 auto;
}