/* Pharmacore — Responsive Breakpoints */

/* Tablet: 768px - 1023px */
@media (max-width: 1023px) {
  .hero__title {
    font-size: var(--font-size-5xl);
  }

  .features__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .carousel__arrow {
    display: none;
  }

  .compliance__pillars {
    grid-template-columns: repeat(2, 1fr);
  }

  .compliance__pillar:last-child {
    grid-column: 1 / -1;
    max-width: 400px;
    margin: 0 auto;
  }

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-xl);
  }

  .footer__brand {
    grid-column: 1 / -1;
  }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
  :root {
    --section-padding: 64px 16px;
    --nav-height: 64px;
  }

  /* Nav */
  .nav__links {
    display: none;
  }

  .nav__cta {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* Hero */
  .hero {
    padding-top: calc(var(--nav-height) + 24px);
  }

  .hero__title {
    font-size: var(--font-size-4xl);
  }

  .hero__subtitle {
    font-size: var(--font-size-base);
  }

  .hero__ctas {
    flex-direction: column;
    align-items: center;
  }

  .hero__ctas .btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .hero__mockup {
    display: none;
  }

  .hero__proof {
    flex-direction: column;
    gap: var(--gap-md);
  }

  .hero__proof-divider {
    display: none;
  }

  /* Workflow */
  .workflow__timeline {
    grid-template-columns: 1fr;
    gap: var(--gap-2xl);
  }

  .workflow__line {
    display: none;
  }

  /* Features */
  .features__grid {
    grid-template-columns: 1fr;
  }

  .features__pills {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .section-title {
    font-size: var(--font-size-3xl);
  }

  /* Carousel */
  .carousel__arrow {
    display: none;
  }

  .carousel__slide {
    padding: 16px;
  }

  .carousel__ph-body {
    flex-direction: column;
  }

  .carousel__ph-grid {
    grid-template-columns: 60px repeat(4, 1fr);
  }

  .carousel__ph-grid .carousel__ph-cell:nth-child(n+6) {
    display: none;
  }

  /* Comparison */
  .comparison__grid {
    grid-template-columns: 1fr;
    gap: var(--gap-lg);
  }

  .comparison__divider {
    flex-direction: row;
    padding-top: 0;
  }

  .comparison__divider-line {
    width: 60px;
    height: 2px;
  }

  .comparison__divider-arrow {
    transform: rotate(90deg);
  }

  /* Compliance */
  .compliance__pillars {
    grid-template-columns: 1fr;
  }

  .compliance__pillar:last-child {
    max-width: none;
  }

  /* CTA */
  .cta {
    padding: 80px 16px;
  }

  .cta__title {
    font-size: var(--font-size-3xl);
  }

  .cta__buttons {
    flex-direction: column;
    align-items: center;
  }

  .cta__buttons .btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-xl);
  }

  .footer__brand {
    grid-column: 1 / -1;
  }
}

/* Small mobile: < 480px */
@media (max-width: 479px) {
  .hero__title {
    font-size: var(--font-size-3xl);
  }

  .features__pills {
    grid-template-columns: 1fr;
  }

  .footer__grid {
    grid-template-columns: 1fr;
  }

  .footer__brand {
    grid-column: auto;
  }
}