/* Mobile Responsive - Ultra Elegant */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 3em;
    }

    .hero .subtext {
        font-size: 1.2em;
        padding: 0 10px;
    }

    .btn-main {
        padding: 20px 45px;
        font-size: 1.2em;
    }

    .unlock-btn {
        padding: 20px 50px;
        font-size: 1.3em;
    }

    .unlock-text {
        font-size: 2em;
        padding: 0 30px;
        text-align: center;
    }

    .sunflower-bloom {
        width: 200px;
        height: 200px;
    }

    .petal {
        width: 50px;
        height: 100px;
        margin-left: -25px;
        margin-top: -100px;
    }

    .petal-inner {
        width: 38px;
        height: 76px;
        margin-left: -19px;
        margin-top: -76px;
    }

    .flower-center {
        width: 70px;
        height: 70px;
    }

    .love-note, .facts, .closing {
        padding: 50px 30px;
    }

    .love-note h2, .facts h2 {
        font-size: 2.5em;
    }

    .love-note p {
        font-size: 1.3em;
    }

    .gallery h2 {
        font-size: 2.8em;
    }

    .slide img {
        height: 400px;
    }

    .slide-caption {
        font-size: 1.3em;
        padding: 35px 25px 25px;
    }

    .slide-btn {
        width: 50px;
        height: 50px;
        font-size: 1.3em;
    }

    .closing p {
        font-size: 1.5em;
    }

    .closing .signature {
        font-size: 2em;
    }

    .facts li {
        font-size: 1.2em;
        padding: 22px 30px;
    }

    .falling-heart {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 70px 20px;
    }

    .hero h1 {
        font-size: 2.2em;
    }

    .hero .subtext {
        font-size: 1em;
        padding: 0 5px;
    }

    .btn-main {
        padding: 18px 40px;
        font-size: 1.1em;
    }

    .container {
        padding: 15px;
    }

    .sunflower-bloom {
        width: 160px;
        height: 160px;
    }

    .petal {
        width: 40px;
        height: 80px;
        margin-left: -20px;
        margin-top: -80px;
    }

    .petal-inner {
        width: 30px;
        height: 60px;
        margin-left: -15px;
        margin-top: -60px;
    }

    .flower-center {
        width: 55px;
        height: 55px;
    }

    .unlock-text {
        font-size: 1.6em;
    }

    .unlock-btn {
        padding: 18px 40px;
        font-size: 1.1em;
    }

    .love-note, .facts, .closing {
        padding: 40px 25px;
    }

    .love-note h2, .facts h2, .gallery h2 {
        font-size: 2.2em;
    }

    .love-note p {
        font-size: 1.15em;
    }

    .slide img {
        height: 280px;
    }

    .slide-caption {
        font-size: 1.1em;
        padding: 25px 20px 20px;
    }

    .slide-btn {
        width: 45px;
        height: 45px;
        font-size: 1.2em;
    }

    .closing p {
        font-size: 1.3em;
    }

    .closing .signature {
        font-size: 1.8em;
    }

    .facts li {
        font-size: 1.1em;
        padding: 20px 25px;
    }
}