.np-dropdown,
.np-menu-dropdown,
.np-action-menu,
.np-user-menu,
.np-cart-dropdown,
.np-mini-panel {
    position: relative;
    display: inline-flex;
    min-width: 0;
}

.np-dropdown.is-block,
.np-menu-dropdown.is-block,
.np-action-menu.is-block,
.np-user-menu.is-block,
.np-cart-dropdown.is-block,
.np-mini-panel.is-block {
    display: block;
    width: 100%;
}

.np-dropdown-trigger,
.np-menu-dropdown-trigger,
.np-action-menu-trigger,
.np-user-menu-trigger,
.np-cart-dropdown-trigger,
.np-mini-panel-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: 0;
    min-height: var(--np-dropdown-trigger-height, 2.75rem);
    padding-block: 0;
    padding-inline: var(--np-dropdown-trigger-padding-x, 1rem);
    background: var(--np-dropdown-trigger-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-dropdown-trigger-border-color, #e2e8f0);
    border-radius: var(--np-dropdown-trigger-radius, 999px);
    color: var(--np-dropdown-trigger-color, #334155);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-dropdown-trigger-font-size, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: var(--np-dropdown-trigger-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
    cursor: pointer;
    user-select: none;
    transition: 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), transform var(--np-transition-fast, 160ms ease);
}

.np-dropdown-trigger:hover,
.np-dropdown-trigger:focus,
.np-menu-dropdown-trigger:hover,
.np-menu-dropdown-trigger:focus,
.np-action-menu-trigger:hover,
.np-action-menu-trigger:focus,
.np-user-menu-trigger:hover,
.np-user-menu-trigger:focus,
.np-cart-dropdown-trigger:hover,
.np-cart-dropdown-trigger:focus,
.np-mini-panel-trigger:hover,
.np-mini-panel-trigger:focus {
    transform: translateY(-2px);
    background: var(--np-dropdown-trigger-background-hover, #eef2ff);
    border-color: var(--np-dropdown-trigger-border-color-hover, #e0e7ff);
    color: var(--np-dropdown-trigger-color-hover, #4f46e5);
    text-decoration: none;
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.np-dropdown-trigger:active,
.np-menu-dropdown-trigger:active,
.np-action-menu-trigger:active,
.np-user-menu-trigger:active,
.np-cart-dropdown-trigger:active,
.np-mini-panel-trigger:active {
    transform: translateY(0);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-dropdown-trigger[aria-expanded="true"],
.np-menu-dropdown-trigger[aria-expanded="true"],
.np-action-menu-trigger[aria-expanded="true"],
.np-user-menu-trigger[aria-expanded="true"],
.np-cart-dropdown-trigger[aria-expanded="true"],
.np-mini-panel-trigger[aria-expanded="true"],
.np-dropdown.is-open > .np-dropdown-trigger,
.np-dropdown.is-active > .np-dropdown-trigger,
.np-menu-dropdown.is-open > .np-menu-dropdown-trigger,
.np-menu-dropdown.is-active > .np-menu-dropdown-trigger,
.np-action-menu.is-open > .np-action-menu-trigger,
.np-action-menu.is-active > .np-action-menu-trigger,
.np-user-menu.is-open > .np-user-menu-trigger,
.np-user-menu.is-active > .np-user-menu-trigger,
.np-cart-dropdown.is-open > .np-cart-dropdown-trigger,
.np-cart-dropdown.is-active > .np-cart-dropdown-trigger,
.np-mini-panel.is-open > .np-mini-panel-trigger,
.np-mini-panel.is-active > .np-mini-panel-trigger {
    background: var(--np-dropdown-trigger-background-active, #4f46e5);
    border-color: var(--np-dropdown-trigger-border-color-active, #4f46e5);
    color: var(--np-dropdown-trigger-color-active, #ffffff);
    box-shadow: var(--np-shadow-primary, 0 18px 48px rgba(79, 70, 229, 0.22));
}

.np-dropdown-trigger:disabled,
.np-dropdown-trigger[disabled],
.np-dropdown-trigger[aria-disabled="true"],
.np-dropdown-trigger.is-disabled,
.np-menu-dropdown-trigger:disabled,
.np-menu-dropdown-trigger[disabled],
.np-menu-dropdown-trigger[aria-disabled="true"],
.np-menu-dropdown-trigger.is-disabled,
.np-action-menu-trigger:disabled,
.np-action-menu-trigger[disabled],
.np-action-menu-trigger[aria-disabled="true"],
.np-action-menu-trigger.is-disabled,
.np-user-menu-trigger:disabled,
.np-user-menu-trigger[disabled],
.np-user-menu-trigger[aria-disabled="true"],
.np-user-menu-trigger.is-disabled,
.np-cart-dropdown-trigger:disabled,
.np-cart-dropdown-trigger[disabled],
.np-cart-dropdown-trigger[aria-disabled="true"],
.np-cart-dropdown-trigger.is-disabled,
.np-mini-panel-trigger:disabled,
.np-mini-panel-trigger[disabled],
.np-mini-panel-trigger[aria-disabled="true"],
.np-mini-panel-trigger.is-disabled {
    opacity: 0.48;
    pointer-events: none;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
}

.np-dropdown-trigger-icon,
.np-dropdown-trigger-avatar,
.np-menu-dropdown-trigger-icon,
.np-action-menu-trigger-icon,
.np-user-menu-trigger-icon,
.np-cart-dropdown-trigger-icon,
.np-mini-panel-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125em;
    height: 1.125em;
    flex: 0 0 auto;
    line-height: 1;
}

.np-dropdown-trigger-icon svg,
.np-menu-dropdown-trigger-icon svg,
.np-action-menu-trigger-icon svg,
.np-user-menu-trigger-icon svg,
.np-cart-dropdown-trigger-icon svg,
.np-mini-panel-trigger-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.np-dropdown-trigger-avatar {
    width: var(--np-dropdown-avatar-size, 2rem);
    height: var(--np-dropdown-avatar-size, 2rem);
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-circle, 50%);
}

.np-dropdown-trigger-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.np-dropdown-trigger-text,
.np-menu-dropdown-trigger-text,
.np-action-menu-trigger-text,
.np-user-menu-trigger-text,
.np-cart-dropdown-trigger-text,
.np-mini-panel-trigger-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.np-dropdown-caret,
.np-menu-dropdown-caret,
.np-action-menu-caret,
.np-user-menu-caret,
.np-cart-dropdown-caret,
.np-mini-panel-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    color: currentColor;
    line-height: 1;
    transition: transform var(--np-transition-fast, 160ms ease);
}

.np-dropdown-caret::before,
.np-menu-dropdown-caret::before,
.np-action-menu-caret::before,
.np-user-menu-caret::before,
.np-cart-dropdown-caret::before,
.np-mini-panel-caret::before {
    width: 0.45em;
    height: 0.45em;
    transform: rotate(45deg) translateY(-0.12em);
    border-inline-end: 2px solid currentColor;
    border-block-end: 2px solid currentColor;
    content: "";
}

.np-dropdown-trigger[aria-expanded="true"] .np-dropdown-caret,
.np-menu-dropdown-trigger[aria-expanded="true"] .np-menu-dropdown-caret,
.np-action-menu-trigger[aria-expanded="true"] .np-action-menu-caret,
.np-user-menu-trigger[aria-expanded="true"] .np-user-menu-caret,
.np-cart-dropdown-trigger[aria-expanded="true"] .np-cart-dropdown-caret,
.np-mini-panel-trigger[aria-expanded="true"] .np-mini-panel-caret,
.np-dropdown.is-open > .np-dropdown-trigger .np-dropdown-caret,
.np-dropdown.is-active > .np-dropdown-trigger .np-dropdown-caret,
.np-menu-dropdown.is-open > .np-menu-dropdown-trigger .np-menu-dropdown-caret,
.np-menu-dropdown.is-active > .np-menu-dropdown-trigger .np-menu-dropdown-caret,
.np-action-menu.is-open > .np-action-menu-trigger .np-action-menu-caret,
.np-action-menu.is-active > .np-action-menu-trigger .np-action-menu-caret,
.np-user-menu.is-open > .np-user-menu-trigger .np-user-menu-caret,
.np-user-menu.is-active > .np-user-menu-trigger .np-user-menu-caret,
.np-cart-dropdown.is-open > .np-cart-dropdown-trigger .np-cart-dropdown-caret,
.np-cart-dropdown.is-active > .np-cart-dropdown-trigger .np-cart-dropdown-caret,
.np-mini-panel.is-open > .np-mini-panel-trigger .np-mini-panel-caret,
.np-mini-panel.is-active > .np-mini-panel-trigger .np-mini-panel-caret {
    transform: rotate(180deg);
}

.np-dropdown-menu,
.np-menu-dropdown-menu,
.np-action-menu-list,
.np-user-menu-panel,
.np-cart-dropdown-panel,
.np-mini-panel-content {
    position: absolute;
    z-index: var(--np-z-index-dropdown, 900);
    inset-block-start: calc(100% + var(--np-dropdown-offset, 0.75rem));
    inset-inline-start: 0;
    display: grid;
    gap: var(--np-dropdown-menu-gap, 0.25rem);
    width: max-content;
    min-width: var(--np-dropdown-min-width, 220px);
    max-width: min(var(--np-dropdown-max-width, 360px), calc(100vw - 2rem));
    max-height: min(var(--np-dropdown-max-height, 70vh), calc(100vh - var(--np-admin-offset, 0px) - 2rem));
    padding: var(--np-dropdown-padding, 0.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--np-dropdown-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-dropdown-border-color, #e2e8f0);
    border-radius: var(--np-dropdown-radius, 1.25rem);
    color: var(--np-dropdown-color, #334155);
    box-shadow: var(--np-dropdown-shadow, 0 24px 70px rgba(15, 23, 42, 0.14));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.5rem) scale(0.98);
    transform-origin: top start;
    transition: opacity var(--np-dropdown-transition, 180ms ease), visibility var(--np-dropdown-transition, 180ms ease), transform var(--np-dropdown-transition, 180ms ease);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.np-dropdown-menu.is-end,
.np-menu-dropdown-menu.is-end,
.np-action-menu-list.is-end,
.np-user-menu-panel.is-end,
.np-cart-dropdown-panel.is-end,
.np-mini-panel-content.is-end,
.np-dropdown.is-end > .np-dropdown-menu,
.np-menu-dropdown.is-end > .np-menu-dropdown-menu,
.np-action-menu.is-end > .np-action-menu-list,
.np-user-menu.is-end > .np-user-menu-panel,
.np-cart-dropdown.is-end > .np-cart-dropdown-panel,
.np-mini-panel.is-end > .np-mini-panel-content {
    inset-inline-start: auto;
    inset-inline-end: 0;
    transform-origin: top end;
}

.np-dropdown-menu.is-center,
.np-menu-dropdown-menu.is-center,
.np-action-menu-list.is-center,
.np-user-menu-panel.is-center,
.np-cart-dropdown-panel.is-center,
.np-mini-panel-content.is-center,
.np-dropdown.is-center > .np-dropdown-menu,
.np-menu-dropdown.is-center > .np-menu-dropdown-menu,
.np-action-menu.is-center > .np-action-menu-list,
.np-user-menu.is-center > .np-user-menu-panel,
.np-cart-dropdown.is-center > .np-cart-dropdown-panel,
.np-mini-panel.is-center > .np-mini-panel-content {
    inset-inline-start: 50%;
    transform: translateX(-50%) translateY(0.5rem) scale(0.98);
    transform-origin: top center;
}

[dir="rtl"] .np-dropdown-menu.is-center,
[dir="rtl"] .np-menu-dropdown-menu.is-center,
[dir="rtl"] .np-action-menu-list.is-center,
[dir="rtl"] .np-user-menu-panel.is-center,
[dir="rtl"] .np-cart-dropdown-panel.is-center,
[dir="rtl"] .np-mini-panel-content.is-center,
[dir="rtl"] .np-dropdown.is-center > .np-dropdown-menu,
[dir="rtl"] .np-menu-dropdown.is-center > .np-menu-dropdown-menu,
[dir="rtl"] .np-action-menu.is-center > .np-action-menu-list,
[dir="rtl"] .np-user-menu.is-center > .np-user-menu-panel,
[dir="rtl"] .np-cart-dropdown.is-center > .np-cart-dropdown-panel,
[dir="rtl"] .np-mini-panel.is-center > .np-mini-panel-content,
.rtl .np-dropdown-menu.is-center,
.rtl .np-menu-dropdown-menu.is-center,
.rtl .np-action-menu-list.is-center,
.rtl .np-user-menu-panel.is-center,
.rtl .np-cart-dropdown-panel.is-center,
.rtl .np-mini-panel-content.is-center,
.rtl .np-dropdown.is-center > .np-dropdown-menu,
.rtl .np-menu-dropdown.is-center > .np-menu-dropdown-menu,
.rtl .np-action-menu.is-center > .np-action-menu-list,
.rtl .np-user-menu.is-center > .np-user-menu-panel,
.rtl .np-cart-dropdown.is-center > .np-cart-dropdown-panel,
.rtl .np-mini-panel.is-center > .np-mini-panel-content {
    transform: translateX(50%) translateY(0.5rem) scale(0.98);
}

.np-dropdown-menu.is-top,
.np-menu-dropdown-menu.is-top,
.np-action-menu-list.is-top,
.np-user-menu-panel.is-top,
.np-cart-dropdown-panel.is-top,
.np-mini-panel-content.is-top,
.np-dropdown.is-top > .np-dropdown-menu,
.np-menu-dropdown.is-top > .np-menu-dropdown-menu,
.np-action-menu.is-top > .np-action-menu-list,
.np-user-menu.is-top > .np-user-menu-panel,
.np-cart-dropdown.is-top > .np-cart-dropdown-panel,
.np-mini-panel.is-top > .np-mini-panel-content {
    inset-block-start: auto;
    inset-block-end: calc(100% + var(--np-dropdown-offset, 0.75rem));
    transform-origin: bottom start;
}

.np-dropdown-menu.is-top.is-end,
.np-menu-dropdown-menu.is-top.is-end,
.np-action-menu-list.is-top.is-end,
.np-user-menu-panel.is-top.is-end,
.np-cart-dropdown-panel.is-top.is-end,
.np-mini-panel-content.is-top.is-end,
.np-dropdown.is-top.is-end > .np-dropdown-menu,
.np-menu-dropdown.is-top.is-end > .np-menu-dropdown-menu,
.np-action-menu.is-top.is-end > .np-action-menu-list,
.np-user-menu.is-top.is-end > .np-user-menu-panel,
.np-cart-dropdown.is-top.is-end > .np-cart-dropdown-panel,
.np-mini-panel.is-top.is-end > .np-mini-panel-content {
    transform-origin: bottom end;
}

.np-dropdown-menu.is-top.is-center,
.np-menu-dropdown-menu.is-top.is-center,
.np-action-menu-list.is-top.is-center,
.np-user-menu-panel.is-top.is-center,
.np-cart-dropdown-panel.is-top.is-center,
.np-mini-panel-content.is-top.is-center,
.np-dropdown.is-top.is-center > .np-dropdown-menu,
.np-menu-dropdown.is-top.is-center > .np-menu-dropdown-menu,
.np-action-menu.is-top.is-center > .np-action-menu-list,
.np-user-menu.is-top.is-center > .np-user-menu-panel,
.np-cart-dropdown.is-top.is-center > .np-cart-dropdown-panel,
.np-mini-panel.is-top.is-center > .np-mini-panel-content {
    transform-origin: bottom center;
}

.np-dropdown.is-open > .np-dropdown-menu,
.np-dropdown.is-active > .np-dropdown-menu,
.np-dropdown:hover > .np-dropdown-menu,
.np-dropdown:focus-within > .np-dropdown-menu,
.np-menu-dropdown.is-open > .np-menu-dropdown-menu,
.np-menu-dropdown.is-active > .np-menu-dropdown-menu,
.np-menu-dropdown:hover > .np-menu-dropdown-menu,
.np-menu-dropdown:focus-within > .np-menu-dropdown-menu,
.np-action-menu.is-open > .np-action-menu-list,
.np-action-menu.is-active > .np-action-menu-list,
.np-action-menu:hover > .np-action-menu-list,
.np-action-menu:focus-within > .np-action-menu-list,
.np-user-menu.is-open > .np-user-menu-panel,
.np-user-menu.is-active > .np-user-menu-panel,
.np-user-menu:hover > .np-user-menu-panel,
.np-user-menu:focus-within > .np-user-menu-panel,
.np-cart-dropdown.is-open > .np-cart-dropdown-panel,
.np-cart-dropdown.is-active > .np-cart-dropdown-panel,
.np-cart-dropdown:hover > .np-cart-dropdown-panel,
.np-cart-dropdown:focus-within > .np-cart-dropdown-panel,
.np-mini-panel.is-open > .np-mini-panel-content,
.np-mini-panel.is-active > .np-mini-panel-content,
.np-mini-panel:hover > .np-mini-panel-content,
.np-mini-panel:focus-within > .np-mini-panel-content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.np-dropdown.is-center.is-open > .np-dropdown-menu,
.np-dropdown.is-center.is-active > .np-dropdown-menu,
.np-dropdown.is-center:hover > .np-dropdown-menu,
.np-dropdown.is-center:focus-within > .np-dropdown-menu,
.np-menu-dropdown.is-center.is-open > .np-menu-dropdown-menu,
.np-menu-dropdown.is-center.is-active > .np-menu-dropdown-menu,
.np-menu-dropdown.is-center:hover > .np-menu-dropdown-menu,
.np-menu-dropdown.is-center:focus-within > .np-menu-dropdown-menu,
.np-action-menu.is-center.is-open > .np-action-menu-list,
.np-action-menu.is-center.is-active > .np-action-menu-list,
.np-action-menu.is-center:hover > .np-action-menu-list,
.np-action-menu.is-center:focus-within > .np-action-menu-list,
.np-user-menu.is-center.is-open > .np-user-menu-panel,
.np-user-menu.is-center.is-active > .np-user-menu-panel,
.np-user-menu.is-center:hover > .np-user-menu-panel,
.np-user-menu.is-center:focus-within > .np-user-menu-panel,
.np-cart-dropdown.is-center.is-open > .np-cart-dropdown-panel,
.np-cart-dropdown.is-center.is-active > .np-cart-dropdown-panel,
.np-cart-dropdown.is-center:hover > .np-cart-dropdown-panel,
.np-cart-dropdown.is-center:focus-within > .np-cart-dropdown-panel,
.np-mini-panel.is-center.is-open > .np-mini-panel-content,
.np-mini-panel.is-center.is-active > .np-mini-panel-content,
.np-mini-panel.is-center:hover > .np-mini-panel-content,
.np-mini-panel.is-center:focus-within > .np-mini-panel-content {
    transform: translateX(-50%) translateY(0) scale(1);
}

[dir="rtl"] .np-dropdown.is-center.is-open > .np-dropdown-menu,
[dir="rtl"] .np-dropdown.is-center.is-active > .np-dropdown-menu,
[dir="rtl"] .np-dropdown.is-center:hover > .np-dropdown-menu,
[dir="rtl"] .np-dropdown.is-center:focus-within > .np-dropdown-menu,
[dir="rtl"] .np-menu-dropdown.is-center.is-open > .np-menu-dropdown-menu,
[dir="rtl"] .np-menu-dropdown.is-center.is-active > .np-menu-dropdown-menu,
[dir="rtl"] .np-menu-dropdown.is-center:hover > .np-menu-dropdown-menu,
[dir="rtl"] .np-menu-dropdown.is-center:focus-within > .np-menu-dropdown-menu,
[dir="rtl"] .np-action-menu.is-center.is-open > .np-action-menu-list,
[dir="rtl"] .np-action-menu.is-center.is-active > .np-action-menu-list,
[dir="rtl"] .np-action-menu.is-center:hover > .np-action-menu-list,
[dir="rtl"] .np-action-menu.is-center:focus-within > .np-action-menu-list,
[dir="rtl"] .np-user-menu.is-center.is-open > .np-user-menu-panel,
[dir="rtl"] .np-user-menu.is-center.is-active > .np-user-menu-panel,
[dir="rtl"] .np-user-menu.is-center:hover > .np-user-menu-panel,
[dir="rtl"] .np-user-menu.is-center:focus-within > .np-user-menu-panel,
[dir="rtl"] .np-cart-dropdown.is-center.is-open > .np-cart-dropdown-panel,
[dir="rtl"] .np-cart-dropdown.is-center.is-active > .np-cart-dropdown-panel,
[dir="rtl"] .np-cart-dropdown.is-center:hover > .np-cart-dropdown-panel,
[dir="rtl"] .np-cart-dropdown.is-center:focus-within > .np-cart-dropdown-panel,
[dir="rtl"] .np-mini-panel.is-center.is-open > .np-mini-panel-content,
[dir="rtl"] .np-mini-panel.is-center.is-active > .np-mini-panel-content,
[dir="rtl"] .np-mini-panel.is-center:hover > .np-mini-panel-content,
[dir="rtl"] .np-mini-panel.is-center:focus-within > .np-mini-panel-content,
.rtl .np-dropdown.is-center.is-open > .np-dropdown-menu,
.rtl .np-dropdown.is-center.is-active > .np-dropdown-menu,
.rtl .np-dropdown.is-center:hover > .np-dropdown-menu,
.rtl .np-dropdown.is-center:focus-within > .np-dropdown-menu,
.rtl .np-menu-dropdown.is-center.is-open > .np-menu-dropdown-menu,
.rtl .np-menu-dropdown.is-center.is-active > .np-menu-dropdown-menu,
.rtl .np-menu-dropdown.is-center:hover > .np-menu-dropdown-menu,
.rtl .np-menu-dropdown.is-center:focus-within > .np-menu-dropdown-menu,
.rtl .np-action-menu.is-center.is-open > .np-action-menu-list,
.rtl .np-action-menu.is-center.is-active > .np-action-menu-list,
.rtl .np-action-menu.is-center:hover > .np-action-menu-list,
.rtl .np-action-menu.is-center:focus-within > .np-action-menu-list,
.rtl .np-user-menu.is-center.is-open > .np-user-menu-panel,
.rtl .np-user-menu.is-center.is-active > .np-user-menu-panel,
.rtl .np-user-menu.is-center:hover > .np-user-menu-panel,
.rtl .np-user-menu.is-center:focus-within > .np-user-menu-panel,
.rtl .np-cart-dropdown.is-center.is-open > .np-cart-dropdown-panel,
.rtl .np-cart-dropdown.is-center.is-active > .np-cart-dropdown-panel,
.rtl .np-cart-dropdown.is-center:hover > .np-cart-dropdown-panel,
.rtl .np-cart-dropdown.is-center:focus-within > .np-cart-dropdown-panel,
.rtl .np-mini-panel.is-center.is-open > .np-mini-panel-content,
.rtl .np-mini-panel.is-center.is-active > .np-mini-panel-content,
.rtl .np-mini-panel.is-center:hover > .np-mini-panel-content,
.rtl .np-mini-panel.is-center:focus-within > .np-mini-panel-content {
    transform: translateX(50%) translateY(0) scale(1);
}

.np-dropdown-menu.is-fixed,
.np-menu-dropdown-menu.is-fixed,
.np-action-menu-list.is-fixed,
.np-user-menu-panel.is-fixed,
.np-cart-dropdown-panel.is-fixed,
.np-mini-panel-content.is-fixed {
    position: fixed;
}

.np-dropdown-menu.is-wide,
.np-menu-dropdown-menu.is-wide,
.np-action-menu-list.is-wide,
.np-user-menu-panel.is-wide,
.np-cart-dropdown-panel.is-wide,
.np-mini-panel-content.is-wide {
    width: min(var(--np-dropdown-wide-width, 420px), calc(100vw - 2rem));
}

.np-dropdown-menu.is-fluid,
.np-menu-dropdown-menu.is-fluid,
.np-action-menu-list.is-fluid,
.np-user-menu-panel.is-fluid,
.np-cart-dropdown-panel.is-fluid,
.np-mini-panel-content.is-fluid {
    width: min(100vw - 2rem, var(--np-dropdown-fluid-width, 640px));
}

.np-dropdown-menu.is-full,
.np-menu-dropdown-menu.is-full,
.np-action-menu-list.is-full,
.np-user-menu-panel.is-full,
.np-cart-dropdown-panel.is-full,
.np-mini-panel-content.is-full {
    width: 100%;
    min-width: 100%;
}

.np-dropdown-menu.is-compact,
.np-menu-dropdown-menu.is-compact,
.np-action-menu-list.is-compact,
.np-user-menu-panel.is-compact,
.np-cart-dropdown-panel.is-compact,
.np-mini-panel-content.is-compact {
    padding: var(--np-dropdown-padding-compact, 0.375rem);
    border-radius: var(--np-dropdown-radius-compact, 1rem);
}

.np-dropdown-menu.is-glass,
.np-menu-dropdown-menu.is-glass,
.np-action-menu-list.is-glass,
.np-user-menu-panel.is-glass,
.np-cart-dropdown-panel.is-glass,
.np-mini-panel-content.is-glass {
    background: var(--np-glass-background, rgba(255, 255, 255, 0.76));
    border-color: var(--np-glass-border-color, rgba(203, 213, 225, 0.62));
    box-shadow: var(--np-glass-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    backdrop-filter: var(--np-glass-backdrop-filter, blur(16px));
}

.np-dropdown-menu.is-dark,
.np-menu-dropdown-menu.is-dark,
.np-action-menu-list.is-dark,
.np-user-menu-panel.is-dark,
.np-cart-dropdown-panel.is-dark,
.np-mini-panel-content.is-dark {
    background: var(--np-color-heading, #0f172a);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

.np-dropdown-header,
.np-menu-dropdown-header,
.np-action-menu-header,
.np-user-menu-header,
.np-cart-dropdown-header,
.np-mini-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--np-spacing-sm, 0.75rem);
    padding: var(--np-dropdown-header-padding, 0.75rem 0.75rem 0.5rem);
    border-block-end: var(--np-border-width, 1px) solid transparent;
}

.np-dropdown-header.is-border,
.np-menu-dropdown-header.is-border,
.np-action-menu-header.is-border,
.np-user-menu-header.is-border,
.np-cart-dropdown-header.is-border,
.np-mini-panel-header.is-border {
    border-block-end-color: var(--np-color-border-soft, #e2e8f0);
}

.np-dropdown-title,
.np-menu-dropdown-title,
.np-action-menu-title,
.np-user-menu-title,
.np-cart-dropdown-title,
.np-mini-panel-title {
    margin: 0;
    color: var(--np-dropdown-title-color, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-dropdown-title-size, 0.875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-dropdown-description,
.np-menu-dropdown-description,
.np-action-menu-description,
.np-user-menu-description,
.np-cart-dropdown-description,
.np-mini-panel-description {
    margin: var(--np-spacing-2xs, 0.25rem) 0 0;
    color: var(--np-dropdown-description-color, #64748b);
    font-size: var(--np-font-size-xs, 0.75rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-dropdown-body,
.np-menu-dropdown-body,
.np-action-menu-body,
.np-user-menu-body,
.np-cart-dropdown-body,
.np-mini-panel-body {
    display: grid;
    gap: var(--np-dropdown-menu-gap, 0.25rem);
    min-width: 0;
}

.np-dropdown-footer,
.np-menu-dropdown-footer,
.np-action-menu-footer,
.np-user-menu-footer,
.np-cart-dropdown-footer,
.np-mini-panel-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--np-spacing-sm, 0.75rem);
    padding: var(--np-dropdown-footer-padding, 0.5rem 0.75rem 0.75rem);
    border-block-start: var(--np-border-width, 1px) solid transparent;
}

.np-dropdown-footer.is-border,
.np-menu-dropdown-footer.is-border,
.np-action-menu-footer.is-border,
.np-user-menu-footer.is-border,
.np-cart-dropdown-footer.is-border,
.np-mini-panel-footer.is-border {
    border-block-start-color: var(--np-color-border-soft, #e2e8f0);
}

.np-dropdown-section,
.np-menu-dropdown-section,
.np-action-menu-section,
.np-user-menu-section,
.np-cart-dropdown-section,
.np-mini-panel-section {
    display: grid;
    gap: var(--np-dropdown-menu-gap, 0.25rem);
    min-width: 0;
    padding: var(--np-dropdown-section-padding, 0.25rem);
}

.np-dropdown-section + .np-dropdown-section,
.np-menu-dropdown-section + .np-menu-dropdown-section,
.np-action-menu-section + .np-action-menu-section,
.np-user-menu-section + .np-user-menu-section,
.np-cart-dropdown-section + .np-cart-dropdown-section,
.np-mini-panel-section + .np-mini-panel-section {
    margin-block-start: var(--np-spacing-xs, 0.5rem);
    padding-block-start: var(--np-spacing-xs, 0.5rem);
    border-block-start: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-dropdown-label,
.np-menu-dropdown-label,
.np-action-menu-label,
.np-user-menu-label,
.np-cart-dropdown-label,
.np-mini-panel-label {
    display: block;
    padding: var(--np-dropdown-label-padding, 0.375rem 0.625rem);
    color: var(--np-dropdown-label-color, #94a3b8);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-2xs, 0.6875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.np-dropdown-item,
.np-menu-dropdown-item,
.np-action-menu-item,
.np-user-menu-item,
.np-cart-dropdown-item,
.np-mini-panel-item,
.np-dropdown-menu a,
.np-menu-dropdown-menu a,
.np-action-menu-list a,
.np-user-menu-panel a,
.np-mini-panel-content a {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--np-dropdown-item-gap, 0.75rem);
    width: 100%;
    min-width: 0;
    min-height: var(--np-dropdown-item-min-height, 2.625rem);
    padding-block: var(--np-dropdown-item-padding-y, 0.625rem);
    padding-inline: var(--np-dropdown-item-padding-x, 0.75rem);
    background: var(--np-dropdown-item-background, transparent);
    border: 0;
    border-radius: var(--np-dropdown-item-radius, 0.875rem);
    color: var(--np-dropdown-item-color, #334155);
    font-family: var(--np-body-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--np-dropdown-item-font-size, 0.875rem);
    font-weight: var(--np-dropdown-item-font-weight, 600);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--np-transition-fast, 160ms ease), color var(--np-transition-fast, 160ms ease), transform var(--np-transition-fast, 160ms ease);
}

button.np-dropdown-item,
button.np-menu-dropdown-item,
button.np-action-menu-item,
button.np-user-menu-item,
button.np-cart-dropdown-item,
button.np-mini-panel-item {
    appearance: none;
}

.np-dropdown-item:hover,
.np-dropdown-item:focus,
.np-menu-dropdown-item:hover,
.np-menu-dropdown-item:focus,
.np-action-menu-item:hover,
.np-action-menu-item:focus,
.np-user-menu-item:hover,
.np-user-menu-item:focus,
.np-cart-dropdown-item:hover,
.np-cart-dropdown-item:focus,
.np-mini-panel-item:hover,
.np-mini-panel-item:focus,
.np-dropdown-menu a:hover,
.np-dropdown-menu a:focus,
.np-menu-dropdown-menu a:hover,
.np-menu-dropdown-menu a:focus,
.np-action-menu-list a:hover,
.np-action-menu-list a:focus,
.np-user-menu-panel a:hover,
.np-user-menu-panel a:focus,
.np-mini-panel-content a:hover,
.np-mini-panel-content a:focus {
    background: var(--np-dropdown-item-background-hover, #eef2ff);
    color: var(--np-dropdown-item-color-hover, #4f46e5);
    text-decoration: none;
}

.np-dropdown-item.is-active,
.np-dropdown-item[aria-current="page"],
.np-dropdown-item[aria-selected="true"],
.np-menu-dropdown-item.is-active,
.np-menu-dropdown-item[aria-current="page"],
.np-menu-dropdown-item[aria-selected="true"],
.np-action-menu-item.is-active,
.np-action-menu-item[aria-current="page"],
.np-action-menu-item[aria-selected="true"],
.np-user-menu-item.is-active,
.np-user-menu-item[aria-current="page"],
.np-user-menu-item[aria-selected="true"],
.np-cart-dropdown-item.is-active,
.np-cart-dropdown-item[aria-current="page"],
.np-cart-dropdown-item[aria-selected="true"],
.np-mini-panel-item.is-active,
.np-mini-panel-item[aria-current="page"],
.np-mini-panel-item[aria-selected="true"] {
    background: var(--np-dropdown-item-background-active, #4f46e5);
    color: var(--np-dropdown-item-color-active, #ffffff);
}

.np-dropdown-item.is-danger,
.np-menu-dropdown-item.is-danger,
.np-action-menu-item.is-danger,
.np-user-menu-item.is-danger,
.np-mini-panel-item.is-danger {
    color: var(--np-color-danger, #dc2626);
}

.np-dropdown-item.is-danger:hover,
.np-dropdown-item.is-danger:focus,
.np-menu-dropdown-item.is-danger:hover,
.np-menu-dropdown-item.is-danger:focus,
.np-action-menu-item.is-danger:hover,
.np-action-menu-item.is-danger:focus,
.np-user-menu-item.is-danger:hover,
.np-user-menu-item.is-danger:focus,
.np-mini-panel-item.is-danger:hover,
.np-mini-panel-item.is-danger:focus {
    background: var(--np-color-danger-soft, #fee2e2);
    color: var(--np-color-danger, #dc2626);
}

.np-dropdown-item.is-disabled,
.np-dropdown-item[disabled],
.np-dropdown-item[aria-disabled="true"],
.np-menu-dropdown-item.is-disabled,
.np-menu-dropdown-item[disabled],
.np-menu-dropdown-item[aria-disabled="true"],
.np-action-menu-item.is-disabled,
.np-action-menu-item[disabled],
.np-action-menu-item[aria-disabled="true"],
.np-user-menu-item.is-disabled,
.np-user-menu-item[disabled],
.np-user-menu-item[aria-disabled="true"],
.np-cart-dropdown-item.is-disabled,
.np-cart-dropdown-item[disabled],
.np-cart-dropdown-item[aria-disabled="true"],
.np-mini-panel-item.is-disabled,
.np-mini-panel-item[disabled],
.np-mini-panel-item[aria-disabled="true"] {
    opacity: 0.48;
    pointer-events: none;
    cursor: not-allowed;
}

.np-dropdown-item-icon,
.np-menu-dropdown-item-icon,
.np-action-menu-item-icon,
.np-user-menu-item-icon,
.np-cart-dropdown-item-icon,
.np-mini-panel-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-dropdown-item-icon-size, 1.375rem);
    min-width: var(--np-dropdown-item-icon-size, 1.375rem);
    height: var(--np-dropdown-item-icon-size, 1.375rem);
    color: currentColor;
    font-size: 1rem;
    line-height: 1;
}

.np-dropdown-item-icon svg,
.np-menu-dropdown-item-icon svg,
.np-action-menu-item-icon svg,
.np-user-menu-item-icon svg,
.np-cart-dropdown-item-icon svg,
.np-mini-panel-item-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-dropdown-item-content,
.np-menu-dropdown-item-content,
.np-action-menu-item-content,
.np-user-menu-item-content,
.np-cart-dropdown-item-content,
.np-mini-panel-item-content {
    display: grid;
    gap: 0.125rem;
    flex: 1 1 auto;
    min-width: 0;
}

.np-dropdown-item-title,
.np-menu-dropdown-item-title,
.np-action-menu-item-title,
.np-user-menu-item-title,
.np-cart-dropdown-item-title,
.np-mini-panel-item-title {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-weight: var(--np-font-weight-bold, 700);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-dropdown-item-description,
.np-menu-dropdown-item-description,
.np-action-menu-item-description,
.np-user-menu-item-description,
.np-cart-dropdown-item-description,
.np-mini-panel-item-description {
    min-width: 0;
    overflow: hidden;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-xs, 0.75rem);
    font-weight: var(--np-font-weight-regular, 400);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-dropdown-item:hover .np-dropdown-item-description,
.np-dropdown-item:focus .np-dropdown-item-description,
.np-menu-dropdown-item:hover .np-menu-dropdown-item-description,
.np-menu-dropdown-item:focus .np-menu-dropdown-item-description,
.np-action-menu-item:hover .np-action-menu-item-description,
.np-action-menu-item:focus .np-action-menu-item-description,
.np-user-menu-item:hover .np-user-menu-item-description,
.np-user-menu-item:focus .np-user-menu-item-description,
.np-cart-dropdown-item:hover .np-cart-dropdown-item-description,
.np-cart-dropdown-item:focus .np-cart-dropdown-item-description,
.np-mini-panel-item:hover .np-mini-panel-item-description,
.np-mini-panel-item:focus .np-mini-panel-item-description {
    color: currentColor;
    opacity: 0.76;
}

.np-dropdown-item-meta,
.np-menu-dropdown-item-meta,
.np-action-menu-item-meta,
.np-user-menu-item-meta,
.np-cart-dropdown-item-meta,
.np-mini-panel-item-meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    padding-inline: 0.375rem;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-2xs, 0.6875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-dropdown-item.is-active .np-dropdown-item-meta,
.np-menu-dropdown-item.is-active .np-menu-dropdown-item-meta,
.np-action-menu-item.is-active .np-action-menu-item-meta,
.np-user-menu-item.is-active .np-user-menu-item-meta,
.np-cart-dropdown-item.is-active .np-cart-dropdown-item-meta,
.np-mini-panel-item.is-active .np-mini-panel-item-meta {
    background: rgba(255, 255, 255, 0.22);
    color: currentColor;
}

.np-dropdown-divider,
.np-menu-dropdown-divider,
.np-action-menu-divider,
.np-user-menu-divider,
.np-cart-dropdown-divider,
.np-mini-panel-divider {
    width: 100%;
    height: 1px;
    margin-block: var(--np-spacing-xs, 0.5rem);
    background: var(--np-color-border-soft, #e2e8f0);
}

.np-dropdown-empty,
.np-menu-dropdown-empty,
.np-action-menu-empty,
.np-user-menu-empty,
.np-cart-dropdown-empty,
.np-mini-panel-empty {
    display: grid;
    place-items: center;
    min-height: var(--np-dropdown-empty-min-height, 140px);
    padding: var(--np-spacing-lg, 1.5rem);
    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);
    text-align: center;
}

.np-dropdown-loading,
.np-menu-dropdown-loading,
.np-action-menu-loading,
.np-user-menu-loading,
.np-cart-dropdown-loading,
.np-mini-panel-loading {
    position: relative;
    min-height: var(--np-dropdown-loading-min-height, 140px);
    pointer-events: none;
}

.np-dropdown-loading::before,
.np-menu-dropdown-loading::before,
.np-action-menu-loading::before,
.np-user-menu-loading::before,
.np-cart-dropdown-loading::before,
.np-mini-panel-loading::before {
    position: absolute;
    inset: 0;
    z-index: var(--np-z-index-content, 10);
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(4px);
    content: "";
}

.np-dropdown-loading::after,
.np-menu-dropdown-loading::after,
.np-action-menu-loading::after,
.np-user-menu-loading::after,
.np-cart-dropdown-loading::after,
.np-mini-panel-loading::after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: calc(var(--np-z-index-content, 10) + 1);
    width: 1.75rem;
    height: 1.75rem;
    margin-block-start: -0.875rem;
    margin-inline-start: -0.875rem;
    border: 3px solid var(--np-loader-track-color, #eef2ff);
    border-block-start-color: var(--np-loader-color, #4f46e5);
    border-radius: var(--np-radius-circle, 50%);
    animation: np-dropdown-spin 700ms linear infinite;
    content: "";
}

[dir="rtl"] .np-dropdown-loading::after,
[dir="rtl"] .np-menu-dropdown-loading::after,
[dir="rtl"] .np-action-menu-loading::after,
[dir="rtl"] .np-user-menu-loading::after,
[dir="rtl"] .np-cart-dropdown-loading::after,
[dir="rtl"] .np-mini-panel-loading::after,
.rtl .np-dropdown-loading::after,
.rtl .np-menu-dropdown-loading::after,
.rtl .np-action-menu-loading::after,
.rtl .np-user-menu-loading::after,
.rtl .np-cart-dropdown-loading::after,
.rtl .np-mini-panel-loading::after {
    margin-inline-start: 0;
    margin-inline-end: -0.875rem;
}

.np-dropdown-skeleton,
.np-menu-dropdown-skeleton,
.np-action-menu-skeleton,
.np-user-menu-skeleton,
.np-cart-dropdown-skeleton,
.np-mini-panel-skeleton {
    position: relative;
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    color: transparent;
    pointer-events: none;
}

.np-dropdown-skeleton::after,
.np-menu-dropdown-skeleton::after,
.np-action-menu-skeleton::after,
.np-user-menu-skeleton::after,
.np-cart-dropdown-skeleton::after,
.np-mini-panel-skeleton::after {
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.58) 50%, transparent 100%);
    animation: np-dropdown-skeleton 1200ms ease-in-out infinite;
    content: "";
}

[dir="rtl"] .np-dropdown-skeleton::after,
[dir="rtl"] .np-menu-dropdown-skeleton::after,
[dir="rtl"] .np-action-menu-skeleton::after,
[dir="rtl"] .np-user-menu-skeleton::after,
[dir="rtl"] .np-cart-dropdown-skeleton::after,
[dir="rtl"] .np-mini-panel-skeleton::after,
.rtl .np-dropdown-skeleton::after,
.rtl .np-menu-dropdown-skeleton::after,
.rtl .np-action-menu-skeleton::after,
.rtl .np-user-menu-skeleton::after,
.rtl .np-cart-dropdown-skeleton::after,
.rtl .np-mini-panel-skeleton::after {
    transform: translateX(100%);
    animation-name: np-dropdown-skeleton-rtl;
}

.np-user-menu-profile {
    display: flex;
    align-items: center;
    gap: var(--np-spacing-sm, 0.75rem);
    min-width: 0;
    padding: var(--np-spacing-sm, 0.75rem);
}

.np-user-menu-avatar {
    width: var(--np-user-menu-avatar-size, 3rem);
    min-width: var(--np-user-menu-avatar-size, 3rem);
    height: var(--np-user-menu-avatar-size, 3rem);
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-circle, 50%);
}

.np-user-menu-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.np-user-menu-info {
    display: grid;
    gap: 0.125rem;
    min-width: 0;
}

.np-user-menu-name {
    overflow: hidden;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-user-menu-email,
.np-user-menu-role {
    overflow: hidden;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-xs, 0.75rem);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-cart-dropdown-panel {
    width: min(var(--np-cart-dropdown-width, 380px), calc(100vw - 2rem));
    padding: 0;
}

.np-cart-dropdown-header {
    padding: var(--np-spacing-md, 1rem);
    border-block-end-color: var(--np-color-border-soft, #e2e8f0);
}

.np-cart-dropdown-body {
    max-height: min(var(--np-cart-dropdown-body-height, 420px), 60vh);
    padding: var(--np-spacing-sm, 0.75rem);
    overflow-y: auto;
}

.np-cart-dropdown-footer {
    padding: var(--np-spacing-md, 1rem);
    border-block-start-color: var(--np-color-border-soft, #e2e8f0);
}

.np-cart-dropdown-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--np-spacing-sm, 0.75rem);
    min-height: 0;
    padding: var(--np-spacing-sm, 0.75rem);
}

.np-cart-dropdown-thumb {
    width: var(--np-cart-dropdown-thumb-size, 4rem);
    height: var(--np-cart-dropdown-thumb-size, 4rem);
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-lg, 1rem);
}

.np-cart-dropdown-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.np-cart-dropdown-product {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.np-cart-dropdown-product-title {
    overflow: hidden;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: var(--np-line-height-snug, 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-cart-dropdown-product-meta {
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-xs, 0.75rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-cart-dropdown-product-price {
    color: var(--np-color-primary, #4f46e5);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
    white-space: nowrap;
}

.np-cart-dropdown-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    background: var(--np-color-danger-soft, #fee2e2);
    border: 0;
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-color-danger, #dc2626);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.np-cart-dropdown-remove:hover,
.np-cart-dropdown-remove:focus {
    background: var(--np-color-danger, #dc2626);
    color: var(--np-color-white, #ffffff);
}

.np-cart-dropdown-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--np-spacing-sm, 0.75rem);
    width: 100%;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-md, 1rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-cart-dropdown-actions {
    display: grid;
    gap: var(--np-spacing-sm, 0.75rem);
    width: 100%;
    margin-block-start: var(--np-spacing-sm, 0.75rem);
}

.np-cart-dropdown-actions > * {
    width: 100%;
}

.np-dropdown-backdrop {
    position: fixed;
    inset: 0;
    z-index: calc(var(--np-z-index-dropdown, 900) - 1);
    display: none;
    background: transparent;
}

.np-dropdown-backdrop.is-open,
.np-dropdown-backdrop.is-active {
    display: block;
}

.woocommerce .widget_shopping_cart,
.woocommerce.widget_shopping_cart {
    color: var(--np-dropdown-color, #334155);
}

.woocommerce .widget_shopping_cart .cart_list,
.woocommerce.widget_shopping_cart .cart_list {
    display: grid;
    gap: var(--np-spacing-sm, 0.75rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--np-spacing-sm, 0.75rem);
    min-height: 0;
    padding: var(--np-spacing-sm, 0.75rem);
    border-radius: var(--np-radius-lg, 1rem);
}

.woocommerce .widget_shopping_cart .cart_list li:hover,
.woocommerce.widget_shopping_cart .cart_list li:hover {
    background: var(--np-color-surface-muted, #f1f5f9);
}

.woocommerce .widget_shopping_cart .cart_list li a,
.woocommerce.widget_shopping_cart .cart_list li a {
    color: var(--np-color-heading, #0f172a);
    font-weight: var(--np-font-weight-bold, 700);
    text-decoration: none;
}

.woocommerce .widget_shopping_cart .cart_list li a:hover,
.woocommerce .widget_shopping_cart .cart_list li a:focus,
.woocommerce.widget_shopping_cart .cart_list li a:hover,
.woocommerce.widget_shopping_cart .cart_list li a:focus {
    color: var(--np-color-primary, #4f46e5);
}

.woocommerce .widget_shopping_cart .cart_list li img,
.woocommerce.widget_shopping_cart .cart_list li img {
    width: var(--np-cart-dropdown-thumb-size, 4rem);
    height: var(--np-cart-dropdown-thumb-size, 4rem);
    margin: 0;
    object-fit: cover;
    border-radius: var(--np-radius-lg, 1rem);
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--np-spacing-sm, 0.75rem);
    margin: var(--np-spacing-md, 1rem) 0 0;
    padding-block-start: var(--np-spacing-md, 1rem);
    border-block-start: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    color: var(--np-color-heading, #0f172a);
    font-weight: var(--np-font-weight-black, 900);
}

.woocommerce .widget_shopping_cart .buttons,
.woocommerce.widget_shopping_cart .buttons {
    display: grid;
    gap: var(--np-spacing-sm, 0.75rem);
    margin: var(--np-spacing-md, 1rem) 0 0;
}

.woocommerce .widget_shopping_cart .buttons .button,
.woocommerce.widget_shopping_cart .buttons .button {
    width: 100%;
}

.elementor .np-dropdown,
.elementor .np-menu-dropdown,
.elementor .np-action-menu,
.elementor .np-user-menu,
.elementor .np-cart-dropdown,
.elementor .np-mini-panel {
    vertical-align: middle;
}

.np-section-dark .np-dropdown-trigger,
.np-section-dark .np-menu-dropdown-trigger,
.np-section-dark .np-action-menu-trigger,
.np-section-dark .np-user-menu-trigger,
.np-section-dark .np-cart-dropdown-trigger,
.np-section-dark .np-mini-panel-trigger,
.np-layout-dark .np-dropdown-trigger,
.np-layout-dark .np-menu-dropdown-trigger,
.np-layout-dark .np-action-menu-trigger,
.np-layout-dark .np-user-menu-trigger,
.np-layout-dark .np-cart-dropdown-trigger,
.np-layout-dark .np-mini-panel-trigger {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.82);
    box-shadow: none;
}

.np-section-dark .np-dropdown-trigger:hover,
.np-section-dark .np-dropdown-trigger:focus,
.np-section-dark .np-menu-dropdown-trigger:hover,
.np-section-dark .np-menu-dropdown-trigger:focus,
.np-section-dark .np-action-menu-trigger:hover,
.np-section-dark .np-action-menu-trigger:focus,
.np-section-dark .np-user-menu-trigger:hover,
.np-section-dark .np-user-menu-trigger:focus,
.np-section-dark .np-cart-dropdown-trigger:hover,
.np-section-dark .np-cart-dropdown-trigger:focus,
.np-section-dark .np-mini-panel-trigger:hover,
.np-section-dark .np-mini-panel-trigger:focus,
.np-layout-dark .np-dropdown-trigger:hover,
.np-layout-dark .np-dropdown-trigger:focus,
.np-layout-dark .np-menu-dropdown-trigger:hover,
.np-layout-dark .np-menu-dropdown-trigger:focus,
.np-layout-dark .np-action-menu-trigger:hover,
.np-layout-dark .np-action-menu-trigger:focus,
.np-layout-dark .np-user-menu-trigger:hover,
.np-layout-dark .np-user-menu-trigger:focus,
.np-layout-dark .np-cart-dropdown-trigger:hover,
.np-layout-dark .np-cart-dropdown-trigger:focus,
.np-layout-dark .np-mini-panel-trigger:hover,
.np-layout-dark .np-mini-panel-trigger:focus {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-dropdown-menu,
.np-section-dark .np-menu-dropdown-menu,
.np-section-dark .np-action-menu-list,
.np-section-dark .np-user-menu-panel,
.np-section-dark .np-cart-dropdown-panel,
.np-section-dark .np-mini-panel-content,
.np-layout-dark .np-dropdown-menu,
.np-layout-dark .np-menu-dropdown-menu,
.np-layout-dark .np-action-menu-list,
.np-layout-dark .np-user-menu-panel,
.np-layout-dark .np-cart-dropdown-panel,
.np-layout-dark .np-mini-panel-content {
    background: var(--np-color-heading, #0f172a);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

.np-section-dark .np-dropdown-title,
.np-section-dark .np-menu-dropdown-title,
.np-section-dark .np-action-menu-title,
.np-section-dark .np-user-menu-title,
.np-section-dark .np-cart-dropdown-title,
.np-section-dark .np-mini-panel-title,
.np-section-dark .np-user-menu-name,
.np-section-dark .np-cart-dropdown-product-title,
.np-section-dark .np-cart-dropdown-total,
.np-layout-dark .np-dropdown-title,
.np-layout-dark .np-menu-dropdown-title,
.np-layout-dark .np-action-menu-title,
.np-layout-dark .np-user-menu-title,
.np-layout-dark .np-cart-dropdown-title,
.np-layout-dark .np-mini-panel-title,
.np-layout-dark .np-user-menu-name,
.np-layout-dark .np-cart-dropdown-product-title,
.np-layout-dark .np-cart-dropdown-total {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-dropdown-description,
.np-section-dark .np-menu-dropdown-description,
.np-section-dark .np-action-menu-description,
.np-section-dark .np-user-menu-description,
.np-section-dark .np-cart-dropdown-description,
.np-section-dark .np-mini-panel-description,
.np-section-dark .np-user-menu-email,
.np-section-dark .np-user-menu-role,
.np-section-dark .np-dropdown-item-description,
.np-section-dark .np-menu-dropdown-item-description,
.np-section-dark .np-action-menu-item-description,
.np-section-dark .np-user-menu-item-description,
.np-section-dark .np-cart-dropdown-item-description,
.np-section-dark .np-mini-panel-item-description,
.np-layout-dark .np-dropdown-description,
.np-layout-dark .np-menu-dropdown-description,
.np-layout-dark .np-action-menu-description,
.np-layout-dark .np-user-menu-description,
.np-layout-dark .np-cart-dropdown-description,
.np-layout-dark .np-mini-panel-description,
.np-layout-dark .np-user-menu-email,
.np-layout-dark .np-user-menu-role,
.np-layout-dark .np-dropdown-item-description,
.np-layout-dark .np-menu-dropdown-item-description,
.np-layout-dark .np-action-menu-item-description,
.np-layout-dark .np-user-menu-item-description,
.np-layout-dark .np-cart-dropdown-item-description,
.np-layout-dark .np-mini-panel-item-description {
    color: rgba(255, 255, 255, 0.62);
}

.np-section-dark .np-dropdown-item,
.np-section-dark .np-menu-dropdown-item,
.np-section-dark .np-action-menu-item,
.np-section-dark .np-user-menu-item,
.np-section-dark .np-cart-dropdown-item,
.np-section-dark .np-mini-panel-item,
.np-section-dark .np-dropdown-menu a,
.np-section-dark .np-menu-dropdown-menu a,
.np-section-dark .np-action-menu-list a,
.np-section-dark .np-user-menu-panel a,
.np-section-dark .np-mini-panel-content a,
.np-layout-dark .np-dropdown-item,
.np-layout-dark .np-menu-dropdown-item,
.np-layout-dark .np-action-menu-item,
.np-layout-dark .np-user-menu-item,
.np-layout-dark .np-cart-dropdown-item,
.np-layout-dark .np-mini-panel-item,
.np-layout-dark .np-dropdown-menu a,
.np-layout-dark .np-menu-dropdown-menu a,
.np-layout-dark .np-action-menu-list a,
.np-layout-dark .np-user-menu-panel a,
.np-layout-dark .np-mini-panel-content a {
    color: rgba(255, 255, 255, 0.82);
}

.np-section-dark .np-dropdown-item:hover,
.np-section-dark .np-dropdown-item:focus,
.np-section-dark .np-menu-dropdown-item:hover,
.np-section-dark .np-menu-dropdown-item:focus,
.np-section-dark .np-action-menu-item:hover,
.np-section-dark .np-action-menu-item:focus,
.np-section-dark .np-user-menu-item:hover,
.np-section-dark .np-user-menu-item:focus,
.np-section-dark .np-cart-dropdown-item:hover,
.np-section-dark .np-cart-dropdown-item:focus,
.np-section-dark .np-mini-panel-item:hover,
.np-section-dark .np-mini-panel-item:focus,
.np-section-dark .np-dropdown-menu a:hover,
.np-section-dark .np-dropdown-menu a:focus,
.np-section-dark .np-menu-dropdown-menu a:hover,
.np-section-dark .np-menu-dropdown-menu a:focus,
.np-section-dark .np-action-menu-list a:hover,
.np-section-dark .np-action-menu-list a:focus,
.np-section-dark .np-user-menu-panel a:hover,
.np-section-dark .np-user-menu-panel a:focus,
.np-section-dark .np-mini-panel-content a:hover,
.np-section-dark .np-mini-panel-content a:focus,
.np-layout-dark .np-dropdown-item:hover,
.np-layout-dark .np-dropdown-item:focus,
.np-layout-dark .np-menu-dropdown-item:hover,
.np-layout-dark .np-menu-dropdown-item:focus,
.np-layout-dark .np-action-menu-item:hover,
.np-layout-dark .np-action-menu-item:focus,
.np-layout-dark .np-user-menu-item:hover,
.np-layout-dark .np-user-menu-item:focus,
.np-layout-dark .np-cart-dropdown-item:hover,
.np-layout-dark .np-cart-dropdown-item:focus,
.np-layout-dark .np-mini-panel-item:hover,
.np-layout-dark .np-mini-panel-item:focus,
.np-layout-dark .np-dropdown-menu a:hover,
.np-layout-dark .np-dropdown-menu a:focus,
.np-layout-dark .np-menu-dropdown-menu a:hover,
.np-layout-dark .np-menu-dropdown-menu a:focus,
.np-layout-dark .np-action-menu-list a:hover,
.np-layout-dark .np-action-menu-list a:focus,
.np-layout-dark .np-user-menu-panel a:hover,
.np-layout-dark .np-user-menu-panel a:focus,
.np-layout-dark .np-mini-panel-content a:hover,
.np-layout-dark .np-mini-panel-content a:focus {
    background: rgba(255, 255, 255, 0.08);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-dropdown-divider,
.np-section-dark .np-menu-dropdown-divider,
.np-section-dark .np-action-menu-divider,
.np-section-dark .np-user-menu-divider,
.np-section-dark .np-cart-dropdown-divider,
.np-section-dark .np-mini-panel-divider,
.np-section-dark .np-dropdown-section + .np-dropdown-section,
.np-section-dark .np-menu-dropdown-section + .np-menu-dropdown-section,
.np-section-dark .np-action-menu-section + .np-action-menu-section,
.np-section-dark .np-user-menu-section + .np-user-menu-section,
.np-section-dark .np-cart-dropdown-section + .np-cart-dropdown-section,
.np-section-dark .np-mini-panel-section + .np-mini-panel-section,
.np-layout-dark .np-dropdown-divider,
.np-layout-dark .np-menu-dropdown-divider,
.np-layout-dark .np-action-menu-divider,
.np-layout-dark .np-user-menu-divider,
.np-layout-dark .np-cart-dropdown-divider,
.np-layout-dark .np-mini-panel-divider,
.np-layout-dark .np-dropdown-section + .np-dropdown-section,
.np-layout-dark .np-menu-dropdown-section + .np-menu-dropdown-section,
.np-layout-dark .np-action-menu-section + .np-action-menu-section,
.np-layout-dark .np-user-menu-section + .np-user-menu-section,
.np-layout-dark .np-cart-dropdown-section + .np-cart-dropdown-section,
.np-layout-dark .np-mini-panel-section + .np-mini-panel-section {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.12);
}

@keyframes np-dropdown-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes np-dropdown-skeleton {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes np-dropdown-skeleton-rtl {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 1024px) {
    .np-dropdown-menu,
    .np-menu-dropdown-menu,
    .np-action-menu-list,
    .np-user-menu-panel,
    .np-cart-dropdown-panel,
    .np-mini-panel-content {
        max-width: min(var(--np-dropdown-max-width-tablet, 340px), calc(100vw - 2rem));
    }
}

@media (max-width: 782px) {
    .np-dropdown.is-mobile-static,
    .np-menu-dropdown.is-mobile-static,
    .np-action-menu.is-mobile-static,
    .np-user-menu.is-mobile-static,
    .np-cart-dropdown.is-mobile-static,
    .np-mini-panel.is-mobile-static {
        display: grid;
        width: 100%;
    }

    .np-dropdown.is-mobile-static > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-static > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-static > .np-action-menu-list,
    .np-user-menu.is-mobile-static > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-static > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-static > .np-mini-panel-content {
        position: static;
        width: 100%;
        max-width: none;
        max-height: none;
        margin-block-start: var(--np-spacing-sm, 0.75rem);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .np-dropdown.is-mobile-full > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-full > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-full > .np-action-menu-list,
    .np-user-menu.is-mobile-full > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-full > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-full > .np-mini-panel-content {
        position: fixed;
        inset-inline: var(--np-spacing-md, 1rem);
        inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-md, 1rem));
        width: auto;
        max-width: none;
        max-height: calc(100vh - var(--np-admin-offset, 0px) - 2rem);
        transform-origin: top center;
    }

    .np-dropdown.is-mobile-bottom-sheet > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-bottom-sheet > .np-action-menu-list,
    .np-user-menu.is-mobile-bottom-sheet > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-bottom-sheet > .np-mini-panel-content {
        position: fixed;
        inset-inline: 0;
        inset-block-start: auto;
        inset-block-end: 0;
        width: 100%;
        min-width: 0;
        max-width: none;
        max-height: min(86vh, var(--np-dropdown-bottom-sheet-height, 620px));
        padding: var(--np-spacing-md, 1rem);
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-start-start-radius: var(--np-radius-2xl, 1.5rem);
        border-start-end-radius: var(--np-radius-2xl, 1.5rem);
        transform: translateY(100%);
        transform-origin: bottom center;
    }

    .np-dropdown.is-mobile-bottom-sheet.is-open > .np-dropdown-menu,
    .np-dropdown.is-mobile-bottom-sheet.is-active > .np-dropdown-menu,
    .np-dropdown.is-mobile-bottom-sheet:hover > .np-dropdown-menu,
    .np-dropdown.is-mobile-bottom-sheet:focus-within > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet.is-open > .np-menu-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet.is-active > .np-menu-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet:hover > .np-menu-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet:focus-within > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-bottom-sheet.is-open > .np-action-menu-list,
    .np-action-menu.is-mobile-bottom-sheet.is-active > .np-action-menu-list,
    .np-action-menu.is-mobile-bottom-sheet:hover > .np-action-menu-list,
    .np-action-menu.is-mobile-bottom-sheet:focus-within > .np-action-menu-list,
    .np-user-menu.is-mobile-bottom-sheet.is-open > .np-user-menu-panel,
    .np-user-menu.is-mobile-bottom-sheet.is-active > .np-user-menu-panel,
    .np-user-menu.is-mobile-bottom-sheet:hover > .np-user-menu-panel,
    .np-user-menu.is-mobile-bottom-sheet:focus-within > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet.is-open > .np-cart-dropdown-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet.is-active > .np-cart-dropdown-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet:hover > .np-cart-dropdown-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet:focus-within > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-bottom-sheet.is-open > .np-mini-panel-content,
    .np-mini-panel.is-mobile-bottom-sheet.is-active > .np-mini-panel-content,
    .np-mini-panel.is-mobile-bottom-sheet:hover > .np-mini-panel-content,
    .np-mini-panel.is-mobile-bottom-sheet:focus-within > .np-mini-panel-content {
        transform: translateY(0);
    }

    .np-dropdown-trigger,
    .np-menu-dropdown-trigger,
    .np-action-menu-trigger,
    .np-user-menu-trigger,
    .np-cart-dropdown-trigger,
    .np-mini-panel-trigger {
        min-height: var(--np-dropdown-trigger-height-mobile, 2.5rem);
        padding-inline: var(--np-dropdown-trigger-padding-x-mobile, 0.875rem);
        font-size: var(--np-dropdown-trigger-font-size-mobile, 0.8125rem);
    }

    .np-dropdown-item,
    .np-menu-dropdown-item,
    .np-action-menu-item,
    .np-user-menu-item,
    .np-cart-dropdown-item,
    .np-mini-panel-item,
    .np-dropdown-menu a,
    .np-menu-dropdown-menu a,
    .np-action-menu-list a,
    .np-user-menu-panel a,
    .np-mini-panel-content a {
        min-height: var(--np-dropdown-item-min-height-mobile, 2.75rem);
        padding-block: var(--np-dropdown-item-padding-y-mobile, 0.75rem);
    }

    .np-cart-dropdown-panel {
        width: min(var(--np-cart-dropdown-width-mobile, 360px), calc(100vw - 2rem));
    }

    .np-cart-dropdown-body {
        max-height: min(var(--np-cart-dropdown-body-height-mobile, 360px), 56vh);
    }
}

@media (max-width: 480px) {
    .np-dropdown-trigger,
    .np-menu-dropdown-trigger,
    .np-action-menu-trigger,
    .np-user-menu-trigger,
    .np-cart-dropdown-trigger,
    .np-mini-panel-trigger {
        min-height: var(--np-dropdown-trigger-height-small, 2.375rem);
        padding-inline: var(--np-dropdown-trigger-padding-x-small, 0.75rem);
        font-size: var(--np-font-size-xs, 0.75rem);
    }

    .np-dropdown-menu,
    .np-menu-dropdown-menu,
    .np-action-menu-list,
    .np-user-menu-panel,
    .np-cart-dropdown-panel,
    .np-mini-panel-content {
        min-width: var(--np-dropdown-min-width-small, 200px);
        max-width: calc(100vw - 1rem);
        border-radius: var(--np-dropdown-radius-small, 1rem);
    }

    .np-dropdown.is-mobile-full > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-full > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-full > .np-action-menu-list,
    .np-user-menu.is-mobile-full > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-full > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-full > .np-mini-panel-content {
        inset-inline: var(--np-spacing-sm, 0.75rem);
        inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-spacing-sm, 0.75rem));
        max-height: calc(100vh - var(--np-admin-offset, 0px) - 1.5rem);
    }

    .np-dropdown.is-mobile-bottom-sheet > .np-dropdown-menu,
    .np-menu-dropdown.is-mobile-bottom-sheet > .np-menu-dropdown-menu,
    .np-action-menu.is-mobile-bottom-sheet > .np-action-menu-list,
    .np-user-menu.is-mobile-bottom-sheet > .np-user-menu-panel,
    .np-cart-dropdown.is-mobile-bottom-sheet > .np-cart-dropdown-panel,
    .np-mini-panel.is-mobile-bottom-sheet > .np-mini-panel-content {
        padding: var(--np-spacing-sm, 0.75rem);
        border-start-start-radius: var(--np-radius-xl, 1.25rem);
        border-start-end-radius: var(--np-radius-xl, 1.25rem);
    }

    .np-dropdown-header,
    .np-menu-dropdown-header,
    .np-action-menu-header,
    .np-user-menu-header,
    .np-cart-dropdown-header,
    .np-mini-panel-header,
    .np-dropdown-footer,
    .np-menu-dropdown-footer,
    .np-action-menu-footer,
    .np-user-menu-footer,
    .np-cart-dropdown-footer,
    .np-mini-panel-footer {
        padding-inline: var(--np-spacing-sm, 0.75rem);
    }

    .np-cart-dropdown-item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .np-cart-dropdown-remove {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .np-cart-dropdown-thumb {
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-dropdown-trigger,
    .np-menu-dropdown-trigger,
    .np-action-menu-trigger,
    .np-user-menu-trigger,
    .np-cart-dropdown-trigger,
    .np-mini-panel-trigger,
    .np-dropdown-menu,
    .np-menu-dropdown-menu,
    .np-action-menu-list,
    .np-user-menu-panel,
    .np-cart-dropdown-panel,
    .np-mini-panel-content,
    .np-dropdown-caret,
    .np-menu-dropdown-caret,
    .np-action-menu-caret,
    .np-user-menu-caret,
    .np-cart-dropdown-caret,
    .np-mini-panel-caret,
    .np-dropdown-item,
    .np-menu-dropdown-item,
    .np-action-menu-item,
    .np-user-menu-item,
    .np-cart-dropdown-item,
    .np-mini-panel-item {
        transition: none !important;
    }

    .np-dropdown-trigger:hover,
    .np-dropdown-trigger:focus,
    .np-menu-dropdown-trigger:hover,
    .np-menu-dropdown-trigger:focus,
    .np-action-menu-trigger:hover,
    .np-action-menu-trigger:focus,
    .np-user-menu-trigger:hover,
    .np-user-menu-trigger:focus,
    .np-cart-dropdown-trigger:hover,
    .np-cart-dropdown-trigger:focus,
    .np-mini-panel-trigger:hover,
    .np-mini-panel-trigger:focus {
        transform: none !important;
    }

    .np-dropdown-menu,
    .np-menu-dropdown-menu,
    .np-action-menu-list,
    .np-user-menu-panel,
    .np-cart-dropdown-panel,
    .np-mini-panel-content {
        transform: none !important;
    }

    .np-dropdown-loading::after,
    .np-menu-dropdown-loading::after,
    .np-action-menu-loading::after,
    .np-user-menu-loading::after,
    .np-cart-dropdown-loading::after,
    .np-mini-panel-loading::after,
    .np-dropdown-skeleton::after,
    .np-menu-dropdown-skeleton::after,
    .np-action-menu-skeleton::after,
    .np-user-menu-skeleton::after,
    .np-cart-dropdown-skeleton::after,
    .np-mini-panel-skeleton::after {
        animation: none !important;
    }
}

@media print {
    .np-dropdown-menu,
    .np-menu-dropdown-menu,
    .np-action-menu-list,
    .np-user-menu-panel,
    .np-cart-dropdown-panel,
    .np-mini-panel-content,
    .np-dropdown-backdrop {
        display: none !important;
    }

    .np-dropdown-trigger,
    .np-menu-dropdown-trigger,
    .np-action-menu-trigger,
    .np-user-menu-trigger,
    .np-cart-dropdown-trigger,
    .np-mini-panel-trigger {
        background: transparent !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
        box-shadow: none !important;
        transform: none !important;
    }
}