@media (max-width: 1180px) {
        .hero-grid,
        .two-col,
        .split-feature,


        .hero-visual {
                min-height: 460px;
        }

        .process-grid,
        .project-grid,
        .category-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .ebook-card {
                flex-basis: calc(50% - 0.5rem);
        }
}

@media (max-width: 900px) {
        .nav-toggle {
                display: inline-block;
        }

        .site-nav {
                position: absolute;
                left: 1rem;
                right: 1rem;
                top: calc(100% + 0.75rem);
                display: none;
                flex-direction: column;
                align-items: stretch;
                gap: 0.8rem;
                padding: 1rem;
                border-radius: 1.2rem;
                background: rgba(0, 0, 0, 0.96);
                border: 1px solid rgba(255, 255, 255, 0.1);
                box-shadow: var(--shadow);
        }

        .site-nav.is-open {
                display: flex;
        }

        .nav-cta {
                text-align: center;
        }

        .header-shell {
                position: relative;
        }

        .trust-grid,
        .service-grid {
                grid-template-columns: 1fr;
        }

        .testimonial-card {
                flex-basis: clamp(240px, 42vw, 320px);
        }

        .final-cta {
                grid-template-columns: 1fr;
                gap: 0.85rem;
                padding: 1rem;
        }

        .final-cta-copy {
                padding: 0;
        }

        .final-cta-highlights {
                gap: 0.5rem;
        }

        .final-cta-highlights span {
                width: 100%;
        }

        .final-cta-actions {
                gap: 0.7rem;
        }

        .cta-action {
                padding: 0.92rem 0.92rem 0.92rem 1rem;
        }

        .cta-action-label {
                font-size: 0.98rem;
        }

        .cta-action-subtext {
                font-size: 0.84rem;
        }

        .cta-action-arrow {
                font-size: 1.05rem;
        }

        .site-nav {
                position: absolute;
                left: 1rem;
                right: 1rem;
                top: calc(100% + 0.75rem);
                display: none;
                flex-direction: column;
                align-items: stretch;
                gap: 0.8rem;
                padding: 1rem;
                border-radius: 1.2rem;
                background: rgba(0, 0, 0, 0.96);
                border: 1px solid rgba(255, 255, 255, 0.1);
                box-shadow: var(--shadow);
        }

        .site-nav.is-open {
                display: flex;
        }

        .nav-cta {
                text-align: center;
        }

        .header-shell {
                position: relative;
        }

        .trust-grid,
        .service-grid {
                grid-template-columns: 1fr;
        }

        .testimonial-card {
                flex-basis: clamp(240px, 42vw, 320px);
        }
}

@media (max-width: 680px) {
        .cta-band {
                flex-direction: column;
                align-items: stretch;
                gap: 1rem;
        }

        .cta-band .cta-actions {
                width: 100%;
                justify-content: flex-start;
        }

        .container {
                width: min(100% - 1.2rem, 1180px);
        }

        .header-shell {
                min-height: 74px;
        }

        .brand-logo {
                width: 48px;
                height: 48px;
        }

        .hero {
                padding-top: 2.4rem;
        }

        .hero-copy h1 {
                font-size: clamp(2.35rem, 12vw, 3.8rem);
        }

        .hero-visual {
                min-height: 380px;
                grid-template-columns: 1fr;
                grid-template-rows: minmax(220px, 1fr) repeat(3, 92px);
        }

        .visual-main,
        .visual-card-1,
        .visual-card-2,
        .visual-card-3 {
                grid-column: 1;
        }

        .visual-main {
                grid-row: 1;
        }

        .visual-card-1 {
                grid-row: 2;
        }

        .visual-card-2 {
                grid-row: 3;
        }

        .visual-card-3 {
                grid-row: 4;
        }

        .process-grid.process-step-list,
        .category-grid,
        .stats-grid {
                grid-template-columns: 1fr;
        }

        .process-grid.process-step-list .process-card {
                flex-basis: 100%;
                min-width: 0;
        }

        .project-card {
                flex-basis: 100%;
        }

        .project-thumb {
                height: 180px;
        }

        .ebook-card {
                flex-basis: 100%;
        }

        .ebook-image-wrap {
                height: 184px;
        }

        .testimonial-marquee {
                overflow-x: auto;
                scroll-snap-type: x proximity;
                -webkit-overflow-scrolling: touch;
        }

        .testimonial-marquee-track {
                animation: none;
                padding-bottom: 0.25rem;
        }

        .testimonial-card {
                flex-basis: min(84vw, 320px);
                scroll-snap-align: start;
        }

        .ebook-price-tag {
                top: 0.85rem;
                right: 0.85rem;
                padding: 0.45rem 0.7rem;
        }

        .hero-actions {
                display: grid;
        }

        .cta-actions {
                display: flex;
                flex-wrap: wrap;
        }

        .final-cta {
                grid-template-columns: 1fr;
                gap: 0.85rem;
                padding: 1rem;
        }

        .final-cta-copy {
                padding: 0;
        }

        .final-cta-highlights {
                gap: 0.5rem;
        }

        .final-cta-highlights span {
                width: 100%;
        }

        .final-cta-actions {
                gap: 0.7rem;
        }

        .cta-action {
                padding: 0.92rem 0.92rem 0.92rem 1rem;
        }

        .cta-action-label {
                font-size: 0.98rem;
        }

        .cta-action-subtext {
                font-size: 0.84rem;
        }

        .cta-action-arrow {
                font-size: 1.05rem;
        }

        .btn {
                width: 100%;
        }

        .trust-grid {
                max-width: none;
        }

        .section {
                padding: 3.5rem 0;
        }
}

@media (max-width: 1180px) {
        .about-grid {
                grid-template-columns: 1fr;
        }

        .about-visual {
                min-height: 560px;
                max-width: 920px;
                margin-inline: auto;
        }

        .services-layout {
                grid-template-columns: 1fr;
        }

        .services-visual-flex {
                min-height: 520px;
                max-width: 920px;
                margin-inline: auto;
        }
}

@media (max-width: 900px) {
        .about-content h2 {
                max-width: 15ch;
        }

        .services-mini-metrics {
                grid-template-columns: 1fr;
        }

        .services-visual-flex {
                min-height: 460px;
        }
}

@media (max-width: 680px) {
        .cta-band {
                flex-direction: column;
                align-items: stretch;
                gap: 1rem;
        }

        .cta-band .cta-actions {
                width: 100%;
                justify-content: flex-start;
        }

        .about-visual {
                min-height: auto;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-auto-rows: 128px;
                gap: 0.8rem;
        }

        .about-image-main,
        .about-image-top,
        .about-image-bottom,
        .about-image-wide {
                grid-column: auto;
                grid-row: auto;
                min-height: auto;
        }

        .about-image-main {
                grid-column: 1 / -1;
                min-height: 220px;
        }

        .about-image-top,
        .about-image-bottom {
                min-height: 128px;
        }

        .about-image-wide {
                grid-column: 1 / -1;
                min-height: 150px;
        }

        .about-floating-card {
                position: static;
                width: auto;
                margin-top: -0.9rem;
        }

        .about-metrics {
                grid-template-columns: 1fr;
        }

        .about-actions {
                display: grid;
        }

        .about-actions .btn {
                width: 100%;
        }

        .final-cta-highlights {
                gap: 0.5rem;
        }

        .final-cta-highlights span {
                width: 100%;
        }

        .services-spotlight {
                padding: 0.85rem;
                border-radius: 1.35rem;
        }

        .services-visual-flex {
                min-height: auto;
                flex-direction: column;
                gap: 0.75rem;
        }

        .services-image-feature {
                min-height: 152px;
                flex: 0 0 auto;
        }

        .services-image-cluster {
                min-width: 0;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 0.65rem;
        }

        .services-image-mini {
                min-height: 82px;
                flex: 1 1 calc(50% - 0.33rem);
        }

        .services-image-mini:last-child {
                flex-basis: 100%;
                min-height: 82px;
        }

        .process-layout {
                flex-direction: column;
        }

        .process-intro-card {
                flex-basis: auto;
        }

        .process-grid.process-step-list .process-card {
                flex-basis: calc(50% - 0.5rem);
        }

        .services-spotlight-copy {
                margin-top: 0.9rem;
        }

        .services-panel {
                gap: 0.85rem;
        }

        .service-card-modern {
                padding: 1.15rem;
        }

        .service-card-top {
                align-items: flex-start;
        }

        .service-card-modern .card-eyebrow {
                font-size: 0.7rem;
        }
}
@media (max-width: 900px) {
        .product-card {
                flex: 1 1 calc(50% - 0.5rem);
                max-width: none;
        }
}

@media (max-width: 680px) {
        .cta-band {
                flex-direction: column;
                align-items: stretch;
                gap: 1rem;
        }

        .cta-band .cta-actions {
                width: 100%;
                justify-content: flex-start;
        }

        .product-grid-flex {
                gap: 0.85rem;
                justify-content: stretch;
        }

        .product-card {
                flex-basis: 100%;
                max-width: none;
        }

        .product-image-wrap {
                height: clamp(150px, 36vw, 190px);
        }

        .product-content {
                padding: 1rem;
        }

        .product-footer {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.35rem;
        }

        .product-cart-btn {
                width: 100%;
        }
}


@media (prefers-reduced-motion: reduce) {
        .testimonial-marquee-track {
                animation: none !important;
        }
}

/* Shop page responsive styles */
@media (max-width: 1080px) {
        .shop-product-card {
                max-width: calc(33.333% - 0.84rem);
        }

        .shop-hero-card {
                flex-basis: 290px;
        }
}

@media (max-width: 820px) {
        .shop-hero-copy {
                flex: 0 1 auto;
                width: 100%;
        }

        .shop-hero-layout,
        .shop-section-heading,
        .shop-toolbar,
        .shop-support-inner {
                align-items: flex-start;
                flex-direction: column;
        }

        .shop-hero-card {
                width: min(100%, 450px);
                min-height: 235px;
        }

        .shop-section-heading > p {
                max-width: 62ch;
        }

        .shop-search {
                width: min(100%, 450px);
                flex-basis: auto;
        }

        .shop-support .btn {
                white-space: normal;
        }
}

@media (max-width: 680px) {
        .shop-hero {
                padding-top: 3.6rem;
        }

        .shop-hero h1 {
                font-size: clamp(2.45rem, 12vw, 3.7rem);
        }

        .shop-hero-card {
                width: 100%;
                min-height: 215px;
                padding: 1.2rem;
        }

        .shop-hero-points {
                gap: 0.5rem;
        }

        .shop-hero-points span {
                font-size: 0.75rem;
        }

        .shop-category-list {
                gap: 0.55rem;
        }

        .shop-category-chip {
                min-height: 2.8rem;
                padding: 0.5rem 0.75rem;
                font-size: 0.8rem;
        }

        .shop-product-grid {
                gap: 0.9rem;
        }

        .shop-product-card {
                flex-basis: calc(50% - 0.45rem);
                max-width: calc(50% - 0.45rem);
        }

        .shop-product-image {
                height: 155px;
                padding: 0.8rem;
        }

        .shop-product-body {
                padding: 0.9rem;
        }

        .shop-product-body h3 {
                font-size: 0.98rem;
        }

        .shop-product-description {
                display: none;
        }

        .shop-product-actions {
                flex-direction: column;
                gap: 0.45rem;
        }

        .shop-details-btn,
        .shop-add-btn {
                width: 100%;
                min-height: 2.35rem;
                font-size: 0.72rem;
        }
}

@media (max-width: 420px) {
        .shop-product-card {
                flex-basis: 100%;
                max-width: 100%;
        }

        .shop-product-image {
                height: 195px;
        }

        .shop-product-description {
                display: block;
        }

        .shop-product-actions {
                flex-direction: row;
        }
}

@media (max-width: 600px) {
        .cart-drawer {
                width: 100%;
                padding: 1rem;
                border-left: 0;
        }

        .cart-item {
                gap: 0.6rem;
                padding: 0.62rem;
        }

        .cart-item-image {
                width: 3.75rem;
                height: 3.75rem;
        }

        .floating-cart-btn {
                right: 1rem;
                bottom: 1rem;
                min-height: 3.2rem;
        }
}

@media (max-width: 360px) {
        .cart-footer-actions {
                flex-direction: column-reverse;
        }

        .cart-clear-btn,
        .cart-checkout-btn {
                width: 100%;
        }
}

/* Product page responsive styles */
@media (max-width: 1080px) {
        .product-discovery-card {
                max-width: calc(33.333% - 0.67rem);
        }
}

@media (max-width: 820px) {
        .product-detail-layout,
        .product-information-layout,
        .product-discovery-heading {
                flex-direction: column;
                align-items: flex-start;
        }

        .product-detail-visual {
                width: min(100%, 620px);
                min-height: 390px;
        }

        .product-detail-visual img {
                height: 300px;
        }

        .product-detail-content h1 {
                max-width: 18ch;
        }

        .product-information-layout > div {
                width: 100%;
        }

        .product-discovery-search {
                width: min(100%, 420px);
        }
}

@media (max-width: 680px) {
        .product-detail-section {
                padding-top: 1.6rem;
        }

        .product-detail-visual {
                min-height: 295px;
                padding: 2.2rem;
                border-radius: 1.4rem;
        }

        .product-detail-visual img {
                height: 220px;
        }

        .product-detail-category {
                top: 0.8rem;
                left: 0.8rem;
        }

        .product-detail-visual-note {
                right: 0.7rem;
                bottom: 0.7rem;
        }

        .product-detail-content h1 {
                font-size: clamp(2rem, 10vw, 3.2rem);
        }

        .product-purchase-row {
                width: 100%;
        }

        .product-main-add-btn {
                flex: 1;
        }

        .product-detail-assurance span {
                font-size: 0.64rem;
        }

        .product-discovery-card {
                flex-basis: calc(50% - 0.5rem);
                max-width: calc(50% - 0.5rem);
        }
}

@media (max-width: 420px) {
        .product-breadcrumbs {
                margin-bottom: 1rem;
        }

        .product-detail-visual {
                min-height: 250px;
                padding: 1.8rem;
        }

        .product-detail-visual img {
                height: 180px;
        }

        .product-purchase-row {
                flex-wrap: wrap;
        }

        .product-main-add-btn {
                width: 100%;
        }

        .product-discovery-card {
                flex-basis: 100%;
                max-width: 100%;
        }
}

/* Contact page responsive styles */
@media (max-width: 900px) {
        .contact-page-hero-copy {
                flex-basis: 0;
        }

        .contact-page-info-card {
                flex-basis: 290px;
        }

        .contact-form-shell,
        .contact-faq-layout {
                flex-direction: column;
        }

        .contact-form-intro,
        .contact-message-form,
        .contact-faq-layout > div {
                width: 100%;
        }
}

@media (max-width: 760px) {
        .contact-page-hero-layout,
        .contact-options-heading {
                flex-direction: column;
                align-items: flex-start;
        }

        .contact-page-hero-copy {
                flex-basis: auto;
        }

        .contact-page-info-card {
                width: min(100%, 430px);
                min-height: 265px;
        }

        .contact-options-grid {
                flex-wrap: wrap;
        }

        .contact-option-card {
                flex: 1 1 calc(50% - 0.5rem);
        }
}

@media (max-width: 560px) {
        .contact-page-hero {
                padding-top: 3.8rem;
        }

        .contact-page-hero h1 {
                font-size: clamp(2.5rem, 12vw, 3.8rem);
        }

        .contact-page-actions {
                width: 100%;
        }

        .contact-message-toggle,
        .contact-whatsapp-btn {
                flex: 1;
        }

        .contact-form-shell {
                padding: 1rem;
                border-radius: 1.15rem;
        }

        .contact-field-row,
        .contact-form-submit-row {
                flex-direction: column;
                align-items: stretch;
        }

        .contact-form-submit-row p {
                text-align: left;
        }

        .contact-option-card {
                flex-basis: 100%;
                min-height: 165px;
        }
}

@media (max-width: 560px) {
        .cart-order-card {
                padding: 1.65rem 1.15rem 1.15rem;
                border-radius: 1rem;
        }

        .cart-order-actions {
                align-items: stretch;
                flex-direction: column-reverse;
        }

        .cart-order-cancel,
        .cart-order-confirm {
                width: 100%;
        }
}@media (max-width: 560px) {
        .contact-form-security {
                justify-content: stretch;
        }

        .contact-form-security label {
                width: 100%;
        }
}
@media (max-width: 900px) {
        .ebooks-page-hero-inner {
                align-items: flex-start;
                flex-direction: column;
        }

        .ebooks-page-hero-panel {
                width: min(100%, 430px);
                min-height: 180px;
                flex-basis: auto;
        }

        .ebooks-page-callout-inner {
                align-items: flex-start;
                flex-direction: column;
        }
}

@media (max-width: 680px) {
        .ebooks-page-hero {
                padding-top: 4.5rem;
        }

        .ebooks-page-hero h1 {
                font-size: clamp(2.25rem, 12vw, 3.7rem);
        }

        .ebooks-page-hero-actions,
        .ebooks-page-hero-actions .btn {
                width: 100%;
        }

        .ebooks-page-hero-actions {
                flex-direction: column;
        }

        .ebooks-page-grid {
                gap: 1rem;
        }

        .ebooks-page-card {
                max-width: none;
                flex-basis: 100%;
        }

        .ebooks-page-card-image {
                height: 220px;
        }

        .ebook-purchase-card {
                max-height: 92vh;
                overflow-y: auto;
        }

        .ebook-purchase-actions {
                align-items: stretch;
                flex-direction: column-reverse;
        }

        .ebook-purchase-cancel,
        .ebook-purchase-confirm {
                width: 100%;
        }
}

@media (max-width: 900px) {
        .project-archive-hero-inner,
        .project-detail-heading {
                align-items: flex-start;
                flex-direction: column;
        }

        .project-archive-hero-inner .btn {
                align-self: flex-start;
        }

        .project-detail-layout {
                flex-direction: column;
        }

        .project-detail-copy {
                position: static;
                flex-basis: auto;
                width: 100%;
        }

        .project-gallery {
                width: 100%;
        }
}

@media (max-width: 680px) {
        .project-archive-hero,
        .project-detail-hero {
                padding-top: 5.75rem;
        }

        .project-archive-heading {
                align-items: flex-start;
                flex-direction: column;
                gap: 0.5rem;
        }

        .project-archive-grid {
                gap: 1rem;
        }

        .project-archive-card {
                flex-basis: 100%;
                max-width: none;
        }

        .project-archive-image {
                height: 220px;
        }

        .project-gallery-item,
        .project-gallery-item.is-featured {
                flex-basis: calc(50% - 0.45rem);
                min-width: 0;
                height: 170px;
        }

        .project-gallery-item.is-featured {
                height: 250px;
        }
}

@media (max-width: 420px) {
        .project-gallery-item,
        .project-gallery-item.is-featured {
                flex-basis: 100%;
                height: 215px;
        }

        .project-gallery-item.is-featured {
                height: 240px;
        }
}

@media (max-width: 680px) {
        .project-gallery-item,
        .project-gallery-item.is-featured {
                flex-basis: calc(50% - 0.45rem);
                min-width: 0;
                height: auto;
                aspect-ratio: 4 / 3;
        }
}

@media (max-width: 420px) {
        .project-gallery-item,
        .project-gallery-item.is-featured {
                flex-basis: 100%;
                height: auto;
                aspect-ratio: 4 / 3;
        }
}

@media (max-width: 680px) {
        .project-gallery {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 420px) {
        .project-gallery {
                grid-template-columns: 1fr;
        }
}

@media (max-width: 900px) {
        .footer-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 2.25rem 1.5rem;
        }

        .footer-brand {
                grid-column: 1 / -1;
                max-width: 680px;
        }
}

@media (max-width: 680px) {
        .site-footer {
                padding: 3rem 0;
        }

        .footer-grid {
                grid-template-columns: minmax(0, 1fr);
                gap: 2rem;
        }

        .footer-brand {
                grid-column: auto;
                padding-bottom: 1.75rem;
                border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        }

        .footer-grid h3 {
                margin-bottom: 0.8rem;
        }
}

/* Homepage-only responsive recovery */
@media (max-width: 1180px) {
        .home-page .hero-grid,
        .home-page #about .about-grid,
        .home-page #poultry-solutions .split-feature,
        .home-page #why-us .two-col,
        .home-page #projects .two-col {
                grid-template-columns: minmax(0, 1fr);
                min-height: 0;
        }

        .home-page .hero-visual {
                width: min(100%, 920px);
                min-height: 460px;
                margin-inline: auto;
        }

        .home-page #poultry-solutions .feature-panel,
        .home-page #why-us .stats-card {
                width: 100%;
                min-height: 360px;
        }

        .home-page #projects .project-intro {
                max-width: 680px;
        }
}

@media (max-width: 900px) {
        .home-page .hero-copy,
        .home-page .about-content,
        .home-page #poultry-solutions .split-feature > div,
        .home-page #why-us .feature-list-card,
        .home-page #projects .project-intro {
                min-width: 0;
                width: 100%;
        }

        .home-page #process .process-layout {
                align-items: stretch;
                flex-direction: column;
        }

        .home-page #process .process-intro-card,
        .home-page #process .process-step-list {
                flex-basis: auto;
                width: 100%;
        }
}

@media (max-width: 680px) {
        .home-page .hero {
                padding-top: 2.25rem;
        }

        .home-page .hero-grid {
                gap: 2rem;
        }

        .home-page .hero-copy h1 {
                overflow-wrap: anywhere;
                font-size: clamp(2.2rem, 11vw, 3.45rem);
        }

        .home-page .hero-actions,
        .home-page .about-actions,
        .home-page #poultry-solutions .hero-actions {
                display: flex;
                align-items: stretch;
                flex-direction: column;
        }

        .home-page .hero-actions .btn,
        .home-page .about-actions .btn,
        .home-page #poultry-solutions .hero-actions .btn {
                width: 100%;
        }

        .home-page .hero-visual {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                grid-template-rows: 230px repeat(3, minmax(88px, auto));
                width: 100%;
                min-height: 0;
                gap: 0.75rem;
        }

        .home-page .visual-main,
        .home-page .visual-card {
                min-width: 0;
        }

        .home-page #about .about-visual {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                min-height: 0;
                gap: 0.75rem;
        }

        .home-page #about .about-image {
                grid-column: auto;
                grid-row: auto;
        }

        .home-page #about .about-image-main,
        .home-page #about .about-image-wide,
        .home-page #about .about-floating-card {
                flex: 1 1 100%;
                width: 100%;
        }

        .home-page #about .about-image-main {
                min-height: 220px;
        }

        .home-page #about .about-image-top,
        .home-page #about .about-image-bottom {
                flex: 1 1 calc(50% - 0.375rem);
                min-width: 0;
                min-height: 130px;
        }

        .home-page #about .about-image-wide {
                min-height: 160px;
        }

        .home-page #about .about-floating-card {
                position: static;
                margin: 0;
        }

        .home-page #about .about-point {
                min-width: 0;
        }

        .home-page #poultry-solutions .feature-panel,
        .home-page #why-us .stats-card {
                min-height: 300px;
                border-radius: 1.4rem;
        }

        .home-page #poultry-solutions .feature-panel-card {
                right: 1rem;
                max-width: none;
        }

        .home-page #why-us .stats-grid {
                grid-template-columns: minmax(0, 1fr);
        }

        .home-page #process .process-grid.process-step-list {
                display: flex;
                flex-direction: column;
                width: 100%;
        }

        .home-page #process .process-grid.process-step-list .process-card {
                flex: 1 1 auto;
                width: 100%;
                max-width: none;
                min-width: 0;
        }

        .home-page #projects .project-grid {
                display: flex;
                flex-direction: column;
                width: 100%;
        }

        .home-page #projects .project-card {
                flex: 1 1 auto;
                width: 100%;
                min-width: 0;
        }

        .home-page #projects .project-thumb {
                height: clamp(185px, 58vw, 260px);
        }
}

@media (max-width: 430px) {
        .home-page #about .about-image-top,
        .home-page #about .about-image-bottom {
                flex-basis: 100%;
                min-height: 160px;
        }

        .home-page #poultry-solutions .feature-panel,
        .home-page #why-us .stats-card {
                min-height: 270px;
        }
}
/* Animated mobile navigation */
@media (max-width: 900px) {
        .site-nav {
                display: flex;
                visibility: hidden;
                opacity: 0;
                pointer-events: none;
                transform: translateY(-0.75rem) scale(0.985);
                transform-origin: top center;
                transition:
                        opacity 0.22s ease,
                        transform 0.22s ease,
                        visibility 0s linear 0.22s;
        }

        .site-nav.is-open {
                display: flex;
                visibility: visible;
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0) scale(1);
                transition-delay: 0s;
        }

        .nav-toggle span {
                transition: transform 0.22s ease, opacity 0.18s ease;
        }

        .nav-toggle.is-open span:nth-child(1) {
                transform: translateY(8px) rotate(45deg);
        }

        .nav-toggle.is-open span:nth-child(2) {
                opacity: 0;
        }

        .nav-toggle.is-open span:nth-child(3) {
                transform: translateY(-8px) rotate(-45deg);
        }
}

@media (prefers-reduced-motion: reduce) {
        .site-nav,
        .nav-toggle span {
                transition: none;
        }
}
/* Mission and vision responsiveness */
@media (max-width: 760px) {
        .home-page .purpose-heading,
        .home-page .purpose-cards {
                align-items: stretch;
                flex-direction: column;
        }

        .home-page .purpose-heading {
                gap: 1rem;
        }

        .home-page .purpose-heading > p {
                flex-basis: auto;
                max-width: 620px;
        }

        .home-page .purpose-card {
                flex-basis: auto;
                width: 100%;
        }
}

@media (max-width: 480px) {
        .home-page .purpose-section {
                padding-top: 3.5rem;
                padding-bottom: 3.5rem;
        }

        .home-page .purpose-panel {
                gap: 1.5rem;
                padding: 1.15rem;
                border-radius: 1.35rem;
        }

        .home-page .purpose-heading h2 {
                overflow-wrap: anywhere;
                font-size: clamp(1.85rem, 10vw, 2.5rem);
        }

        .home-page .purpose-card {
                padding: 1.15rem;
                border-radius: 1.1rem;
        }

        .home-page .purpose-card > p {
                margin: 1.1rem 0 1.25rem;
                line-height: 1.68;
        }

        .home-page .purpose-tags span {
                flex: 1 1 auto;
                justify-content: center;
                text-align: center;
        }
}
/* Consultation confirmation responsiveness */
@media (max-width: 520px) {
        .consultation-confirmation-modal {
                align-items: flex-end;
                padding: 0.75rem;
        }

        .consultation-confirmation-card {
                max-height: calc(100dvh - 1.5rem);
                overflow-y: auto;
                padding: 1.3rem 1.1rem 1.1rem;
                border-radius: 1.35rem;
        }

        .consultation-confirmation-close {
                top: 0.72rem;
                right: 0.72rem;
        }

        .consultation-fee-summary {
                align-items: flex-start;
                flex-direction: column;
                gap: 0.3rem;
                padding: 0.9rem;
        }

        .consultation-confirmation-actions {
                align-items: stretch;
                flex-direction: column;
                gap: 0.55rem;
                margin-top: 1.2rem;
        }

        .consultation-confirmation-cancel,
        .consultation-confirmation-proceed {
                width: 100%;
        }
}

@media (max-width: 360px) {
        .consultation-confirmation-modal {
                padding: 0.45rem;
        }

        .consultation-confirmation-card {
                max-height: calc(100dvh - 0.9rem);
                padding: 1.15rem 0.9rem 0.9rem;
                border-radius: 1.1rem;
        }

        .consultation-confirmation-card h2 {
                padding-right: 1.75rem;
        }
}

@media (prefers-reduced-motion: reduce) {
        .consultation-confirmation-modal,
        .consultation-confirmation-card,
        .consultation-confirmation-close,
        .consultation-confirmation-cancel,
        .consultation-confirmation-proceed {
                transition: none;
        }
}