/* VITARELO desktop layout: retain the exact 1500px content composition on wider
   displays. Only photographic, gradient and decorative section backgrounds bleed
   across the full viewport. Screens at and below 1500px remain unchanged. */
@media (min-width: 1501px) {
  :root {
    --desktop-content-frame: 1500px;
    --desktop-content-padding: 90px; /* 6% of 1500px */
    --desktop-content-edge: calc((100vw - var(--desktop-content-frame)) / 2 + var(--desktop-content-padding));
    --scene-space: 105px; /* 7vw at 1500px */
  }

  /* Full-width navigation background; navigation links align to the content. */
  .header {
    padding-left: var(--desktop-content-edge);
    padding-right: var(--desktop-content-edge);
  }
  .header .header-nav { gap: 24px; }
  .header > .language {
    right: calc((100vw - var(--desktop-content-frame)) / 2 + 12px);
  }

  /* Hero photograph remains edge-to-edge; text, controls and phone stay put. */
  .hero-copy {
    left: var(--desktop-content-edge);
    max-width: 705px; /* 47% of 1500px */
  }
  .hero-copy h1 { font-size: 61.5px; } /* legal.css: 4.1vw at 1500px */
  .hero-copy > p:not(.hero-category):not(.legal-notice) { font-size: 21px; }
  .hero .phone {
    width: 310.5px; /* 20.7vw at 1500px */
    right: calc((100vw - var(--desktop-content-frame)) / 2 + 315px);
  }
  .hero-ai-label, .slogan { left: var(--desktop-content-edge); }
  .hero-product-note {
    right: calc((100vw - var(--desktop-content-frame)) / 2 + 195px);
  }

  /* Keep a 1320px foreground area (1500px minus the original 6% margins). */
  .features, .progress-scene, .pantry-scene, .recipes-scene,
  .stories-scene, .burger-stage {
    padding-left: var(--desktop-content-edge);
    padding-right: var(--desktop-content-edge);
  }
  .guide-intro, .membership {
    padding-left: var(--desktop-content-padding);
    padding-right: var(--desktop-content-padding);
  }
  .daily-flow {
    max-width: var(--desktop-content-frame);
    padding-left: var(--desktop-content-padding);
    padding-right: var(--desktop-content-padding);
  }

  /* This photographic background belongs to the plan, but its parent has an
     inset content width. Let the pseudo-element extend back to screen edges. */
  .plan-scene::before {
    left: calc(0px - var(--desktop-content-edge));
    right: calc(0px - var(--desktop-content-edge));
  }

  /* Original vw-based desktop lettering must also stop growing. */
  h2 { font-size: 51px; }
  .plan-copy h2 { font-size: 75px; }
  .plan-copy > p { font-size: 23.25px; }
  .progress-copy h2 { font-size: 55.5px; }
  .progress-copy p { font-size: 21px; }
  .pantry-copy h2 { font-size: 63px; }
  .daily-flow h2 { font-size: 45px; }
  .burger-copy h2 { font-size: 82.5px; }
  .burger-copy > p:last-child { font-size: 23.25px; }
  .recipes-heading h2 { font-size: 75px; }
  .recipes-heading p { font-size: 22px; }
  .recipe-detail h3 { font-size: 39px; }
  .recipe-metrics { gap: 37.5px; }
  .recipe-metrics dd { font-size: 34px; }
  .stories-heading h2 { font-size: 63px; }
  .stories-heading p { font-size: 22.5px; }
  .story-result { font-size: 45px; }
  .download h2 { font-size: 86.4px; }
  .feature { padding-left: 45px; padding-right: 45px; }
}