body.mopo-custom-navigation {
    --mopo-nav-admin-offset: 0px;
    padding-top: 112px !important;
}
body.mopo-custom-navigation.admin-bar { --mopo-nav-admin-offset: 32px; }
body.mopo-custom-navigation #header { display: none !important; }
#mopo-floating-nav, #mopo-floating-nav * { box-sizing: border-box; }
#mopo-floating-nav {
    --nav-ink: #252622;
    --nav-muted: #72766b;
    --nav-accent: #737e27;
    position: fixed;
    z-index: 10000;
    top: calc(18px + var(--mopo-nav-admin-offset, 0px));
    left: 32px;
    right: 32px;
    display: flex;
    align-items: center;
    gap: 32px;
    min-height: 76px;
    padding: 16px 26px;
    border: 1px solid #e0e5d6;
    border-radius: 50px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 8px 28px rgba(34, 44, 19, .12), 0 2px 7px rgba(34, 44, 19, .04);
    color: var(--nav-ink);
    font-family: "Inter", "Roboto", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    isolation: isolate;
}
#mopo-floating-nav a { color: var(--nav-ink); text-decoration: none; }
#mopo-floating-nav a:hover { color: var(--nav-accent); }
#mopo-floating-nav a:focus-visible,
#mopo-floating-nav button:focus-visible,
#mopo-floating-nav summary:focus-visible,
#mopo-floating-nav input:focus-visible { outline: 2px solid var(--nav-accent); outline-offset: 4px; }
#mopo-floating-nav .mopo-nav-brand { display: flex; align-items: center; flex: 0 0 auto; width: 285px; }
#mopo-floating-nav .mopo-nav-brand img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; object-fit: contain; }
#mopo-floating-nav .mopo-primary-nav { margin-left: auto; }
#mopo-floating-nav .mopo-nav-links { display: flex; align-items: center; gap: 34px; list-style: none; padding: 0; margin: 0; }
#mopo-floating-nav .mopo-nav-links > li { margin: 0; padding: 0; position: relative; }
#mopo-floating-nav .mopo-nav-links > li > a,
#mopo-floating-nav .mopo-nav-language summary { display: flex; align-items: center; gap: 4px; min-height: 40px; padding: 0; font-size: 15px; font-weight: 600; line-height: 1.3; white-space: nowrap; letter-spacing: 0; }
#mopo-floating-nav .mopo-nav-links > li > a[aria-current="page"] { color: var(--nav-accent); }
#mopo-floating-nav .mopo-nav-language summary { list-style: none; cursor: pointer; }
#mopo-floating-nav .mopo-nav-language summary::-webkit-details-marker { display: none; }
#mopo-floating-nav .mopo-nav-language summary svg { width: 14px; height: 14px; transition: transform .15s ease; }
#mopo-floating-nav .mopo-nav-language details[open] summary svg { transform: rotate(180deg); }
#mopo-floating-nav .mopo-nav-language ul { position: absolute; top: calc(100% + 18px); left: -16px; min-width: 88px; padding: 8px; margin: 0; list-style: none; border: 1px solid #e4e8dd; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px #17230e1a; }
#mopo-floating-nav .mopo-nav-language ul li { margin: 0; padding: 0; }
#mopo-floating-nav .mopo-nav-language ul a { display: block; padding: 10px 12px; border-radius: 10px; font-size: 14px; font-weight: 600; }
#mopo-floating-nav .mopo-nav-language ul a:hover,
#mopo-floating-nav .mopo-nav-language ul a[aria-current] { background: #f1f4e9; color: #59621d; }
#mopo-floating-nav .mopo-nav-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
#mopo-floating-nav .mopo-nav-icon { appearance: none; display: inline-flex; align-items: center; justify-content: center; position: relative; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; margin: 0; background: transparent; border: 0; border-radius: 50%; box-shadow: none; color: var(--nav-ink); line-height: 1; cursor: pointer; }
#mopo-floating-nav .mopo-nav-icon:hover,
#mopo-floating-nav .mopo-nav-icon[aria-expanded="true"] { background: #f1f4e9; color: #59621d; }
#mopo-floating-nav svg { display: block; width: 24px; height: 24px; }
#mopo-floating-nav .mopo-nav-cart-count { position: absolute; top: -1px; right: -2px; min-width: 17px; height: 17px; padding: 2px 4px; background: var(--nav-accent); border-radius: 9px; color: white; font: 600 10px/13px Arial, sans-serif; text-align: center; }
#mopo-floating-nav [hidden] { display: none !important; }
#mopo-floating-nav .mopo-nav-menu-toggle,
#mopo-floating-nav .mopo-mobile-account,
#mopo-floating-nav .mopo-mobile-search { display: none; }
#mopo-floating-nav .mopo-nav-search-panel { position: absolute; top: calc(100% + 12px); right: 0; width: min(440px, calc(100vw - 64px)); padding: 22px; border: 1px solid #e4e8dd; border-radius: 24px; background: #fff; box-shadow: 0 12px 32px #17230e1a; }
#mopo-floating-nav .mopo-nav-search-panel label { display: block; padding: 0; margin: 0 0 12px; color: var(--nav-muted); font: 500 13px/1.4 Arial, sans-serif; }
#mopo-floating-nav .mopo-nav-search-field,
#mopo-floating-nav .mopo-mobile-search { align-items: center; gap: 8px; padding: 6px 6px 6px 14px; border: 1px solid #dce3cd; border-radius: 15px; background: #f9faf6; }
#mopo-floating-nav input[type="search"] { min-width: 0; width: 100%; height: 36px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--nav-ink); font: 400 16px/1.4 Arial, sans-serif; box-shadow: none; }
#mopo-floating-nav .mopo-nav-search-field { display: flex; }
#mopo-floating-nav form button { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; margin: 0; border: 0; border-radius: 11px; background: #edf1e1; color: #59621d; cursor: pointer; }
.mopo-nav-skip { position: fixed; left: 24px; top: -100px; z-index: 100001; padding: 12px 18px; border-radius: 12px; background: #fff; color: #252622; }
.mopo-nav-skip:focus { top: calc(16px + var(--mopo-nav-admin-offset, 0px)); }
@media (min-width: 1800px) {
    #mopo-floating-nav { left: 40px; right: 40px; padding-left: 30px; padding-right: 30px; gap: 48px; }
    #mopo-floating-nav .mopo-nav-links { gap: 48px; }
    #mopo-floating-nav .mopo-nav-brand { width: 300px; }
}
@media (max-width: 1200px) {
    #mopo-floating-nav { left: 24px; right: 24px; gap: 22px; padding-left: 22px; padding-right: 22px; }
    #mopo-floating-nav .mopo-nav-brand { width: 245px; }
    #mopo-floating-nav .mopo-nav-links { gap: 22px; }
    #mopo-floating-nav .mopo-nav-links > li > a,
    #mopo-floating-nav .mopo-nav-language summary { font-size: 14px; }
}
@media (max-width: 1100px) {
    body.mopo-custom-navigation { padding-top: 94px !important; }
    #mopo-floating-nav { left: 16px; right: 16px; top: calc(14px + var(--mopo-nav-admin-offset, 0px)); min-height: 64px; padding: 12px 20px; gap: 16px; }
    #mopo-floating-nav .mopo-nav-actions { margin-left: auto; gap: 4px; }
    #mopo-floating-nav .mopo-nav-menu-toggle { display: inline-flex; }
    #mopo-floating-nav .mopo-nav-account,
    #mopo-floating-nav .mopo-nav-search-toggle { display: none; }
    #mopo-floating-nav .mopo-primary-nav { position: absolute; top: calc(100% + 10px); left: 0; right: 0; max-height: calc(100dvh - 110px - var(--mopo-nav-admin-offset, 0px)); overflow-y: auto; margin: 0; padding: 16px 22px 22px; border: 1px solid #e4e8dd; border-radius: 24px; background: #fff; box-shadow: 0 12px 32px #17230e1a; }
    #mopo-floating-nav.is-enhanced .mopo-primary-nav:not(.is-open) { display: none; }
    #mopo-floating-nav .mopo-nav-links { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
    #mopo-floating-nav .mopo-nav-links > li > a,
    #mopo-floating-nav .mopo-nav-language summary { min-height: 50px; font-size: 16px; }
    #mopo-floating-nav .mopo-nav-language ul { position: static; display: flex; gap: 8px; padding: 0 0 10px; border: 0; box-shadow: none; }
    #mopo-floating-nav .mopo-mobile-account { display: flex; align-items: center; gap: 12px; min-height: 50px; padding-top: 10px; margin-top: 8px; border-top: 1px solid #e8ecdf; font-size: 15px; font-weight: 600; }
    #mopo-floating-nav .mopo-mobile-search { display: flex; margin-top: 14px; }
}
@media (max-width: 782px) {
    body.mopo-custom-navigation.admin-bar { --mopo-nav-admin-offset: 46px; }
}
@media (max-width: 480px) {
    body.mopo-custom-navigation { padding-top: 88px !important; }
    #mopo-floating-nav { left: 12px; right: 12px; top: calc(12px + var(--mopo-nav-admin-offset, 0px)); padding: 11px 14px; gap: 8px; }
    #mopo-floating-nav .mopo-nav-brand { width: min(200px, calc(100vw - 152px)); }
    #mopo-floating-nav .mopo-nav-icon { flex-basis: 38px; width: 38px; height: 38px; }
    #mopo-floating-nav .mopo-primary-nav { padding: 14px 20px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    #mopo-floating-nav * { transition: none !important; }
}