.ns-header-collections-slot { display: none; }
.ns-collections { color: #69716b; background: #fff; }
.ns-collections-list { display: flex; margin: 0; padding: 0; list-style: none; }
.ns-collection { margin: 0; padding: 0; }
.ns-collection > a { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 4px 12px; color: inherit; font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 0; text-decoration: none; box-sizing: border-box; }
.ns-collection > a:hover { color: #487238; background: #f5f7f4; text-decoration: none; }
.ns-collection > a:focus-visible { outline: 2px solid #5080c6; outline-offset: -3px; border-radius: 6px; }
.ns-collection-icon { display: block; flex: 0 0 23px; width: 23px; height: 23px; }
.ns-collection--wishlist .ns-collection-icon { color: #f1b632; }
.ns-collection .count { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: #487238; color: #fff; font-size: 10px; font-weight: 700; line-height: 18px; box-sizing: border-box; }
.ns-collection--wishlist .count { background: #f2be48; color: #332b18; }
.ns-collection .count[hidden], .ns-collection:not(.highlight) .count { display: none; }
.ns-collections--header { background: transparent; color: #e8eae7; }
.ns-collections--header .ns-collections-list { gap: 4px; }
.ns-collections--header .ns-collection > a { width: 44px; min-height: 44px; padding: 0; border-radius: 8px; }
.ns-collections--header .ns-collection > a:hover { color: #fff; background: rgba(255,255,255,.08); }
/* Keep these badges round despite the legacy .wrapper * radius reset. */
.ns-collections--header .ns-collection .count { position: absolute; top: -2px; right: -1px; width: auto; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px !important; font-size: 11px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; box-shadow: 0 0 0 2px #20252d; }
.ns-collections--header .ns-collection-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ns-collections--dock { position: fixed; z-index: 1040; left: 0; right: 0; bottom: var(--ns-collections-legacy-height, 0px); padding: 4px max(8px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); border-top: 1px solid #e5e8e5; box-shadow: 0 -3px 16px rgba(30,40,32,.04); }
.ns-collections--dock .ns-collection { flex: 1 1 0; min-width: 0; }
.ns-collections--dock .ns-collection > a { gap: 6px; padding-left: 4px; padding-right: 4px; font-size: 13px; }
.ns-collections--dock .ns-collection + .ns-collection { border-left: 1px solid #e8ebe8; }
.ns-collections--dock .ns-collection-label { color: #373d38; }
.ns-collections-docked body { padding-bottom: calc(58px + env(safe-area-inset-bottom) + var(--ns-collections-legacy-height, 0px)); }
/* The old toolbar keeps recently viewed and its native cart, but no longer floats over the dock. */
.ns-collections-enhanced:not(.ns-collections-native-bottom-cart) body .wrapper-toolbar { position: static !important; bottom: auto !important; }
.ns-collections-docked body #back-top { bottom: calc(68px + env(safe-area-inset-bottom)); }
.ns-collections-editing .ns-collections--dock,
html.netstore-auth-overlay-active .ns-collections--dock,
html.netstore-auth-standalone-active .ns-collections--dock,
html.netstore-mobile-viewer-open .ns-collections--dock,
body.modal-open .ns-collections--dock,
body.netstore-cart-page .ns-collections--dock,
body.netstore-order-page .ns-collections--dock,
html:has(.ns-catalog-open) .ns-collections--dock { display: none; }
@media (min-width: 1200px) {
    html.ns-collections-in-header body:not(.touch) .header.ns-modern-header > .container.ns-header-container .ns-header-row {
        grid-template-columns: 124px 168px minmax(220px, 1fr) 44px 205px 92px 44px !important;
        grid-template-areas: "logo catalog search account phone collections cart" !important;
        column-gap: 10px !important;
    }
    .ns-collections-in-header .ns-header-collections-slot { display: block; grid-area: collections; width: 92px; }
}
@media print {
    .ns-collections { display: none !important; }
    .ns-collections-docked body { padding-bottom: 0; }
}