.co-topbar{
    background:#10151d;
    color:#cbd5e1;
    font-size:14px;
    overflow:visible;
    border-top:3px solid #dc2626;
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:none;
}

body.co-menu-open{
    overflow:hidden;
}

.co-topbar-inner{
    display:grid;
    grid-template-columns:auto auto auto minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:8px 0;
}

.co-topbar-label{
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#f8fafc;
    margin-right:8px;
    white-space:nowrap;
}

.co-topbar-date,
.co-topbar-weather,
.co-topbar-search,
.co-topbar-socials,
.co-topbar-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.co-topbar-date{
    order:1;
}

.co-topbar-weather{
    order:2;
}

.co-topbar-menu{
    min-width:0;
    order:3;
}

.co-topbar-menu-list{
    list-style:none;
    display:flex;
    align-items:center;
    gap:16px;
    margin:0;
    padding:0;
}

.co-topbar-menu-list li{
    margin:0;
    padding:0;
}

.co-topbar-menu-list a{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    color:#cbd5e1;
    font-size:.82rem;
    font-weight:600;
    text-decoration:none;
    transition:color .2s ease;
}

.co-topbar-menu-list a:hover,
.co-topbar-menu-list .current-menu-item > a,
.co-topbar-menu-list .current-menu-ancestor > a{
    color:#ffffff;
}

.co-topbar-date,
.co-topbar-weather{
    min-height:30px;
    padding:0 6px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
    position:relative;
    font-size:.88rem;
}

.co-topbar-date::after,
.co-topbar-weather::after{
    content:"";
    width:1px;
    height:14px;
    margin-left:8px;
    background:rgba(255,255,255,.12);
}

.co-weather-value{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#e2e8f0;
    font-weight:500;
}

.co-weather-icon{
    position:relative;
    display:inline-flex;
    width:16px;
    height:16px;
    flex:0 0 16px;
}

.co-weather-icon::before,
.co-weather-icon::after{
    content:"";
    position:absolute;
    box-sizing:border-box;
}

.co-weather-icon-sun::before{
    inset:2px;
    border-radius:999px;
    background:#fbbf24;
    box-shadow:0 0 0 2px rgba(251, 191, 36, .22);
}

.co-weather-icon-cloud::before,
.co-weather-icon-partly::after,
.co-weather-icon-rain::before,
.co-weather-icon-fog::before,
.co-weather-icon-storm::before{
    left:1px;
    right:1px;
    bottom:2px;
    height:8px;
    border-radius:999px;
    background:#cbd5e1;
}

.co-weather-icon-cloud::after,
.co-weather-icon-partly::before,
.co-weather-icon-rain::after,
.co-weather-icon-storm::after{
    left:3px;
    top:1px;
    width:7px;
    height:7px;
    border-radius:999px;
    background:#cbd5e1;
    box-shadow:5px 2px 0 0 #cbd5e1;
}

.co-weather-icon-partly::before{
    left:0;
    top:0;
    width:7px;
    height:7px;
    background:#fbbf24;
    box-shadow:none;
}

.co-weather-icon-rain{
    overflow:visible;
}

.co-weather-icon-rain::after{
    left:3px;
    top:1px;
}

.co-weather-icon-rain{
    background:
        linear-gradient(#60a5fa, #60a5fa) 4px 12px / 1px 4px no-repeat,
        linear-gradient(#60a5fa, #60a5fa) 8px 11px / 1px 5px no-repeat,
        linear-gradient(#60a5fa, #60a5fa) 12px 12px / 1px 4px no-repeat;
}

.co-weather-icon-fog{
    background:
        linear-gradient(#cbd5e1, #cbd5e1) 2px 5px / 12px 1px no-repeat,
        linear-gradient(#cbd5e1, #cbd5e1) 1px 9px / 14px 1px no-repeat,
        linear-gradient(#cbd5e1, #cbd5e1) 3px 13px / 10px 1px no-repeat;
}

.co-weather-icon-storm{
    background:
        linear-gradient(135deg, transparent 45%, #fbbf24 46%, #fbbf24 60%, transparent 61%) 7px 9px / 6px 7px no-repeat;
}

.co-weather-icon-snow{
    background:
        radial-gradient(circle, #e2e8f0 55%, transparent 56%) 7px 7px / 2px 2px no-repeat,
        linear-gradient(#e2e8f0, #e2e8f0) 8px 4px / 1px 8px no-repeat,
        linear-gradient(#e2e8f0, #e2e8f0) 4px 8px / 8px 1px no-repeat,
        linear-gradient(45deg, transparent 44%, #e2e8f0 45%, #e2e8f0 55%, transparent 56%) 5px 5px / 6px 6px no-repeat,
        linear-gradient(-45deg, transparent 44%, #e2e8f0 45%, #e2e8f0 55%, transparent 56%) 5px 5px / 6px 6px no-repeat;
}

.co-topbar-latest{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:30px;
    padding:0 0 0 6px;
    border-left:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
    order:4;
}

.co-topbar-actions{
    order:5;
    justify-self:end;
    justify-content:flex-end;
    gap:10px;
    min-width:0;
}

.co-topbar-actions .co-topbar-search{
    order:1;
}

.co-topbar-actions .co-topbar-socials{
    order:2;
}

.co-topbar-ticker{
    overflow:hidden;
    white-space:nowrap;
    min-width:0;
    padding-left:8px;
    border-left:2px solid #dc2626;
}

.co-topbar-ticker-track{
    display:inline-flex;
    align-items:center;
    gap:0;
    white-space:nowrap;
    animation: coTickerMove var(--co-topbar-ticker-duration, 32s) linear infinite;
}

.co-topbar-ticker-item{
    position:relative;
    display:inline-flex;
    align-items:center;
    color:#cbd5e1;
    opacity:.92;
    padding:0 18px 0 0;
    margin:0 18px 0 0;
    transition:color .2s ease, opacity .2s ease;
}

.co-topbar-ticker-item::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:6px;
    height:6px;
    border-radius:999px;
    background:#dc2626;
    transform:translateY(-50%);
}

.co-topbar-ticker-item:hover{
    opacity:1;
    color:#ffffff;
}

.co-topbar-socials{
    align-self:center;
    justify-content:flex-end;
    gap:4px;
    min-height:30px;
}

.co-topbar-social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:999px;
    color:#ffffff;
    text-decoration:none;
    transition:color .2s ease, background .2s ease;
}

.co-topbar-social-link svg{
    width:13px;
    height:13px;
    display:block;
}

.co-topbar-social-link:hover{
    background:rgba(255,255,255,.06);
}

.co-topbar-social-link.co-header-social-facebook,
.co-topbar-social-link.co-header-social-x,
.co-topbar-social-link.co-header-social-instagram,
.co-topbar-social-link.co-header-social-youtube{
    color:#ffffff;
}

@keyframes coTickerMove{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

.co-header-branding{
    background:#fff;
    border-bottom:1px solid var(--co-border);
}

.co-header-branding-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:20px;
    align-items:center;
    height:var(--co-header-branding-height, auto);
    padding:var(--co-header-branding-padding-y, 18px) 0;
    box-sizing:border-box;
}

.co-site-logo img{
    max-height:72px;
    width:auto;
}

.co-site-logo-link{
    display:inline-flex;
    align-items:center;
    padding-top:var(--co-logo-padding-top, 0);
    padding-bottom:var(--co-logo-padding-bottom, 0);
}

.co-site-logo-link img{
    width:var(--co-logo-width, auto);
    height:var(--co-logo-height, auto);
    max-width:100%;
    max-height:none;
    object-fit:contain;
    display:block;
}

.co-site-logo-mobile{
    display:none;
}

.co-header-ad{
    justify-self:end;
    min-width:0;
}

.co-header-ad .co-ad-slot{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    margin:0;
    text-align:right;
    overflow:visible;
}

.co-header-ad .co-ad-slot > *{
    max-width:100%;
}

.co-header-ad-desktop{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.co-header-ad-mobile{
    display:none;
    padding:0 0 16px;
}

.co-header-ad-mobile .co-ad-slot{
    display:flex;
    justify-content:center;
    margin:0;
    text-align:center;
    overflow:visible;
}

.co-main-nav{
    background:#fff;
    border-bottom:1px solid var(--co-border);
    transition:box-shadow .25s ease, transform .25s ease;
}

.co-menu{
    list-style:none;
    display:flex;
    align-items:center;
    gap:22px;
    margin:0;
    padding:14px 0;
}

.co-menu > li{
    position:relative;
}

.co-menu > li > a{
    display:inline-flex;
    align-items:center;
    font-weight:600;
    color:var(--co-primary);
}

.co-menu-toggle{
    display:none;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--co-border);
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}

.co-menu-toggle-line{
    display:block;
    width:18px;
    height:2px;
    background:#111827;
    margin:3px 0;
}

.co-menu-toggle-icon{
    display:inline-flex;
    width:18px;
    height:18px;
    color:#111827;
}

.co-menu-toggle-icon svg{
    width:100%;
    height:100%;
    display:block;
    fill:currentColor;
}

.co-menu-toggle-text{
    font-size:.92rem;
    font-weight:600;
}

.co-header-mobile-socials{
    display:none;
}

.co-header-social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:999px;
    color:#0f172a;
    text-decoration:none;
    font-size:.76rem;
    font-weight:800;
}

.co-header-social-link svg{
    width:14px;
    height:14px;
    display:block;
}

.co-header-social-facebook,
.co-header-social-x,
.co-header-social-instagram,
.co-header-social-youtube{
    background:transparent;
}

.co-header-social-facebook{ color:#1877f2; }
.co-header-social-x{ color:#111827; }
.co-header-social-instagram{ color:#e1306c; }
.co-header-social-youtube{ color:#ff0000; }

.co-search-form{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.co-search-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:0 14px;
    border:0;
    border-radius:14px;
    background:#11243d;
    color:#fff;
    cursor:pointer;
    font-weight:700;
    transition:background .2s ease, transform .2s ease;
}

.co-search-toggle:hover{
    background:#173257;
    transform:translateY(-1px);
}

.co-search-toggle-icon{
    position:relative;
    display:inline-flex;
    width:14px;
    height:14px;
    flex:0 0 14px;
}

.co-search-toggle-icon::before,
.co-search-toggle-icon::after{
    content:"";
    position:absolute;
    box-sizing:border-box;
}

.co-search-toggle-icon::before{
    inset:0;
    border:2px solid currentColor;
    border-radius:999px;
}

.co-search-toggle-icon::after{
    width:7px;
    height:2px;
    right:-3px;
    bottom:-1px;
    background:currentColor;
    transform:rotate(45deg);
    border-radius:999px;
}

.co-search-autocomplete{
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}

.co-search-field{
    width:240px;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(203, 213, 225, .38);
    border-radius:14px;
    outline:none;
    font-size:.92rem;
    color:#111827;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 18px rgba(15, 23, 42, .12);
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.co-search-field::placeholder{
    color:#64748b;
}

.co-search-field:focus{
    border-color:#60a5fa;
    box-shadow:0 0 0 4px rgba(96, 165, 250, .18);
}

.co-search-submit{
    min-height:38px;
    padding:0 16px;
    border:0;
    border-radius:14px;
    background:#11243d;
    color:#fff;
    cursor:pointer;
    font-weight:700;
    transition:transform .2s ease, background .2s ease;
}

.co-search-submit:hover{
    background:#173257;
    transform:translateY(-1px);
}

.co-search-submit-icon{
    position:relative;
    display:inline-flex;
    width:14px;
    height:14px;
    flex:0 0 14px;
}

.co-search-submit-icon::before,
.co-search-submit-icon::after{
    content:"";
    position:absolute;
    box-sizing:border-box;
}

.co-search-submit-icon::before{
    inset:0;
    border:2px solid currentColor;
    border-radius:999px;
}

.co-search-submit-icon::after{
    width:7px;
    height:2px;
    right:-3px;
    bottom:-1px;
    background:currentColor;
    transform:rotate(45deg);
    border-radius:999px;
}

.co-search-suggestions{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    width:min(380px, calc(100vw - 32px));
    padding:10px;
    border:1px solid #dbe4f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 22px 44px rgba(15, 23, 42, .18);
    z-index:40;
}

.co-search-form:not(.is-open) .co-search-autocomplete{
    display:none;
}

@media (min-width: 641px){
    .co-search-form.is-open .co-search-toggle{
        display:none;
    }
}

.co-search-suggestions-state{
    padding:10px 12px;
    color:#64748b;
    font-size:.9rem;
}

.co-search-suggestions-list{
    display:grid;
    gap:6px;
}

.co-search-suggestion-item{
    display:grid;
    grid-template-columns:56px minmax(0, 1fr);
    gap:12px;
    align-items:center;
    padding:8px;
    border-radius:14px;
    color:#0f172a;
    text-decoration:none;
    transition:background .2s ease, transform .2s ease;
}

.co-search-suggestion-item:hover{
    background:#f8fafc;
    transform:translateX(2px);
}

.co-topbar-search .co-search-toggle{
    min-height:32px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    color:#e2e8f0;
    font-size:.84rem;
    font-weight:600;
    box-shadow:none;
}

.co-topbar-search{
    order:5;
}

.co-topbar-search .co-search-toggle:hover{
    background:rgba(255,255,255,.08);
    transform:none;
}

.co-topbar-search .co-search-autocomplete{
    gap:8px;
}

.co-topbar-search .co-search-field{
    width:260px;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#f8fafc;
    box-shadow:none;
}

.co-topbar-search .co-search-field::placeholder{
    color:#94a3b8;
}

.co-topbar-search .co-search-field:focus{
    border-color:rgba(220,38,38,.65);
    box-shadow:0 0 0 3px rgba(220,38,38,.14);
}

.co-topbar-search .co-search-submit{
    min-height:34px;
    min-width:34px;
    padding:0;
    border:1px solid rgba(220,38,38,.4);
    border-radius:999px;
    background:#dc2626;
    color:#fff;
    box-shadow:none;
}

.co-topbar-search .co-search-submit:hover{
    background:#b91c1c;
    border-color:#b91c1c;
    transform:none;
}

.co-topbar-search .co-search-suggestions{
    top:calc(100% + 8px);
    left:auto;
    right:0;
    width:min(380px, calc(100vw - 24px));
    padding:8px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#ffffff;
    box-shadow:0 18px 36px rgba(15, 23, 42, .18);
}

.co-topbar-search .co-search-suggestions-state{
    font-size:.84rem;
}

.co-topbar-search .co-search-suggestion-item{
    border-radius:12px;
}

.co-search-suggestion-thumb{
    width:56px;
    height:56px;
    border-radius:12px;
    overflow:hidden;
    background:#e2e8f0;
}

.co-search-suggestion-thumb.is-empty{
    background:linear-gradient(135deg, #dbeafe 0%, #e2e8f0 100%);
}

.co-search-suggestion-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.co-search-suggestion-content{
    display:grid;
    gap:4px;
    min-width:0;
}

.co-search-suggestion-content strong{
    color:#0f172a;
    font-size:.94rem;
    line-height:1.3;
}

.co-search-suggestion-content small{
    color:#64748b;
    font-size:.82rem;
}

.co-header-sticky-active .co-main-nav{
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 10px 24px rgba(15, 23, 42, .06);
}

.co-main-nav{
    background:#fff;
    border-bottom:1px solid #dbe4ec;
}

.co-menu{
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px;
    margin:0;
    padding:0;
    min-height:64px;
    flex-wrap:wrap;
}

.co-menu > li{
    position:relative;
}

.co-menu > li > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:64px;
    padding:0 2px;
    font-size:.96rem;
    font-weight:700;
    color:#142235;
    text-decoration:none;
    letter-spacing:-.01em;
    position:relative;
    transition:color .2s ease;
}

.co-menu > li.menu-item-has-children > a{
    padding-right:16px;
}

.co-menu > li.menu-item-has-children > a::before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:7px;
    height:7px;
    border-right:1.8px solid currentColor;
    border-bottom:1.8px solid currentColor;
    transform:translateY(-50%) rotate(45deg);
    opacity:.7;
    transition:transform .2s ease, opacity .2s ease;
}

.co-menu > li > a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:14px;
    height:2px;
    background:#0f5f97;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
}

.co-menu > li > a:hover,
.co-menu > li.current-menu-item > a,
.co-menu > li.current-menu-ancestor > a{
    color:#0f5f97;
}


.co-menu > li > a:hover::after,
.co-menu > li.current-menu-item > a::after,
.co-menu > li.current-menu-ancestor > a::after{
    transform:scaleX(1);
}

.co-menu > li.menu-item-has-children:hover > a::before,
.co-menu > li.menu-item-has-children.current-menu-item > a::before,
.co-menu > li.menu-item-has-children.current-menu-ancestor > a::before{
    opacity:1;
    transform:translateY(-50%) rotate(45deg);
}

.co-menu .sub-menu{
    position:absolute;
    top:calc(100% + 2px);
    left:0;
    min-width:260px;
    background:#fff;
    border:1px solid #dde6ee;
    border-radius:0;
    box-shadow:0 18px 36px rgba(15, 23, 42, .08);
    padding:8px 0;
    margin:0;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    transition:all .2s ease;
    z-index:30;
}

.co-menu li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.co-menu .sub-menu li a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0 16px;
    font-weight:600;
    font-size:.94rem;
    line-height:1.2;
    color:#1b2a3d;
    text-transform:capitalize;
    transition:background .2s ease, color .2s ease, transform .2s ease;
}

.co-menu .sub-menu li a:hover{
    background:#f5f8fb;
    color:#0f5f97;
    transform:translateX(2px);
}

.co-main-nav-backdrop,
.co-main-nav-mobile-head,
.co-main-nav-mobile-search{
    display:none;
}

@media (max-width: 1100px){
    .co-topbar-inner{
        grid-template-columns:1fr;
        gap:12px;
    }

    .co-topbar-menu,
    .co-topbar-date,
    .co-topbar-weather,
    .co-topbar-latest,
    .co-topbar-actions{
        width:100%;
    }

    .co-topbar-latest,
    .co-topbar-date,
    .co-topbar-weather{
        border-radius:0;
    }

    .co-topbar-date::after,
    .co-topbar-weather::after{
        display:none;
    }

    .co-search-form{
        width:100%;
    }

    .co-search-autocomplete,
    .co-search-field{
        width:100%;
    }

    .co-header-branding-inner{
        grid-template-columns:auto auto;
        justify-content:space-between;
    }

    .co-header-ad-desktop{
        grid-column:1 / -1;
        justify-content:center;
    }
}

@media (max-width: 640px){
    .co-topbar{
        font-size:13px;
    }

    .co-topbar-inner{
        grid-template-columns:minmax(0, 1fr) auto;
        gap:10px;
        align-items:center;
        padding:10px 0;
    }

    .co-topbar-menu,
    .co-topbar-latest,
    .co-topbar-actions{
        display:none !important;
    }

    .co-topbar-date,
    .co-topbar-weather{
        width:auto;
        min-width:0;
        padding:0;
    }

    .co-topbar-date{
        justify-content:flex-start;
        white-space:nowrap;
        font-size:10px;
    }

    .co-topbar-weather{
        justify-content:flex-end;
        text-align:right;
        font-size:10px;
    }

    .co-topbar-ticker-item{
        padding-right:14px;
        margin-right:14px;
    }

    .co-search-form{
        flex-direction:column;
        align-items:stretch;
    }

    .co-search-submit{
        width:100%;
    }

    .co-search-suggestions{
        width:100%;
    }

    .co-header-branding-inner{
        grid-template-columns:48px minmax(0, 1fr) 96px;
        align-items:center;
        gap:10px;
        height:var(--co-header-branding-mobile-height, auto);
        padding:var(--co-header-branding-mobile-padding-y, 4px) 0;
        box-sizing:border-box;
    }

    .co-site-logo-desktop{
        display:none;
    }

    .co-site-logo{
        position:static;
        grid-column:2;
        grid-row:1;
        justify-self:center;
        max-width:100%;
        text-align:center;
        z-index:1;
    }

    .co-site-logo-mobile{
        display:inline-flex;
        justify-content:center;
    }

    .co-site-logo-mobile{
        --co-logo-padding-top:0px !important;
        --co-logo-padding-bottom:0px !important;
    }

    .co-site-logo-mobile img{
        max-height:48px;
    }

    .co-header-ad-desktop{
        display:none;
    }

    .co-header-ad-mobile{
        display:block;
        width:80%;
        margin:0 auto;
    }

    .co-header-ad-mobile .co-ad-slot{
        justify-content:center;
    }

    .co-header-ad-mobile .co-ad-slot > *{
        width:100%;
        max-width:100%;
        margin:0 auto;
    }

    .co-header-ad-mobile .co-ad-slot img,
    .co-header-ad-mobile .co-ad-slot iframe{
        width:100%;
        height:auto;
        margin:0 auto;
    }

    .co-menu-toggle{
        display:inline-flex;
        grid-column:1;
        grid-row:1;
        justify-self:start;
        width:38px;
        height:38px;
        padding:0;
        align-items:center;
        justify-content:center;
        gap:0;
        position:relative;
        z-index:2;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }

    .co-menu-toggle-text{
        display:none;
    }

    .co-header-mobile-socials{
        display:flex;
        grid-column:3;
        grid-row:1;
        align-items:center;
        justify-content:flex-end;
        gap:6px;
        z-index:2;
        min-width:96px;
    }

    .co-header-social-link{
        width:28px;
        height:28px;
        font-size:.72rem;
    }

    .co-main-nav{
        position:fixed;
        inset:0;
        background:transparent;
        border:0;
        pointer-events:none;
        visibility:hidden;
        z-index:1001;
    }

    .co-main-nav.is-open{
        pointer-events:auto;
        visibility:visible;
    }

    .co-header-sticky-active .co-main-nav{
        box-shadow:none;
    }

    .co-main-nav-backdrop{
        display:block;
        position:absolute;
        inset:0;
        background:rgba(2, 6, 23, .42);
        opacity:0;
        transition:opacity .22s ease;
    }

    .co-main-nav.is-open .co-main-nav-backdrop{
        opacity:1;
    }

    .co-main-nav-panel{
        position:absolute;
        top:0;
        left:0;
        display:flex;
        flex-direction:column;
        gap:16px;
        width:min(380px, calc(100vw - 24px));
        height:100%;
        margin:0;
        padding:18px 18px 28px;
        background:
            radial-gradient(circle at top right, rgba(220, 38, 38, .18), transparent 32%),
            linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
        box-shadow:18px 0 42px rgba(15, 23, 42, .2);
        transform:translateX(-104%);
        transition:transform .24s ease;
        overflow-y:auto;
    }

    .co-main-nav.is-open .co-main-nav-panel{
        transform:translateX(0);
    }

    .co-main-nav-mobile-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:0 0 14px;
        border-bottom:1px solid rgba(148, 163, 184, .22);
    }

    .co-main-nav-close{
        width:36px;
        height:36px;
        border:1px solid rgba(148, 163, 184, .26);
        border-radius:999px;
        background:rgba(255,255,255,.78);
        color:#0f172a;
        font-size:1.2rem;
        line-height:1;
        cursor:pointer;
        backdrop-filter:blur(8px);
    }

    .co-main-nav-mobile-search{
        display:block;
    }

    .co-main-nav-mobile-search .co-search-form{
        width:100%;
        display:block;
    }

    .co-main-nav-mobile-search .co-search-toggle{
        display:none;
    }

    .co-main-nav-mobile-search .co-search-autocomplete{
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) 46px;
        gap:8px;
        align-items:center;
        width:100%;
        min-width:0;
    }

    .co-main-nav-mobile-search .co-search-form-label,
    .co-main-nav-mobile-search .co-search-field{
        width:100%;
    }

    .co-main-nav-mobile-search .co-search-form-label{
        display:block;
        flex:1 1 auto;
        min-width:0;
    }

    .co-main-nav-mobile-search .co-search-field{
        width:100% !important;
        min-width:0;
        max-width:none;
        box-shadow:none;
        background:rgba(255,255,255,.88);
        border-color:rgba(148, 163, 184, .24);
        border-radius:14px;
    }

    .co-main-nav-mobile-search .co-search-submit{
        width:46px;
        min-width:46px;
        height:38px;
        padding:0;
        justify-content:center;
        box-shadow:none;
        border-radius:14px;
    }

    .co-main-nav .co-menu{
        display:grid;
        gap:10px;
        min-height:auto;
        padding:4px 0 0;
    }

    .co-main-nav .co-menu > li > a{
        width:100%;
        min-height:auto;
        padding:15px 16px;
        border:1px solid rgba(148, 163, 184, .2);
        border-radius:16px;
        background:rgba(255,255,255,.82);
        justify-content:flex-start;
        font-size:12px;
        font-weight:700;
        letter-spacing:-.015em;
        line-height:1.25;
        box-shadow:0 10px 22px rgba(15, 23, 42, .05);
    }

    .co-main-nav .co-menu > li.menu-item-has-children > a{
        padding-right:38px;
    }

    .co-main-nav .co-menu > li.menu-item-has-children > a::before{
        right:16px;
        width:8px;
        height:8px;
        opacity:.8;
    }

    .co-main-nav .co-menu > li > a::after{
        display:none;
    }

    .co-main-nav .co-menu > li > a:hover,
    .co-main-nav .co-menu > li.current-menu-item > a,
    .co-main-nav .co-menu > li.current-menu-ancestor > a{
        color:#0f5f97;
        border-color:rgba(15, 95, 151, .26);
        background:linear-gradient(180deg, #ffffff 0%, #f1f7fb 100%);
    }

    .co-main-nav .sub-menu{
        position:static;
        min-width:0;
        margin:6px 0 10px 0;
        padding:8px 0 0 14px;
        border:0;
        border-left:2px solid rgba(220, 38, 38, .18);
        border-radius:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
        background:transparent;
    }

    .co-main-nav .sub-menu li a{
        padding:10px 0;
        color:#334155;
        font-size:12px;
        font-weight:600;
        text-transform:capitalize;
        line-height:1.35;
    }

    .co-main-nav .sub-menu li a:hover{
        color:#0f5f97;
        transform:none;
    }

    .co-main-nav-panel{
        border-radius:0 10px 10px 0;
    }

    .co-main-nav-mobile-head strong{
        font-size:1.05rem;
        font-weight:900;
        letter-spacing:-.03em;
        color:#0f172a;
    }
}