/* generated by scripts/css-min.php from ../header.css — edit the source, never this file */
#header [data-row="top"] .ct-language-switcher { display: flex; align-items: center; gap: var(--vonnik-icon-gap); font-size: var(--vonnik-text-l); text-transform: uppercase; } #header [data-row="top"] .ct-language-switcher::before { content: ""; flex: none; width: var(--vonnik-icon); height: var(--vonnik-icon); -webkit-mask: var(--lucide-globe) center / contain no-repeat; mask: var(--lucide-globe) center / contain no-repeat; background-color: var(--vonnik-on-action); } #header [data-row="top"] .ct-language-switcher ul.ct-language { display: flex; align-items: center; gap: var(--vonnik-space-4); } #header [data-row="top"] .ct-language-switcher li.current-lang { order: -1; } #header [data-row="top"] .ct-language-switcher li.current-lang a { font-weight: var(--vonnik-weight-bold); text-decoration: underline; text-underline-offset: var(--vonnik-space-1); } @media (min-width: 1000px) { #header [data-row="top"] .ct-language-switcher li:not(.current-lang) { max-width: 0; opacity: 0; overflow: hidden; transition: max-width var(--vonnik-motion-base) ease, opacity var(--vonnik-motion-fast) ease; } #header [data-row="top"] .ct-language-switcher:hover li:not(.current-lang), #header [data-row="top"] .ct-language-switcher:focus-within li:not(.current-lang) { max-width: 60px; opacity: 1; } } #header [data-row="top"] .ct-contact-info { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-none); } #header [data-row="top"] .ct-contact-info svg { width: var(--vonnik-icon); height: var(--vonnik-icon); margin-left: var(--vonnik-space-1); } #header [data-row="top"] .ct-contact-info .contact-title { display: none; } #header [data-row="top"] .ct-contact-info li { display: flex; flex-direction: row-reverse; align-items: center; gap: var(--vonnik-icon-gap); } #header [data-row="top"] .ct-contact-info .ct-icon-container { width: var(--vonnik-icon); height: var(--vonnik-icon); -webkit-mask: var(--lucide-headphones) center / contain no-repeat; mask: var(--lucide-headphones) center / contain no-repeat; background-color: var(--vonnik-on-action); } #header [data-row="middle"] [data-column="start"] > [data-items] { gap: 0; } @media (max-width: 689.98px) { #header [data-device="mobile"] [data-id="logo"] .site-logo-container { max-height: calc((92vw - 140px) * 56 / 300); } #header [data-device="mobile"] [data-id="logo"] .site-logo-container img { max-height: 100%; } } #header [data-row="middle"] .ct-header-trigger { --toggle-button-size: auto; --toggle-button-padding: 0; --toggle-button-background: transparent; --toggle-button-border-width: 0; --toggle-button-radius: 0; --toggle-button-margin-start: 0; gap: var(--vonnik-space-3); height: var(--vonnik-icon); } #header [data-row="middle"] .ct-header-trigger .ct-label { margin: 0; font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-none); } #header .ct-header-trigger .ct-icon { display: none; } #header .ct-header-trigger::after { content: ""; flex: 0 0 var(--vonnik-icon); width: var(--vonnik-icon); height: var(--vonnik-icon); background-color: var(--vonnik-header-icon); -webkit-mask: var(--lucide-menu) center / contain no-repeat; mask: var(--lucide-menu) center / contain no-repeat; } #header [data-device="desktop"] [data-row="middle"] > .ct-container { grid-template-columns: auto minmax(0, 1fr) auto; } #header [data-row="middle"] [data-column="middle"] { justify-self: stretch; width: 100%; } #header [data-row="middle"] [data-column="middle"] > [data-items] { justify-content: flex-end; width: 100%; padding-right: var(--vonnik-space-8); } #header [data-row="middle"] .ct-header-search-input, #header [data-row="middle"] [data-id="search-input"] { width: 100%; max-width: 434px; } #header [data-row="middle"] .ct-header-search-input form, #header [data-row="middle"] .ct-header-search-input .ct-search-form { width: 100%; } #header [data-row="middle"] .ct-header-search-input input[type="search"] { padding-right: calc(var(--vonnik-control-field-pad-x) * 2 + var(--vonnik-icon)); } #header [data-row="middle"] .ct-header-search-input input[type="search"]:focus { border-color: var(--vonnik-ink); } #header [data-row="middle"] .ct-header-search-input .ct-search-form > button, #header [data-row="middle"] .ct-header-search-input button[type="submit"] { width: 39px; height: 32px; top: var(--vonnik-space-2); right: var(--vonnik-space-1); border-left: var(--vonnik-border-hairline) solid var(--vonnik-border-control); border-radius: 0; background: transparent; } #header [data-id="search-input"] { --theme-icon-size: var(--vonnik-icon); } #header [data-id="search-input"] svg.ct-search-button-content { width: var(--vonnik-icon); height: var(--vonnik-icon); } #header [data-row="middle"] [data-column="end"] > [data-items] { gap: 0; } #header [data-row="middle"] [data-column="end"] > [data-items] > * { --theme-icon-size: var(--vonnik-icon); display: flex; align-items: center; justify-content: center; width: var(--vonnik-control-tap); height: var(--vonnik-control-tap); margin: 0; } #header [data-row="middle"] [data-column="end"] svg { width: var(--vonnik-icon); height: var(--vonnik-icon); } #header .ct-header-wishlist .ct-icon-container { position: relative; width: var(--vonnik-icon); height: var(--vonnik-icon); } #header .ct-header-wishlist .ct-icon-container svg { display: none; } #header .ct-header-wishlist .ct-icon-container::before { content: ""; position: absolute; inset: 0; background-color: var(--vonnik-header-icon); -webkit-mask: var(--lucide-bookmark) center / contain no-repeat; mask: var(--lucide-bookmark) center / contain no-repeat; } #header .ct-header-wishlist .ct-dynamic-count-wishlist { z-index: var(--vonnik-layer-base); } #header .ct-header-account[data-state="out"] .ct-account-item { position: relative; } #header .ct-header-account[data-state="out"] .ct-account-item svg.ct-icon { visibility: hidden; } #header .ct-header-account[data-state="out"] .ct-account-item::before { content: ""; position: absolute; inset: 0; background-color: var(--vonnik-header-icon); -webkit-mask: var(--lucide-user) center / contain no-repeat; mask: var(--lucide-user) center / contain no-repeat; } #header [data-row="middle"] [data-id] { --vonnik-header-icon: var(--vonnik-ink); } #header [data-row="middle"] [data-id]:not([data-id="search-input"]):hover, #header [data-id="search-input"] button:hover { --vonnik-header-icon: var(--vonnik-blue); } #header [data-row="middle"] [data-id] .ct-icon, #header [data-row="middle"] [data-id] .ct-icon-container svg, #header [data-row="middle"] [data-id] .ct-search-button-content { --theme-icon-color: var(--vonnik-header-icon); } #header [data-row="bottom"] .ct-widget, #header [data-row="bottom"] .ct-widget > * { margin: 0; } #header [data-row="bottom"] [data-id="widget-area-1"] { width: 100%; } .vonnik-promo { display: flex; align-items: center; gap: var(--vonnik-space-3) var(--vonnik-space-5); width: 100%; color: var(--vonnik-on-action); } .vonnik-promo p { margin: 0; color: var(--vonnik-on-action); font-size: var(--vonnik-text-l); line-height: 1.3; } .vonnik-promo__cta a { color: var(--vonnik-on-action); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); text-transform: uppercase; text-decoration: none; white-space: nowrap; } .vonnik-promo__cta a:hover { text-decoration: underline; } .vonnik-promo > .vonnik-promo__close { margin-left: auto !important; width: var(--vonnik-icon); height: var(--vonnik-icon); padding: 0; border: 0; background: transparent; color: var(--vonnik-on-action); font-size: var(--vonnik-icon); line-height: 1; cursor: pointer; } .vonnik-promo > .vonnik-promo__close { font-size: 0; position: relative; } .vonnik-promo > .vonnik-promo__close::before { content: ""; position: absolute; inset: 0; -webkit-mask: var(--lucide-x) center / contain no-repeat; mask: var(--lucide-x) center / contain no-repeat; background-color: currentColor; } html.vonnik-promo-hidden #header [data-row="bottom"] { display: none; } @media (max-width: 767.98px) { .vonnik-promo { min-height: var(--vonnik-control-tap); } .vonnik-promo p { font-size: var(--vonnik-text-s); } .vonnik-promo__cta { min-width: 0; } #header [data-row="bottom"], #header [data-row="bottom"] > div { --height: 44px; min-height: var(--vonnik-control-tap); } } #offcanvas, #search-modal, .ct-panel { --theme-icon-size: var(--vonnik-icon); } #offcanvas .ct-panel-heading { font-size: var(--vonnik-text-xxl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); } #offcanvas .ct-panel-inner { padding-top: var(--vonnik-space-7); } #offcanvas .mobile-menu > li > a { padding: var(--vonnik-space-4) 0; } #offcanvas .mobile-menu > li.menu-item-has-children > a::after { margin-left: auto; } .vonnik-dock { display: none; } @media (max-width: 999.98px) { .vonnik-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--vonnik-layer-dock); display: flex; height: var(--vonnik-dock-h); padding: 0; } .vonnik-dock > * { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: var(--vonnik-space-2); padding: 0; border: 0; background: transparent; color: var(--vonnik-ink); font: inherit; font-size: 0; cursor: pointer; } .vonnik-dock svg { width: var(--vonnik-icon); height: var(--vonnik-icon); } body { padding-bottom: var(--vonnik-dock-h); } html { scroll-padding-bottom: var(--vonnik-dock-h); } } #woo-cart-panel .ct-panel-heading { font-size: var(--vonnik-text-xxxl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); color: var(--vonnik-ink); } #woo-cart-panel .ct-panel-heading .vonnik-cart-count { margin-left: var(--vonnik-stack-s); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); text-transform: none; color: var(--vonnik-ink-soft); } #woo-cart-panel .woocommerce-mini-cart__total { display: flex; align-items: baseline; justify-content: space-between; margin: 0; } #woo-cart-panel .woocommerce-mini-cart__total strong { font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); } #woo-cart-panel .woocommerce-mini-cart__total .amount { font-size: var(--vonnik-text-xxxl); font-weight: var(--vonnik-weight-black); color: var(--vonnik-ink); } #woo-cart-panel .woocommerce-mini-cart__total .tax_label { order: 1; margin: 0 auto 0 var(--vonnik-space-1); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); text-transform: none; letter-spacing: 0; color: var(--vonnik-ink-soft); } #woo-cart-panel .woocommerce-mini-cart__total .amount { order: 2; } .vonnik-b2b-exbtw { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); color: var(--vonnik-ink-soft); } #woo-cart-panel .woocommerce-mini-cart__buttons { display: block; margin: 0; } #woo-cart-panel .woocommerce-mini-cart__buttons a.button.checkout { display: none; } #woo-cart-panel .woocommerce-mini-cart__buttons a.button { display: flex; align-items: center; justify-content: center; gap: var(--vonnik-icon-gap); width: 100%; text-align: center; } #woo-cart-panel .woocommerce-mini-cart__buttons a.button::after { content: ""; width: var(--vonnik-icon); height: var(--vonnik-icon); flex: 0 0 auto; -webkit-mask: var(--lucide-cart) center / contain no-repeat; mask: var(--lucide-cart) center / contain no-repeat; background-color: var(--vonnik-on-action); } #header .ct-header-account-dropdown { min-width: 280px; padding: var(--vonnik-space-3) 0; } #header .ct-header-account-dropdown .ct-header-account-user-info .ct-menu-link { display: flex; align-items: center; gap: var(--vonnik-space-4); padding: var(--vonnik-space-4) var(--vonnik-space-6); border-bottom: var(--vonnik-border-hairline) solid var(--vonnik-border); } #header .ct-header-account-dropdown .ct-header-account-user-info { --vonnik-disc-size: var(--vonnik-space-8); } #header .ct-header-account-dropdown .ct-header-account-user-info .ct-media-container { width: var(--vonnik-disc-size); height: var(--vonnik-disc-size); flex: 0 0 auto; } #header .ct-header-account-dropdown .ct-header-account-user-info img { width: var(--vonnik-disc-size); height: var(--vonnik-disc-size); border-radius: var(--vonnik-radius-round); } #header .ct-header-account-dropdown .ct-header-account-user-info b, #header .ct-header-account-dropdown .ct-header-account-user-info strong { font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); } #header .ct-header-account-dropdown .ct-header-account-user-info span { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); overflow-wrap: anywhere; } #header .ct-header-account-dropdown li:not(.ct-header-account-user-info) a { padding: var(--vonnik-space-3) var(--vonnik-space-6); font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-medium); color: var(--vonnik-ink); } #header .ct-header-account-dropdown li:not(.ct-header-account-user-info) a:hover { background: var(--vonnik-grey-card); color: var(--vonnik-blue); } .vonnik-avatar { --vonnik-disc-size: var(--vonnik-space-7); background: var(--vonnik-navy); color: var(--vonnik-on-action); font-weight: var(--vonnik-weight-bold); font-size: calc(var(--vonnik-disc-size) * .42); letter-spacing: var(--vonnik-tracking-text); } #header .ct-account-item .ct-media-container { width: auto; height: auto; } #header .ct-header-account-dropdown .ct-header-account-user-info .vonnik-avatar { --vonnik-disc-size: var(--vonnik-space-8); }