.np-site-header,
.np-header {
    position: relative;
    z-index: var(--np-z-index-header, 200);
    width: 100%;
    min-width: 0;
    background: var(--np-header-background, var(--np-color-surface, #ffffff));
    border-block-end: var(--np-header-border, var(--np-border, 1px solid #e2e8f0));
    color: var(--np-header-color, var(--np-color-text, #334155));
    transition: var(--np-header-transition, background 260ms ease, box-shadow 260ms ease, border-color 260ms ease, transform 260ms ease);
}

.np-site-header[hidden],
.np-header[hidden] {
    display: none !important;
}

.np-header-container {
    width: 100%;
    min-height: var(--np-header-height, 88px);
}

.np-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--np-header-gap, var(--np-spacing-lg, 1.5rem));
    min-height: var(--np-header-height, 88px);
    min-width: 0;
}

.np-header-branding-area,
.np-header-navigation-area,
.np-header-actions-area {
    min-width: 0;
}

.np-header-branding-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.np-header-navigation-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.np-header-actions-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.np-header-no-branding .np-header-inner {
    grid-template-columns: minmax(0, 1fr) auto;
}

.np-header-no-navigation .np-header-inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.np-header-no-actions .np-header-inner {
    grid-template-columns: auto minmax(0, 1fr);
}

.np-header-no-navigation.np-header-no-actions .np-header-inner,
.np-header-no-branding.np-header-no-navigation .np-header-inner,
.np-header-no-branding.np-header-no-actions .np-header-inner {
    grid-template-columns: minmax(0, 1fr);
}

.np-header-transparent {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    background: var(--np-header-transparent-background, transparent);
    border-block-end-color: var(--np-header-transparent-border-color, transparent);
}

.np-header-sticky,
.np-site-header.is-sticky,
.np-header.is-sticky {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--np-z-index-header, 200);
}

.admin-bar .np-header-sticky,
.admin-bar .np-site-header.is-sticky,
.admin-bar .np-header.is-sticky {
    inset-block-start: var(--np-current-admin-bar-height, var(--np-admin-bar-height, 32px));
}

.np-site-header.is-sticky,
.np-header.is-sticky,
.np-header-is-sticky .np-header-sticky {
    background: var(--np-header-sticky-background, rgba(255, 255, 255, 0.92));
    border-block-end-color: var(--np-header-sticky-border-color, var(--np-color-border-soft, #e2e8f0));
    box-shadow: var(--np-header-sticky-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    backdrop-filter: var(--np-header-sticky-backdrop-filter, blur(16px));
}

.np-header[data-np-scroll-direction="down"].is-sticky.is-hide-on-scroll,
.np-site-header[data-np-scroll-direction="down"].is-sticky.is-hide-on-scroll {
    transform: translateY(-100%);
}

.np-layout-canvas .np-site-header,
.np-layout-canvas .np-header,
.np-layout-blank .np-site-header,
.np-layout-blank .np-header {
    display: none;
}

.np-site-branding,
.np-branding {
    display: inline-flex;
    align-items: center;
    gap: var(--np-branding-gap, var(--np-spacing-sm, 0.75rem));
    min-width: 0;
    max-width: 100%;
}

.np-branding-link {
    display: inline-flex;
    align-items: center;
    gap: var(--np-branding-link-gap, var(--np-spacing-sm, 0.75rem));
    min-width: 0;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.np-branding-link:hover,
.np-branding-link:focus {
    color: inherit;
    text-decoration: none;
}

.np-branding-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
}

.np-branding-logo-image,
.np-custom-logo,
.custom-logo {
    display: block;
    width: var(--np-header-logo-width, auto);
    max-width: var(--np-header-logo-max-width, min(220px, 52vw));
    height: auto;
    max-height: var(--np-header-logo-height, 48px);
    object-fit: contain;
}

.np-custom-logo-link,
.custom-logo-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.np-branding-text {
    display: grid;
    gap: var(--np-branding-text-gap, 0.125rem);
    min-width: 0;
}

.np-site-title,
.np-branding-title {
    display: block;
    margin: 0;
    overflow: hidden;
    color: var(--np-site-title-color, var(--np-color-heading, #0f172a));
    font-family: var(--np-font-display, var(--np-font-heading, Tahoma, Arial, sans-serif));
    font-size: var(--np-site-title-size, var(--np-font-size-xl, 1.25rem));
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
    letter-spacing: var(--np-letter-spacing-tight, -0.02em);
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--np-transition-fast, 160ms ease);
}

.np-branding-link:hover .np-site-title,
.np-branding-link:focus .np-site-title,
.np-branding-link:hover .np-branding-title,
.np-branding-link:focus .np-branding-title {
    color: var(--np-site-title-color-hover, var(--np-color-primary, #4f46e5));
}

.np-site-description,
.np-branding-description {
    display: block;
    margin: 0;
    overflow: hidden;
    color: var(--np-site-description-color, var(--np-color-text-muted, #64748b));
    font-size: var(--np-site-description-size, var(--np-font-size-sm, 0.875rem));
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-navigation {
    display: flex;
    align-items: center;
    min-width: 0;
}

.np-primary-navigation {
    justify-content: center;
    width: 100%;
}

.np-menu,
.np-primary-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--np-header-nav-gap, 0.25rem);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-menu-item,
.menu-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.np-menu-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-menu-link-gap, var(--np-spacing-xs, 0.5rem));
    min-height: var(--np-header-nav-link-height, 2.75rem);
    max-width: 100%;
    padding-block: 0;
    padding-inline: var(--np-header-nav-link-padding-x, 0.875rem);
    color: var(--np-header-nav-link-color, var(--np-color-text, #334155));
    border-radius: var(--np-header-nav-link-radius, var(--np-radius-pill, 999px));
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-header-nav-link-font-size, var(--np-font-size-sm, 0.875rem));
    font-weight: var(--np-header-nav-link-font-weight, var(--np-font-weight-bold, 700));
    line-height: var(--np-line-height-snug, 1.5);
    text-decoration: none;
    white-space: nowrap;
    transition:
        color var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        transform var(--np-transition-fast, 160ms ease);
}

.np-menu-link:hover,
.np-menu-link:focus,
.np-menu-item-active > .np-menu-link,
.current-menu-item > .np-menu-link,
.current-menu-ancestor > .np-menu-link,
.current_page_item > .np-menu-link,
.current_page_ancestor > .np-menu-link,
.np-menu-link[aria-current="page"] {
    color: var(--np-header-nav-link-color-hover, var(--np-color-primary, #4f46e5));
    background: var(--np-header-nav-link-background-hover, var(--np-color-primary-soft, #eef2ff));
    text-decoration: none;
}

.np-menu-link:focus-visible {
    outline: var(--np-focus-outline-width, 3px) solid var(--np-focus-outline-color, #2dd4bf);
    outline-offset: var(--np-focus-outline-offset, 3px);
}

.np-menu-item-has-children > .np-menu-link::after,
.menu-item-has-children > .np-menu-link::after,
.np-menu-link-has-children::after {
    display: inline-flex;
    width: 0.45rem;
    min-width: 0.45rem;
    height: 0.45rem;
    margin-inline-start: 0.125rem;
    border-inline-end: 1.5px solid currentColor;
    border-block-end: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-0.125rem);
    content: "";
}

[dir="rtl"] .np-menu-item-has-children > .np-menu-link::after,
[dir="rtl"] .menu-item-has-children > .np-menu-link::after,
[dir="rtl"] .np-menu-link-has-children::after,
.rtl .np-menu-item-has-children > .np-menu-link::after,
.rtl .menu-item-has-children > .np-menu-link::after,
.rtl .np-menu-link-has-children::after {
    margin-inline-start: 0;
    margin-inline-end: 0.125rem;
}

.np-primary-menu .sub-menu,
.np-menu .sub-menu {
    position: absolute;
    z-index: var(--np-z-index-dropdown, 50);
    inset-block-start: calc(100% + var(--np-dropdown-offset, 0.5rem));
    inset-inline-start: 0;
    display: grid;
    gap: var(--np-submenu-gap, 0.25rem);
    width: max-content;
    min-width: var(--np-submenu-min-width, 14rem);
    max-width: var(--np-submenu-max-width, min(22rem, calc(100vw - 2rem)));
    margin: 0;
    padding: var(--np-dropdown-padding, var(--np-spacing-sm, 0.75rem));
    list-style: none;
    visibility: hidden;
    opacity: 0;
    background: var(--np-dropdown-background, var(--np-color-surface, #ffffff));
    border: var(--np-border-width, 1px) solid var(--np-dropdown-border-color, var(--np-color-border-soft, #e2e8f0));
    border-radius: var(--np-dropdown-radius, var(--np-radius-xl, 1.25rem));
    box-shadow: var(--np-dropdown-shadow, var(--np-shadow-lg, 0 24px 70px rgba(15, 23, 42, 0.14)));
    pointer-events: none;
    transform: translateY(var(--np-submenu-translate-y, 0.5rem));
    transition:
        opacity var(--np-transition-fast, 160ms ease),
        visibility var(--np-transition-fast, 160ms ease),
        transform var(--np-transition-fast, 160ms ease);
}

.np-primary-menu .sub-menu::before,
.np-menu .sub-menu::before {
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(var(--np-dropdown-offset, 0.5rem) * -1);
    height: var(--np-dropdown-offset, 0.5rem);
    content: "";
}

.np-primary-menu .sub-menu .sub-menu,
.np-menu .sub-menu .sub-menu {
    inset-block-start: calc(var(--np-dropdown-padding, 0.75rem) * -1);
    inset-inline-start: calc(100% + var(--np-spacing-xs, 0.5rem));
}

[dir="rtl"] .np-primary-menu .sub-menu .sub-menu,
[dir="rtl"] .np-menu .sub-menu .sub-menu,
.rtl .np-primary-menu .sub-menu .sub-menu,
.rtl .np-menu .sub-menu .sub-menu {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + var(--np-spacing-xs, 0.5rem));
}

.np-primary-menu .menu-item:hover > .sub-menu,
.np-primary-menu .menu-item:focus-within > .sub-menu,
.np-menu .menu-item:hover > .sub-menu,
.np-menu .menu-item:focus-within > .sub-menu,
.np-primary-menu .np-menu-item:hover > .sub-menu,
.np-primary-menu .np-menu-item:focus-within > .sub-menu,
.np-menu .np-menu-item:hover > .sub-menu,
.np-menu .np-menu-item:focus-within > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.np-submenu-link,
.np-primary-menu .sub-menu .np-menu-link,
.np-menu .sub-menu .np-menu-link {
    justify-content: flex-start;
    width: 100%;
    min-height: var(--np-submenu-link-height, 2.5rem);
    padding-inline: var(--np-submenu-link-padding-x, var(--np-spacing-md, 1rem));
    border-radius: var(--np-submenu-link-radius, var(--np-radius-md, 0.75rem));
    color: var(--np-submenu-link-color, var(--np-color-text, #334155));
    white-space: nowrap;
}

.np-primary-menu .sub-menu .np-menu-link:hover,
.np-primary-menu .sub-menu .np-menu-link:focus,
.np-menu .sub-menu .np-menu-link:hover,
.np-menu .sub-menu .np-menu-link:focus,
.np-primary-menu .sub-menu .current-menu-item > .np-menu-link,
.np-menu .sub-menu .current-menu-item > .np-menu-link {
    color: var(--np-submenu-link-color-hover, var(--np-color-primary, #4f46e5));
    background: var(--np-submenu-link-background-hover, var(--np-color-primary-soft, #eef2ff));
}

.np-header-actions,
.np-header-actions-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--np-header-actions-gap, var(--np-spacing-sm, 0.75rem));
    min-width: 0;
}

.np-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.np-header-icon-button,
.np-header-cart-link,
.np-header-account-link,
.np-search-toggle,
.np-menu-toggle,
.np-mobile-navigation-close,
.np-offcanvas-close,
.np-search-panel-close {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-header-icon-button-size, 2.75rem);
    min-width: var(--np-header-icon-button-size, 2.75rem);
    height: var(--np-header-icon-button-size, 2.75rem);
    padding: 0;
    background: var(--np-header-icon-button-background, var(--np-color-surface-muted, #f1f5f9));
    border: var(--np-border-width, 1px) solid var(--np-header-icon-button-border-color, var(--np-color-border-soft, #e2e8f0));
    border-radius: var(--np-header-icon-button-radius, var(--np-radius-xl, 1.25rem));
    color: var(--np-header-icon-button-color, var(--np-color-heading, #0f172a));
    font: inherit;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        border-color var(--np-transition-fast, 160ms ease),
        color var(--np-transition-fast, 160ms ease),
        box-shadow var(--np-transition-fast, 160ms ease);
}

.np-header-icon-button:hover,
.np-header-icon-button:focus,
.np-header-cart-link:hover,
.np-header-cart-link:focus,
.np-header-account-link:hover,
.np-header-account-link:focus,
.np-search-toggle:hover,
.np-search-toggle:focus,
.np-menu-toggle:hover,
.np-menu-toggle:focus,
.np-mobile-navigation-close:hover,
.np-mobile-navigation-close:focus,
.np-offcanvas-close:hover,
.np-offcanvas-close:focus,
.np-search-panel-close:hover,
.np-search-panel-close:focus {
    transform: translateY(-2px);
    background: var(--np-header-icon-button-background-hover, var(--np-color-primary-soft, #eef2ff));
    border-color: var(--np-header-icon-button-border-color-hover, var(--np-color-primary-subtle, #e0e7ff));
    color: var(--np-header-icon-button-color-hover, var(--np-color-primary, #4f46e5));
    text-decoration: none;
    box-shadow: var(--np-header-icon-button-shadow-hover, var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06)));
}

.np-header-icon-button:focus-visible,
.np-header-cart-link:focus-visible,
.np-header-account-link:focus-visible,
.np-search-toggle:focus-visible,
.np-menu-toggle:focus-visible,
.np-mobile-navigation-close:focus-visible,
.np-offcanvas-close:focus-visible,
.np-search-panel-close:focus-visible {
    outline: var(--np-focus-outline-width, 3px) solid var(--np-focus-outline-color, #2dd4bf);
    outline-offset: var(--np-focus-outline-offset, 3px);
}

.np-header-icon-button svg,
.np-header-cart-link svg,
.np-header-account-link svg,
.np-search-toggle svg,
.np-menu-toggle svg,
.np-mobile-navigation-close svg,
.np-offcanvas-close svg,
.np-search-panel-close svg {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    fill: currentColor;
}

.np-header-cart-link,
.np-header-account-link {
    width: auto;
    min-width: var(--np-header-icon-button-size, 2.75rem);
    padding-inline: var(--np-header-account-padding-x, 0.875rem);
    gap: var(--np-spacing-xs, 0.5rem);
}

.np-header-account-label {
    max-width: 9rem;
    overflow: hidden;
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-cart-count {
    position: absolute;
    inset-block-start: -0.375rem;
    inset-inline-end: -0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding-inline: 0.25rem;
    background: var(--np-cart-count-background, var(--np-color-danger, #dc2626));
    border: 2px solid var(--np-header-background, var(--np-color-surface, #ffffff));
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-color-white, #ffffff);
    font-size: var(--np-font-size-2xs, 0.6875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

[dir="rtl"] .np-cart-count,
.rtl .np-cart-count {
    inset-inline-end: auto;
    inset-inline-start: -0.375rem;
}

.np-header-cta {
    min-height: var(--np-header-cta-height, 2.875rem);
    padding-inline: var(--np-header-cta-padding-x, 1.25rem);
    white-space: nowrap;
}

.np-header-cta-icon-wrap,
.np-header-cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.np-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 0;
}

.np-menu-toggle-lines {
    display: grid;
    gap: 0.28rem;
    width: 1.25rem;
}

.np-menu-toggle-line {
    display: block;
    width: 1.25rem;
    height: 2px;
    margin-inline: auto;
    background: currentColor;
    border-radius: var(--np-radius-pill, 999px);
    transition:
        transform var(--np-transition-fast, 160ms ease),
        opacity var(--np-transition-fast, 160ms ease);
}

.np-menu-toggle-line + .np-menu-toggle-line {
    margin-block-start: 0.28rem;
}

.np-menu-toggle[aria-expanded="true"] .np-menu-toggle-line:nth-child(1),
.np-menu-toggle.is-active .np-menu-toggle-line:nth-child(1) {
    transform: translateY(0.38rem) rotate(45deg);
}

.np-menu-toggle[aria-expanded="true"] .np-menu-toggle-line:nth-child(2),
.np-menu-toggle.is-active .np-menu-toggle-line:nth-child(2) {
    opacity: 0;
}

.np-menu-toggle[aria-expanded="true"] .np-menu-toggle-line:nth-child(3),
.np-menu-toggle.is-active .np-menu-toggle-line:nth-child(3) {
    transform: translateY(-0.38rem) rotate(-45deg);
}

.np-mobile-navigation,
.np-offcanvas,
.np-search-panel,
.np-search-modal {
    position: fixed;
    inset: 0;
    z-index: var(--np-z-index-modal, 1000);
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity var(--np-transition-md, 260ms ease),
        visibility var(--np-transition-md, 260ms ease);
}

.np-mobile-navigation[hidden],
.np-offcanvas[hidden],
.np-search-panel[hidden],
.np-search-modal[hidden] {
    display: none !important;
}

.np-mobile-navigation.is-open,
.np-offcanvas.is-open,
.np-search-panel.is-open,
.np-search-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.np-mobile-navigation-overlay,
.np-offcanvas-overlay,
.np-search-panel-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--np-header-overlay-background, rgba(15, 23, 42, 0.56));
    opacity: 0;
    cursor: pointer;
    transition: opacity var(--np-transition-md, 260ms ease);
}

.np-mobile-navigation.is-open .np-mobile-navigation-overlay,
.np-offcanvas.is-open .np-offcanvas-overlay,
.np-search-panel.is-open .np-search-panel-overlay,
.np-search-modal.is-open .np-search-panel-overlay {
    opacity: 1;
}

.np-mobile-navigation-panel,
.np-offcanvas-panel,
.np-search-panel-inner {
    position: absolute;
    z-index: 2;
    inset-block: 0;
    inset-inline-start: 0;
    display: flex;
    flex-direction: column;
    width: var(--np-offcanvas-width, min(88vw, 420px));
    max-width: calc(100vw - 1rem);
    min-width: 0;
    overflow: hidden;
    background: var(--np-offcanvas-background, var(--np-color-surface, #ffffff));
    color: var(--np-offcanvas-color, var(--np-color-text, #334155));
    box-shadow: var(--np-offcanvas-shadow, var(--np-shadow-xl, 0 36px 100px rgba(15, 23, 42, 0.18)));
    transform: translateX(-100%);
    transition: transform var(--np-transition-md, 260ms ease);
}

[dir="rtl"] .np-mobile-navigation-panel,
[dir="rtl"] .np-offcanvas-panel,
[dir="rtl"] .np-search-panel-inner,
.rtl .np-mobile-navigation-panel,
.rtl .np-offcanvas-panel,
.rtl .np-search-panel-inner {
    inset-inline-start: auto;
    inset-inline-end: 0;
    transform: translateX(100%);
}

.np-mobile-navigation.is-open .np-mobile-navigation-panel,
.np-offcanvas.is-open .np-offcanvas-panel,
.np-search-panel.is-open .np-search-panel-inner,
.np-search-modal.is-open .np-search-panel-inner {
    transform: translateX(0);
}

.np-search-panel-inner {
    inset-inline: 50% auto;
    inset-block: 50% auto;
    width: var(--np-search-panel-width, min(92vw, 720px));
    max-height: min(86vh, 720px);
    border-radius: var(--np-search-panel-radius, var(--np-radius-3xl, 2rem));
    transform: translate(-50%, calc(-50% + 1rem)) scale(0.96);
}

[dir="rtl"] .np-search-panel-inner,
.rtl .np-search-panel-inner {
    inset-inline: 50% auto;
    transform: translate(50%, calc(-50% + 1rem)) scale(0.96);
}

.np-search-panel.is-open .np-search-panel-inner,
.np-search-modal.is-open .np-search-panel-inner {
    transform: translate(-50%, -50%) scale(1);
}

[dir="rtl"] .np-search-panel.is-open .np-search-panel-inner,
[dir="rtl"] .np-search-modal.is-open .np-search-panel-inner,
.rtl .np-search-panel.is-open .np-search-panel-inner,
.rtl .np-search-modal.is-open .np-search-panel-inner {
    transform: translate(50%, -50%) scale(1);
}

.np-mobile-navigation-header,
.np-offcanvas-header,
.np-search-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--np-spacing-md, 1rem);
    min-width: 0;
    padding: var(--np-header-panel-header-padding, 1.25rem);
    border-block-end: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-mobile-navigation-branding,
.np-offcanvas-branding {
    min-width: 0;
}

.np-mobile-navigation-body,
.np-offcanvas-body,
.np-search-panel-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--np-header-panel-body-padding, 1.25rem);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.np-mobile-navigation-footer,
.np-offcanvas-footer {
    display: grid;
    gap: var(--np-spacing-md, 1rem);
    padding: var(--np-header-panel-footer-padding, 1.25rem);
    border-block-start: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-mobile-navigation-menu-wrap,
.np-offcanvas-navigation {
    min-width: 0;
}

.np-mobile-menu,
.np-offcanvas-menu,
.np-offcanvas-menu-list {
    display: grid;
    gap: var(--np-mobile-menu-gap, 0.5rem);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-mobile-menu .np-menu-item,
.np-offcanvas-menu .np-menu-item,
.np-offcanvas-menu-list .np-menu-item,
.np-mobile-menu .menu-item,
.np-offcanvas-menu .menu-item,
.np-offcanvas-menu-list .menu-item {
    width: 100%;
}

.np-mobile-menu .np-menu-link,
.np-offcanvas-menu .np-menu-link,
.np-offcanvas-menu-list .np-menu-link {
    justify-content: space-between;
    width: 100%;
    min-height: var(--np-mobile-menu-link-height, 3rem);
    padding-inline: var(--np-mobile-menu-link-padding-x, 1rem);
    background: var(--np-mobile-menu-link-background, var(--np-color-surface-muted, #f1f5f9));
    border: var(--np-border-width, 1px) solid var(--np-mobile-menu-link-border-color, transparent);
    border-radius: var(--np-mobile-menu-link-radius, var(--np-radius-xl, 1.25rem));
    color: var(--np-mobile-menu-link-color, var(--np-color-heading, #0f172a));
}

.np-mobile-menu .np-menu-link:hover,
.np-mobile-menu .np-menu-link:focus,
.np-offcanvas-menu .np-menu-link:hover,
.np-offcanvas-menu .np-menu-link:focus,
.np-offcanvas-menu-list .np-menu-link:hover,
.np-offcanvas-menu-list .np-menu-link:focus,
.np-mobile-menu .current-menu-item > .np-menu-link,
.np-offcanvas-menu .current-menu-item > .np-menu-link,
.np-offcanvas-menu-list .current-menu-item > .np-menu-link {
    background: var(--np-mobile-menu-link-background-hover, var(--np-color-primary-soft, #eef2ff));
    border-color: var(--np-mobile-menu-link-border-color-hover, var(--np-color-primary-subtle, #e0e7ff));
    color: var(--np-mobile-menu-link-color-hover, var(--np-color-primary, #4f46e5));
}

.np-mobile-menu .sub-menu,
.np-offcanvas-menu .sub-menu,
.np-offcanvas-menu-list .sub-menu {
    position: static;
    display: grid;
    gap: var(--np-mobile-submenu-gap, 0.375rem);
    min-width: 0;
    max-width: 100%;
    margin-block-start: var(--np-spacing-xs, 0.5rem);
    margin-inline-start: var(--np-spacing-md, 1rem);
    padding: 0;
    visibility: visible;
    opacity: 1;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    pointer-events: auto;
    transform: none;
}

[dir="rtl"] .np-mobile-menu .sub-menu,
[dir="rtl"] .np-offcanvas-menu .sub-menu,
[dir="rtl"] .np-offcanvas-menu-list .sub-menu,
.rtl .np-mobile-menu .sub-menu,
.rtl .np-offcanvas-menu .sub-menu,
.rtl .np-offcanvas-menu-list .sub-menu {
    margin-inline-start: 0;
    margin-inline-end: var(--np-spacing-md, 1rem);
}

.np-mobile-menu .sub-menu .np-menu-link,
.np-offcanvas-menu .sub-menu .np-menu-link,
.np-offcanvas-menu-list .sub-menu .np-menu-link {
    min-height: var(--np-mobile-submenu-link-height, 2.625rem);
    background: transparent;
    border-color: var(--np-color-border-soft, #e2e8f0);
    font-size: var(--np-font-size-sm, 0.875rem);
}

.np-mobile-navigation-search,
.np-offcanvas-search {
    margin-block-end: var(--np-spacing-md, 1rem);
}

.np-mobile-navigation-cta,
.np-offcanvas-cta,
.np-offcanvas-actions {
    display: grid;
    gap: var(--np-spacing-sm, 0.75rem);
}

.np-mobile-navigation-cta .np-button,
.np-offcanvas-cta .np-button,
.np-offcanvas-actions .np-button {
    width: 100%;
}

.np-search-panel-title,
.np-search-panel-heading {
    margin: 0;
    color: var(--np-search-panel-title-color, var(--np-color-heading, #0f172a));
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-xl, 1.25rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.np-search-panel-description {
    margin: 0.375rem 0 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-search-form,
.np-search-panel form[role="search"] {
    display: flex;
    align-items: center;
    gap: var(--np-spacing-sm, 0.75rem);
    width: 100%;
    min-width: 0;
}

.np-search-form-input,
.np-search-panel input[type="search"][name="s"] {
    width: 100%;
    min-width: 0;
    height: var(--np-input-height-lg, 3.5rem);
}

.np-search-form-submit {
    flex: 0 0 auto;
}

.np-search-open,
.np-menu-open,
.np-mobile-menu-open,
.np-scroll-locked {
    overflow: hidden;
}

.np-section-dark .np-site-header,
.np-section-dark .np-header,
.np-layout-dark .np-site-header,
.np-layout-dark .np-header,
.np-header.is-dark {
    background: var(--np-header-dark-background, rgba(15, 23, 42, 0.92));
    border-block-end-color: var(--np-header-dark-border-color, rgba(255, 255, 255, 0.12));
    color: rgba(255, 255, 255, 0.78);
}

.np-section-dark .np-site-title,
.np-section-dark .np-branding-title,
.np-layout-dark .np-site-title,
.np-layout-dark .np-branding-title,
.np-header.is-dark .np-site-title,
.np-header.is-dark .np-branding-title {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-site-description,
.np-section-dark .np-branding-description,
.np-layout-dark .np-site-description,
.np-layout-dark .np-branding-description,
.np-header.is-dark .np-site-description,
.np-header.is-dark .np-branding-description {
    color: rgba(255, 255, 255, 0.62);
}

.np-section-dark .np-menu-link,
.np-layout-dark .np-menu-link,
.np-header.is-dark .np-menu-link {
    color: rgba(255, 255, 255, 0.78);
}

.np-section-dark .np-menu-link:hover,
.np-section-dark .np-menu-link:focus,
.np-section-dark .current-menu-item > .np-menu-link,
.np-section-dark .current-menu-ancestor > .np-menu-link,
.np-layout-dark .np-menu-link:hover,
.np-layout-dark .np-menu-link:focus,
.np-layout-dark .current-menu-item > .np-menu-link,
.np-layout-dark .current-menu-ancestor > .np-menu-link,
.np-header.is-dark .np-menu-link:hover,
.np-header.is-dark .np-menu-link:focus,
.np-header.is-dark .current-menu-item > .np-menu-link,
.np-header.is-dark .current-menu-ancestor > .np-menu-link {
    background: rgba(255, 255, 255, 0.1);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-header-icon-button,
.np-section-dark .np-header-cart-link,
.np-section-dark .np-header-account-link,
.np-section-dark .np-search-toggle,
.np-section-dark .np-menu-toggle,
.np-layout-dark .np-header-icon-button,
.np-layout-dark .np-header-cart-link,
.np-layout-dark .np-header-account-link,
.np-layout-dark .np-search-toggle,
.np-layout-dark .np-menu-toggle,
.np-header.is-dark .np-header-icon-button,
.np-header.is-dark .np-header-cart-link,
.np-header.is-dark .np-header-account-link,
.np-header.is-dark .np-search-toggle,
.np-header.is-dark .np-menu-toggle {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-header-icon-button:hover,
.np-section-dark .np-header-icon-button:focus,
.np-section-dark .np-header-cart-link:hover,
.np-section-dark .np-header-cart-link:focus,
.np-section-dark .np-header-account-link:hover,
.np-section-dark .np-header-account-link:focus,
.np-section-dark .np-search-toggle:hover,
.np-section-dark .np-search-toggle:focus,
.np-section-dark .np-menu-toggle:hover,
.np-section-dark .np-menu-toggle:focus,
.np-layout-dark .np-header-icon-button:hover,
.np-layout-dark .np-header-icon-button:focus,
.np-layout-dark .np-header-cart-link:hover,
.np-layout-dark .np-header-cart-link:focus,
.np-layout-dark .np-header-account-link:hover,
.np-layout-dark .np-header-account-link:focus,
.np-layout-dark .np-search-toggle:hover,
.np-layout-dark .np-search-toggle:focus,
.np-layout-dark .np-menu-toggle:hover,
.np-layout-dark .np-menu-toggle:focus,
.np-header.is-dark .np-header-icon-button:hover,
.np-header.is-dark .np-header-icon-button:focus,
.np-header.is-dark .np-header-cart-link:hover,
.np-header.is-dark .np-header-cart-link:focus,
.np-header.is-dark .np-header-account-link:hover,
.np-header.is-dark .np-header-account-link:focus,
.np-header.is-dark .np-search-toggle:hover,
.np-header.is-dark .np-search-toggle:focus,
.np-header.is-dark .np-menu-toggle:hover,
.np-header.is-dark .np-menu-toggle:focus {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--np-color-white, #ffffff);
}

@media (min-width: 1025px) {
    .np-header-actions-area .np-menu-toggle,
    .np-header-actions .np-menu-toggle {
        display: none;
    }

    .np-header-mobile-only {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .np-header-inner {
        gap: var(--np-header-gap-tablet, var(--np-spacing-md, 1rem));
    }

    .np-menu-link {
        padding-inline: var(--np-header-nav-link-padding-x-tablet, 0.75rem);
    }

    .np-header-account-label {
        display: none;
    }
}

@media (max-width: 1024px) {
    .np-site-header,
    .np-header {
        --np-header-height: var(--np-mobile-header-height, 72px);
    }

    .np-header-inner {
        grid-template-columns: auto auto;
        justify-content: space-between;
        gap: var(--np-header-gap-mobile, var(--np-spacing-md, 1rem));
        min-height: var(--np-mobile-header-height, 72px);
    }

    .np-header-navigation-area {
        display: none;
    }

    .np-header-actions-area {
        gap: var(--np-header-actions-gap-mobile, var(--np-spacing-xs, 0.5rem));
    }

    .np-header-actions .np-header-action-search,
    .np-header-actions-area .np-header-action-search {
        display: inline-flex;
    }

    .np-menu-toggle {
        display: inline-flex;
    }

    .np-header-cta {
        display: none;
    }

    .np-branding-logo-image,
    .np-custom-logo,
    .custom-logo {
        max-width: var(--np-header-logo-max-width-tablet, min(190px, 54vw));
        max-height: var(--np-header-logo-height-tablet, 44px);
    }

    .np-site-title,
    .np-branding-title {
        font-size: var(--np-site-title-size-tablet, var(--np-font-size-lg, 1.125rem));
    }
}

@media (max-width: 782px) {
    .admin-bar .np-header-sticky,
    .admin-bar .np-site-header.is-sticky,
    .admin-bar .np-header.is-sticky {
        inset-block-start: var(--np-current-admin-bar-height, 46px);
    }

    .np-header-inner {
        min-height: var(--np-mobile-header-height, 72px);
    }

    .np-branding-link {
        gap: var(--np-branding-link-gap-mobile, var(--np-spacing-xs, 0.5rem));
    }

    .np-branding-logo-image,
    .np-custom-logo,
    .custom-logo {
        max-width: var(--np-header-logo-max-width-mobile, min(180px, 56vw));
        max-height: var(--np-header-logo-height-mobile, 40px);
    }

    .np-site-title,
    .np-branding-title {
        font-size: var(--np-site-title-size-mobile, var(--np-font-size-md, 1rem));
    }

    .np-site-description,
    .np-branding-description {
        display: none;
    }

    .np-header-icon-button,
    .np-header-cart-link,
    .np-header-account-link,
    .np-search-toggle,
    .np-menu-toggle,
    .np-mobile-navigation-close,
    .np-offcanvas-close,
    .np-search-panel-close {
        width: var(--np-header-icon-button-size-mobile, 2.625rem);
        min-width: var(--np-header-icon-button-size-mobile, 2.625rem);
        height: var(--np-header-icon-button-size-mobile, 2.625rem);
        border-radius: var(--np-header-icon-button-radius-mobile, var(--np-radius-lg, 1rem));
    }

    .np-header-cart-link,
    .np-header-account-link {
        padding-inline: 0;
    }

    .np-mobile-navigation-panel,
    .np-offcanvas-panel {
        width: var(--np-offcanvas-width-mobile, min(92vw, 390px));
    }

    .np-mobile-navigation-header,
    .np-offcanvas-header,
    .np-search-panel-header {
        padding: var(--np-header-panel-header-padding-mobile, 1rem);
    }

    .np-mobile-navigation-body,
    .np-offcanvas-body,
    .np-search-panel-body {
        padding: var(--np-header-panel-body-padding-mobile, 1rem);
    }

    .np-mobile-navigation-footer,
    .np-offcanvas-footer {
        padding: var(--np-header-panel-footer-padding-mobile, 1rem);
    }

    .np-search-panel-inner {
        width: min(92vw, 640px);
        max-height: min(84vh, 680px);
        border-radius: var(--np-radius-2xl, 1.5rem);
    }

    .np-search-form,
    .np-search-panel form[role="search"] {
        align-items: stretch;
        flex-direction: column;
    }

    .np-search-form-submit {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .np-header-inner {
        gap: var(--np-spacing-sm, 0.75rem);
    }

    .np-branding-logo-image,
    .np-custom-logo,
    .custom-logo {
        max-width: var(--np-header-logo-max-width-small, min(158px, 50vw));
        max-height: var(--np-header-logo-height-small, 36px);
    }

    .np-site-title,
    .np-branding-title {
        max-width: 48vw;
    }

    .np-header-actions-area {
        gap: var(--np-spacing-2xs, 0.25rem);
    }

    .np-header-action-account {
        display: none;
    }

    .np-mobile-navigation-panel,
    .np-offcanvas-panel {
        width: 100vw;
        max-width: 100vw;
    }

    .np-search-panel-inner {
        inset-block: auto 0;
        inset-inline: 0;
        width: 100%;
        max-width: 100%;
        max-height: 88vh;
        border-radius: var(--np-radius-3xl, 2rem) var(--np-radius-3xl, 2rem) 0 0;
        transform: translateY(100%);
    }

    [dir="rtl"] .np-search-panel-inner,
    .rtl .np-search-panel-inner {
        inset-inline: 0;
        transform: translateY(100%);
    }

    .np-search-panel.is-open .np-search-panel-inner,
    .np-search-modal.is-open .np-search-panel-inner,
    [dir="rtl"] .np-search-panel.is-open .np-search-panel-inner,
    [dir="rtl"] .np-search-modal.is-open .np-search-panel-inner,
    .rtl .np-search-panel.is-open .np-search-panel-inner,
    .rtl .np-search-modal.is-open .np-search-panel-inner {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-site-header,
    .np-header,
    .np-branding-link,
    .np-site-title,
    .np-branding-title,
    .np-menu-link,
    .np-primary-menu .sub-menu,
    .np-menu .sub-menu,
    .np-header-icon-button,
    .np-header-cart-link,
    .np-header-account-link,
    .np-search-toggle,
    .np-menu-toggle,
    .np-mobile-navigation-close,
    .np-offcanvas-close,
    .np-search-panel-close,
    .np-menu-toggle-line,
    .np-mobile-navigation,
    .np-offcanvas,
    .np-search-panel,
    .np-search-modal,
    .np-mobile-navigation-overlay,
    .np-offcanvas-overlay,
    .np-search-panel-overlay,
    .np-mobile-navigation-panel,
    .np-offcanvas-panel,
    .np-search-panel-inner {
        transition: none !important;
    }

    .np-header-icon-button:hover,
    .np-header-icon-button:focus,
    .np-header-cart-link:hover,
    .np-header-cart-link:focus,
    .np-header-account-link:hover,
    .np-header-account-link:focus,
    .np-search-toggle:hover,
    .np-search-toggle:focus,
    .np-menu-toggle:hover,
    .np-menu-toggle:focus,
    .np-mobile-navigation-close:hover,
    .np-mobile-navigation-close:focus,
    .np-offcanvas-close:hover,
    .np-offcanvas-close:focus,
    .np-search-panel-close:hover,
    .np-search-panel-close:focus {
        transform: none !important;
    }
}

@media print {
    .np-site-header,
    .np-header,
    .np-mobile-navigation,
    .np-offcanvas,
    .np-search-panel,
    .np-search-modal {
        display: none !important;
    }
}