@media (max-width: 1023px) {
    .mobile-layout-4 {
        .top-bar {
            display: none;
        }

        .logo-row-inner {
            grid-template-columns: calc(var(--item-gap) * 2.34) 1fr calc(var(--item-gap) * 2.34);
            grid-template-areas:
                "toggle logo contact"
                "extra extra extra";
        }

        .mobile-toggle {
            grid-area: toggle;
            order: 1;
            width: calc(var(--item-gap) * 2.11);
            height: calc(var(--item-gap) * 2.11);
            justify-self: start;
        }

        .header-logo {
            grid-area: logo;
            justify-self: center;
            order: 2;
        }

        .contact-info.btn-dark {
            grid-area: contact;
            order: 3;
            justify-self: end;
            width: calc(var(--item-gap) * 2.11);
            height: calc(var(--item-gap) * 2.11);
            flex-shrink: 0;
            padding: 0;
            justify-content: center;
        }

        .contact-info span {
            display: none;
        }

        .contact-info i {
            font-size: var(--text-lg);
        }

        .cta-group {
            display: block;
            grid-area: extra;

            .btn {
                display: none !important;
            }

            .btn.mph-book-link {
                display: block !important;
            }
        }
    }
}