/* Responsive refinements */

@media (max-width: 39.99rem) {
  .hide-mobile {
    display: none !important;
  }

  .whatsapp-float {
    right: var(--space-4);
    bottom: var(--space-4);
    width: 3rem;
    height: 3rem;
  }

  .whatsapp-float svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

@media (min-width: 40rem) {
  .hide-desktop {
    display: none !important;
  }
}

@media (min-width: 48rem) {
  .section {
    padding-block: var(--space-20);
  }
}

@media print {
  .site-header,
  .site-footer,
  .nav-toggle,
  .skip-link,
  .filter-bar,
  .hero__texture,
  .whatsapp-float {
    display: none !important;
  }

  body {
    background: white;
    color: black;
  }

  a {
    color: black;
    text-decoration: underline;
  }
}