@media (max-width: 1440px) {
    .btn-primary {
        width: 111px;
        font-size: 15px;
    }

    .btn-outline {
        width: 111px;
        font-size: 15px;
    }

    .navigation {
        gap: 36px;
    }

    .lavender-bouquet-left {
        width: 399px;
        height: 282px;
    }

    .lavender-bouquet-right {
        width: 399px;
        height: 282px;
    }

    .hero-title {
        font-size: clamp(40px, 6vw, 94.249px);
        width: auto;
        max-width: 90%;
    }

    .hero-subtitle {
        font-size: clamp(20px, 3vw, 30px);
        width: auto;
        max-width: 80%;
    }

    .products-grid {
        flex-wrap: wrap;
        justify-content: center;
    }

    .products-grid-featured {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .testimonials-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

@media (max-width: 1280px) {
    .navigation {
        gap: 40px;
    }

    .auth-buttons {
        right: 100px;
    }
}

@media (max-width: 1199px) {
    .visit-content {
        padding: 0px 40px;
    }

    .testimonial-card {
        width: 346.26px;
    }

    .about-overlay {
        width: 1150.423px;
    }

    .gladiolus-bg {
        width: 1100px;
    }

    .navigation-arrows {

        right: 510px;

    }

    .brandStory .group-4 {
        gap: 30px;
    }

    .brandStory .p {
        position: absolute;
        width: 240px;
        font-size: 16px;
        line-height: 23.7px;
    }

    .brandStory .text-wrapper-12 {
        width: auto;
    }

    .what-we-believe-in .group-27 {
        gap: 15px;
    }

    .blogContainer .section-3 {
        width: 455px;
        left: 227px;
    }

    .blogContainer .wrapper {
        position: relative;
        width: 454px;
    }

}

@media (max-width: 1024px) {
    .navigation {
        display: none;
    }

    .auth-buttons {
        right: 20px;
    }

    .hero-title {
        font-size: clamp(30px, 5vw, 60px);
    }

    .hero-subtitle {
        font-size: clamp(16px, 2.5vw, 24px);
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
    }

    .brand-story-content {
        flex-direction: column;
        height: auto;
        gap: 40px;
    }

    .brand-story-text {
        padding-left: 0;
        text-align: center;
    }

    .visit-content {
        flex-direction: column;
        height: auto;
        gap: 40px;
    }

    .footer-columns {
        flex-wrap: wrap;
        gap: 40px;
        margin-left: 0;
        justify-content: center;
    }


}

@media (max-width: 991px) {

    .lavender-bouquet-left,
    .lavender-bouquet-right {
        display: none;
    }

    .navigation {
        gap: 30px;
    }

    .auth-buttons {
        right: 50px;
    }

    .about-overlay {
        width: 973px;
        height: 397.094px;
        top: 303.225px;
    }

    .gladiolus-bg {
        width: 850px;

        height: 1181px;
    }



    .about-section {
        position: relative;
        height: 1038px;
    }

    .navigation-arrows {
        position: relative;
        right: 0px;
    }

    .brand-story-section {
        padding: 50px 20px;
    }

    .brandStory .group-4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .brandStory .group-6 {
        position: absolute;
        width: 250px;
        height: 112px;
        color: #fff;
        top: 445px;
        left: 216px;
    }

    .filters-area {
        margin-bottom: 30px;
    }

    .blogContainer .group {
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        align-items: center;
    }

    .blogContainer .section {
        position: absolute;
        width: 460px;
    }

    .blogContainer .wrapper-2 {
        width: 460px;
    }

    .blogContainer .pic-3 {
        display: none;
    }

    .custom-myaccount-pages {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    .product-top-section {
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .hero {
        min-height: 80vh;
        padding-top: 100px;
    }

    .hero__bg-left,
    .hero__bg-right {
        width: 80%;
        opacity: 0.6;
    }

    .hero__actions {
        flex-direction: column;
        gap: 10px;
    }

    .hero__actions .btn {
        width: 100%;
        max-width: 280px;
    }

    .navigation {
        display: none;
    }

    .logo {
        top: 150px;
    }

    .auth-buttons {
        margin-left: -100px;
        transform: translateX(50%);
        flex-direction: column;
        align-items: center;
    }

    .logo {
        width: 120px;
        height: 120px;
        top: 50px;
    }

    .auth-buttons {
        top: 200px;
        right: 50%;
        transform: translateX(50%);
    }

    .hero-content {
        top: 300px;
        padding: 0 20px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .about-overlay {
        width: 90%;
        padding: 30px 20px;
    }

    .about-text {
        width: 100%;
        font-size: 18px;
        line-height: 1.6;
    }

    .products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .products-grid-featured {
        grid-template-columns: 1fr 1fr;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .testimonial-card {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .section-title {
        font-size: clamp(30px, 6vw, 50px);
        width: auto;
    }

    .section-subtitle {
        font-size: clamp(18px, 4vw, 25px);
        width: auto;
    }

    .gladiolus-bg {
        width: 590px;
        height: 1181px;
    }

    .brandStory .group-6 {
        left: 140px;
    }

    .brandStory .group-7 {
        left: 139px;
    }

}

@media (max-width: 576px) {
    .hero__title {
        font-size: 60px;
    }

    .products-grid-featured {
        grid-template-columns: 1fr;
    }

    .visit-info {
        width: 450px;
    }

    .visit-map {
        width: 450px;
    }

    .visit-section {
        padding: 70px 0px;
    }

    .seasonal-section {
        position: relative;
        width: 100%;
        height: 447.69px;
    }

    .seasonal-title {

        font-size: 30px;
    }

    .seasonal-description {
        white-space: unset;
    }

    .seasonal-content,
    .brand-story-title {
        width: unset;
    }

    .gladiolus-bg {
        width: 527px;
        height: 831px;
    }

    .about-overlay {
        top: 93.225px;
    }

    .about-section {
        height: 708px;
    }

    .product-card-featured {

        margin: 0 auto;
    }

    .brand-story-text {
        width: unset;
    }

    .testimonial-card {
        margin-bottom: 14px;
    }

    .hero__content {
        text-align: center;
        padding-top: 19px;
    }

    .brand-story-content {
        margin: 26px;
    }

    .what-we-believe-in .group-27 {
        top: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

@media (max-width: 480px) {

    .lavender-bouquet-left,
    .lavender-bouquet-right {
        width: 400px;
        height: 400px;
    }

    .hero-title {
        font-size: clamp(24px, 8vw, 40px);
        line-height: 1.2;
    }

    .hero-subtitle {
        font-size: clamp(14px, 4vw, 20px);
    }

    .btn-primary-large,
    .btn-outline-large {
        width: 140px;
        font-size: 16px;
    }

    .product-card {
        width: 100%;
        max-width: 307px;
        margin: 0 auto;
    }

    .brand-story-image,
    .visit-info,
    .visit-map {
        width: 100%;
        max-width: 400px;
    }

    .footer-columns {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .gladiolus-bg {
        width: 439px;
        height: 831px;
    }

    .seasonal-title {
        font-size: 30px;
        width: unset;
        line-height: 30px;
    }

    .seasonal-section {
        height: 527.69px;
    }

    button.seasonal-btn {
        margin-top: 100px;
    }

    .seasonal-content {
        width: 361px;
    }

    .formContainer.register {
        width: auto;
        height: auto;
    }

    button.single_add_to_cart_button.button.alt {
        width: 170px;

    }

    .product-gallery {
        max-width: 350px;
    }

    .product-top-section .product-title {
        font-size: 37px;
        line-height: 23px;
    }

    .woocommerce-checkout.custom-checkout-page {
        padding-top: 0px;
        padding-bottom: 60px
    }

    .woocommerce-cart.custom-cart-page {
        padding-top: 0px;
        padding-bottom: 60px
    }

    .timeline-container {
        padding: 0px
    }

    .brandStory .group-12 {
        position: absolute;
        width: 344px;
        height: 112px;
        top: 105px;
        left: 11px;
    }

    .brandStory .vector-2 {
        position: absolute;
        width: 45px;
        height: 28px;
        width: 76px;
        height: 76px;
        top: 9px;
        left: 0px;
    }

    .brandStory {
        /* position: absolute; */
        /* height: 978px; */
        top: 1549px;
        left: 300px;
        padding: 100px 0;
    }
}

@media (max-width: 414px) {
    .gladiolus-bg {
        width: 371px;
        height: 831px;
    }

    .farm-name {
        /* height: 40px; */
        color: #264136;
        font-family: RocaOne-Lt, sans-serif;
        font-size: 35px;
    }

    .visit-image {
        width: auto;
    }

    .blogContainer .text-12 {
        width: unset;
    }

    .blogContainer .wrapper {
        position: relative;
        width: 340px;
    }

    .blogContainer .wrapper-2 {
        width: 340px;
    }

    .blogContainer .section-3 {
        width: 341px;
        left: 170px;
    }

    .blogContainer .section {
        position: absolute;
        width: 340px;
    }

    .formContainer {

        width: 400px;
    }

    .brandStory .group-7 {
        left: 80px;
    }

    .brandStory .group-6 {
        left: 80px;
    }
}

@media (max-width: 375px) {
    .gladiolus-bg {
        width: 349px;
    }

    .contact-info span {
        font-size: 16px;
    }

    .brandStory .group-6 {
        left: 72px;
    }

    .blogContainer .user {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 45px 0px 10px 0px;
    }

    .blogContainer .text-f {
        white-space: wrap;
    }

    .formContainer {
        width: 300px;
    }
}

@media (max-width: 768px) {

    /* Stack input fields vertically */
    .register-page .d-flex {
        flex-direction: column !important;
        gap: 15px;
    }

    /* Make each form row full width */
    .register-page p.form-row {
        flex: 1 1 100% !important;
    }

    /* Stretch the button */
    .register-page .regbtn {
        width: 100% !important;
    }

    /* Optional: add spacing around file upload */
    .register-page input[type="file"] {
        margin-top: 5px;
    }
}