html:not(.lagom-dark-mode) .btn.btn-primary,
    html:not(.lagom-dark-mode) button.btn-primary,
    html:not(.lagom-dark-mode) input.btn-primary,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active {
        background-color: #8e6e5b !important;
        border-color: #856652 !important;
        color: #ffffff !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary:hover,
    html:not(.lagom-dark-mode) .btn.btn-primary:focus,
    html:not(.lagom-dark-mode) .btn.btn-primary:active,
    html:not(.lagom-dark-mode) .btn.btn-primary.active,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active:hover,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active:focus,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active:active {
        background-color: #7d5f4d !important;
        border-color: #755844 !important;
        color: #ffffff !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary.disabled,
    html:not(.lagom-dark-mode) .btn.btn-primary[disabled] {
        background-color: #8e6e5b !important;
        border-color: #856652 !important;
        color: #ffffff !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary i,
    html:not(.lagom-dark-mode) .btn.btn-primary .ls,
    html:not(.lagom-dark-mode) .btn.btn-primary .lm,
    html:not(.lagom-dark-mode) .btn.btn-primary .btn__icon,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active i {
        color: #ffffff !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary svg,
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active svg {
        color: #ffffff !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary svg [fill]:not([fill="none"]),
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active svg [fill]:not([fill="none"]) {
        fill: currentColor !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary svg [stroke],
    html:not(.lagom-dark-mode) .domain-search-tabs .btn.active svg [stroke] {
        stroke: currentColor !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary-faded,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded:hover,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded:focus,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded:active,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded.active {
        color: #5f772e !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary-faded i,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded .ls,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded .lm,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded .btn__icon,
    html:not(.lagom-dark-mode) .btn.btn-primary-faded svg {
        color: #5f772e !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary-faded svg [fill]:not([fill="none"]) {
        fill: currentColor !important;
    }

    html:not(.lagom-dark-mode) .btn.btn-primary-faded svg [stroke] {
        stroke: currentColor !important;
    }

    /* Keep text-only actions readable against white and pale green surfaces. */
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link:hover,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link:focus,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link:active {
        color: #5f772e !important;
    }

    html:not(.lagom-dark-mode) main.app-main .btn.btn-link i,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link .ls,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link .lm,
    html:not(.lagom-dark-mode) main.app-main .btn.btn-link .btn-icon {
        color: #5f772e !important;
    }

    /* Preserve each flag's natural aspect ratio inside a stable alignment box. */
    .app-nav .language-flag,
    .app-nav .ja-flag,
    #main-menu .language-flag,
    #main-menu .ja-flag {
        align-items: center !important;
        display: inline-flex !important;
        height: 15px !important;
        justify-content: center !important;
        overflow: hidden !important;
        width: 20px !important;
    }

    .app-nav .language-flag img,
    .app-nav .ja-flag img,
    #main-menu .language-flag img,
    #main-menu .ja-flag img {
        height: auto !important;
        max-height: 15px !important;
        max-width: 20px !important;
        object-fit: contain !important;
        width: auto !important;
    }

    .nav-item-cart .nav-badge.badge-primary-faded,
    #cartItemCount.badge-primary {
        background-color: #eff8d1 !important;
        color: #506217 !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }

    .loader.loader-button .spinner {
        --jart-loader-core: #abcf37;
        animation: jart-loader-float 1.35s ease-in-out infinite !important;
        color: inherit !important;
        display: block !important;
        height: 34px !important;
        margin: 0 auto !important;
        overflow: visible !important;
        position: relative !important;
        width: 34px !important;
    }

    .loader.loader-button .spinner::before {
        animation: jart-loader-core 1.35s ease-in-out infinite !important;
        background: var(--jart-loader-core) !important;
        border: 2px solid currentColor !important;
        border-radius: 4px !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 15%, transparent) !important;
        content: "" !important;
        height: 9px !important;
        left: 50% !important;
        margin: -4.5px 0 0 -4.5px !important;
        position: absolute !important;
        top: 50% !important;
        transform: rotate(45deg) scale(0.86) !important;
        width: 9px !important;
    }

    .loader.loader-button .spinner::after {
        animation: jart-loader-track 3.2s linear infinite !important;
        border: 1px dashed currentColor !important;
        border-radius: 50% !important;
        content: "" !important;
        inset: 4px !important;
        opacity: 0.28 !important;
        position: absolute !important;
    }

    .loader.loader-button .spinner > div {
        animation: jart-loader-orbit 1.15s linear infinite !important;
        background: currentColor !important;
        border: 0 !important;
        border-radius: 50% !important;
        height: 5px !important;
        left: 50% !important;
        margin: -2.5px 0 0 -2.5px !important;
        min-height: 0 !important;
        opacity: 0.5 !important;
        position: absolute !important;
        top: 50% !important;
        transform: rotate(var(--jart-loader-phase)) translateX(14px) scale(0.62) !important;
        width: 5px !important;
    }

    .loader.loader-button .spinner > .rect1 { --jart-loader-phase: 0deg; }
    .loader.loader-button .spinner > .rect2 { --jart-loader-phase: 72deg; }
    .loader.loader-button .spinner > .rect3 { --jart-loader-phase: 144deg; }
    .loader.loader-button .spinner > .rect4 { --jart-loader-phase: 216deg; }
    .loader.loader-button .spinner > .rect5 { --jart-loader-phase: 288deg; }

    .btn-primary-faded .loader.loader-button .spinner,
    html.lagom-dark-mode .btn-primary .loader.loader-button .spinner {
        --jart-loader-core: #8d6e5b;
    }

    @keyframes jart-loader-orbit {
        0% {
            opacity: 0.38;
            transform: rotate(var(--jart-loader-phase)) translateX(14px) scale(0.58);
        }
        50% {
            opacity: 1;
            transform: rotate(calc(var(--jart-loader-phase) + 180deg)) translateX(14px) scale(1);
        }
        100% {
            opacity: 0.38;
            transform: rotate(calc(var(--jart-loader-phase) + 360deg)) translateX(14px) scale(0.58);
        }
    }

    @keyframes jart-loader-core {
        0%, 100% { transform: rotate(45deg) scale(0.82); }
        50% { transform: rotate(135deg) scale(1.08); }
    }

    @keyframes jart-loader-track {
        to { transform: rotate(360deg); }
    }

    @keyframes jart-loader-float {
        0%, 100% { transform: translateY(1px); }
        50% { transform: translateY(-1px); }
    }

    @media (prefers-reduced-motion: reduce) {
        .loader.loader-button .spinner,
        .loader.loader-button .spinner::before,
        .loader.loader-button .spinner::after,
        .loader.loader-button .spinner > div {
            animation: none !important;
        }
    }

    html:not(.lagom-dark-mode) .btn.disabled:not(.btn-primary),
    html:not(.lagom-dark-mode) .btn[disabled]:not(.btn-primary),
    html:not(.lagom-dark-mode) button[disabled]:not(.btn-primary),
    html:not(.lagom-dark-mode) input[type="button"][disabled]:not(.btn-primary),
    html:not(.lagom-dark-mode) input[type="submit"][disabled]:not(.btn-primary),
    html:not(.lagom-dark-mode) .btn.unavailable,
    html:not(.lagom-dark-mode) .btn.btn-disabled,
    html:not(.lagom-dark-mode) .btn.is-disabled {
        color: #5b5d63 !important;
    }

    html:not(.lagom-dark-mode) .btn.disabled:not(.btn-primary) i,
    html:not(.lagom-dark-mode) .btn[disabled]:not(.btn-primary) i,
    html:not(.lagom-dark-mode) button[disabled]:not(.btn-primary) i,
    html:not(.lagom-dark-mode) .btn.unavailable i,
    html:not(.lagom-dark-mode) .btn.btn-disabled i,
    html:not(.lagom-dark-mode) .btn.is-disabled i {
        color: #5b5d63 !important;
    }

    html .btn.disabled,
    html .btn[disabled],
    html .btn[aria-disabled="true"],
    html button:disabled,
    html input[type="button"]:disabled,
    html input[type="submit"]:disabled,
    html .btn.unavailable,
    html .btn.btn-disabled,
    html .btn.btn-unavailable,
    html .btn.is-disabled,
    html .btn.disabled *,
    html .btn[disabled] *,
    html .btn[aria-disabled="true"] *,
    html button:disabled *,
    html input[type="button"]:disabled *,
    html input[type="submit"]:disabled *,
    html .btn.unavailable *,
    html .btn.btn-disabled *,
    html .btn.btn-unavailable *,
    html .btn.is-disabled * {
        cursor: not-allowed !important;
    }

    html .spotlight-col:has(.spotlight.unavailable),
    html .spotlight-col:has(.spotlight.unavailable) *,
    html .spotlight.unavailable,
    html .spotlight.unavailable *,
    html .domain-lookup-result:has(.btn-unavailable:not(.hidden)),
    html .domain-lookup-result:has(.btn-unavailable:not(.hidden)) *,
    html .domain-lookup-result:has(.btn-disabled:not(.hidden)),
    html .domain-lookup-result:has(.btn-disabled:not(.hidden)) * {
        cursor: not-allowed !important;
    }

    .app-nav-header .top-nav .nav-item-currency.jaydenart-currency-open > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
    }

    .app-nav-header .top-nav .nav-item-currency:not(.jaydenart-currency-open) > .dropdown-menu {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    @media (min-width: 992px) {
        /* Keep desktop utility dropdown content flush with the rounded panel. */
        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu {
            overflow: hidden !important;
            padding-block: 0 !important;
        }

        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items {
            margin: 0 !important;
            max-height: min(290px, calc(100vh - 112px)) !important;
            padding-block: 0 !important;
        }

        /* Give language search a quiet, stable focus treatment within the panel. */
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search {
            overflow: hidden !important;
            padding: 0 !important;
        }

        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-header,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-header {
            align-items: center !important;
            background: var(--dropdown-bg) !important;
            border: 0 !important;
            border-bottom: 1px solid var(--input-border-color) !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            box-sizing: border-box !important;
            display: flex !important;
            height: 52px !important;
            margin: 0 !important;
            min-height: 52px !important;
            overflow: hidden !important;
            padding: 0 14px !important;
            transition: border-color 180ms ease, box-shadow 180ms ease !important;
            width: 100% !important;
        }

        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-header:focus-within,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-header:focus-within {
            border-bottom-color: #ABCF37 !important;
            box-shadow: inset 0 -2px 0 #ABCF37 !important;
        }

        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-header .input-group-icon,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-header .input-group-icon {
            color: var(--gray-icons) !important;
            flex: 0 0 20px !important;
            margin: 0 10px 0 0 !important;
            position: static !important;
        }

        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-header .form-control,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-header .form-control {
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            box-sizing: border-box !important;
            flex: 1 1 auto !important;
            height: 50px !important;
            min-width: 0 !important;
            outline: 0 !important;
            padding: 0 !important;
            width: auto !important;
        }

        html.lagom-dark-mode .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-header:focus-within,
        html.lagom-dark-mode .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-header:focus-within {
            border-bottom-color: #ABCF37 !important;
            box-shadow: inset 0 -2px 0 #ABCF37 !important;
        }

        /* Desktop utility menus expose their overflow instead of hiding choices. */
        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search {
            position: absolute !important;
        }

        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-menu-items,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-menu-items {
            max-height: min(290px, calc(100vh - 164px)) !important;
            overflow-y: auto !important;
            overscroll-behavior: contain !important;
            padding-right: 46px !important;
            scrollbar-color: #8EAC2D rgba(84, 71, 65, 0.10) !important;
            scrollbar-gutter: stable !important;
            scrollbar-width: auto !important;
        }

        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar {
            width: 9px !important;
        }

        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-track,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar-track,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-track,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar-track {
            background: rgba(84, 71, 65, 0.10) !important;
            border-radius: 999px !important;
        }

        .app-nav-header .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-thumb,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"] > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar-thumb,
        .jart-account-navigation .top-nav .nav-item-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-thumb,
        .jart-account-navigation .top-nav .nav-item-language > .dropdown-language-search > .dropdown-menu-items::-webkit-scrollbar-thumb {
            background: #8EAC2D !important;
            border: 2px solid transparent !important;
            background-clip: padding-box !important;
            border-radius: 999px !important;
            min-height: 32px !important;
        }

        .jaydenart-desktop-scroll-cue {
            align-items: center;
            background: var(--dropdown-bg, #fff);
            border: 1px solid rgba(80, 98, 23, 0.30);
            border-radius: 999px;
            box-shadow: 0 5px 16px rgba(38, 45, 17, 0.15);
            color: #506217;
            cursor: pointer;
            display: flex;
            height: 32px;
            justify-content: center;
            opacity: 0;
            padding: 0;
            pointer-events: none;
            position: absolute;
            right: 14px;
            transform: translate3d(5px, 0, 0) scale(0.92);
            transition: opacity 170ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
            visibility: hidden;
            width: 32px;
            z-index: 8;
        }

        .jaydenart-desktop-scroll-cue-up {
            top: 9px;
        }

        .nav-item-language .jaydenart-desktop-scroll-cue-up,
        [id^="Secondary_Navbar-Language-"] .jaydenart-desktop-scroll-cue-up {
            top: 61px;
        }

        .jaydenart-desktop-scroll-cue-down {
            bottom: 9px;
        }

        .jaydenart-desktop-scroll-cue::after {
            border-bottom: 2px solid currentColor;
            border-right: 2px solid currentColor;
            content: "";
            height: 7px;
            transform: translateY(-2px) rotate(45deg);
            width: 7px;
        }

        .jaydenart-desktop-scroll-cue-up::after {
            transform: translateY(2px) rotate(225deg);
        }

        .jaydenart-desktop-can-scroll-up > .dropdown-menu > .jaydenart-desktop-scroll-cue-up,
        .jaydenart-desktop-can-scroll-down > .dropdown-menu > .jaydenart-desktop-scroll-cue-down {
            opacity: 1;
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale(1);
            visibility: visible;
        }

        .jaydenart-desktop-scroll-cue:hover {
            background: #F1F7D8;
            border-color: #8EAC2D;
            transform: scale(1.08) !important;
        }

        .jaydenart-desktop-scroll-cue:focus-visible {
            box-shadow: 0 0 0 4px rgba(171, 207, 55, 0.22) !important;
            outline: 2px solid #506217 !important;
            outline-offset: 2px !important;
        }

        html.lagom-dark-mode .jaydenart-desktop-scroll-cue {
            background: #2C3523;
            border-color: rgba(171, 207, 55, 0.48);
            color: #ABCF37;
            box-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);
        }

        .jaydenart-language-no-results {
            color: var(--text-lighter-color, #667085);
            display: none;
            font-size: 13px;
            line-height: 1.45;
            padding: 18px 20px !important;
            text-align: center;
        }

        .jaydenart-language-no-results.is-visible {
            display: block;
        }
    }

    .app-nav a:focus-visible,
    .app-nav button:focus-visible,
    .app-nav input:focus-visible,
    .app-nav [tabindex]:focus-visible {
        border-radius: 6px;
        box-shadow: 0 0 0 4px rgba(80, 98, 23, 0.16) !important;
        outline: 2px solid #506217 !important;
        outline-offset: 2px !important;
    }

    html.lagom-dark-mode .app-nav a:focus-visible,
    html.lagom-dark-mode .app-nav button:focus-visible,
    html.lagom-dark-mode .app-nav input:focus-visible,
    html.lagom-dark-mode .app-nav [tabindex]:focus-visible {
        box-shadow: 0 0 0 4px rgba(171, 207, 55, 0.15) !important;
        outline-color: #abcf37 !important;
    }

    /*
     * Brand assets live outside the Lagom template directory so theme updates
     * cannot overwrite them. CSS content swaps before paint with no raster
     * flash or JavaScript dependency.
     */
    .app-nav .logo-img,
    .footer-company-logo .logo-img {
        content: url("/assets/img/jaydenart-brand/jaydenart-website-logo-light.svg") !important;
        filter: none !important;
        object-fit: contain !important;
        opacity: 1 !important;
    }

    html.lagom-dark-mode .app-nav .logo-img,
    html.lagom-dark-mode .footer-company-logo .logo-img {
        content: url("/assets/img/jaydenart-brand/jaydenart-website-logo-dark.svg") !important;
        filter: none !important;
        opacity: 1 !important;
    }

    /* Keep the page-top control beside, rather than beneath, support chat. */
    #ja-top {
        bottom: calc(max(20px, env(safe-area-inset-bottom)) + 4px) !important;
        right: calc(max(20px, env(safe-area-inset-right)) + 72px) !important;
    }

    @media (min-width: 992px) {
        .app-nav-header .app-nav-toggle.navbar-toggle {
            display: none !important;
        }

        .app-nav-toggle.navbar-toggle::before,
        .app-nav-toggle.navbar-toggle::after {
            content: none !important;
        }
    }

    @media (max-width: 991.98px) {
        :root {
            --jaydenart-mobile-nav-height: 74px;
            --jaydenart-mobile-menu-ease: cubic-bezier(0.2, 0, 0, 1);
            --jaydenart-mobile-menu-speed: 660ms;
        }

        html {
            scroll-padding-top: var(--jaydenart-mobile-nav-height);
        }

        body.lagom-layout-top {
            padding-top: var(--jaydenart-mobile-nav-height) !important;
        }

        html.overflow-x-hidden,
        body.menu-open {
            overflow: hidden !important;
            overscroll-behavior: none;
        }

        .app-nav-header,
        .app-main {
            transition: transform var(--jaydenart-mobile-menu-speed) var(--jaydenart-mobile-menu-ease) !important;
            will-change: transform;
        }

        .app-nav-header {
            height: var(--jaydenart-mobile-nav-height) !important;
            inset: 0 0 auto 0 !important;
            min-height: var(--jaydenart-mobile-nav-height) !important;
            position: fixed !important;
            width: 100% !important;
            z-index: 1040 !important;
        }

        .app-nav-header .logo.visible-xs.visible-sm.visible-md {
            flex: 0 0 auto !important;
            width: 112px !important;
        }

        .app-nav-header .logo.visible-xs.visible-sm.visible-md .logo-img {
            display: block !important;
            height: auto !important;
            max-height: 34px !important;
            max-width: 112px !important;
            object-fit: contain !important;
            width: 112px !important;
        }

        /*
         * Hide utility controls in the crowded top row from first paint. The
         * script below moves the same live controls into the side menu.
         */
        .app-nav-header .top-nav .nav-item-currency,
        .app-nav-header .top-nav [id^="Secondary_Navbar-Currencies"],
        .app-nav-header .top-nav [id^="Secondary_Navbar-Language-"],
        .app-nav-header .top-nav [id^="Secondary_Navbar-ModeSwitcher-"],
        .app-nav-header .top-nav .dark-mode-switcher {
            display: none !important;
        }

        body.menu-open .app-nav-header,
        html.overflow-x-hidden .app-nav-header {
            box-shadow: 0 1px 0 rgba(171, 207, 55, 0.18) !important;
        }

        body.menu-open #jac-settings-trigger,
        html.overflow-x-hidden #jac-settings-trigger,
        body.menu-open #ja-top,
        html.overflow-x-hidden #ja-top {
            opacity: 0 !important;
            pointer-events: none !important;
            transform: translateY(10px) scale(0.94) !important;
            visibility: hidden !important;
        }

        .app-nav-toggle.navbar-toggle {
            align-items: center !important;
            border-radius: 8px;
            display: inline-flex !important;
            flex: 0 0 38px !important;
            height: 38px !important;
            inline-size: 38px !important;
            justify-content: center !important;
            line-height: 1 !important;
            max-inline-size: 38px !important;
            max-width: 38px !important;
            min-inline-size: 38px !important;
            min-width: 38px !important;
            padding: 0 !important;
            position: relative !important;
            width: 38px !important;
        }

        .app-nav-toggle.navbar-toggle .icon-bar {
            display: none !important;
        }

        .app-nav-toggle.navbar-toggle::before,
        .app-nav-toggle.navbar-toggle::after {
            background-color: #abcf37;
            border-radius: 999px;
            box-shadow: 0 0 0 rgba(171, 207, 55, 0);
            content: "";
            height: 3px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform-origin: 50% 50%;
            transition:
                transform 440ms var(--jaydenart-mobile-menu-ease),
                width 440ms var(--jaydenart-mobile-menu-ease),
                box-shadow 260ms ease,
                background-color 260ms ease;
            width: 28px;
            will-change: transform, width;
        }

        .app-nav-toggle.navbar-toggle::before {
            transform: translate(-50%, calc(-50% - 5px)) rotate(0deg);
        }

        .app-nav-toggle.navbar-toggle::after {
            transform: translate(-50%, calc(-50% + 5px)) rotate(0deg);
        }

        .app-nav-toggle.navbar-toggle:hover::before,
        .app-nav-toggle.navbar-toggle:hover::after,
        .app-nav-toggle.navbar-toggle:focus-visible::before,
        .app-nav-toggle.navbar-toggle:focus-visible::after {
            box-shadow: 0 0 12px rgba(171, 207, 55, 0.32);
        }

        body.menu-open .app-nav-toggle.navbar-toggle::before,
        html.overflow-x-hidden .app-nav-toggle.navbar-toggle::before {
            transform: translate(-50%, -50%) rotate(45deg);
            width: 30px;
        }

        body.menu-open .app-nav-toggle.navbar-toggle::after,
        html.overflow-x-hidden .app-nav-toggle.navbar-toggle::after {
            transform: translate(-50%, -50%) rotate(-45deg);
            width: 30px;
        }

        .app-nav-menu {
            backface-visibility: hidden;
            height: 100vh !important;
            height: 100dvh !important;
            padding-top: calc(var(--jaydenart-mobile-nav-height) + 16px) !important;
            touch-action: pan-y;
            top: 0 !important;
            transition:
                transform var(--jaydenart-mobile-menu-speed) var(--jaydenart-mobile-menu-ease),
                box-shadow var(--jaydenart-mobile-menu-speed) ease !important;
            will-change: transform;
            z-index: 1039 !important;
        }

        body:not(.menu-open) .app-nav-menu {
            transform: translate3d(-100%, 0, 0) !important;
        }

        body.menu-open .app-nav-menu {
            box-shadow: 24px 20px 54px rgba(0, 0, 0, 0.24) !important;
            transform: translate3d(0, 0, 0) !important;
        }

        html.overflow-x-hidden .app-nav-menu {
            transform: translate3d(0, 0, 0) !important;
        }

        .app-nav-menu .menu > li {
            opacity: 0;
            transform: translate3d(-10px, 0, 0);
            transition:
                opacity 420ms ease,
                transform 620ms var(--jaydenart-mobile-menu-ease) !important;
            will-change: opacity, transform;
        }

        body:not(.menu-open) .app-nav-menu .menu > li {
            transition-delay: 0ms !important;
        }

        body.menu-open .app-nav-menu .menu > li {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

        body.menu-open .app-nav-menu .menu > li:nth-child(1) {
            transition-delay: 120ms;
        }

        body.menu-open .app-nav-menu .menu > li:nth-child(2) {
            transition-delay: 155ms;
        }

        body.menu-open .app-nav-menu .menu > li:nth-child(3) {
            transition-delay: 190ms;
        }

        body.menu-open .app-nav-menu .menu > li:nth-child(4) {
            transition-delay: 225ms;
        }

        body.menu-open .app-nav-menu .menu > li:nth-child(n+5) {
            transition-delay: 260ms;
        }

        #main-menu .menu.menu-primary > li > a {
            transition:
                background-color 180ms ease,
                color 180ms ease,
                box-shadow 180ms ease !important;
        }

        html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > li > a:hover,
        html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > li > a:focus-visible {
            background: rgba(171, 207, 55, 0.11) !important;
            box-shadow: inset 3px 0 0 rgba(80, 98, 23, 0.72);
            color: #506217 !important;
        }

        html.lagom-dark-mode #main-menu .menu.menu-primary > li > a:hover,
        html.lagom-dark-mode #main-menu .menu.menu-primary > li > a:focus-visible {
            background: rgba(171, 207, 55, 0.08) !important;
            box-shadow: inset 3px 0 0 rgba(171, 207, 55, 0.78);
            color: #d9ef8f !important;
        }

        #main-menu .jaydenart-mobile-menu-currency {
            min-height: 56px;
            position: relative;
        }

        #main-menu .jaydenart-mobile-menu-currency,
        #main-menu .jaydenart-mobile-menu-language,
        #main-menu .jaydenart-mobile-menu-mode {
            display: block !important;
            min-height: 56px;
            position: relative;
            width: 100%;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-toggle,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle {
            align-items: center !important;
            color: inherit !important;
            display: flex !important;
            min-height: 56px;
            padding: 0 24px !important;
            text-decoration: none !important;
            width: 100%;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-toggle::before {
            content: "Currency";
            font-weight: 500;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle::before {
            content: "Language";
            font-weight: 500;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-toggle .item-text,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .item-text {
            margin-left: auto;
            margin-right: 10px;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .item-icon,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .flag-icon,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .language-flag {
            flex: 0 0 auto;
            height: 21px !important;
            margin-left: auto !important;
            width: 28px !important;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .item-icon + .item-text,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .flag-icon + .item-text,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .language-flag + .item-text {
            margin-left: 8px !important;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle .language-flag img {
            display: block;
            height: auto !important;
            max-height: 21px !important;
            max-width: 28px !important;
            width: auto !important;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle > img {
            margin-left: auto !important;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-toggle > img + .item-text {
            margin-left: 8px !important;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu {
            border: 0 !important;
            border-radius: 8px !important;
            box-shadow: none !important;
            float: none !important;
            margin: 0 0 10px !important;
            max-height: 260px !important;
            min-width: 0 !important;
            overflow: hidden !important;
            padding: 6px 0 !important;
            position: relative !important;
            transform: none !important;
            width: 100% !important;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu > .dropdown-menu-items,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu > .dropdown-menu-items {
            -webkit-overflow-scrolling: touch;
            max-height: 248px !important;
            overscroll-behavior-y: contain;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            padding-bottom: 54px !important;
            scroll-padding-bottom: 54px;
            touch-action: pan-y;
        }

        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu .nav-divider {
            display: none !important;
        }

        #main-menu .jaydenart-mobile-menu-currency:not(.open):not(.show) > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-language:not(.open):not(.show) > .dropdown-menu {
            display: none !important;
        }

        #main-menu .jaydenart-mobile-menu-currency.open > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-currency.show > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-language.open > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-language.show > .dropdown-menu {
            display: block !important;
        }

        #main-menu .jaydenart-mobile-menu-currency .dropdown-menu-item > a,
        #main-menu .jaydenart-mobile-menu-language .dropdown-menu-item > a {
            align-items: center;
            display: flex;
            min-height: 38px;
        }

        #main-menu .jaydenart-mobile-menu-mode {
            align-items: center !important;
            display: flex !important;
            justify-content: space-between;
            padding: 0 24px !important;
        }

        #main-menu .jaydenart-mobile-menu-mode::before {
            content: "Appearance";
            font-size: 16px;
            font-weight: 500;
        }

        #main-menu .jaydenart-mobile-menu-mode .switch {
            flex: 0 0 auto;
            margin: 0 0 0 auto !important;
        }

        html:not(.lagom-dark-mode) #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu,
        html:not(.lagom-dark-mode) #main-menu .jaydenart-mobile-menu-language > .dropdown-menu {
            background: rgba(171, 207, 55, 0.1) !important;
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu,
        html.lagom-dark-mode #main-menu .jaydenart-mobile-menu-language > .dropdown-menu {
            background: rgba(255, 255, 255, 0.055) !important;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu,
        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu > .dropdown-menu-items,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu > .dropdown-menu-items {
            scrollbar-color: #8eac2d transparent;
            scrollbar-width: thin;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu::-webkit-scrollbar,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu::-webkit-scrollbar,
        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar {
            width: 6px;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu::-webkit-scrollbar-track,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu::-webkit-scrollbar-track,
        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-track,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-track {
            background: transparent;
        }

        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu::-webkit-scrollbar-thumb,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu::-webkit-scrollbar-thumb,
        #main-menu .jaydenart-mobile-menu-currency > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-thumb,
        #main-menu .jaydenart-mobile-menu-language > .dropdown-menu > .dropdown-menu-items::-webkit-scrollbar-thumb {
            background: #8eac2d;
            border-radius: 999px;
        }

        #main-menu .jaydenart-mobile-scroll-cue,
        #main-menu .jaydenart-mobile-scroll-end {
            align-items: center;
            border: 0;
            display: flex;
            height: 54px;
            justify-content: center;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            right: 0;
            transition:
                opacity 180ms ease,
                transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
            visibility: hidden;
            z-index: 6;
        }

        #main-menu .jaydenart-mobile-scroll-cue {
            color: #506217;
            cursor: pointer;
            margin: 0;
            padding: 0;
            width: 100%;
        }

        #main-menu .jaydenart-mobile-scroll-cue-down,
        #main-menu .jaydenart-mobile-scroll-end {
            background: linear-gradient(
                180deg,
                rgba(248, 251, 238, 0),
                rgba(248, 251, 238, 0.98) 64%,
                rgb(248, 251, 238) 100%
            );
            border-radius: 0 0 8px 8px;
            bottom: 0;
            transform: translate3d(0, 7px, 0);
        }

        #main-menu .jaydenart-mobile-scroll-cue-up {
            background: linear-gradient(
                0deg,
                rgba(248, 251, 238, 0),
                rgba(248, 251, 238, 0.98) 64%,
                rgb(248, 251, 238) 100%
            );
            border-radius: 8px 8px 0 0;
            top: 0;
            transform: translate3d(0, -7px, 0);
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-cue-down,
        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-end {
            background: linear-gradient(
                180deg,
                rgba(34, 28, 24, 0),
                rgba(34, 28, 24, 0.98) 64%,
                rgb(34, 28, 24) 100%
            );
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-cue-up {
            background: linear-gradient(
                0deg,
                rgba(34, 28, 24, 0),
                rgba(34, 28, 24, 0.98) 64%,
                rgb(34, 28, 24) 100%
            );
        }

        #main-menu .jaydenart-mobile-scroll-cue::before {
            background: #f7faeb;
            border: 1px solid rgba(80, 98, 23, 0.28);
            border-radius: 999px;
            box-shadow: 0 5px 16px rgba(38, 45, 17, 0.16);
            content: "";
            height: 28px;
            position: absolute;
            width: 36px;
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-cue::before {
            background: #2c3523;
            border-color: rgba(171, 207, 55, 0.46);
            box-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);
        }

        #main-menu .jaydenart-mobile-scroll-cue::after {
            border-bottom: 2px solid #506217;
            border-right: 2px solid #506217;
            content: "";
            height: 7px;
            position: absolute;
            transform: translateY(-2px) rotate(45deg);
            width: 7px;
        }

        #main-menu .jaydenart-mobile-scroll-cue-up::after {
            transform: translateY(2px) rotate(225deg);
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-cue::after {
            border-color: #abcf37;
        }

        #main-menu .jaydenart-submenu-can-scroll-down > .dropdown-menu > .jaydenart-mobile-scroll-cue-down,
        #main-menu .jaydenart-submenu-can-scroll-up > .dropdown-menu > .jaydenart-mobile-scroll-cue-up,
        #main-menu .jaydenart-submenu-at-end > .dropdown-menu > .jaydenart-mobile-scroll-end {
            opacity: 1;
            pointer-events: auto;
            transform: translate3d(0, 0, 0);
            visibility: visible;
        }

        #main-menu .jaydenart-submenu-can-scroll-down > .dropdown-menu > .jaydenart-mobile-scroll-cue-down::after {
            animation: jaydenart-scroll-cue-down 1.5s ease-in-out infinite;
        }

        #main-menu .jaydenart-submenu-can-scroll-up > .dropdown-menu > .jaydenart-mobile-scroll-cue-up::after {
            animation: jaydenart-scroll-cue-up 1.5s ease-in-out infinite;
        }

        #main-menu .jaydenart-mobile-scroll-end {
            color: #506217;
            font-size: 11px;
            font-weight: 700;
            gap: 7px;
            letter-spacing: 0;
            line-height: 1;
            pointer-events: none !important;
            text-transform: uppercase;
        }

        #main-menu .jaydenart-mobile-scroll-end::before {
            align-items: center;
            background: #506217;
            border-radius: 999px;
            color: #fff;
            content: "\2713";
            display: inline-flex;
            font-size: 9px;
            height: 18px;
            justify-content: center;
            width: 18px;
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-end {
            color: #cbe878;
        }

        html.lagom-dark-mode #main-menu .jaydenart-mobile-scroll-end::before {
            background: #abcf37;
            color: #1f2711;
        }

        @keyframes jaydenart-scroll-cue-down {
            0%,
            100% {
                transform: translateY(-3px) rotate(45deg);
            }

            50% {
                transform: translateY(1px) rotate(45deg);
            }
        }

        @keyframes jaydenart-scroll-cue-up {
            0%,
            100% {
                transform: translateY(3px) rotate(225deg);
            }

            50% {
                transform: translateY(-1px) rotate(225deg);
            }
        }

        /*
         * Lagom normally swaps mobile submenus between display:none/block,
         * which makes every reveal pop into place. Keep them in layout,
         * measure their natural height in the companion script, and animate
         * the clipped height instead.
         */
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu {
            display: block !important;
            height: auto !important;
            margin-bottom: 0 !important;
            max-height: 0 !important;
            opacity: 0 !important;
            overflow: hidden !important;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
            pointer-events: none !important;
            transform: translate3d(0, -6px, 0) !important;
            transform-origin: 50% 0;
            transition:
                max-height 420ms cubic-bezier(0.22, 1, 0.36, 1),
                opacity 220ms ease,
                transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
                padding-top 360ms cubic-bezier(0.22, 1, 0.36, 1),
                padding-bottom 360ms cubic-bezier(0.22, 1, 0.36, 1),
                margin-bottom 360ms cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 420ms !important;
            visibility: hidden !important;
            will-change: max-height, opacity, transform, padding;
        }

        #main-menu .menu.menu-primary > li.dropdown.open > .dropdown-menu,
        #main-menu .menu.menu-primary > li.dropdown.show > .dropdown-menu {
            max-height: var(--jaydenart-mobile-submenu-height, 320px) !important;
            opacity: 1 !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            padding-bottom: 16px !important;
            padding-top: 2px !important;
            pointer-events: auto !important;
            transform: translate3d(0, 0, 0) !important;
            transition-delay: 0s !important;
            visibility: visible !important;
        }

        #main-menu .menu.menu-primary > li.jaydenart-mobile-menu-currency.open > .dropdown-menu,
        #main-menu .menu.menu-primary > li.jaydenart-mobile-menu-currency.show > .dropdown-menu,
        #main-menu .menu.menu-primary > li.jaydenart-mobile-menu-language.open > .dropdown-menu,
        #main-menu .menu.menu-primary > li.jaydenart-mobile-menu-language.show > .dropdown-menu {
            margin-bottom: 10px !important;
            overflow: hidden !important;
            padding-bottom: 6px !important;
            padding-top: 6px !important;
        }

        #main-menu .menu.menu-primary > li.dropdown > .dropdown-toggle > .ls-caret {
            transform-origin: 50% 50%;
            transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #main-menu .menu.menu-primary > li.dropdown.open > .dropdown-toggle > .ls-caret,
        #main-menu .menu.menu-primary > li.dropdown.show > .dropdown-toggle > .ls-caret {
            transform: rotate(180deg);
        }

        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu > li,
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu > .dropdown-menu-items > .dropdown-menu-item {
            opacity: 0;
            transform: translate3d(0, -4px, 0);
            transition:
                opacity 180ms ease,
                transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        #main-menu .menu.menu-primary > li.dropdown.open > .dropdown-menu > li,
        #main-menu .menu.menu-primary > li.dropdown.show > .dropdown-menu > li,
        #main-menu .menu.menu-primary > li.dropdown.open > .dropdown-menu > .dropdown-menu-items > .dropdown-menu-item,
        #main-menu .menu.menu-primary > li.dropdown.show > .dropdown-menu > .dropdown-menu-items > .dropdown-menu-item {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            transition-delay: 80ms;
        }
    }

    @media (max-width: 991.98px) {
        #jac-settings-trigger.jac-settings-trigger {
            align-items: center !important;
            block-size: 56px !important;
            bottom: max(16px, env(safe-area-inset-bottom)) !important;
            display: inline-flex !important;
            height: 56px !important;
            inline-size: 56px !important;
            justify-content: center !important;
            left: max(16px, env(safe-area-inset-left)) !important;
            max-width: 56px !important;
            min-width: 56px !important;
            padding: 0 !important;
            right: auto !important;
            width: 56px !important;
        }

        #jac-settings-trigger.jac-settings-trigger > span {
            display: none !important;
        }

        #jac-settings-trigger.jac-settings-trigger .jac-settings-icon {
            flex: 0 0 auto;
            margin: 0 !important;
        }

        #ja-top {
            align-items: center !important;
            block-size: 56px !important;
            bottom: max(16px, env(safe-area-inset-bottom)) !important;
            display: inline-flex !important;
            height: 56px !important;
            inline-size: 56px !important;
            justify-content: center !important;
            max-width: 56px !important;
            min-width: 56px !important;
            padding: 0 !important;
            right: calc(max(16px, env(safe-area-inset-right)) + 68px) !important;
            width: 56px !important;
        }
    }

    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        .app-nav-toggle.navbar-toggle::before,
        .app-nav-toggle.navbar-toggle::after,
        .app-nav-header,
        .app-main,
        .app-nav-menu,
        .app-nav-menu .menu > li,
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu,
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-toggle > .ls-caret,
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu > li,
        #main-menu .menu.menu-primary > li.dropdown > .dropdown-menu > .dropdown-menu-items > .dropdown-menu-item {
            transition: none;
        }

        #main-menu .jaydenart-mobile-scroll-cue::after {
            animation: none !important;
        }
    }

    html.lagom-dark-mode .btn.btn-primary,
    html.lagom-dark-mode .btn.btn-primary:hover,
    html.lagom-dark-mode .btn.btn-primary:focus,
    html.lagom-dark-mode .btn.btn-primary:active,
    html.lagom-dark-mode .btn.btn-primary.active,
    html.lagom-dark-mode .btn.btn-primary.disabled,
    html.lagom-dark-mode .btn.btn-primary[disabled],
    html.lagom-dark-mode button.btn-primary,
    html.lagom-dark-mode input.btn-primary,
    html.lagom-dark-mode .domain-search-tabs .btn.active {
        color: #3f4d12 !important;
    }

    html.lagom-dark-mode .btn.btn-primary i,
    html.lagom-dark-mode .btn.btn-primary .ls,
    html.lagom-dark-mode .btn.btn-primary .lm,
    html.lagom-dark-mode .btn.btn-primary .btn__icon,
    html.lagom-dark-mode .domain-search-tabs .btn.active i {
        color: #3f4d12 !important;
    }

    html.lagom-dark-mode .btn.btn-primary svg,
    html.lagom-dark-mode .domain-search-tabs .btn.active svg {
        color: #3f4d12 !important;
    }

    html.lagom-dark-mode .btn.btn-primary svg [fill]:not([fill="none"]),
    html.lagom-dark-mode .domain-search-tabs .btn.active svg [fill]:not([fill="none"]) {
        fill: currentColor !important;
    }

    html.lagom-dark-mode .btn.btn-primary svg [stroke],
    html.lagom-dark-mode .domain-search-tabs .btn.active svg [stroke] {
        stroke: currentColor !important;
    }

    .btn.btn-primary:focus,
    .btn.btn-primary:focus-visible,
    .domain-search-tabs .btn.active:focus,
    .domain-search-tabs .btn.active:focus-visible {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.35) !important;
        outline: 2px solid #ffffff;
        outline-offset: 2px;
    }

    html.lagom-dark-mode .banner-title,
    html.lagom-dark-mode .section-title,
    html.lagom-dark-mode h1,
    html.lagom-dark-mode h2 {
        color: #ffffff !important;
    }

    html.lagom-dark-mode .navbar-toggle,
    html.lagom-dark-mode .app-nav-toggle,
    html.lagom-dark-mode .navbar-toggle i,
    html.lagom-dark-mode .app-nav-toggle i,
    html.lagom-dark-mode .navbar-toggle .ls,
    html.lagom-dark-mode .app-nav-toggle .ls {
        color: #ffffff !important;
    }

    /* Keep FAQ controls circular, right-aligned, and visually stable. */
    .faq-item.faq-item-boxed > .faq-item-top.panel-heading {
        align-items: center !important;
        column-gap: 16px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 40px !important;
        width: 100% !important;
    }

    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .h5 {
        min-width: 0 !important;
        width: auto !important;
    }

    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon {
        align-items: center !important;
        aspect-ratio: 1 / 1 !important;
        background: rgba(171, 207, 55, 0.14) !important;
        border: 1px solid rgba(126, 158, 30, 0.26) !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
        display: grid !important;
        flex: 0 0 40px !important;
        height: 40px !important;
        justify-items: center !important;
        justify-self: end !important;
        margin: 0 !important;
        max-height: 40px !important;
        max-width: 40px !important;
        min-height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        position: relative !important;
        transform: rotate(0deg) !important;
        transform-origin: 50% 50% !important;
        transition:
            transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
            background-color 220ms ease,
            border-color 220ms ease,
            box-shadow 220ms ease !important;
        will-change: transform;
        width: 40px !important;
    }

    /*
     * Draw one stable plus instead of animating Lagom's swapped plus/minus SVG.
     * Keeping the same two bars mounted lets the circle rotate smoothly in both
     * directions, even while the accordion body changes its expanded state.
     */
    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon::before,
    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon::after {
        background: currentColor !important;
        border-radius: 999px !important;
        content: "" !important;
        display: block !important;
        height: 2px !important;
        left: 50% !important;
        pointer-events: none !important;
        position: absolute !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        transform-origin: 50% 50% !important;
        width: 16px !important;
    }

    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon::after {
        transform: translate(-50%, -50%) rotate(90deg) !important;
    }

    .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon > svg {
        display: block !important;
        height: 16px !important;
        opacity: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
        transform: none !important;
        transition: none !important;
        visibility: hidden !important;
        width: 16px !important;
    }

    .faq-item.faq-item-boxed[aria-expanded="true"] > .faq-item-top.panel-heading > .accordion-icon,
    .faq-item.faq-item-boxed.jart-faq-icon-open > .faq-item-top.panel-heading > .accordion-icon {
        background: rgba(171, 207, 55, 0.22) !important;
        border-color: rgba(126, 158, 30, 0.42) !important;
        box-shadow: 0 6px 18px rgba(84, 71, 65, 0.08);
        transform: rotate(45deg) !important;
    }

    /* Lagom normally rotates the vertical bar into a minus; keep the plus intact. */
    .faq-item.faq-item-boxed > .faq-item-top.panel-heading .accordion-icon .plus-vert,
    .faq-item.faq-item-boxed[aria-expanded="true"] > .faq-item-top.panel-heading .accordion-icon .plus-vert {
        opacity: 1 !important;
        transform: none !important;
        transform-origin: 50% 50% !important;
    }

    .faq-item.faq-item-boxed:hover > .faq-item-top.panel-heading > .accordion-icon {
        border-color: rgba(126, 158, 30, 0.52) !important;
        box-shadow: 0 8px 20px rgba(84, 71, 65, 0.11);
    }

    html.lagom-dark-mode .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon {
        background: rgba(171, 207, 55, 0.13) !important;
        border-color: rgba(171, 207, 55, 0.34) !important;
    }

    html.lagom-dark-mode .faq-item.faq-item-boxed[aria-expanded="true"] > .faq-item-top.panel-heading > .accordion-icon,
    html.lagom-dark-mode .faq-item.faq-item-boxed.jart-faq-icon-open > .faq-item-top.panel-heading > .accordion-icon {
        background: rgba(171, 207, 55, 0.2) !important;
        border-color: rgba(171, 207, 55, 0.5) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
    }

    @media (max-width: 575.98px) {
        .faq-item.faq-item-boxed > .faq-item-top.panel-heading {
            column-gap: 12px !important;
            grid-template-columns: minmax(0, 1fr) 40px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .faq-item.faq-item-boxed > .faq-item-top.panel-heading > .accordion-icon {
            transition: none !important;
        }
    }


    .jart-skip-link {
        background: #544741;
        border: 2px solid #abcf37;
        border-radius: 6px;
        color: #ffffff;
        font-weight: 700;
        left: 12px;
        padding: 10px 14px;
        position: fixed;
        top: 12px;
        transform: translateY(calc(-100% - 24px));
        transition: transform 160ms ease;
        z-index: 2147483647;
    }

    .jart-skip-link:focus,
    .jart-skip-link:focus-visible {
        color: #ffffff;
        outline: 3px solid #ffffff;
        outline-offset: 3px;
        transform: translateY(0);
    }

    #jac-banner.jac-banner {
        bottom: calc(max(20px, env(safe-area-inset-bottom)) + 66px) !important;
        left: max(20px, env(safe-area-inset-left)) !important;
        right: auto !important;
    }

    @media (max-width: 767px) {
        #jac-banner.jac-banner {
            bottom: calc(max(12px, env(safe-area-inset-bottom)) + 64px) !important;
            left: max(12px, env(safe-area-inset-left)) !important;
            max-width: none !important;
            right: max(12px, env(safe-area-inset-right)) !important;
            width: auto !important;
        }
    }

    @media (max-width: 991.98px) {
        html.jart-floating-controls-suppressed #ja-top,
        html.jart-floating-controls-suppressed jaydenart-support {
            opacity: 0 !important;
            pointer-events: none !important;
            visibility: hidden !important;
        }

        html.jart-floating-controls-suppressed #ja-top {
            transform: translateY(12px) scale(0.92) !important;
        }
    }

    /*
     * Mobile-only primary navigation icons. The text remains the accessible
     * name; these compact masks are decorative, request-free, and inherit the
     * existing menu hover/focus treatment without changing dropdown markup.
     */
    @media (max-width: 991.98px) {
        #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a > .item-text {
            align-items: center;
            display: inline-flex;
            gap: 12px;
            min-inline-size: 0;
        }

        #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a > .item-text::before {
            -webkit-mask-position: center;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            background-color: #506217;
            block-size: 20px;
            content: "";
            flex: 0 0 20px;
            inline-size: 20px;
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: contain;
            transition: background-color 180ms ease;
        }

        #main-menu .menu.menu-primary > #Primary_Navbar-Hosting > a > .item-text::before {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='7' rx='2'/%3E%3Crect x='3' y='14' width='18' height='7' rx='2'/%3E%3Cpath d='M7 6.5h.01M7 17.5h.01M11 6.5h6M11 17.5h6'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='7' rx='2'/%3E%3Crect x='3' y='14' width='18' height='7' rx='2'/%3E%3Cpath d='M7 6.5h.01M7 17.5h.01M11 6.5h6M11 17.5h6'/%3E%3C/g%3E%3C/svg%3E");
        }

        #main-menu .menu.menu-primary > #Primary_Navbar-Domains > a > .item-text::before {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 4 5.6 4 9s-1.5 6.5-4 9c-2.5-2.5-4-5.6-4-9s1.5-6.5 4-9Z'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 4 5.6 4 9s-1.5 6.5-4 9c-2.5-2.5-4-5.6-4-9s1.5-6.5 4-9Z'/%3E%3C/g%3E%3C/svg%3E");
        }

        #main-menu .menu.menu-primary > [id="Primary_Navbar-Security_&_Tools"] > a > .item-text::before {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.6-2.9 8.4-7 10-4.1-1.6-7-5.4-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.6-2.9 8.4-7 10-4.1-1.6-7-5.4-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E");
        }

        #main-menu .menu.menu-primary > #Primary_Navbar-Company > a > .item-text::before {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6l8-3 8 3v15M9 21v-4h6v4M8 8h.01M12 8h.01M16 8h.01M8 12h.01M12 12h.01M16 12h.01M3 21h18'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6l8-3 8 3v15M9 21v-4h6v4M8 8h.01M12 8h.01M16 8h.01M8 12h.01M12 12h.01M16 12h.01M3 21h18'/%3E%3C/g%3E%3C/svg%3E");
        }

        #main-menu .menu.menu-primary > #Primary_Navbar-Support > a > .item-text::before {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2M7 13H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-6ZM17 13h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1v-6ZM17 19c0 1.1-.9 2-2 2h-3'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2M7 13H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-6ZM17 13h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1v-6ZM17 19c0 1.1-.9 2-2 2h-3'/%3E%3C/g%3E%3C/svg%3E");
        }

        html.lagom-dark-mode #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a > .item-text::before {
            background-color: #abcf37;
        }

        #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a:is(:hover, :focus-visible) > .item-text::before {
            background-color: currentColor;
        }
    }

    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a > .item-text::before {
            transition: none;
        }
    }

    @media (max-width: 991.98px) and (forced-colors: active) {
        #main-menu .menu.menu-primary > :is(
            #Primary_Navbar-Hosting,
            #Primary_Navbar-Domains,
            [id="Primary_Navbar-Security_&_Tools"],
            #Primary_Navbar-Company,
            #Primary_Navbar-Support
        ) > a > .item-text::before {
            background-color: CanvasText;
        }
    }

    /*
     * Back-to-top/support-launcher collision guard. Consent UI styles can be
     * emitted after this stylesheet with a bare #ja-top !important rule.
     * The extra html specificity keeps the intended spacing stable regardless
     * of WHMCS hook output order, without changing the chat launcher itself.
     */
    html #ja-top {
        bottom: calc(max(20px, env(safe-area-inset-bottom)) + 4px) !important;
        right: calc(max(20px, env(safe-area-inset-right)) + 72px) !important;
    }

    @media (max-width: 991.98px) {
        html #ja-top {
            block-size: 56px !important;
            bottom: max(16px, env(safe-area-inset-bottom)) !important;
            height: 56px !important;
            inline-size: 56px !important;
            max-block-size: 56px !important;
            max-height: 56px !important;
            max-inline-size: 56px !important;
            max-width: 56px !important;
            min-block-size: 56px !important;
            min-height: 56px !important;
            min-inline-size: 56px !important;
            min-width: 56px !important;
            right: calc(max(16px, env(safe-area-inset-right)) + 68px) !important;
            width: 56px !important;
        }
    }

    /*
     * Balanced mobile extended footer. Lagom continues to own the footer
     * markup, links, collapse behavior, and desktop columns. These rules only
     * turn the narrow layout into an intentional brand/trust card plus one
     * compact navigation panel, using the theme's own spacing and color
     * tokens. Logical properties preserve RTL without duplicating markup.
     */
    @media (max-width: 767.98px) {
        .main-footer-extended .footer-top {
            padding-block: 40px;
        }

        .main-footer-extended .footer-top > .container {
            display: block;
        }

        .main-footer-extended .footer-brand {
            margin-block-end: 24px;
            width: 100%;
        }

        .main-footer-extended .footer-company {
            align-items: center;
            background: var(--ui-block-bg, #ffffff);
            border: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-radius: 12px;
            box-shadow: var(--ui-block-shadow, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 24px rgba(0, 0, 0, 0.08));
            display: grid;
            gap: 16px;
            grid-template-areas:
                "intro"
                "socials"
                "badges";
            grid-template-columns: minmax(0, 1fr);
            margin: 0;
            padding: 20px;
            width: 100%;
        }

        .main-footer-extended .footer-company-intro {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 6px;
            grid-area: intro;
            margin: 0 !important;
            min-width: 0;
            text-align: center;
            width: 100%;
        }

        .main-footer-extended .footer-company-logo,
        .main-footer-extended .footer-company-logo img {
            max-width: 145px;
            width: 100%;
        }

        .main-footer-extended .footer-company-desc {
            margin: 0;
            min-inline-size: 0;
        }

        .main-footer-extended .footer-company-socials {
            gap: 8px;
            grid-area: socials;
            justify-content: center;
            margin: 0 !important;
            padding: 0;
            width: 100%;
        }

        .main-footer-extended .footer-company-socials > li {
            margin: 0;
        }

        .main-footer-extended .footer-company-socials a {
            align-items: center;
            background: var(--gray-faded, #f7f7f8);
            border: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-radius: 50%;
            display: inline-flex;
            height: 44px;
            justify-content: center;
            transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
            width: 44px;
        }

        .main-footer-extended .footer-company-socials a:is(:hover, :focus-visible) {
            background: rgba(171, 207, 55, 0.14);
            border-color: rgba(126, 158, 30, 0.42);
            color: var(--main-footer-extended-title-color, #17191c);
        }

        .main-footer-extended #jart-footer-badges {
            align-items: stretch;
            border-block-start: 1px solid var(--ui-block-divider-color, #e9eaec);
            display: grid !important;
            gap: 8px;
            grid-area: badges;
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
            margin: 0 !important;
            padding-block-start: 16px;
            width: 100%;
        }

        .main-footer-extended #jart-footer-badges .jart-badge {
            align-items: center;
            background: var(--gray-faded, #f7f7f8);
            border: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            min-height: 80px;
            min-width: 0;
            opacity: 1;
            padding: 8px;
        }

        .main-footer-extended #jart-footer-badges .jart-badge img {
            border-radius: 4px;
            display: block;
            height: auto;
            max-height: 64px;
            max-width: 100%;
            object-fit: contain;
            width: auto;
        }

        .main-footer-extended .footer-site-map {
            background: var(--ui-block-bg, #ffffff);
            border: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-radius: 12px;
            box-shadow: var(--ui-block-shadow, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 24px rgba(0, 0, 0, 0.08));
            margin: 0 !important;
            overflow: hidden;
            width: 100%;
        }

        .main-footer-extended .footer-site-map .row {
            margin: 0 !important;
        }

        .main-footer-extended .footer-site-map .footer-col {
            margin: 0 !important;
            padding: 0 !important;
            width: 100%;
        }

        .main-footer-extended .footer-site-map .footer-title {
            border-block-end: 1px solid var(--ui-block-divider-color, #e9eaec);
            margin: 0 !important;
            min-height: 56px;
            padding-block: 0 !important;
            padding-inline: 16px 48px !important;
        }

        .main-footer-extended .footer-site-map .footer-col:last-child > .footer-title.collapsed {
            border-block-end-color: transparent;
        }

        .main-footer-extended .footer-site-map .footer-title .footer-icon {
            align-items: center;
            background: rgba(171, 207, 55, 0.12);
            border-radius: 50%;
            display: flex;
            height: 32px;
            justify-content: center;
            right: auto !important;
            inset-inline-end: 16px !important;
            width: 32px;
        }

        .main-footer-extended .footer-site-map .footer-title .footer-icon svg {
            height: auto;
            width: 14px;
        }

        html:not([dir="rtl"]) .main-footer-extended .footer-site-map .footer-title .footer-icon {
            left: auto !important;
            right: 16px !important;
        }

        html[dir="rtl"] .main-footer-extended .footer-site-map .footer-title .footer-icon {
            left: 16px !important;
            right: auto !important;
        }

        .main-footer-extended .footer-site-map .footer-nav.collapse.show,
        .main-footer-extended .footer-site-map .footer-nav.collapsing {
            border-block-end: 1px solid var(--ui-block-divider-color, #e9eaec);
            margin: 0;
            padding: 4px 16px 12px;
        }

        .main-footer-extended .footer-site-map .footer-col:last-child > .footer-nav.collapse.show,
        .main-footer-extended .footer-site-map .footer-col:last-child > .footer-nav.collapsing {
            border-block-end: 0;
        }

        .main-footer-extended .footer-site-map .footer-nav li > a {
            align-items: center;
            display: flex;
            min-height: 44px;
            padding: 9px 0 !important;
        }

        .main-footer-extended .footer-bottom {
            padding: 24px 0 max(104px, calc(88px + env(safe-area-inset-bottom)));
        }

        .main-footer-extended .footer-bottom > .container {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .main-footer-extended .footer-bottom .footer-nav {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px 16px;
            justify-content: center;
            margin: 0;
            order: -1;
        }

        .main-footer-extended .footer-bottom .footer-nav > li {
            margin: 0;
        }

        .main-footer-extended .footer-bottom .footer-nav a {
            align-items: center;
            display: inline-flex;
            min-height: 44px;
        }

        .main-footer-extended .footer-bottom .jart-footer-redundant-top-link {
            display: none;
        }

        .main-footer-extended .footer-bottom .footer-copyright {
            line-height: 24px;
            margin: 0;
            max-width: 320px;
            text-align: center;
        }

        .main-footer-extended :is(a, .footer-title[role="button"]):focus-visible {
            border-radius: 6px;
            box-shadow: 0 0 0 4px rgba(80, 98, 23, 0.16);
            outline: 2px solid #506217;
            outline-offset: 2px;
        }
    }

    @media (min-width: 375px) and (max-width: 479.98px) {
        .main-footer-extended .footer-company {
            grid-template-areas:
                "intro socials"
                "badges badges";
            grid-template-columns: minmax(0, 1fr) auto;
        }

        .main-footer-extended .footer-company-intro {
            align-items: flex-start;
            text-align: start;
        }

        .main-footer-extended .footer-company-logo,
        .main-footer-extended .footer-company-logo img {
            max-width: 140px;
        }

        .main-footer-extended .footer-company-socials {
            gap: 4px;
            justify-content: flex-end;
            width: auto;
        }
    }

    @media (min-width: 480px) and (max-width: 767.98px) {
        .main-footer-extended .footer-company {
            grid-template-areas:
                "intro badges"
                "socials badges";
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }

        .main-footer-extended .footer-company-intro {
            align-items: flex-start;
            text-align: start;
        }

        .main-footer-extended .footer-company-socials {
            justify-content: flex-start;
            width: auto;
        }

        .main-footer-extended #jart-footer-badges {
            align-self: stretch;
            border-block-start: 0;
            border-inline-start: 1px solid var(--ui-block-divider-color, #e9eaec);
            padding-block-start: 0;
            padding-inline-start: 16px;
        }
    }

    html.lagom-dark-mode .main-footer-extended .footer-company-socials a:is(:hover, :focus-visible) {
        background: rgba(171, 207, 55, 0.16);
        border-color: rgba(171, 207, 55, 0.5);
    }

    html.lagom-dark-mode .main-footer-extended :is(a, .footer-title[role="button"]):focus-visible {
        box-shadow: 0 0 0 4px rgba(171, 207, 55, 0.15);
        outline-color: #abcf37;
    }

    @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
        .main-footer-extended .footer-company-socials a,
        .main-footer-extended #jart-footer-badges .jart-badge,
        .main-footer-extended .footer-site-map .footer-title .footer-icon svg {
            transition: none !important;
        }

        .main-footer-extended #jart-footer-badges .jart-badge:hover {
            transform: none;
        }
    }

    @media (max-width: 767.98px) and (forced-colors: active) {
        .main-footer-extended .footer-company,
        .main-footer-extended .footer-company-socials a,
        .main-footer-extended #jart-footer-badges .jart-badge,
        .main-footer-extended .footer-site-map {
            border-color: CanvasText;
        }

        .main-footer-extended .footer-site-map .footer-title .footer-icon {
            background: Canvas;
        }
    }

    /*
     * Footer and storefront CTA polish.
     *
     * The credential cards and social navigation are now intentionally
     * balanced at every responsive width. The store CTA corrections mirror
     * the spacing of Lagom's native marketing CTA while reserving enough
     * space for its elevation to render on every side.
     */
    .main-footer-extended .footer-company-socials {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
        margin-inline: 0 !important;
        padding: 0;
        width: 100%;
    }

    .main-footer-extended .footer-company-socials > li {
        margin: 0;
    }

    .main-footer-extended .footer-company-socials a {
        align-items: center;
        background: var(--gray-faded, #f7f7f8);
        border: 1px solid var(--ui-block-divider-color, #e9eaec);
        border-radius: 50%;
        display: inline-flex;
        height: 44px;
        justify-content: center;
        transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
        width: 44px;
    }

    .main-footer-extended .footer-company-socials a:is(:hover, :focus-visible) {
        background: rgba(171, 207, 55, 0.14);
        border-color: rgba(126, 158, 30, 0.42);
        color: var(--main-footer-extended-title-color, #17191c);
    }

    .main-footer-extended #jart-footer-badges.jart-show {
        align-items: stretch;
        display: grid !important;
        gap: 12px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch !important;
        width: 100%;
    }

    .main-footer-extended #jart-footer-badges .jart-badge {
        align-items: center;
        background: var(--gray-faded, #f7f7f8);
        border: 1px solid var(--ui-block-divider-color, #e9eaec);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        min-height: 84px;
        min-width: 0;
        opacity: 1;
        padding: 10px;
    }

    .main-footer-extended #jart-footer-badges .jart-badge img {
        border-radius: 4px;
        display: block;
        height: auto;
        max-width: 100%;
        object-fit: contain;
        width: auto;
    }

    .main-footer-extended #jart-footer-badges .jart-badge:first-child img {
        max-height: 48px;
    }

    .main-footer-extended #jart-footer-badges .jart-badge:last-child img {
        max-height: 64px;
    }

    .site.jart-storefront {
        overflow: visible;
    }

    .site.jart-storefront .site-section.jart-storefront__get-started.section-border-top-remove {
        border-block-start: 0 !important;
    }

    .site.jart-storefront .jart-storefront__get-started .section-title + .section-subtitle {
        margin-block-start: var(--section-subtitle-spacing-top);
    }

    @media (min-width: 992px) {
        .site.jart-storefront .jart-storefront__get-started.section-cta-horizontal .section-actions {
            margin-block-start: 0;
        }

        .main-footer-extended .footer-company-socials {
            max-width: 200px;
        }
    }

    @media (max-width: 991.98px) {
        .main-footer-extended .footer-company-socials a {
            height: 44px;
            width: 44px;
        }
    }

    @media (max-width: 575.98px) {
        .main-footer-extended .footer-company {
            grid-template-areas:
                "intro"
                "socials"
                "badges";
            grid-template-columns: minmax(0, 1fr);
        }

        .main-footer-extended .footer-company-intro {
            align-items: center;
            text-align: center;
        }

        .main-footer-extended .footer-company-socials {
            justify-self: center;
            max-width: 200px;
            width: 100%;
        }

        .main-footer-extended #jart-footer-badges {
            border-block-start: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-inline-start: 0;
            padding-block-start: 16px;
            padding-inline-start: 0;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .main-footer-extended .footer-top {
            padding-block: 40px;
        }

        .main-footer-extended .footer-top > .container {
            display: block;
        }

        .main-footer-extended .footer-brand {
            margin-block-end: 32px;
            width: 100%;
        }

        .main-footer-extended .footer-company {
            align-items: center;
            background: var(--ui-block-bg, #ffffff);
            border: 1px solid var(--ui-block-divider-color, #e9eaec);
            border-radius: 12px;
            box-shadow: var(--ui-block-shadow, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 24px rgba(0, 0, 0, 0.08));
            display: grid;
            gap: 20px;
            grid-template-areas:
                "intro badges"
                "socials badges";
            grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
            margin: 0;
            padding: 24px;
            width: 100%;
        }

        .main-footer-extended .footer-company-intro {
            align-items: flex-start;
            grid-area: intro;
            margin: 0 !important;
            min-width: 0;
            text-align: start;
        }

        .main-footer-extended .footer-company-socials {
            grid-area: socials;
            max-width: none;
            padding-block-start: 0;
        }

        .main-footer-extended #jart-footer-badges {
            align-self: stretch;
            border-block-start: 0;
            border-inline-start: 1px solid var(--ui-block-divider-color, #e9eaec);
            grid-area: badges;
            justify-self: end;
            margin: 0 !important;
            max-inline-size: 220px;
            padding-block-start: 0;
            padding-inline-start: 20px;
            width: 100%;
        }

        .main-footer-extended #jart-footer-badges.jart-show {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .main-footer-extended .footer-top {
            padding-block: 40px;
        }

        .main-footer-extended .footer-company {
            align-items: center;
            column-gap: 24px;
            display: grid;
            grid-template-areas:
                "intro badges"
                "socials badges";
            grid-template-columns: minmax(0, 1fr) max-content;
            margin: 0;
            row-gap: 12px;
            width: 100%;
        }

        .main-footer-extended .footer-company-intro {
            grid-area: intro;
            min-width: 0;
        }

        .main-footer-extended .footer-company-socials {
            grid-area: socials;
            justify-content: flex-start;
            margin: 0 !important;
            max-width: none;
            width: auto;
        }

        .main-footer-extended #jart-footer-badges.jart-show {
            align-self: center;
            display: flex !important;
            flex-wrap: nowrap;
            gap: 16px !important;
            grid-area: badges;
            justify-self: end;
            margin: 0 !important;
            width: auto;
        }

        .main-footer-extended #jart-footer-badges .jart-badge {
            height: 84px;
            width: 132px;
        }
    }

    @media (max-width: 767.98px) {
        .main-footer-extended .footer-top .footer-site-map .footer-title > .footer-icon {
            align-items: center;
            aspect-ratio: 1 / 1;
            block-size: 32px !important;
            flex: 0 0 32px !important;
            height: 32px !important;
            inline-size: 32px !important;
            max-block-size: 32px !important;
            max-height: 32px !important;
            max-inline-size: 32px !important;
            max-width: 32px !important;
            min-block-size: 32px !important;
            min-height: 32px !important;
            min-inline-size: 32px !important;
            min-width: 32px !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 32px !important;
        }

        .main-footer-extended .footer-bottom .footer-copyright .jart-footer-rights-line {
            display: block;
            white-space: nowrap;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .main-footer-extended .footer-company-socials a {
            transition: none !important;
        }
    }

/*
 * Store destination for the shared tablet/mobile primary navigation. The
 * label remains the accessible name; the storefront glyph is decorative and
 * follows the same color, focus, contrast, and motion treatment as the five
 * established primary-navigation icons above.
 */
@media (max-width: 991.98px) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text,
    #main-menu .menu.menu-primary > li > a[href="/store"] > .item-text {
        align-items: center;
        display: inline-flex;
        gap: 12px;
        min-inline-size: 0;
    }

    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text::before,
    #main-menu .menu.menu-primary > li > a[href="/store"] > .item-text::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 10l2-6h14l2 6M8 20v-6h8v6'/%3E%3Cpath d='M3 10c0 1.5 1 2.5 2.5 2.5S8 11.5 8 10c0 1.5 1 2.5 2.5 2.5S13 11.5 13 10c0 1.5 1 2.5 2.5 2.5S18 11.5 18 10c0 1.5 1 2.5 2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        background-color: #506217;
        block-size: 20px;
        content: "";
        flex: 0 0 20px;
        inline-size: 20px;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 10l2-6h14l2 6M8 20v-6h8v6'/%3E%3Cpath d='M3 10c0 1.5 1 2.5 2.5 2.5S8 11.5 8 10c0 1.5 1 2.5 2.5 2.5S13 11.5 13 10c0 1.5 1 2.5 2.5 2.5S18 11.5 18 10c0 1.5 1 2.5 2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        transition: background-color 180ms ease;
    }

    html.lagom-dark-mode #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text::before,
    html.lagom-dark-mode #main-menu .menu.menu-primary > li > a[href="/store"] > .item-text::before {
        background-color: #abcf37;
    }

    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a:is(:hover, :focus-visible) > .item-text::before,
    #main-menu .menu.menu-primary > li > a[href="/store"]:is(:hover, :focus-visible) > .item-text::before {
        background-color: currentColor;
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text::before,
    #main-menu .menu.menu-primary > li > a[href="/store"] > .item-text::before {
        transition: none;
    }
}

@media (max-width: 991.98px) and (forced-colors: active) {
    #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text::before,
    #main-menu .menu.menu-primary > li > a[href="/store"] > .item-text::before {
        background-color: CanvasText;
    }
}

@media (max-width: 991.98px) {
    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a[aria-current="page"],
    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > li > a[href="/store"][aria-current="page"] {
        background: rgba(171, 207, 55, 0.11) !important;
        box-shadow: inset 3px 0 0 rgba(80, 98, 23, 0.72);
        color: #506217 !important;
    }

    html.lagom-dark-mode #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a[aria-current="page"],
    html.lagom-dark-mode #main-menu .menu.menu-primary > li > a[href="/store"][aria-current="page"] {
        background: rgba(171, 207, 55, 0.08) !important;
        box-shadow: inset 3px 0 0 rgba(171, 207, 55, 0.78);
        color: #d9ef8f !important;
    }

    [dir="rtl"] #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a[href="/store"][aria-current="page"],
    [dir="rtl"] #main-menu .menu.menu-primary > li > a[href="/store"][aria-current="page"] {
        box-shadow: inset -3px 0 0 currentColor;
    }
}

@media (min-width: 992px) {
    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a[aria-current="page"],
    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > li > a[href="/store"][aria-current="page"] {
        color: #506217 !important;
    }

    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > :is(
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a[aria-current="page"]::after,
    html:not(.lagom-dark-mode) #main-menu .menu.menu-primary > li > a[href="/store"][aria-current="page"]::after {
        background-color: #506217 !important;
    }

    [dir="rtl"] #main-menu .menu.menu-primary:has(
        > #Primary_Navbar-Hosting
    ):has(
        > #Primary_Navbar-Store,
        > li > a[href="/store"]
    ) {
        margin-inline-start: 0 !important;
    }
}

/* Authenticated client rail: Dashboard, Webmail, Store, and consent spacing. */
#Primary_Navbar-Webmail .jart-webmail-nav-icon--dark {
    display: none !important;
}

html.lagom-dark-mode #Primary_Navbar-Webmail .jart-webmail-nav-icon--light {
    display: none !important;
}

html.lagom-dark-mode #Primary_Navbar-Webmail .jart-webmail-nav-icon--dark {
    display: block !important;
}

@media (min-width: 992px) {
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary > #Primary_Navbar-Store {
        margin-top: 0 !important;
    }

    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        block-size: 112px;
        flex: 0 1 112px;
        min-block-size: 72px;
    }

    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        block-size: 100%;
        box-sizing: border-box;
    }

    body.page-user-logged.lagom-layout-left
    #jac-settings-trigger.jac-settings-trigger {
        --jart-client-nav-inline-size: var(--app-nav-left-width, 140px);
    }

    body.page-user-logged.lagom-layout-left-wide
    #jac-settings-trigger.jac-settings-trigger {
        --jart-client-nav-inline-size: var(--app-nav-left-wide-width, 280px);
    }

    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #jac-settings-trigger.jac-settings-trigger {
        --jart-client-safe-inline-start: env(safe-area-inset-left, 0px);
        left: calc(
            var(--jart-client-nav-inline-size)
            + max(20px, var(--jart-client-safe-inline-start))
        ) !important;
        right: auto !important;
    }

    html[dir="rtl"]
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #jac-settings-trigger.jac-settings-trigger {
        --jart-client-safe-inline-start: env(safe-area-inset-right, 0px);
        left: auto !important;
        right: calc(
            var(--jart-client-nav-inline-size)
            + max(20px, var(--jart-client-safe-inline-start))
        ) !important;
    }
}

@media (min-width: 992px) and (max-height: 850px) {
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 8px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 36px;
        inline-size: 36px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px;
    }
}

@media (min-width: 992px) and (max-height: 650px) {
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 56px;
    }

    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 4px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 28px;
        inline-size: 28px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 14px;
        line-height: 18px;
        margin-top: 2px;
    }
}

@media (min-width: 992px) and (max-height: 500px) {
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 44px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 20px;
        inline-size: 20px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 991.98px) {
    #Primary_Navbar-Webmail .jart-webmail-nav-icon {
        block-size: 20px;
        flex: 0 0 20px;
        inline-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #Primary_Navbar-Webmail .jart-webmail-nav-icon {
        transition: none !important;
    }
}

/* Authenticated client rail rhythm and Cookie Settings progressive disclosure. */
@media (min-width: 992px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: clamp(8px, 1vh, 10px);
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        block-size: auto !important;
        flex: 1 1 0 !important;
        margin-block: 0 !important;
        min-block-size: 72px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        justify-content: center !important;
        min-block-size: 0;
        padding-block: 5px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 40px !important;
        flex: 0 0 40px !important;
        inline-size: 40px !important;
        object-fit: contain;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        block-size: auto !important;
        box-sizing: border-box;
        flex: 0 0 auto !important;
        line-height: 24px;
        margin-top: 4px;
        max-block-size: none !important;
        min-block-size: 26px;
        overflow: hidden !important;
        overflow-wrap: anywhere;
        padding-block-end: 2px;
        white-space: normal !important;
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] {
        --jart-cookie-icon-open-shift: -4px;
        --jart-cookie-label-open-shift: 4px;
        align-items: center !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        inline-size: var(--jart-cookie-expanded-inline-size) !important;
        justify-content: center !important;
        max-inline-size: var(--jart-cookie-expanded-inline-size) !important;
        min-inline-size: var(--jart-cookie-compact-inline-size) !important;
        padding-inline: 0 !important;
        transform: none !important;
        transition-duration: 250ms;
        transition-property: inline-size;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    html[dir="rtl"]
    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] {
        --jart-cookie-icon-open-shift: 4px;
        --jart-cookie-label-open-shift: -4px;
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] .jac-settings-icon {
        transform: translateX(var(--jart-cookie-icon-open-shift));
        transition-duration: 250ms;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] > span {
        display: block !important;
        flex: 0 1 auto;
        max-inline-size: var(--jart-cookie-label-inline-size) !important;
        min-inline-size: 0;
        opacity: 1;
        overflow: hidden;
        transform: translateX(var(--jart-cookie-label-open-shift));
        white-space: nowrap;
        transition-duration: 250ms;
        transition-property: max-inline-size, opacity, transform;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"] {
        inline-size: var(--jart-cookie-compact-inline-size) !important;
        transition-duration: 175ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"] .jac-settings-icon {
        transform: translateX(0);
        transition-duration: 175ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"] > span {
        max-inline-size: 0 !important;
        opacity: 0;
        transform: translateX(0);
        transition-duration: 175ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:focus-visible {
        inline-size: var(--jart-cookie-expanded-inline-size) !important;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:focus-visible .jac-settings-icon {
        transform: translateX(var(--jart-cookie-icon-open-shift));
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:focus-visible > span {
        max-inline-size: var(--jart-cookie-label-inline-size) !important;
        opacity: 1;
        transform: translateX(var(--jart-cookie-label-open-shift));
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:hover {
        inline-size: var(--jart-cookie-expanded-inline-size) !important;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:hover .jac-settings-icon {
        transform: translateX(var(--jart-cookie-icon-open-shift));
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }

    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-state="compact"]:hover > span {
        max-inline-size: var(--jart-cookie-label-inline-size) !important;
        opacity: 1;
        transform: translateX(var(--jart-cookie-label-open-shift));
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
}

@media (min-width: 992px) and (max-height: 890px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 8px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 64px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 4px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 32px !important;
        flex-basis: 32px !important;
        inline-size: 32px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 16px;
        line-height: 20px;
        margin-top: 3px;
        min-block-size: 22px;
    }
}

@media (min-width: 992px) and (max-height: 740px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 6px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 56px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 3px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 26px !important;
        flex-basis: 26px !important;
        inline-size: 26px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 14px;
        line-height: 18px;
        margin-top: 2px;
        min-block-size: 20px;
    }
}

@media (min-width: 992px) and (max-height: 540px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 4px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 44px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 1px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 18px !important;
        flex-basis: 18px !important;
        inline-size: 18px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 13px;
        line-height: 15px;
        margin-top: 1px;
        min-block-size: 16px;
        padding-block-end: 1px;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
}

@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"],
    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] > span,
    #jac-settings-trigger.jac-settings-trigger[data-jart-cookie-motion="ready"] .jac-settings-icon {
        transition: none !important;
    }
}

/* Authenticated client preference controls in Lagom's visible utility bar. */
@media (min-width: 992px) {
    body.page-user-logged .main-top .top-nav > .nav-item-language,
    body.page-user-logged .main-top .top-nav > .dark-mode-switcher {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        min-block-size: 36px;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language > .dropdown-toggle {
        align-items: center;
        display: flex;
        gap: 7px;
        min-block-size: 36px;
        padding-inline: 12px;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language > .dropdown-language-search {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
        max-inline-size: min(340px, calc(100vw - 32px));
        min-inline-size: min(300px, calc(100vw - 32px));
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language
    > .dropdown-language-search > .dropdown-header {
        align-items: center !important;
        background: var(--dropdown-bg) !important;
        border: 0 !important;
        border-bottom: 1px solid var(--input-border-color) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        min-block-size: 52px !important;
        padding: 0 14px !important;
        transition: border-color 180ms ease, box-shadow 180ms ease !important;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language
    > .dropdown-language-search > .dropdown-header:focus-within {
        border-bottom-color: #ABCF37 !important;
        box-shadow: inset 0 -2px 0 #ABCF37 !important;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language
    > .dropdown-language-search > .dropdown-header .input-group-icon {
        color: var(--gray-icons) !important;
        flex: 0 0 20px !important;
        margin-inline-end: 10px !important;
        position: static !important;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language
    > .dropdown-language-search > .dropdown-header .form-control {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        flex: 1 1 auto !important;
        min-inline-size: 0 !important;
        outline: 0 !important;
        padding: 0 !important;
    }

    body.page-user-logged .main-top .top-nav > .nav-item-language
    > .dropdown-language-search > .dropdown-menu-items {
        max-block-size: min(290px, calc(100vh - 164px)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        padding-inline-end: 46px !important;
        scrollbar-color: #8EAC2D rgba(84, 71, 65, 0.10) !important;
        scrollbar-gutter: stable !important;
    }

    body.page-user-logged .main-top .top-nav > .dark-mode-switcher {
        justify-content: center;
        padding-inline: 10px;
    }
}

@media (max-width: 991.98px) {
    body.page-user-logged .main-top .top-nav > [id^="Secondary_Navbar-Language-"],
    body.page-user-logged .main-top .top-nav > [id^="Secondary_Navbar-ModeSwitcher-"],
    body.page-user-logged .main-top .top-nav > .nav-item-language,
    body.page-user-logged .main-top .top-nav > .dark-mode-switcher {
        display: none !important;
    }
}

/* Control Panel icon treatment and eight-item authenticated rail geometry. */
#Primary_Navbar-Control_Panel .jart-control-panel-nav-icon--dark {
    display: none !important;
}

html.lagom-dark-mode #Primary_Navbar-Control_Panel .jart-control-panel-nav-icon--light {
    display: none !important;
}

html.lagom-dark-mode #Primary_Navbar-Control_Panel .jart-control-panel-nav-icon--dark {
    display: block !important;
}

@media (max-width: 991.98px) {
    #Primary_Navbar-Control_Panel .jart-control-panel-nav-icon {
        block-size: 20px;
        flex: 0 0 20px;
        inline-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #Primary_Navbar-Control_Panel .jart-control-panel-nav-icon {
        transition: none !important;
    }
}

@media (min-width: 992px) and (max-height: 997px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 8px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 64px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 4px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 32px !important;
        flex-basis: 32px !important;
        inline-size: 32px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 16px;
        line-height: 20px;
        margin-top: 3px;
        min-block-size: 22px;
        padding-block-end: 2px;
        text-overflow: clip;
        white-space: normal !important;
    }
}

@media (min-width: 992px) and (max-height: 831px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 6px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 63px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 2px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 22px !important;
        flex-basis: 22px !important;
        inline-size: 22px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 13px;
        line-height: 17px;
        margin-top: 2px;
        min-block-size: 18px;
        padding-block-end: 1px;
        text-overflow: clip;
        white-space: normal !important;
    }
}

@media (min-width: 992px) and (max-height: 641px) {
    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] {
        row-gap: 4px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li {
        min-block-size: 44px;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) {
        padding-block: 1px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > :is(svg, img) {
        block-size: 18px !important;
        flex-basis: 18px !important;
        inline-size: 18px !important;
    }

    body.page-user-logged.lagom-layout-left
    #main-menu .menu.menu-primary[data-jart-client-navigation="ready"] > li > a:not(.btn) > .item-text {
        font-size: 13px;
        line-height: 15px;
        margin-top: 1px;
        min-block-size: 16px;
        padding-block-end: 1px;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
}

/* Authenticated client dark utility surface and mobile icon convergence. */
@media (min-width: 992px) {
    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main .main-top {
        background-color: var(--app-nav-top-bg, #242424) !important;
        background-image: none !important;
        border-bottom-color: rgba(228, 217, 183, 0.16) !important;
        color: var(--dropdown-link-color, #e4d9b7);
    }

    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main .main-top > .container {
        background: transparent !important;
    }

    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main .main-top .top-nav > li > a {
        color: var(--dropdown-link-color, #e4d9b7) !important;
    }
}

@media (max-width: 991.98px) {
    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-nav-header {
        background-color: var(--mob-app-nav-header-bg, var(--app-nav-top-bg, #242424)) !important;
        background-image: none !important;
    }

    body.page-user-logged
    #main-menu .menu.menu-primary:is(
        [data-jart-client-navigation="ready"],
        :has(> :is(#Primary_Navbar-Dashboard, [menuItemName="Dashboard"])):has(> :is(#Primary_Navbar-Services, [menuItemName="Services"]))
    )
    > :is(
        #Primary_Navbar-Domains,
        #Primary_Navbar-Support,
        #Primary_Navbar-Store,
        [menuItemName="Store"]
    ) > a > .item-text::before {
        content: none !important;
        display: none !important;
    }

    body.page-user-logged
    #main-menu .menu.menu-primary:is(
        [data-jart-client-navigation="ready"],
        :has(> :is(#Primary_Navbar-Dashboard, [menuItemName="Dashboard"])):has(> :is(#Primary_Navbar-Services, [menuItemName="Services"]))
    )
    > :is(#Primary_Navbar-Control_Panel, #Primary_Navbar-Webmail)
    > a:not(.btn) > :is(.jart-control-panel-nav-icon, .jart-webmail-nav-icon) {
        align-self: center;
        block-size: var(--app-nav-left-wide-svg-icon-size, 32px) !important;
        flex: 0 0 var(--app-nav-left-wide-svg-icon-size, 32px) !important;
        inline-size: var(--app-nav-left-wide-svg-icon-size, 32px) !important;
        object-fit: contain;
        object-position: center;
    }
}

@media (forced-colors: active) {
    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main .main-top,
    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-nav-header {
        background-color: Canvas !important;
        border-bottom-color: CanvasText !important;
        color: CanvasText;
    }

    html.lagom-dark-mode
    body.page-user-logged:is(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main .main-top .top-nav > li > a {
        color: LinkText !important;
    }
}