/* Danielle Sarah Hair - desktop editorial review polish - 2026-08-26 */
@media (min-width: 1024px) {
  /* Keep review pages editorial and compact on large screens. */
  .page-review > section {
    min-height: 0 !important;
  }

  .page-review > section[class*="py-10"],
  .page-review > section[class*="py-12"],
  .page-review > section[class*="py-14"],
  .page-review > section[class*="py-16"],
  .page-review > section[class*="py-20"],
  .page-review > section[class*="py-24"] {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  /* Hero: copy and product image belong together, with no presentation-slide gap. */
  .page-review .dsh-review-hero {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .page-review .dsh-review-hero > div {
    max-width: 76rem !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .82fr) !important;
    gap: 3rem !important;
    align-items: center !important;
  }

  .page-review .dsh-review-hero h1 {
    max-width: 13ch;
    font-size: clamp(3.25rem, 4.1vw, 4.65rem) !important;
    line-height: .98 !important;
  }

  .page-review .dsh-review-hero p.text-xl {
    max-width: 42rem !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
  }

  .page-review .review-media-hero {
    width: min(100%, 500px) !important;
    max-height: 375px !important;
    margin-inline: auto 0 !important;
  }

  /* Buttons stay with the copy rather than floating in the middle of the screen. */
  .page-review .dsh-review-button {
    min-height: 48px;
    padding: .8rem 1rem;
  }

  /* Reading width and section rhythm. */
  .page-review #danielle-review > div,
  .page-review #faqs > div {
    max-width: 64rem !important;
  }

  .page-review .dsh-review-human {
    padding: 1.6rem 1.8rem !important;
  }

  .page-review .dsh-review-human p {
    line-height: 1.72 !important;
  }

  /* Recommendation: copy and verdict sit side-by-side as one compact unit. */
  .page-review #recommendation > div,
  .page-review #before-buying > div,
  .page-review #how-to-use > div {
    max-width: 72rem !important;
    gap: 2.25rem !important;
  }

  .page-review #recommendation .dsh-review-black-card {
    align-self: center;
    padding: 1.5rem !important;
  }

  /* Feature images should support the copy, not occupy a screen by themselves. */
  .page-review .review-media-feature {
    width: min(100%, 440px) !important;
    max-height: 330px !important;
    margin-inline: 0 auto !important;
    align-self: start;
  }

  .page-review .review-media-feature img,
  .page-review .review-media-hero img {
    padding: .5rem !important;
  }

  /* Cards and supporting sections should feel like an article, not oversized slides. */
  .page-review .dsh-review-card,
  .page-review .dsh-review-gold-card,
  .page-review .dsh-review-black-card {
    padding: 1.35rem !important;
  }

  .page-review h2 {
    font-size: clamp(2.15rem, 2.8vw, 3.05rem) !important;
  }

  .page-review h3 {
    font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
  }

  .page-review .dsh-review-mini-nav {
    margin-top: 1.35rem !important;
  }
}

@media (min-width: 1440px) {
  .page-review .dsh-review-hero > div,
  .page-review #recommendation > div,
  .page-review #before-buying > div,
  .page-review #how-to-use > div,
  .page-review #best-for > div {
    max-width: 78rem !important;
  }
}