.header-dropdowns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hdr-nav-gap, 20px);
    text-align: left;
    position: relative;
}

.header-dropdowns .nav-utilities__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-dropdowns .nav-utilities__list--primary {
    justify-content: flex-start;
    flex: 1 1 auto;
    min-width: 0;
}

.header-dropdowns .nav-utilities__list--secondary {
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
}

.header-dropdowns .nav-utilities__list > li {
    display: inline-flex;
    align-items: center;
    color: var(--hdr-item-color, #ffffff);
    font-size: 13px;
    font-weight: var(--hdr-item-weight, 600);
    line-height: 19px;
    position: relative;
}

.header-dropdowns .nav-utilities__list > li + li {
    margin-left: 5px;
    padding-left: 12px;
}

.header-dropdowns .nav-utilities__list > li + li:before {
    content: '|';
    position: absolute;
    left: 0;
    top: 50%;
    color: var(--hdr-separator-color, rgba(255, 255, 255, 0.28));
    transform: translateY(-50%);
}

.header-dropdowns a {
    color: var(--hdr-link-color, inherit);
    text-decoration: none;
}

.header-dropdowns a:hover {
    color: var(--hdr-link-hover-color, inherit);
}

.header-dropdowns .wishlist_content,
.header-dropdowns #icon-motifications {
    vertical-align: middle;
}

.header-dropdowns .header-dropdown {
    position: relative;
}

.header-dropdowns .nav-utilities__trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hdr-trigger-color, var(--hdr-item-color, #ffffff));
    cursor: pointer;
    font: inherit;
    font-weight: var(--hdr-trigger-weight, var(--hdr-item-weight, 600));
}

.header-dropdowns .nav-utilities__trigger--icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    justify-content: center;
    background: var(--hdr-trigger-icon-bg, transparent);
    border: 1px solid var(--hdr-trigger-icon-border, transparent);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.header-dropdowns .nav-utilities__trigger:hover {
    color: var(--hdr-trigger-hover-color, var(--hdr-link-hover-color, inherit));
}

.header-dropdowns .nav-utilities__trigger:hover .nav-utilities__caret,
.header-dropdowns .nav-utilities__trigger:hover .nav-utilities__muted {
    color: var(--hdr-trigger-hover-color, var(--hdr-link-hover-color, inherit));
}

.header-dropdowns .nav-utilities__trigger--icon:hover,
.header-dropdowns .nav-utilities__trigger--icon.open {
    background: var(--hdr-trigger-icon-hover-bg, var(--hdr-trigger-icon-bg, transparent));
    border-color: var(--hdr-trigger-icon-hover-border, var(--hdr-trigger-icon-border, transparent));
}

.header-dropdowns .nav-utilities__trigger .nav-utilities__caret {
    font-size: 9px;
    color: var(--hdr-caret-color, var(--hdr-trigger-muted-color, currentColor));
    transition: transform .2s ease, color .2s ease;
}

.header-dropdowns .nav-utilities__trigger.open .nav-utilities__caret {
    transform: rotate(180deg);
}

.header-dropdowns .nav-utilities__user-name,
.header-dropdowns .nav-utilities__muted {
    color: var(--hdr-trigger-muted-color, currentColor);
}

.header-dropdowns .nav-utilities__trigger > span {
    color: inherit;
}

.header-dropdowns .dropdown {
    position: absolute;
    top: 100%;
    padding: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: visibility .2s ease, opacity .2s ease;
}

.header-dropdowns .dropdown.visible {
    z-index: 20;
    visibility: visible;
    opacity: 1;
}

.header-dropdowns .nav-utilities__simple-dropdown,
.header-dropdowns .nav-utilities__panel-dropdown,
.header-dropdowns .nav-utilities__account-dropdown {
    left: auto !important;
    right: 0;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin-top: 12px;
    padding: 0;
    border: 1px solid var(--hdr-dropdown-border, #d5dce8);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: var(--hdr-dropdown-shadow, 0 18px 40px rgba(14, 22, 40, 0.14));
    overflow: hidden;
    text-align: left;
}

.header-dropdowns .nav-utilities__simple-dropdown:after,
.header-dropdowns .nav-utilities__simple-dropdown:before,
.header-dropdowns .nav-utilities__panel-dropdown:after,
.header-dropdowns .nav-utilities__panel-dropdown:before,
.header-dropdowns .nav-utilities__account-dropdown:after,
.header-dropdowns .nav-utilities__account-dropdown:before {
    bottom: 100%;
    right: 26px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.header-dropdowns .nav-utilities__simple-dropdown:after,
.header-dropdowns .nav-utilities__panel-dropdown:after,
.header-dropdowns .nav-utilities__account-dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--hdr-dropdown-arrow-inner, #ffffff);
    border-width: 12px;
    margin-right: -12px;
}

.header-dropdowns .nav-utilities__simple-dropdown:before,
.header-dropdowns .nav-utilities__panel-dropdown:before,
.header-dropdowns .nav-utilities__account-dropdown:before {
    border-color: rgba(213, 220, 232, 0);
    border-bottom-color: var(--hdr-dropdown-arrow-outer, #d5dce8);
    border-width: 13px;
    margin-right: -13px;
}

.header-dropdowns .nav-utilities__simple-dropdown ul {
    min-width: 0 !important;
    width: max-content;
    padding: 6px 0 !important;
    text-align: left !important;
    list-style: none;
    margin: 0;
}

.header-dropdowns .nav-utilities__simple-dropdown--utils ul {
    min-width: var(--hdr-utils-min-width, 156px) !important;
}

.header-dropdowns .nav-utilities__simple-dropdown--language ul {
    min-width: var(--hdr-language-min-width, 132px) !important;
    max-width: var(--hdr-language-max-width, 240px);
}

.header-dropdowns .nav-utilities__simple-dropdown--wishlists ul {
    min-width: var(--hdr-wishlists-min-width, 158px) !important;
    padding: 0 !important;
}

.header-dropdowns .nav-utilities__simple-dropdown ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #2b3446;
}

.header-dropdowns .nav-utilities__simple-dropdown ul li + li {
    margin-left: 0;
    padding-left: 0;
}

.header-dropdowns .nav-utilities__simple-dropdown ul li + li:before {
    content: '';
}

.header-dropdowns .nav-utilities__simple-dropdown ul li ~ li {
    border-top: 1px solid var(--hdr-simple-item-separator, #eef1f7);
}

.header-dropdowns .nav-utilities__simple-dropdown--utils {
    border-color: var(--hdr-utils-border, #9ab3e1);
}

.header-dropdowns .nav-utilities__simple-dropdown--utils:before {
    border-bottom-color: var(--hdr-utils-arrow-outer, var(--hdr-utils-border, #9ab3e1));
}

.header-dropdowns .nav-utilities__simple-dropdown--utils ul li ~ li,
.header-dropdowns .nav-utilities__simple-dropdown--wishlists ul li ~ li {
    border-top-color: var(--hdr-utils-separator, var(--hdr-utils-border, #9ab3e1));
}

.header-dropdowns .nav-utilities__simple-dropdown ul li:hover {
    background: var(--hdr-simple-item-hover-bg, #f4f7fb);
    color: var(--hdr-simple-item-hover-color, #1f2f46);
}

.header-dropdowns .nav-utilities__simple-dropdown--wishlists ul li:hover {
    background: var(--hdr-wishlists-item-hover-bg, var(--hdr-simple-item-hover-bg, #f4f7fb));
    color: var(--hdr-wishlists-item-hover-color, var(--hdr-simple-item-hover-color, #1f2f46));
}

.header-dropdowns .nav-utilities__simple-dropdown ul li a {
    display: flex;
    padding: 8px 14px;
    color: #333;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: none !important;
    white-space: nowrap;
}

.header-dropdowns .nav-utilities__simple-dropdown ul li a.not-link {
    cursor: default;
}

.header-dropdowns .nav-utilities__simple-dropdown ul li a:hover {
    color: inherit;
}

.header-dropdowns .nav-utilities__account-dropdown {
    width: 292px;
    min-width: 292px;
    max-width: 292px;
    padding: 3px;
}

.header-dropdowns .nav-utilities__panel-dropdown {
    min-width: 360px;
    max-width: 360px;
    padding: 0;
}

.header-dropdowns .nav-utilities__panel-dropdown--notifications {
    border-color: var(--hdr-notifications-border, var(--hdr-dropdown-border, #d5dce8));
    padding: 0;
}

.header-dropdowns .nav-utilities__panel-dropdown--notifications:before {
    border-bottom-color: var(--hdr-notifications-arrow, var(--hdr-notifications-border, #d5dce8));
}

.header-dropdowns .nav-utilities__account-dropdown span,
.header-dropdowns .nav-utilities__simple-dropdown span,
.header-dropdowns .nav-utilities__panel-dropdown span {
    color: inherit;
}

.header-dropdowns .header-dropdown__status {
    display: block;
    width: 100%;
    padding: 10px 14px;
    color: #7d8796;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
}

.header-dropdowns .nav-utilities__account-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid #edf1f6;
    margin: 0 2px;
}

.header-dropdowns .nav-utilities__account-avatar {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0ea76f, #149d86);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.header-dropdowns .nav-utilities__account-meta {
    min-width: 0;
}

.header-dropdowns .nav-utilities__account-name {
    color: #182436;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

.header-dropdowns .nav-utilities__account-subtitle {
    color: #7d8796;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 186px;
}

.header-dropdowns .nav-utilities__dropdown-section-title {
    color: #8b8f97;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    padding: 10px 14px;
    text-align: left;
    text-transform: uppercase;
}

.header-dropdowns .nav-utilities__dropdown-group,
.header-dropdowns .nav-utilities__dropdown-footer {
    padding: 0 6px 4px;
}

.header-dropdowns .nav-utilities__account-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #182436 !important;
    text-decoration: none;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease;
}

.header-dropdowns .nav-utilities__account-link + .nav-utilities__account-link {
    margin-top: 4px;
}

.header-dropdowns .nav-utilities__account-link:hover {
    background: #f5f7fb;
    color: #182436 !important;
}

.header-dropdowns .nav-utilities__account-link--featured {
    background: #eaf7f1;
}

.header-dropdowns .nav-utilities__account-link--featured:hover {
    background: #e2f2ea;
}

.header-dropdowns .nav-utilities__account-link--danger:hover {
    background: #fff4f3;
    color: #d94d4b !important;
}

.header-dropdowns .nav-utilities__account-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f2efe8;
    color: #6d665d;
    font-size: 14px;
    flex-shrink: 0;
}

.header-dropdowns .nav-utilities__account-link--featured .nav-utilities__account-icon {
    background: #dff4eb;
    color: #14885f;
}

.header-dropdowns .nav-utilities__account-link--danger .nav-utilities__account-icon {
    background: #fff1ef;
    color: #d94d4b;
}

.header-dropdowns .nav-utilities__account-copy {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.header-dropdowns .nav-utilities__account-link-title {
    color: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
}

.header-dropdowns .nav-utilities__account-link-description {
    color: #7d8796;
    font-size: 0.78125rem;
    font-weight: 500;
    line-height: 1.2;
}

.header-dropdowns .nav-utilities__dropdown-divider {
    height: 1px;
    margin: 3px 8px 5px;
    background: #edf1f6;
}

.header-dropdowns #icon-motifications {
    float: none;
    margin-left: var(--hdr-notifications-margin-left, 8px);
    margin-right: var(--hdr-notifications-margin-right, 2px);
    display: block;
}

.header-dropdowns .button-default {
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: none;
    position: relative;
}

.header-dropdowns #icon-motifications .show-notifications {
    position: relative;
    margin-bottom: 0;
    float: none;
}

.header-dropdowns #icon-motifications .show-notifications .notifications-bell-icon {
    color: var(--hdr-notification-bell-color, #6f7785);
    font-size: 14px;
    line-height: 1;
}

.header-dropdowns #icon-motifications .show-notifications:hover .notifications-bell-icon,
.header-dropdowns #icon-motifications .show-notifications:focus .notifications-bell-icon,
.header-dropdowns #icon-motifications .show-notifications.open .notifications-bell-icon {
    color: var(--hdr-notification-bell-hover-color, #444444);
}

.header-dropdowns #icon-motifications .show-notifications .notifications-count {
    border-radius: 50%;
    background: var(--hdr-notification-count-bg, #c0392b);
    color: #fefefe;
    font: normal 10px 'Lato';
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -5px;
    min-width: 10px;
    padding: 0 4px;
    font-weight: 600;
    border: 2px solid var(--hdr-notification-count-ring, #ffffff);
    box-shadow: 0 6px 14px rgba(234, 79, 79, 0.35);
}