@media only screen and (max-width: 480px) {
  :root {
    /* Proportional heading sizes at 480px - reduced by ~42% from base */
    --font-size-h1: calc(8px * 7);
    --font-size-h2: calc(8px * 4.75);
    --font-size-h3: calc(8px * 2.75);
    --font-size-h4: calc(8px * 2);
    --font-size-h5: calc(8px * 1.5);
    --font-size-h6: calc(8px * 1.35);
    
    --padding: 20px;
  }

  h1 {
    font-size: var(--font-size-h1);
  }

  h2 {
    font-size: var(--font-size-h2);
  }

  h3 {
    font-size: var(--font-size-h3);
  }

  h4 {
    font-size: var(--font-size-h4);
  }

  h5 {
    font-size: var(--font-size-h5);
  }

  h6 {
    font-size: var(--font-size-h6);
  }

  /* Override more specific selectors */
  .top .hero-left h1 {
    font-size: var(--font-size-h1) !important;
  }

  .home-hero h1{
  font-size: var(--font-size-h1);
}
  .filter-column .filter-checkboxes .facetwp-facet {
    /* grid-template-columns: 1fr; */
  }

  /* Favorite Books - hide bookshelf when single column */
  .favorite-books.bookshelf-background {
    background-image: none;
  }

  .favorite-books .books-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
    transform: translateY(0);
  }

  .favorite-books .book-item {
    justify-content: center;
  }

  .favorite-books .book-link {
    max-width: 150px;
  }

  .favorite-books .book-cover {
    width: 100%;
    height: auto;
  }

  /* Vinyl carousel responsive sizing */
  .favorites-carousel .carousel-image-wrapper {
    width: 280px;
    height: 280px;
  }

  .favorites-carousel .vinyl-info {
    max-width: 280px;
  }

  .quote-of-month .index-card-wrapper {
    max-width: 100%;
  }

  .quote-of-month .quote-text-overlay {
    padding: 5% 8% 7% 8%;
  }

  .quote-of-month .quote-header{
    padding-top: 0px;
  }

  .quote-of-month .quote-attribution {
    font-size: 0.85rem;
  }

  .single-header {
    padding: calc(var(--padding) * 4) calc(var(--padding) / 2) 0 calc(var(--padding) / 2);
  }

  .single-header .single-title {
    font-size: calc(8px * 6);
  }

  .single-header .single-subtitle {
    font-size: var(--font-size-h5);
  }

  .two-column-layout .content,
  .video-layout .content,
  .newsletter-section .content {
    padding: 0 calc(var(--padding) / 2);
  }

  .filter-column .facetwp-checkbox, .filter-section .facetwp-checkbox
  {
    padding: 10px 40px 10px 48px !important;
  }
  .filter-column .facetwp-checkbox::before, .filter-section .facetwp-checkbox::before
  {
    left: 11%;
    transform: translate(-50%, -50%);
  }

  /* Polaroid minimum size for very small screens */
  .polaroid-card {
    min-width: 260px;
    max-width: 350px;
  }

  .polaroid-frame {
    min-height: 320px;
    padding: 12px;
  }

  .polaroid-image {
    aspect-ratio: 1 / 1;
    transform: translate(0px, 2px);
  }

  .polaroid-description {
    font-size: calc(8px * 1.75);
    height: 50px;
    margin-top: 12px;
  }

  .flexible-image-wrapper.has-frame{
    padding: 20px;
  }

    .newsletter-card {
        margin: 0 var(--spacing-md);
        padding: 1.5rem;
        max-width: 100%;
    }

    .newsletter-card .hs-form .form-columns-2 {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    ..mail .hs-form .hs-submit .actions{
      justify-content: center;
    }

    .perf-edge::after {
        display: none;
    }

    .print-ink {
        font-size: 1.3rem;
    }

    .stamp-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .cancellation-lines {
        width: 100%;
    }

    .top,
    .home-hero {
        /* padding: calc(var(--padding) * 10) 0px 0px 0px; */
    }

  .quote-of-month .quote-content p{
    /* font-size: var(--font-size-h5) */
  }

  .quote-of-month .quote-header{
    /* font-size: var(--font-size-h4) */
  }

  .button-style-book-binding{
    min-width: 300px !important;
  }

  /* Footer - single column at 480px and below */
  .footer-three-columns {
    grid-template-columns: 1fr;
    gap: calc(var(--padding) * 2);
  }

  .footer-menu-column {
    grid-column: 1;
    grid-row: 1;
    text-align: center;
    align-items: center;
    justify-self: center;
  }

  .footer-contact-column {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
    align-items: center;
  }

  .footer-newsletter-column {
    grid-column: 1;
    grid-row: 3;
    text-align: center;
    align-items: center;
  }

  .footer-newsletter-column .newsletter-text {
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }

  .footer-menu-vertical {
    align-items: center;
  }

  .button-style-book-binding .button-text{
  top: 0%;
}
}

@media only screen and (max-width: 400px) {
  .top {
    /* padding: calc(var(--padding) * 16) 0px 0px 0px; */
  }

  .hero-image-wrapper.has-frame {
    padding: 20px;
  }

  /* Date filters - single column at 400px and below */
  .date-filter-section .date-filter-row {
    flex-direction: column;
    gap: 15px;
  }

  .date-filter-section .date-filter-item {
    width: 100%;
    max-width: 200px;
  }

    .filter-column .facetwp-checkbox, .filter-section .facetwp-checkbox
  {
    padding: 10px 40px 10px 38px !important;
  }

}