/* ============================================================
   desktop.css — Desktop-specific styles (min-width: 769px)
   ============================================================ */

.outer-wrapper {
    padding: 0;
    display: block;
    min-height: 100vh;
}

.pov-title { display: none; }
.annotation-text { display: none; }

#laptop-frame {
    background: transparent;
    border-radius: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    min-height: 100vh;
    position: relative;
    box-shadow: none;
}

.laptop-camera { display: none; }
.laptop-bottom-bezel { display: none; }

#laptop-screen {
    width: 100%;
    height: 100%;
    background-color: var(--cream);
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-shadow: none;
}

/* ============================================================
   GRID LAYOUTS — Horizontal, spacious
   ============================================================ */
.gift-grid,
.bouquet-grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 30px 0;
}

.gift-img, .bouquet-img { width: 220px; }
.polaroid-img { width: 160px; height: 160px; }

/* ============================================================
   TYPOGRAPHY — Desktop large
   ============================================================ */
.landing-title { font-size: 4.5rem; }
.screen-heading { font-size: 2.5rem; }
.finale-title { font-size: 3.2rem; }

/* ============================================================
   LAYOUT — Desktop multi-column
   ============================================================ */
.bouquet-result-layout {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 40px;
}
.result-bouquet-img { max-width: 280px; }

.letter-layout { flex-direction: row; }
.letter-center { max-width: 450px; }
#screen-letter .letter-center { max-width: 520px; }

.music-layout { flex-direction: row; }

.envelope-body { width: 300px; height: 200px; }
.doodle-character { width: 200px; height: 210px; }

/* ============================================================
   DECORATIONS — Desktop large
   ============================================================ */
.deco-torn-bottom-left { width: 380px; }
.deco-torn-top-right-corner { width: 300px; }
.deco-star-1 { width: 130px; }
.deco-star-2 { width: 95px; }
.deco-star-3 { width: 65px; }
.deco-star-4 { width: 70px; }
.deco-disco-corner { width: 170px; }
.deco-disco-final { width: 150px; }
.vinyl-record-img { width: 280px; }
.deco-love-stickers { width: 200px; }
.deco-flower-bottom-right { width: 180px; }
.deco-small-flower-1 { width: 110px; }
.deco-washi-top { width: 220px; }
.deco-washi-accent { width: 180px; }
.deco-heart-accent-1 { width: 80px; }
.deco-heart-accent-2 { width: 70px; }
.deco-heart-float { width: 85px; }
.deco-inline-heart { width: 65px; }
.deco-sprig-left { width: 110px; }
.deco-sprig-right { width: 100px; }

.torn-edge-left {
    left: -380px;
    width: 130vh;
    height: 340px;
}

.deco-bottom-pink-grid {
    width: 520px;
    bottom: -90px;
    right: 200px;
}
.deco-bottom-vintage-corner {
    width: 480px;
    bottom: -100px;
    right: -60px;
}

/* Back button farther left on desktop */
.btn-back { left: 20%; }