@media screen and (max-width: 1200px) {
    /* Why Celia Block */

    .why-celia .header .btn {
        padding: 12px 5px;
        min-width: 120px;
    }

    .why-celia .cards {
        gap: 50px;
    }


    /* Celia Shop */

    .celia-shop .shop-container {
        position: relative;
    }

    .celia-shop .applied-filters {
        flex-wrap: wrap;
    }

    .celia-shop .toggle-container {
        width: 100%;
        display: flex;
    }

    .celia-shop #sidebar-toggle {
        padding: 10px 25px;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 25px;
        display: flex;
        align-items: center;
        gap: 15px;
        min-width: 194px;
    }

    .celia-shop #sidebar-toggle:hover {
        cursor: pointer;
        background-color: #F6F6F6;
    }

    .celia-shop .applied-filters .filter-icon {
        display: initial;
        width: 20px;
        height: 20px;
    }

    .celia-shop .sidebar-filters {
        position: absolute;
        top: 0;
        left: -500px;
        height: 100%;
        width: 100%;
        max-width: 350px;
        transition: left 0.5s ease;
        background-color: #FFF;
        z-index: 10;
    }

    .celia-shop .sidebar-filters .mobile-close {
        display: initial;
        margin-left: auto;
        opacity: 0.7;
        font-size: 18px;
    }

    .celia-shop .sidebar-filters .mobile-close:hover {
        opacity: 1;
        cursor: pointer;
    }

    .celia-shop .sidebar-filters.show {
        left: 0;
        transition: left 0.5s ease;
    }


    /* "How it Works" Block */ 

    .how-it-works .cards {
        flex-wrap: wrap;
    }

    .how-it-works .cards .card {
        flex: 1 1 calc(50% - 60px);
        max-width: 50%
    }


    /* Testimonials Banner */

    .testimonials-banner .testimonials {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }


    /* Celia Search */

    .celia-search .search-results {
        grid-template-columns: repeat(3, 1fr);
    }


    /* Header Navigation */

    .header-nav .nav-container {
        flex-wrap: wrap;
        padding-top: 15px;
    }

    .header-nav .nav-container .logo {
        position: initial;
        margin-right: auto;
    }

    .header-nav .nav-links {
        order: 3;
        width: 100%;
        margin-top: 25px;
        gap: 30px;
    }

    .header-nav .nav-container .nav-tools {
        position: initial;
        margin-left: auto;
    }
}





























@media screen and (max-width: 1100px) {
    /* Featured Product Cards */
    .product-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-cards .card .buttons {
        gap: 25px;
        padding: 0 15px 30px 15px;
    }

    .product-cards .card.product .lower {
        padding: 30px 15px 10px 15px;
    }

    .product-cards .card.product .text-3xl {
        font-size: 22px;
        line-height: 26px;
    }


    /* Blog Archive */

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-grid .blog .body {
        font-size: 16px;
    }


    /* Anchor Tag Buttons */

    .button-row {
        flex-wrap: wrap;
        gap: 25px;
    }


    /* Product Page */

    .celia-product-container {
        flex-direction: column;
    }

    .celia-product-container .entry-summary,
    .celia-product-container .woocommerce-product-gallery {
        width: 100% !important;
        float: none !important;
    }

    .single-product .full-banner .banner-container {
        flex-direction: column;
        gap: 35px;
    }

    .single-product .full-banner .btn {
        width: 100%;
        max-width: 250px;
    }
}





























@media screen and (max-width: 1000px) {   
    /* Program Cards Row */

    .program-cards .header {
        flex-direction: column;
        margin-bottom: 35px;
    }

    .program-cards .header .body {
        width: 100%;
        max-width: none;
    }

    .program-cards .header .btn {
        margin-top: 20px;
    }

    .program-cards .header h3 {
        flex: 1;
    }

    .program-cards .slider {
        width: 111%;
        margin-left: -5.5%;
        overflow: hidden;
    }

    .program-cards .cards {
        transition: transform 0.3s ease;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-right: 5.5%
    }

    .program-cards .cards::-webkit-scrollbar {
        display: none;
    }

    .program-cards .card {
        min-width: 300px;
    }

    .program-cards .card.first {
        margin-left: 5.5%;
    }

    .program-cards .cards .card .img-box {
        height: auto;
    }

    .program-cards .cards .card .img-box img {
        aspect-ratio: 1 / 1.5;
    }


    /* Program Summary */

    .program-summary {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .program-summary .text {
        width: 100%;
    }

    .program-summary .product-img {
        width: 100%;
    }


    /* Login/Account Page */

    .woocommerce-account #customer_login {
        margin-top: 80px;
    }

    .woocommerce-account div.wp-site-blocks {
        margin-top: 60px;
    }
}





























@media screen and (max-width: 900px) {
    /* Universal Styles */
    
    .header-nav .nav-container,
    .page-container,
    .site-footer .footer-container,
    .celia-product-container,
    .single-product .related-products,
    .single-product .full-banner .banner-container,
    .single-product .lower-block {
        width: 90%;
    }

    h1 {
        font-size: 48px;
        line-height: 48px;
    }
    
    h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .text-2xl {
        font-size: 20px;
        line-height: 26px;
    }

    .arrow-cta p {
        font-size: 18px;
    }


    /* Full Width Hero Block */

    .full-width-hero {
        padding: 0 25px;
    }


    /* Statistic Cards */

    .stat-cards {
        flex-wrap: wrap;
        justify-content: center;
    }

    .stat-cards .card {
        max-width: 500px;
        min-width: 300px;
    }

    .stat-cards .card .percentage {
        font-size: 48px;
        line-height: 48px;
    }

    .stat-cards .card .description {
        margin-bottom: 10px;
    }


    /* Program Cards Row */

    .program-cards .header .body {
        max-width: 700px;
    }

    .program-cards .arrow-cta p {
        display: none;
    }

    .program-cards .arrow-cta img {
        width: 48px;
    }


    /* Why Celia Block */ 

    .why-celia .cards {
        flex-direction: column;
    }

    .why-celia .cards .card {
        width: 100%;
        max-width: 600px;
    }


    /* Logo Carousel */

    .logo-container {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 1fr);
    }


    /* Accordion Grid */

    .accordion-grid-container .header {
        flex-direction: column;
        align-items: flex-start;
    }

    .accordion-grid-container .header .body {
        margin-top: 20px;
        margin: 20px 0 0 0;
    }

    .accordion-grid-container .header .btn {
        margin: 30px 0 0 0;
    }

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


    /* Footer */

    .site-footer .footer-container {
        flex-direction: column;
        gap: 50px;
    }

    .site-footer .footer-container .logo {
        width: 100px;
    }

    .site-footer .footer-container .links {
        gap: 5px;
    }

    .site-footer .footer-container .links p {
        margin-bottom: 10px;
    }


    /* Celia Shop */

    .celia-shop .applied-filters {
        align-items: flex-end;
        row-gap: 25px;
        column-gap: 5px;
    }

    .celia-shop .applied-filters .tags {
        flex-direction: column;
        align-items: flex-start;
    }

    .celia-shop .applied-filters .sortby {
        padding: 5px 8px;
        font-size: 16px;
    }

    .celia-shop .product-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /* "How it Works" Block */

    .how-it-works .header .btn {
        display: none;
    }

    .how-it-works .cards .card .btn {
        display: initial;
        margin-top: 25px;
        align-self: flex-start;
    }


    /* Program Cards Grid */

    .program-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }


    /* People Grid */

    .people-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Testimonials Banner */

    .testimonials-banner {
        padding: 40px;
    }
    
    .testimonials-banner .testimonials {
        width: 100%;
        grid-template-columns: 1fr;
    }


    /* Product Page */

    .single-product .lower-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .single-product .lower-block img {
        width: 100%;
        aspect-ratio: 1.7 / 1;
    }

    .single-product .lower-block .text p {
        width: 100%;
    }

    .single-product .lower-block .mobile {
        display: initial;
    }

    .single-product .lower-block .desktop {
        display: none;
    }

    .celia-product-container .celia-product-details{
        max-width: 100%;
    }


    /* Checkout Page */

    .woocommerce-checkout .celia-logo {
        width: 80px;
        margin: 10px 0 25px 0;
    }

    .woocommerce-checkout .celia-checkout-container {
        flex-direction: column;
    }

    .woocommerce-checkout .celia-checkout-container .celia-order-summary,
    .woocommerce-checkout form.woocommerce-checkout {
        width: 100%;
    }

    .woocommerce-checkout .celia-checkout-container .celia-order-summary {
        order: 1;
    }

    .woocommerce-checkout form.woocommerce-checkout {
        order: 2;
    }


    /* Celia Search */

    .celia-search .search-results {
        grid-template-columns: repeat(2, 1fr);
    }
}


































@media screen and (max-width: 600px) {
    /* Universal Font Sizing */
    
    .text-6xl {
        font-size: 34px;
        line-height: 38px;
    }

    .text-4xl,
    .review-embed .eui-widget-title {
        font-size: 28px;
        line-height: 32px;
    }

    .text-3xl {
        font-size: 22px;
        line-height: 26px;
    }

    .text-xl {
        font-size: 18px;
        line-height: 22px;
    }


    /* Featured Product Cards */
    .product-cards {
        grid-template-columns: 1fr;
    }

    .product-cards .card {
        position: initial;
    }

    .product-cards .card.intro {
        padding: 0
    }

    .product-cards .card.intro .rounded-bg-img {
        position: initial;
        aspect-ratio: 1.3 / 1;
        order: 2;
    }

    .product-cards .card.intro .text-4xl {
        font-size: 30px;
        color: #000;
        order: 1;
        margin-bottom: 30px;
    }

    .product-cards .card.intro p {
        color: #6f6f6f;
        order: 3;
        margin: 30px 0;
        max-width: none;
    }

    .product-cards .card.intro .btn {
        background-color: #798478;
        color: #FFF;
        order: 4;
        max-width: 200px;
    }

    .product-cards .card.intro .btn:hover {
        background-color: #6d776c;
    }


    /* Social Media Grid */

    .social-grid .posts {
        flex-direction: column;
        gap: 35px;
    }

    .social-grid .posts a {
        width: 100%;
    }

    .social-grid .posts a img {
        aspect-ratio: 1.5 / 1;
        border-radius: 15px;
    }


    /* Celia Shop */

    .fw-img-overlay.text {
        padding: 0 25px;
    }

    .celia-shop .applied-filters {
        justify-content: space-between;
    }

    .celia-shop .applied-filters #sidebar-toggle {
        flex: 1;
        justify-content: center;
    }

    .celia-shop .applied-filters .tags .tag {
        max-width: 204px;
        text-align: left;
        line-height: 22px;
    }

    .celia-shop .applied-filters .sortby {
        margin-left: 0;
    }

    .celia-shop .sidebar-filters {
        max-width: none;
    }

    .celia-shop .product-cards {
        grid-template-columns: 1fr;
    }

    .celia-shop .product-cards .card .lower,
    .celia-shop .product-cards .card .buttons {
        padding-left: 15px;
        padding-right: 15px;
    }


    /* "How it Works" Block */ 

    .how-it-works .cards .card {
        flex: initial;
        flex-grow: 1;
        max-width: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
    }

    .how-it-works .cards .card img {
        width: 22% !important;
        min-width: 0 !important;
    }

    .how-it-works .cards .card .card-title {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 15px;
        flex: 1;
        padding-left: 15px;
        position: relative;
    }

    .how-it-works .cards .card .card-title:hover {
        cursor: pointer;
    }

    .how-it-works .cards .card .text-3xl {
        line-height: 34px;
        padding-right: 30px;
    }

    .how-it-works .cards .card .card-title::after {
        content: "\002B";
        font-size: 30px;
        line-height: 30px;
        position: absolute;
        right: 0px;
        transition: transform 0.3s ease-in-out;
    }

    .how-it-works .cards .card .lower {
        width: 74%;
        margin-left: auto;
        max-height: 0;
        overflow: hidden;
        transition: 0.4s ease;
    }

    .how-it-works .cards .card .card-title.open::after {
        content: "\2212";
    }


    /* Why Celia Block */

    .why-celia .cards {
        gap: 20px;
    }

    .why-celia .cards .card img {
        max-height: 55px;
        object-fit: cover;
        object-position: bottom;
    }


    /* Program Cards Grid */

    .program-cards-grid {
        grid-template-columns: 1fr;
    }

    .program-cards-grid .card {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .program-cards-grid .card.intro,
    .program-cards-grid .card.final {
        min-height: 0;
    }


    /* Program Cards Row */

    .program-cards.single .mobile-cta {
        align-items: flex-start;
    }


    /* Program Summary */

    .program-summary .text .bullet {
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .program-summary .text .bullet img {
        margin-top: -2px;
    }


    /* People Grid */

    .people-cards-grid {
        grid-template-columns: 1fr;
    }

    .people-cards-grid .card .text-2xl {
        margin-bottom: 5px;
    }

    .people-cards-grid .card.intro h2 {
        font-size: 30px;
        line-height: 36px;
        max-width: none;
    }


    .testimonials-banner {
        padding: 20px;
    }


    /* Blog Archive */

    .blog-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }


    /* Single Blog Post */

    .single-blog .post-info {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .single-blog .post-info .social-share {
        width: 100%;
        margin-left: 0;
    }

    .single-blog .blog-content h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .single-blog .blog-content h3 {
        font-size: 22px;
        line-height: 26px;
    }


    /* Anchor Tag Buttons */

    .button-row {
        justify-content: flex-start;
    }


    /* Product Page */

    .celia-product-container .celia-atc,
    .celia-product-container form.cart {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        width: 100%;
    }

    .celia-product-container .celia-atc {
        gap: 0px;
    }


    /* Bundle Plugin CSS Modifications */

    .celia-product-container .celia-atc button,
    .celia-product-container .celia-atc .btn {
        width: 100%;
    }

    .single-product .full-banner .banner-container {
        align-items: flex-start;
    }


    /* Celia Cart Drawer */

    .celia-cart-drawer .inner {
        padding: 50px 15px 40px 15px;
    }

    .celia-cart-drawer .inner .title {
        margin-bottom: 35px;
    }

    .celia-cart-drawer .cart-items {
        gap: 60px;
    }

    .celia-cart-drawer .cart-items .item {
        flex-wrap: wrap;
        column-gap: 5%;
        row-gap: 8%;
    }

    .celia-cart-drawer .cart-items .item img {
        width: 25%
    }

    .celia-cart-drawer .cart-items .item .details {
        width: 70%;
    }

    .celia-cart-drawer .cart-items .item .quantity-container {
        margin-left: 0px;
        margin-top: 5%;
    }

    .celia-cart-drawer .cart-items .item .remove-btn {
        margin-top: 5%;
    }

    .celia-cart-drawer .cart-items .item .quantity-container input[type="number"] {
        padding: 8px 0;
    }

    .celia-cart-drawer .cart-items .item .quantity-btn,
    .celia-cart-drawer .cart-items .item .remove-btn {
        font-size: 18px;
    }

    .celia-cart-drawer .buttons {
        gap: 20px;
        flex-direction: column;
    }

    .celia-cart-drawer .buttons .btn {
        width: 100%;
    }


    /* Book Now Popup */

    .celia-popup.book-now {
        width: 70%;
        max-width: 215px;
        bottom: 20px;
        right: 2.5%;
    }

    .celia-popup.book-now .upper {
        padding: 15px;
        gap: 5px;
    }

    .celia-popup.book-now .upper .close-btn {
        top: 10px;
        right: 10px;
        font-size: 16px;
    }

    .celia-popup.book-now .upper img {
        display: none;
    }

    .celia-popup.book-now .upper .text-3xl {
        font-size: 20px;
        max-width: 130px;
    }

    .celia-popup.book-now .lower {
        padding: 15px;
        gap: 20px;
    }

    .celia-popup.book-now .lower .text-dark {
        font-size: 14.5px;
    }

    .celia-popup.book-now .lower .btn {
        width: 90%;
        max-width: none;
        padding: 9px 0;
    }

    .open-book-now {
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
    }


    /* Checkout Page */

    .woocommerce-checkout .address-field, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field, .woocommerce-checkout #shipping_first_name_field, .woocommerce-checkout #shipping_last_name_field {
        flex-basis: 100% !important;
    }


    /* Celia Search */

    .celia-search .search-results {
        grid-template-columns: 1fr;
    }


    /* Affiliate Form */

    .afwc_reg_form_wrapper {
        padding-left: 17px;
    }


    /* My Account Page — Affiliate Dashboard */

    .afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card {
        padding: 40px 20px !important;
    }

    .afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card .afwc-display-name {
        font-size: 32px;
    }

    .afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card .afwc-details {
        text-align: left !important;
        width: 100%;
    }

    .woocommerce-MyAccount-content #afwc_top_row_container {
        margin-top: 25px !important;
    }
    
    .woocommerce-MyAccount-content #afwc_top_row_container #afwc_date_range_container {
        top: 0;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .woocommerce-MyAccount-content #afwc_dashboard_wrapper table thead th,
    .woocommerce-MyAccount-content #afwc_dashboard_wrapper table tbody td {
        text-align: left;
    }
}