/* ============================================================
   RESPONSIVE — 1100px (tablet)
============================================================ */
@media (max-width: 1100px) {
    .header__nav {
        display: none;
    }

    .header__toggle {
        display: flex;
    }

    .header__nav.is-open {
        display: flex;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--white);
        flex-direction: column;
        padding: 14px;
        gap: 4px;
        box-shadow: var(--shadow-lg);
        border-top: 1px solid var(--ink-100);
    }

    .header__phone-text {
        display: none;
    }




    .section__head {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 36px;
    }

    .hero__inner {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .hero__media {
        height: 380px;
        max-width: 560px;
    }

    .hero__title {
        font-size: 38px;
    }

    .about__grid {
        grid-template-columns: 1fr;
        gap: 44px;
        max-width: 700px;
        margin: 0 auto;
    }

    .stats__inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    /* Departments tablet — keep panels side-by-side but lower height */
    .dept-panels {
        height: 280px;
        gap: 8px;
    }

    .dept-panel__name {
        font-size: 18px;
    }

    .dept-panel.is-active .dept-panel__name,
    .dept-panel:hover .dept-panel__name {
        font-size: 20px;
    }

    .deep-pitch__grid {
        grid-template-columns: 1fr;
        gap: 36px;
        max-width: 700px;
        margin: 0 auto;
    }

    .deep-pitch__media {
        aspect-ratio: 16/9;
    }

    /* Facilities tablet: hub on top, cards in 2-col grid below */
    .facs-radial {
        grid-template-columns: 1fr;
        gap: 28px;
        text-align: center;
    }

    .facs-radial__col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .facs-radial__center {
        order: -1;
    }

    .fac--right {
        grid-template-columns: auto 1fr;
        text-align: left;
    }

    .fac--right::before {
        left: 0;
        right: auto;
    }

    .fac--right:hover {
        transform: translateX(4px);
    }

    /* Reorder ic to left for both columns on tablet */
    .fac--right .fac__ic {
        order: -1;
    }

    .gallery__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 200px 200px 200px;
    }

    .gallery__item--lg {
        grid-column: span 2;
        grid-row: span 1;
    }

    .gprofile {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px;
    }

    .gprofile__rating {
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid var(--ink-100);
        padding-top: 18px;
    }

    .gprofile__actions {
        flex-direction: row;
    }

    .gprofile__actions .btn {
        flex: 1;
    }

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

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

    .contact__grid {
        grid-template-columns: 1fr;
        max-width: 640px;
    }

    .faq__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .faq__aside-sticky {
        position: static;
        flex-direction: row;
        gap: 18px;
    }

    .faq__aside-sticky img {
        width: 40%;
        max-height: 260px;
        padding: 18px;
    }

    .faq__help {
        flex: 1;
    }

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

    .topbar .hide-sm,
    .topbar .hide-md {
        display: none;
    }

    /* Treatments tablet */
    .trpanel__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* FAQ categorized tablet — stack tabs horizontally above */
    .faqcat {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .faqcat__tabs {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px;
        margin: 0 -18px;
        padding: 4px 18px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .faqcat__tabs::-webkit-scrollbar {
        display: none;
    }

    .faqcat__tab {
        flex: 0 0 240px;
        scroll-snap-align: start;
    }

    .faqcat__tab.is-active {
        transform: none;
    }

    .faqcat__tab:hover {
        transform: none;
    }

    /* Gallery tabs tablet */
    .ggrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .gtabs {
        max-width: none;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .gtab {
        flex: 0 0 auto;
    }

    /* Videos tablet */
    .videos__head {
        grid-template-columns: 1fr;
        gap: 22px;
    }

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

    /* SEO tablet */
    .seo__split {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .seo__left {
        position: static;
    }

    .seo__hl {
        font-size: 30px;
    }

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

/* --- RESPONSIVE — Thank You page --- */
@media (max-width: 768px) {
    .container {
        padding: 0 14px;
    }

    .section {
        padding: 40px 0;
    }

    .hero__title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .hero__media {
        padding: 10px;
        height: 240px;
    }

    .ticker {
        padding: 10px 0;
    }

    .h-display {
        font-size: 22px;
        line-height: 1.5;
    }

    .doc-card {
        flex: 0 0 200px;
    }

    .final-cta__title {
        font-size: 22px;
    }

    .greview {
        flex: 0 0 88%;
    }

    .ty-header .header__phone {
        display: none;
    }

    .ty-hero {
        padding: 44px 0 56px;
    }

    .ty-check {
        width: 110px;
        height: 110px;
        margin-bottom: 20px;
    }

    .ty-hero__title {
        font-size: 32px;
    }

    .ty-hero__lede {
        font-size: 14.5px;
    }

    .ty-hero__ref {
        width: 100%;
        max-width: 420px;
        flex-direction: column;
    }

    .ty-hero__ref-item {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 12px 20px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .ty-hero__ref-item:last-child {
        border-bottom: 0;
    }

    .ty-hero__ref-item span {
        font-size: 10px;
    }

    .ty-hero__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        max-width: 360px;
        margin: 0 auto;
    }

    .ty-hero__actions .btn {
        width: 100%;
    }

    .ty-steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ty-steps::before {
        display: none;
    }

    .ty-step {
        padding: 22px;
    }

    .ty-step h3 {
        font-size: 20px;
    }

    .ty-trust {
        padding: 40px 0;
    }

    .ty-trust__head {
        margin-bottom: 22px;
    }

    .ty-trust__grid {
        padding: 18px;
        gap: 14px;
        flex-wrap: wrap;
    }

    .ty-trust__item {
        min-width: 0;
        flex: 1 1 40%;
    }

    .ty-trust__divider {
        display: none;
    }

    .ty-cta {
        padding: 36px 0;
    }

    .ty-cta__left {
        gap: 14px;
        flex-direction: column;
        align-items: flex-start;
    }

    .ty-cta__left>i {
        width: 52px;
        height: 52px;
        font-size: 20px;
    }

    .ty-cta__left h3 {
        font-size: 22px;
    }

    .ty-cta__right {
        width: 100%;
    }

    .ty-cta__right .btn {
        flex: 1;
        min-width: 140px;
    }

    .footer__grid--compact {
        grid-template-columns: 1fr;
    }

    .ty-hero {
        padding: 36px 0 44px;
    }

    .ty-hero__title {
        font-size: 28px;
    }

    .ty-hero__ref-item {
        padding: 11px 16px;
    }

    .ty-step__ic {
        width: 54px;
        height: 54px;
        font-size: 20px;
    }

    .ty-step h3 {
        font-size: 19px;
    }

    .ty-trust__item strong {
        font-size: 24px;
    }

    .ty-trust__item span {
        font-size: 10.5px;
    }

    .ty-cta__right {
        flex-direction: column;
    }

    .ty-cta__right .btn {
        width: 100%;
    }


    .topbar {
        padding: 6px 0;
        font-size: 11.5px;
    }

    .topbar__left {
        gap: 12px;
    }

    .topbar__emerg {
        padding: 3px 10px;
        font-size: 10.5px;
    }

    .header__actions .header__phone {
        display: none;
    }

    .header__actions .btn--primary {
        padding: 9px 14px;
        font-size: 12.5px;
    }

    .header .header__inner {
        padding: 10px;
    }

    .hero__eyebrow {
        justify-content: center;
        display: flex;
    }

    #videos .section__head {
        margin-bottom: 20px;
        gap: 10px;
    }

    .doc-card__body {
        padding: 10px;
    }

    .section__head {
        margin-bottom: 20px;
        gap: 20px;
    }

    /* HERO mobile — clean app-like stacking */
    .hero {
        padding: 36px 0 44px;
    }

    .hero__title {
        font-size: 28px;
        line-height: 1.18;
        text-align: center;
    }

    .hero__title br {
        display: none;
    }

    .hero__title span {
        display: contents;
    }

    .hero__lede {
        font-size: 14px;
        text-align: center;
        margin-bottom: 15px;
    }

    .dept-panel.is-active .dept-panel__overlay,
    .dept-panel:hover .dept-panel__overlay {
        background: linear-gradient(180deg, rgb(11 26 66 / 0%) 20%, rgba(11, 26, 66, 0.92) 100%);
    }

    .dept-panel__cta {
        font-size: 14px;
    }

    .hero__cta-row {
        gap: 8px;
    }

    .hero__cta-row .btn {
        flex: 1;
        padding: 12px 16px;
        font-size: 13px;
    }

    .hero__trust {
        width: 100%;
        max-width: 360px;
    }

    .hero__trust-item {
        padding: 10px 8px;
        flex: 1;
    }

    .hero__trust-item strong {
        font-size: 19px;
    }

    .hero__trust-item span {
        font-size: 10.5px;
    }

    .hero__media {
        height: 280px;
    }

    .hero__chip {
        padding: 9px 12px;
    }

    .hero__chip--nabh {
        left: -8px;
        top: 14px;
    }

    .hero__chip--er {
        right: -8px;
        bottom: 30px;
    }

    .hero__chip i {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .hero__chip strong {
        font-size: 12px;
    }

    .hero__chip em {
        font-size: 9.5px;
    }

    .hero__photo-tag {
        padding: 8px 10px;
        font-size: 13px;
        bottom: 10px;
    }

    .ticker__inner {
        gap: 12px;
        padding: 0 18px;
    }

    .ticker__label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ticker__group {
        gap: 28px;
        padding-right: 28px;
    }

    .ticker__group span {
        font-size: 12.5px;
    }

    .h-display {
        font-size: 24px;
    }

    .lede {
        font-size: 14.5px;
    }

    .about__sticker {
        width: 80px;
        height: 80px;
        right: -8px;
        top: -6px;
    }

    .about__sticker strong {
        font-size: 16px;
    }

    .about__plaque em {
        font-size: 16px;
    }

    .stats__head h3 {
        font-size: 22px;
    }

    .stats__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .stats__item {
        padding: 14px;
    }

    .stats__item strong {
        font-size: 24px;
    }

    .stats__item>span {
        font-size: 10.5px;
    }

    /* DEPARTMENTS — mobile: stack panels into 2-col grid */
    .dept-panels {
        display: grid;
        height: auto;
        gap: 8px;
    }


    /* Disable the expanding hover behavior on mobile */
    .dept-panels .dept-panel.is-active,
    .dept-panels:hover .dept-panel:hover {
        flex: 0 0 calc(50% - 4px);
    }


    .dept-panel__cta {
        max-height: 24px;
        opacity: 1;
    }

    .dept-panel__name {
        font-size: 15px;
    }

    .dept-panel.is-active .dept-panel__name,
    .dept-panel:hover .dept-panel__name {
        font-size: 16px;
    }

    .dept-panel__sub {
        font-size: 14px;
        max-height: 100%;
        opacity: 1;
        margin-bottom: 8px;
        line-height: 1.6;
    }

    .stats {
        padding: 40px 0;
    }

    .depts__foot-text {
        margin-bottom: 10px;
    }

    .dept-panel__icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
        top: 12px;
        left: 12px;
    }

    .dept-panel__content {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .dept-panel__overlay {
        background: linear-gradient(180deg, rgb(11 26 66 / 0%) 20%, rgba(11, 26, 66, 0.92) 70%);
    }

    .pitch-strip__inner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .pitch-strip__text strong {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about .about__visual {
        position: relative;
        top: 0;
    }

    .about__pillar-num {
        margin-top: 10px;
    }

    .about__pillars strong {
        font-size: 16px;
    }

    .about__pillars li {
        padding: 15px;
        gap: 5px;
    }

    .about>.container {
        flex-direction: column-reverse;
        display: flex;
    }

    .pitch-strip__actions {
        flex-direction: column;
    }

    .pitch-strip__actions .btn {
        width: 100%;
    }

    .doctors__nav {
        margin-top: 0;
    }

    .doc-card {
        flex: 0 0 220px;
    }

    .deep-pitch__pillars {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .deep-pitch__body .h-display {
        font-size: 24px;
    }

    .deep-pitch__ctas {
        flex-direction: column;
    }

    .deep-pitch__ctas .btn {
        width: 100%;
    }

    .facs-radial {
        gap: 22px;
    }

    .facs-radial__col {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .facs-radial__hub {
        width: 220px;
        height: 220px;
    }

    .fac {
        padding: 16px 16px;
        gap: 12px;
    }

    .fac__ic {
        width: 44px;
        height: 44px;
        font-size: 17px;
    }

    .fac h4 {
        font-size: 14.5px;
    }

    .fac p {
        font-size: 12px;
    }

    .gallery__grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0 18px 12px;
        margin: 0 -18px;
        grid-template-columns: none;
        grid-template-rows: none;
    }

    .gallery__item {
        flex: 0 0 80%;
        min-width: 260px;
        scroll-snap-align: start;
        height: 220px;
    }

    .gallery__item--lg {
        grid-column: auto;
        grid-row: auto;
    }

    .gprofile {
        padding: 18px;
        gap: 14px;
    }

    .gprofile__brand strong {
        font-size: 16px;
    }

    .gprofile__rating-num strong {
        font-size: 30px;
    }

    .gprofile__actions {
        flex-direction: column;
    }

    .greviews__grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0 18px 12px;
        margin: 0 -18px;
        grid-template-columns: none;
    }

    .greview {
        flex: 0 0 82%;
        min-width: 270px;
        scroll-snap-align: start;
    }

    .blog-feat h3 {
        font-size: 19px;
    }

    .blog-feat__body {
        padding: 20px;
    }

    .contact__form {
        padding: 22px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .faq__aside-sticky {
        flex-direction: column;
    }

    .faq__aside-sticky img {
        width: 100%;
    }

    .qa summary {
        padding: 14px 16px;
        font-size: 13.5px;
    }

    .final-cta {
        padding: 50px 0;
    }

    .final-cta__title {
        font-size: 26px;
    }

    .final-cta__row {
        flex-direction: column;
    }

    .final-cta__row .btn {
        width: 100%;
    }

    .footer__grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .footer__base-inner {
        justify-content: center;
        text-align: center;
    }

    .fab {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    .fab--wa {
        bottom: 142px;
    }

    .fab--call {
        bottom: 84px;
    }

    .mobile-bar {
        display: flex;
        background: #0b1b43;
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
        border-radius: 10px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .mobile-bar__btn {
        background: transparent;
        color: #fff;
    }

    .fab.fab--wa,
    .fab--call {
        display: none;
    }

    .mobile-bar__btn i {
        color: #fff;
    }

    body {
        padding-bottom: 76px;
    }

    .trcard__body {
        padding: 15px;
    }

    .trcard p {
        margin-bottom: 0;
    }

    .trcard__cta {
        font-size: 14px;
    }

    /* Treatments mobile — proper slider for tabs and cards */
    .trtabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        justify-content: flex-start;
        border-radius: var(--r-md);
        padding: 6px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        max-width: none;
    }

    .trtabs::-webkit-scrollbar {
        display: none;
    }

    .trtab {
        flex: 0 0 auto;
        scroll-snap-align: start;
        padding: 9px 14px;
        font-size: 12.5px;
    }

    .trpanel__grid {
        grid-template-columns: none;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0;
        margin: 10px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .trpanel__grid::-webkit-scrollbar {
        display: none;
    }

    .trcard {
        flex: 0 0 78%;
        min-width: 250px;
        scroll-snap-align: start;
    }

    /* FAQ categorized mobile */
    .faqcat__panels {
        padding: 10px;
    }

    /* Departments mobile */
    .departments {
        padding: 40px 0;
    }

    .section__desc {
        max-width: 100%;
    }

    .dept-panels {
        gap: 6px;
        margin-bottom: 10px;
    }

    .dept-panel {
        height: 300px;
    }

    /* Gallery mobile */
    .gtabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 -18px 26px;
        padding: 6px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        border-radius: var(--r-md);
    }

    .gtabs::-webkit-scrollbar {
        display: none;
    }

    .gtab {
        flex: 0 0 auto;
        padding: 8px 14px;
        font-size: 12.5px;
    }

    .ggrid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0 18px 12px;
        margin: 0 -18px;
        grid-template-columns: none;
    }

    .ggrid::-webkit-scrollbar {
        display: none;
    }

    .gitem {
        flex: 0 0 80%;
        min-width: 260px;
        scroll-snap-align: start;
        aspect-ratio: 4/3;
    }

    .gitem.is-hidden {
        display: none;
    }

    /* Videos mobile */
    .videos {
        padding: 40px 0;
    }

    .videos__channel {
        flex-wrap: wrap;
        width: 100%;
        border-radius: var(--r-lg);
        padding: 10px 0;
    }

    .videos__channel-info {
        flex: 1;
        min-width: 0;
    }

    .videos__channel-btn {
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }

    .vgrid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 14px;
        padding: 0 18px 12px;
        margin: 0 -18px;
        grid-template-columns: none;
    }

    .vgrid::-webkit-scrollbar {
        display: none;
    }

    .vcard {
        flex: 0 0 82%;
        min-width: 280px;
        scroll-snap-align: start;
    }

    /* SEO mobile */
    .seo {
        padding: 40px 0;
    }

    .seo__split {
        gap: 28px;
    }

    .seo__article-num {
        margin-top: 10px;
    }

    .seo__hl {
        font-size: 26px;
    }

    .seo__lead {
        font-size: 13.5px;
    }

    .seo__metrics {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .seo__metric {
        padding: 14px 16px;
    }

    .seo__metric strong {
        font-size: 22px;
    }

    .seo__metric span {
        font-size: 10.5px;
    }

    .seo__cta {
        flex-direction: column;
    }

    .seo__cta .btn {
        width: 100%;
    }

    .seo__article {
        gap: 0px;
        padding: 22px 0;
    }

    .seo__article-num {
        font-size: 28px;
        min-width: 44px;
    }

    .seo__article h3 {
        font-size: 17px;
    }

    .seo__article p {
        font-size: 13px;
    }

    .topbar {
        display: none;
    }

    .header .header__actions {
        display: none;
    }

    .deep-pitch__media {
        top: 0;
        position: relative;
        border-radius: 10px;
    }

    .deep-pitch>.container {
        flex-direction: column-reverse;
        display: flex;
    }

    #facilities .h-display span {
        display: ruby;
    }

    .trpanel__grid {
        width: 100%;
    }
    .popup-left
    {
        display: none;
    }
}