.ch-topbar { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-width: 0; color: var(--ch-paper); font-size: var(--ch-fs-s); font-weight: var(--ch-w-medium); line-height: 1.3; --ch-focus-color: var(--ch-paper); --ch-focus-offset: 0px; }
.ch-topbar__list { display: grid; min-width: 0; margin: 0; padding: 0; list-style: none; }
.ch-topbar__msg { grid-area: 1 / 1; min-width: 0; margin: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity .4s ease, visibility 0s; }
.ch-topbar:not(.is-ready) .ch-topbar__msg:not(:first-child) { display: none; }
.ch-topbar.is-ready .ch-topbar__msg:not(.is-active) { opacity: 0; visibility: hidden; }
.ch-topbar.is-fading .ch-topbar__msg.is-active { opacity: 0; }
.ch-topbar__nav { flex: 0 0 28px; display: grid; place-items: center; width: 28px; height: 28px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: var(--ch-radius-pill); background: none; color: var(--ch-field); cursor: pointer; }
.ch-topbar__nav:hover { color: var(--ch-paper); background: none; }
.ch-topbar__nav svg { display: block; }

[data-id="cart"] .ct-cart-item { position: relative; display: inline-grid; place-items: center; width: var(--ch-target); height: var(--ch-target); padding: 0; border-radius: var(--ch-radius-pill); background: none; color: var(--ch-ink); --theme-icon-color: var(--ch-ink); --theme-icon-hover-color: var(--ch-ink); --theme-link-initial-color: var(--ch-ink); --theme-link-hover-color: var(--ch-ink); transition: background .2s; }
[data-id="cart"] .ct-cart-item:hover { background: var(--ch-ground); }
#header :is(.ct-header-trigger, .ct-header-search, .ct-account-item) { display: inline-grid; place-items: center; box-sizing: border-box; width: var(--ch-target); min-width: var(--ch-target); height: var(--ch-target); padding: 0; border-radius: var(--ch-radius-pill); color: var(--ch-ink); --theme-icon-color: var(--ch-ink); --theme-icon-hover-color: var(--ch-ink); --theme-link-initial-color: var(--ch-ink); --theme-link-hover-color: var(--ch-ink); transition: background .2s; }
#header :is(.ct-header-trigger, .ct-header-search, .ct-account-item):hover { background: var(--ch-ground); }
#offcanvas .ct-toggle-close, #search-modal .ct-toggle-close { --toggle-button-size: var(--ch-target); --toggle-button-padding: 0; --toggle-button-margin-end: -10px; --toggle-button-margin-block: 0; display: inline-grid; place-items: center; width: var(--ch-target); height: var(--ch-target); }
[data-id="cart"] .ct-cart-item svg { width: 20px; height: 20px; fill: var(--ch-ink); }
[data-id="cart"] .ct-cart-item .ct-icon-container { position: relative; display: block; line-height: 0; }
[data-id="cart"] .ct-dynamic-count-cart { position: absolute; inset: -7px -10px auto auto; transform: none; display: grid; place-items: center; box-sizing: border-box; min-width: 18px; width: auto; height: 18px; padding: 0 5px; margin: 0; border: 2px solid var(--ch-paper); border-radius: var(--ch-radius-pill); background: var(--ch-accent); color: var(--ch-paper); font-size: 10.5px; font-weight: var(--ch-w-bold); line-height: 1; font-variant-numeric: tabular-nums; opacity: 1; visibility: visible; }
[data-id="cart"] .ct-dynamic-count-cart[data-count="0"] { display: none; }

#header [data-id="menu"] .sub-menu { box-sizing: border-box; width: max-content; min-width: 220px; max-width: 320px; padding: 6px; border: 1px solid var(--ch-line); }
#header [data-id="menu"] .sub-menu .ct-menu-link { min-height: 40px; padding-inline: 12px; border-radius: 8px; }
#header [data-id="menu"] .sub-menu .ct-menu-link:is(:hover, :focus-visible) { background: var(--ch-ground); text-decoration: none; }

.ct-language-switcher img { width: 22px; max-width: none; height: 15px; border: 0; border-radius: 2px; outline: 0; box-shadow: none; }
.ch-menu-badge { display: inline-block; margin-inline-start: 4px; padding: 2px 7px; border-radius: var(--ch-radius-pill); background: var(--ch-accent); color: var(--ch-paper); font-size: 11px; font-weight: var(--ch-w-bold); line-height: 1.35; letter-spacing: .01em; white-space: nowrap; vertical-align: 1px; }
.mobile-menu .ch-menu-badge { font-size: var(--ch-fs-xs); vertical-align: 3px; }

@media (prefers-reduced-motion: reduce) {
  .ch-topbar__msg, [data-id="cart"] .ct-cart-item, #header :is(.ct-header-trigger, .ct-header-search, .ct-account-item) { transition: none; }
}
.ch-campaign #header [data-row="top"] { display: none; }
