/* One desktop reference coordinate system for the fruit single-page scenes.
   Kept separate from the mobile layout and motion rules. */
@media (min-width: 768px) {
    /* These sections are content-sized. Their inner layouts use a few
       viewport-relative dimensions, which made the section shorter than its
       1920px source bounds as the canvas narrowed. Preserve the Figma height
       while allowing overflowing content to remain visible. */
    body.freshfruit-1920-reference.raspberry-page {
        --freshfruit-goddess-section-source-height: 1819px;
    }

    body.freshfruit-1920-reference.blueberry-page:not(.totfarangi-page) {
        --freshfruit-goddess-section-source-height: 2115.8px;
    }

    body.freshfruit-1920-reference.totfarangi-page {
        --freshfruit-goddess-section-source-height: 1907.8px;
    }

    body.freshfruit-1920-reference .goddess-product-section,
    body.freshfruit-1920-reference .goddess-product-section > :first-child {
        min-height: var(--freshfruit-goddess-section-source-height) !important;
    }

    /* Keep the outlined desktop heading at its 1920px source geometry before
       the reference canvas is zoomed. Viewport-sized SVG breakpoints were
       shrinking this section independently from the rest of the artboard. */
    body.freshfruit-1920-reference .camp-outline--desktop > .taste-heading-svg {
        height: 220px !important;
    }

    body.freshfruit-1920-reference .camp-outline--desktop .taste-heading-text {
        font-size: 202.7px !important;
    }

    body.freshfruit-1920-reference #nav > .desktop-site-header {
        overflow: hidden;
    }

    body.freshfruit-1920-reference #nav > .desktop-site-header > div:first-child {
        width: 1920px !important;
        max-width: none !important;
    }

    body.freshfruit-1920-reference > #raspberry-main,
    body.freshfruit-1920-reference > #blueberry-main {
        width: 1920px !important;
        max-width: none !important;
        margin-inline: auto !important;
        container-type: inline-size !important;
        container-name: freshfruit-desktop-reference !important;
    }

    /* Fixed artwork dimensions live on one 1920px canvas. The companion JS
       applies one transform scale and reserves the scaled layout height. */
    body.freshfruit-1920-reference :has(> img[alt$="Pack"]) {
        width: 704px !important;
        height: 755.38086px !important;
    }

    body.freshfruit-1920-reference .freshfruit-shared-header #nav > .desktop-site-header {
        overflow: hidden;
    }

    body.freshfruit-1920-reference .freshfruit-shared-header #nav > .desktop-site-header > div:first-child {
        width: 1920px !important;
        max-width: none !important;
    }
}