.service-overlay {
            background: linear-gradient(270deg, #eaf0fa 0%, #f1f5fc 46%, #f5f7fb 100%);
            border-radius: 0;
            padding: 2.85rem 1.25rem 3.25rem;
            width: 100vw;
            margin: 0 calc(50% - 50vw) 0;
        }

        .service-overlay .content-section {
            margin-bottom: 2.8rem;
        }

        .service-overlay .content-section:last-child {
            margin-bottom: 0;
        }

        .service-overlay .content-section > h2 {
            text-align: center;
            font-size: clamp(1.75rem, 2.3vw, 2.25rem);
            margin-bottom: 1.1rem;
        }

        .content-section.included-wide,
        .content-section.process-panel {
            max-width: 100%;
        }

        .content-section.process-panel {
            margin-top: 1.9rem;
        }

        .service-content {
            padding: calc(var(--spacing-3xl) * 0.5) 0 0;
        }

        .content-section.support-centered h2 {
            text-align: center;
        }

        .content-section.support-centered .tech-tags {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            justify-content: flex-start;
        }

        .content-section.intro-left,
        .content-section.intro-right {
            max-width: min(860px, 78%);
            padding: 0.4rem 0;
        }

        .content-section.intro-left {
            margin-left: 0;
            margin-right: auto;
            text-align: left;
        }

        .content-section.intro-right {
            margin-left: auto;
            margin-right: 0;
            text-align: left;
        }

        .content-section.intro-right h2 {
            text-align: right;
        }

        .service-hero-modern {
            position: relative;
            padding: clamp(3.2rem, 5.2vw, 5rem) 0 clamp(2.5rem, 4.2vw, 3.6rem);
            background: linear-gradient(180deg, #f8fbff 0%, #f1f6ff 52%, #f8fbff 100%);
            overflow: hidden;
        }

        .service-hero-modern::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(420px 200px at 50% 0%, rgba(91, 141, 239, 0.16), transparent 72%);
            pointer-events: none;
        }

        .service-hero-modern .container {
            position: relative;
            z-index: 1;
            width: 100vw;
            max-width: none;
            margin: 0 calc(50% - 50vw);
            padding: 0 clamp(1rem, 3.2vw, 3rem);
        }

        .service-hero-shell {
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(290px, 0.8fr);
            gap: clamp(1rem, 2vw, 2rem);
            align-items: center;
        }

        .service-hero-modern .hero-content {
            max-width: none;
            width: 100%;
            margin: 0;
            text-align: left;
        }

        .service-hero-kicker {
            display: inline-block;
            padding: 0.34rem 0.66rem;
            border-radius: 999px;
            border: 1px solid rgba(132, 163, 212, 0.45);
            background: #ffffff;
            color: #314f7e;
            font-family: var(--font-mono);
            font-size: 0.69rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .service-hero-modern h1 {
            margin: 0 0 0.9rem;
            font-size: clamp(2.2rem, 4.8vw, 3.9rem);
            line-height: 1.06;
            max-width: 15ch;
            color: #0f1b2f;
            letter-spacing: -0.03em;
        }

        .service-hero-modern .hero-subtitle {
            margin: 0 0 1.35rem;
            max-width: 56ch;
            color: #4f607a;
            font-size: 1.02rem;
            line-height: 1.7;
        }

        .hero-code-window {
            position: relative;
            border-radius: 1.15rem;
            overflow: hidden;
            border: 1px solid rgba(103, 129, 176, 0.35);
            background: linear-gradient(180deg, #102445 0%, #0b1a33 100%);
            box-shadow: 0 18px 38px rgba(9, 19, 34, 0.3);
            animation: hero-float 4.2s ease-in-out infinite;
        }

        .hero-dev-scene {
            position: relative;
            padding: 0.92rem;
            min-height: 252px;
            background:
                radial-gradient(140px 120px at 18% 26%, rgba(98, 150, 239, 0.14), transparent 72%),
                radial-gradient(180px 120px at 82% 84%, rgba(98, 150, 239, 0.1), transparent 74%);
        }

        .hero-code-phase {
            position: absolute;
            left: 0.92rem;
            top: 0.92rem;
            width: calc(100% - 1.84rem);
            border: 1px solid rgba(124, 148, 188, 0.24);
            border-radius: 0.78rem;
            background: rgba(11, 26, 50, 0.72);
            padding: 0.68rem 0.76rem;
            opacity: 1;
            transform: translateY(0);
            animation: hero-code-phase 10s ease-in-out infinite;
        }

        .hero-code-lines {
            font-family: var(--font-mono);
            font-size: 0.76rem;
            line-height: 1.6;
            color: #dbe8ff;
        }

        .hero-code-line {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            width: 0;
            animation: hero-type-loop 10s steps(34, end) infinite;
        }

        .hero-code-line:nth-child(2) {
            animation-delay: 0.5s;
        }

        .hero-code-line:nth-child(3) {
            animation-delay: 1s;
        }

        .hero-code-line:nth-child(4) {
            animation-delay: 1.5s;
        }

        .hero-code-line:nth-child(5) {
            animation-delay: 2s;
        }

        .hero-code-line:nth-child(6) {
            animation-delay: 2.5s;
        }

        .hero-code-line:nth-child(7) {
            animation-delay: 3s;
        }

        .hero-code-status {
            margin-top: 0.5rem;
            font-size: 0.69rem;
            color: rgba(202, 221, 248, 0.76);
            letter-spacing: 0.01em;
        }

        .hero-code-meta {
            margin-top: 0.52rem;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.3rem;
        }

        .hero-code-chip {
            border: 1px solid rgba(122, 157, 209, 0.3);
            border-radius: 0.45rem;
            background: rgba(18, 38, 70, 0.78);
            color: rgba(216, 231, 252, 0.9);
            font-size: 0.62rem;
            line-height: 1.2;
            padding: 0.2rem 0.3rem;
            animation: hero-chip-pulse 2.4s ease-in-out infinite;
        }

        .hero-code-chip:nth-child(2) { animation-delay: 0.35s; }
        .hero-code-chip:nth-child(3) { animation-delay: 0.7s; }

        .hero-build-progress {
            margin-top: 0.46rem;
            height: 4px;
            border-radius: 999px;
            background: rgba(120, 164, 224, 0.22);
            overflow: hidden;
        }

        .hero-build-progress span {
            display: block;
            height: 100%;
            width: 0;
            border-radius: 999px;
            background: linear-gradient(90deg, #7fb7ff 0%, #b1d7ff 100%);
            animation: hero-build-progress 10s ease-in-out infinite;
        }

        .hero-deploy-track {
            position: absolute;
            left: 1.15rem;
            right: 1.15rem;
            top: 54%;
            height: 2px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(122, 174, 255, 0.22), rgba(122, 174, 255, 0.8), rgba(122, 174, 255, 0.22));
            opacity: 0.35;
            animation: hero-deploy-track 10s ease-in-out infinite;
        }

        .hero-deploy-dot {
            position: absolute;
            top: -2px;
            left: 0;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #d8ecff;
            box-shadow: 0 0 0 4px rgba(157, 204, 255, 0.25), 0 0 10px rgba(157, 204, 255, 0.6);
            animation: hero-deploy-dot 10s ease-in-out infinite;
        }

        .hero-browser-phase {
            position: absolute;
            left: 0.92rem;
            right: 0.92rem;
            bottom: 0.92rem;
            border: 1px solid rgba(124, 148, 188, 0.24);
            border-radius: 0.78rem;
            background: rgba(11, 26, 50, 0.72);
            padding: 0.48rem 0.64rem 0.68rem;
            opacity: 0;
            transform: translateY(8px) scale(0.985);
            animation: hero-browser-phase 10s ease-in-out infinite;
        }

        .hero-browser-topbar {
            display: flex;
            align-items: center;
            gap: 0.32rem;
            padding: 0.14rem 0 0.42rem;
            border-bottom: 1px solid rgba(124, 148, 188, 0.2);
            margin-bottom: 0.45rem;
        }

        .hero-browser-dot {
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            background: rgba(214, 226, 246, 0.58);
        }

        .hero-browser-dot:nth-child(1) {
            background: #7aaeff;
        }

        .hero-browser-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.48rem;
        }

        .hero-www-pill {
            display: inline-flex;
            align-items: center;
            padding: 0.16rem 0.46rem;
            border-radius: 999px;
            background: rgba(120, 174, 255, 0.2);
            color: #dbe9ff;
            font-family: var(--font-mono);
            font-size: 0.63rem;
            letter-spacing: 0.03em;
        }

        .hero-browser-live {
            color: #9cccff;
            font-size: 0.62rem;
            letter-spacing: 0.08em;
            font-family: var(--font-mono);
            font-weight: 700;
        }

        .hero-browser-preview {
            border: 1px solid rgba(120, 154, 205, 0.28);
            border-radius: 0.58rem;
            padding: 0.48rem;
            background: rgba(16, 35, 66, 0.82);
            position: relative;
            overflow: hidden;
        }

        .hero-browser-preview::before {
            content: "";
            position: absolute;
            left: -35%;
            top: 0;
            width: 35%;
            height: 100%;
            background: linear-gradient(90deg, rgba(145, 196, 255, 0), rgba(145, 196, 255, 0.34), rgba(145, 196, 255, 0));
            animation: hero-preview-scan 2.4s linear infinite 5s;
        }

        .hero-preview-header {
            height: 7px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(152, 201, 255, 0.72), rgba(152, 201, 255, 0.18));
            margin-bottom: 0.44rem;
        }

        .hero-preview-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.36rem;
        }

        .hero-preview-card {
            border-radius: 0.4rem;
            background: rgba(146, 196, 255, 0.2);
            height: 18px;
            animation: hero-card-pulse 2.2s ease-in-out infinite;
        }

        .hero-preview-card:nth-child(2) { animation-delay: 0.25s; }
        .hero-preview-card:nth-child(3) { animation-delay: 0.5s; }
        .hero-preview-card:nth-child(4) { animation-delay: 0.75s; }

        .hero-browser-metrics {
            margin-top: 0.42rem;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.32rem;
        }

        .hero-browser-metric {
            border: 1px solid rgba(120, 154, 205, 0.28);
            border-radius: 0.44rem;
            background: rgba(16, 35, 66, 0.82);
            padding: 0.26rem 0.34rem;
        }

        .hero-browser-metric-label {
            display: block;
            color: rgba(196, 216, 244, 0.75);
            font-size: 0.56rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .hero-browser-metric-value {
            color: #e3efff;
            font-size: 0.7rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .hero-browser-mini-chart {
            grid-column: 1 / -1;
            border: 1px solid rgba(120, 154, 205, 0.28);
            border-radius: 0.44rem;
            background: rgba(16, 35, 66, 0.82);
            padding: 0.24rem 0.32rem;
            position: relative;
            overflow: hidden;
        }

        .hero-browser-mini-chart svg {
            width: 100%;
            height: 18px;
            display: block;
        }

        .hero-browser-mini-chart polyline {
            fill: none;
            stroke: #94c5ff;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: drop-shadow(0 0 5px rgba(148, 197, 255, 0.55));
        }

        .hero-browser-mini-ping {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #deefff;
            box-shadow: 0 0 0 3px rgba(163, 208, 255, 0.28), 0 0 8px rgba(163, 208, 255, 0.72);
            left: 0.25rem;
            top: 0.82rem;
            animation: hero-mini-ping 2.2s linear infinite 5s;
        }

        @keyframes hero-type-loop {
            0%, 6% { width: 0; opacity: 0; }
            10%, 38% { width: 100%; opacity: 1; }
            42%, 100% { width: 100%; opacity: 0.95; }
        }

        @keyframes hero-code-phase {
            0%, 50% {
                opacity: 1;
                transform: translateY(0);
            }
            58%, 100% {
                opacity: 0.22;
                transform: translateY(-8px);
            }
        }

        @keyframes hero-deploy-track {
            0%, 40% { opacity: 0.2; }
            48%, 70% { opacity: 0.95; }
            82%, 100% { opacity: 0.25; }
        }

        @keyframes hero-deploy-dot {
            0%, 45% {
                left: 0;
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            70% {
                left: calc(100% - 6px);
                opacity: 1;
            }
            78%, 100% {
                left: calc(100% - 6px);
                opacity: 0;
            }
        }

        @keyframes hero-browser-phase {
            0%, 50% {
                opacity: 0;
                transform: translateY(8px) scale(0.985);
            }
            56%, 92% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
            100% {
                opacity: 0;
                transform: translateY(6px) scale(0.99);
            }
        }

        @keyframes hero-chip-pulse {
            0%, 100% { opacity: 0.7; }
            50% { opacity: 1; }
        }

        @keyframes hero-build-progress {
            0%, 10% { width: 0; }
            35% { width: 72%; }
            50% { width: 100%; }
            58%, 100% { width: 100%; }
        }

        @keyframes hero-preview-scan {
            from { transform: translateX(0); opacity: 0; }
            20% { opacity: 1; }
            80% { opacity: 1; }
            to { transform: translateX(330%); opacity: 0; }
        }

        @keyframes hero-card-pulse {
            0%, 100% { opacity: 0.55; }
            50% { opacity: 1; }
        }

        @keyframes hero-mini-ping {
            0% { left: 0.25rem; top: 0.82rem; opacity: 0; }
            8% { opacity: 1; }
            30% { top: 0.62rem; }
            55% { top: 0.95rem; }
            80% { top: 0.58rem; }
            100% { left: calc(100% - 0.65rem); top: 0.74rem; opacity: 1; }
        }

        @keyframes hero-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-6px); }
        }

        .nav-lang-dropdown {
            position: relative;
        }

        .nav-lang-dropdown summary {
            list-style: none;
            display: inline-flex;
            align-items: center;
            gap: 0.48rem;
            padding: 0.42rem 0.72rem;
            border-radius: 999px;
            background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
            border: 1px solid rgba(148, 163, 184, 0.22);
            box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
            font-family: var(--font-heading);
            font-weight: 700;
            font-size: 0.8rem;
            color: var(--navy);
            cursor: pointer;
            user-select: none;
        }

        .nav-lang-dropdown summary::-webkit-details-marker {
            display: none;
        }

        .nav-lang-dropdown summary::marker {
            content: "";
        }

        .nav-lang-caret {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid var(--navy);
            transition: transform 0.2s ease;
        }

        .nav-lang-dropdown[open] .nav-lang-caret {
            transform: rotate(180deg) translateY(1px);
        }

        .nav-lang-menu {
            position: absolute;
            right: 0;
            top: calc(100% + 0.5rem);
            min-width: 170px;
            padding: 0.6rem;
            border-radius: 0.9rem;
            background: #ffffff;
            border: 1px solid #dbe2ea;
            box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
            z-index: 30;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

        .nav-lang-menu .lang-option {
            width: 100%;
            text-align: left;
            border-radius: 0.55rem;
            padding: 0.5rem 0.6rem;
            font-family: var(--font-heading);
            font-size: 0.98rem;
            letter-spacing: 0;
        }

        .nav-lang-menu .lang-option.active {
            background: #f1f5fb;
            color: var(--navy);
            box-shadow: none;
        }

        .included-wide .deliverables-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 2rem;
        }

        .included-wide .deliverable-item {
            background: #ffffff;
            border: 1px solid #dbe2ea;
            border-left: 4px solid var(--light-blue);
            border-radius: 14px;
            padding: 2rem 2.1rem;
            min-height: 160px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .included-wide .deliverable-item h3 {
            margin-bottom: 0.8rem;
            font-size: 1.05rem;
            line-height: 1.35;
        }

        .included-wide .deliverable-item p {
            margin: 0;
            font-size: 0.98rem;
            line-height: 1.7;
            color: var(--gray-600);
            max-width: 27ch;
        }

        .included-wide .deliverable-item:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
            border-color: #cfd8e3;
        }

        .process-board {
            margin-top: var(--spacing-lg);
            border-radius: 2rem;
            overflow: hidden;
            border: 1px solid rgba(72, 99, 151, 0.5);
            box-shadow: 0 24px 52px rgba(7, 14, 29, 0.28);
            background: linear-gradient(135deg, #1f3564 0%, #1b2f59 54%, #182950 100%);
        }

        .process-panel .process-steps {
            margin-top: 0;
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 0;
            background: linear-gradient(135deg, #0b214b 0%, #091a3e 48%, #071636 100%);
        }

        .process-panel .step {
            display: block;
            padding: 1.9rem 1.35rem 1.7rem;
            border-right: 1px solid rgba(103, 129, 176, 0.28);
            min-height: 240px;
        }

        .process-panel .step:last-child {
            border-right: 0;
        }

        .process-panel .step-number {
            width: auto;
            height: auto;
            border-radius: 0;
            background: transparent;
            color: #79adff;
            display: block;
            font-size: 3.05rem;
            line-height: 0.95;
            font-weight: 800;
            flex-shrink: 0;
        }

        .process-panel .step-head {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: start;
            column-gap: 0.75rem;
            margin-bottom: 0.58rem;
            min-height: 3.25rem;
        }

        .process-panel .step-content h3 {
            color: #f2f6ff;
            font-size: 1.05rem;
            line-height: 1.3;
            margin: 0.05rem 0 0;
        }

        .process-panel .step-content p {
            color: rgba(199, 213, 239, 0.78);
            font-size: 0.92rem;
            line-height: 1.5;
            max-width: 17ch;
        }

        .process-note {
            padding: 1.95rem 2.2rem 2rem;
            background: linear-gradient(95deg, rgba(45, 67, 116, 0.96) 0%, rgba(43, 65, 112, 0.96) 46%, rgba(40, 61, 106, 0.96) 100%);
            border-top: 1px solid rgba(102, 128, 178, 0.4);
        }

        .process-note-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.4rem;
        }

        .process-note-content h3 {
            color: #eef3ff;
            font-size: clamp(1.58rem, 2.2vw, 1.95rem);
            margin-bottom: 0.5rem;
            line-height: 1.16;
        }

        .process-note-content p {
            color: rgba(203, 215, 236, 0.82);
            font-size: 0.95rem;
            margin: 0;
            max-width: 820px;
            line-height: 1.5;
        }

        .process-note-pill {
            display: inline-block;
            padding: 0.44rem 0.94rem;
            border-radius: 999px;
            background: rgba(120, 174, 255, 0.28);
            border: 1px solid rgba(171, 205, 255, 0.5);
            color: #eaf3ff;
            font-family: var(--font-heading);
            font-size: 0.86rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            margin-bottom: 0.82rem;
        }

        .process-note-action {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.6rem;
            margin-right: 0;
            transform: translateX(10px);
        }

        .process-note-content {
            transform: translateX(10px);
        }

        .process-cta-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 1rem 2rem;
            min-width: 250px;
            border-radius: 1.1rem;
            background: #2563eb;
            color: #ffffff;
            font-family: var(--font-heading);
            font-size: 0.98rem;
            font-weight: 700;
            border: 1px solid rgba(255, 255, 255, 0.12);
            transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
            white-space: nowrap;
        }

        .process-cta-btn:hover {
            transform: translateY(-2px);
            background: #1d4ed8;
            box-shadow: 0 12px 28px rgba(13, 24, 45, 0.24);
        }

        .process-note-meta {
            color: rgba(196, 208, 231, 0.68);
            font-size: 0.9rem;
            line-height: 1.35;
            letter-spacing: 0.01em;
            text-align: center;
            white-space: nowrap;
            margin: 0;
            transform: scale(0.8);
            transform-origin: top center;
        }

        @media (max-width: 1150px) {
            .included-wide .deliverables-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .content-section.intro-left,
            .content-section.intro-right {
                max-width: 100%;
            }

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

            .process-panel .step {
                min-height: 0;
                border-bottom: 1px solid rgba(160, 182, 222, 0.2);
            }

            .process-panel .step:nth-child(even) {
                border-right: 0;
            }

            .process-panel .step:last-child {
                border-bottom: 0;
            }
        }

        @media (max-width: 768px) {
            .service-overlay {
                padding: 2.25rem 0.9rem 2.35rem;
                border-radius: 0;
            }

            .content-section.intro-left,
            .content-section.intro-right {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }

            .service-hero-modern {
                padding: 2.2rem 0 1.9rem;
            }

            .service-hero-shell {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .service-hero-modern .hero-content {
                padding: 0 0.2rem;
                text-align: left;
            }

            .service-hero-modern .hero-subtitle {
                font-size: 0.98rem;
            }

            .hero-code-window {
                animation: none;
            }

            .service-overlay .content-section > h2 {
                font-size: clamp(1.45rem, 6vw, 1.8rem);
            }

            .included-wide .deliverables-grid {
                grid-template-columns: 1fr;
            }
            .included-wide .deliverable-item {
                padding: 1.5rem 1.4rem;
                min-height: 0;
                border-radius: 12px;
            }

            .included-wide .deliverable-item h3 {
                font-size: 1.05rem;
            }

            .process-panel .process-steps {
                grid-template-columns: 1fr;
            }

            .process-panel .step {
                border-right: 0;
            }

            .process-panel .step-content h3 {
                font-size: 1.06rem;
            }

            .process-panel .step-content p {
                font-size: 0.9rem;
                max-width: none;
            }

            .process-panel .step-head {
                min-height: 0;
            }

            .included-wide .deliverable-item p {
                max-width: none;
            }

            .process-note-inner {
                flex-direction: column;
                align-items: flex-start;
            }

            .process-note-action {
                align-items: center;
                margin-right: 0;
                transform: none;
            }

            .process-note-content {
                transform: none;
            }

            .process-note-meta {
                text-align: center;
                font-size: 0.84rem;
                transform: scale(0.8);
                transform-origin: top center;
            }

            .nav-lang-dropdown {
                width: 100%;
            }

            .nav-lang-dropdown summary {
                width: fit-content;
                margin-left: auto;
            }

            .nav-lang-menu {
                right: 0;
            }
        }