/* Pickoder header polish — clean standing layout + mobile friendly */

/* ---------- Header bar ---------- */
.header.fixed__header__layout {
  box-shadow: 0 1px 0 rgba(15, 23, 42, .06), 0 6px 18px rgba(15, 23, 42, .04);
}
.header .header__row {
  min-height: 70px;
  gap: 12px;
  flex-wrap: nowrap;
}

/* ---------- Brand / logo ---------- */
.header .top__header__website__identity {
  min-width: 0;
  flex: 0 1 auto;
}
.header .website__identity__sidebar__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}
.header .website__identity__sidebar__link .image__logo {
  height: 46px;
  width: auto;
  max-width: 280px;
  padding: 0;
  object-fit: contain;
}
/* logo image already contains the brand name: hide the duplicated text */
.header .website__identity__sidebar__link .image__logo + .text__logo__tagline {
  display: none;
}
.header .website__identity__sidebar__link .text__logo__tagline {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* beat the parent theme's max-height:35px cap on the header logo */
body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon {
  display: block;
  max-height: 62px;
  height: 62px;
  width: auto;
}

/* ---------- Right controls ---------- */
.header .right__header__control {
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
}
.header .header__control {
  display: flex;
  align-items: center;
}
.header .header__not__loggined__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header .header__not__loggined__btns .header__not__loggined__btns__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  white-space: nowrap;
  border-radius: 10px;
}
.header .header__not__loggined__btns .header__link.header__not__loggined__btns__item {
  padding: 0 16px;
  border: 1px solid rgba(15, 23, 42, .12);
  background: #fff;
}
.header .header__not__loggined__btns .header__button {
  margin-left: 0 !important;
  padding: 0 18px;
}
.header .header__item_shopping .header__head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
}

/* ---------- Tablet ---------- */
@media (max-width: 767.98px) {
  .header .header__row { min-height: 64px; }
  body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon { height: 52px; max-height: 52px; max-width: 220px; }
  .header .header__not__loggined__btns .header__link.header__not__loggined__btns__item { padding: 0 12px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {
  html, body { overflow-x: hidden; }

  .header .page__container { padding-left: 12px; padding-right: 12px; }
  .header .header__row { min-height: 60px; gap: 6px; }

  /* brand: burger + logo, shrinks instead of pushing controls out */
  .header .top__header__website__identity { gap: 2px; flex: 1 1 auto; overflow: hidden; }
  body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon { display: block !important; height: 44px; max-height: 44px; max-width: 170px; }
  .header .website__identity__sidebar__link .text__logo__tagline { font-size: 16px; }

  /* controls: icon-only, comfortable 42px tap targets, never wrap */
  .header .right__header__control { gap: 4px; flex-shrink: 0; }
  .header .header__language .language__flag__text { display: none; }
  .header .header__language .dropdown__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 42px;
  }
  .header .header__not__loggined__btns { gap: 4px; }
  .header .header__not__loggined__btns .header__not__loggined__btns__item {
    width: 42px;
    min-height: 42px;
    padding: 0 !important;
  }
  .header .header__not__loggined__btns .header__not__loggined__btns__item .text { display: none !important; }
  .header .header__not__loggined__btns .header__not__loggined__btns__item i { margin: 0; font-size: 16px; }
}

/* very small phones */
@media (max-width: 359.98px) {
  .header .website__identity__sidebar__link .image__logo { max-width: 90px; }
  .header .header__not__loggined__btns .header__link.header__not__loggined__btns__item { display: none; }
}

/* =====================================================================
   iOS 26 "Liquid Glass" header — translucent, blurred, softly lit edges
   ===================================================================== */
:root {
  --glass-bg: rgba(255, 255, 255, .55);
  --glass-bg-dark: rgba(18, 20, 26, .78);
  --glass-border: rgba(255, 255, 255, .65);
  --glass-shadow: 0 8px 32px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255, 255, 255, .8);
  --glass-blur: blur(24px) saturate(180%);
}

/* top bar */
body header.header.fixed__header__layout,
body.fixed__top__header header.header.top-header-fixed {
  background: var(--glass-bg) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

/* horizontal menu bar under the header */
body.horizontal__sidebar .sidebar {
  background: var(--glass-bg-dark) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 8px 32px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .15);
}
body.horizontal__sidebar .sidebar .sidebar__item {
  border-radius: 14px;
}

/* glass pill buttons */
.header .header__not__loggined__btns .header__link.header__not__loggined__btns__item {
  background: rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .8);
  box-shadow: 0 2px 10px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
  border-radius: 999px;
}
.header .header__not__loggined__btns .header__button {
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .35);
}
.header .header__item_shopping .header__head,
.header .header__language .dropdown__toggle {
  border-radius: 999px;
}

/* logo only — never logo + name together */
.header .website__identity__sidebar__link .text__logo__tagline,
.header .website__identity__sidebar__link .website__identity__sidebar__text__logo__wrapper {
  display: none !important;
}
.header .website__identity__sidebar__link .image__logo { font-size: 0; color: transparent; }

/* floating inset glass on phones */
@media (max-width: 767.98px) {
  body header.header.fixed__header__layout {
    border-radius: 0 0 22px 22px;
  }
}

/* dark mode */
:root[data-theme="dark"] body header.header.fixed__header__layout,
html[data-theme="dark"] header.header.fixed__header__layout {
  background: rgba(24, 26, 32, .55) !important;
  border-bottom-color: rgba(255, 255, 255, .10);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
}
html[data-theme="dark"] .header .header__not__loggined__btns .header__link.header__not__loggined__btns__item {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .15);
}

/* browsers without backdrop-filter: fall back to a solid-ish surface */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body header.header.fixed__header__layout { background: rgba(255, 255, 255, .96) !important; }
  body.horizontal__sidebar .sidebar { background: rgba(22, 24, 29, .96) !important; }
}

/* soft colour wash behind the page so the glass has something to refract */
html:not([data-theme="dark"]) body {
  background:
    radial-gradient(60vw 40vh at 8% 0%, rgba(0, 190, 215, .16), transparent 70%),
    radial-gradient(50vw 40vh at 95% 5%, rgba(120, 100, 255, .13), transparent 70%),
    #f6f9fc !important;
  background-attachment: fixed !important;
}

/* =====================================================================
   Single header: the primary menu bar sits inside the glass top header (desktop)
   ===================================================================== */
@media (min-width: 768px) {
  body.menu-in-header-body { --horizontal-sidebar-default-height: 0px; --horizontal-sidebar-default-height-scrolled: 0px; }
  body.menu-in-header-body.horizontal__sidebar .sidebar,
  body.menu-in-header-body.horizontal__sidebar .sidebar.scrolled {
    top: 0 !important;
    left: var(--mh-left, 240px) !important;
    right: var(--mh-right, 480px) !important;
    width: auto !important;
    max-width: none !important;
    height: 70px !important;
    background: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: 0;
    box-shadow: none;
    z-index: 1000;
  }
  body.menu-in-header-body .sidebar .sidebar__menu { justify-content: flex-start; gap: 2px; }
  body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__text,
  body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__icon { color: #1b2433 !important; }
  body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__icon {
    background: rgba(255, 255, 255, .75) !important;
    color: #0b8fa3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 4px rgba(15, 23, 42, .08);
  }
  body.menu-in-header-body .sidebar .sidebar__item:hover { background: rgba(255, 255, 255, .6); border-radius: 999px; }
  /* 'Client Login' duplicates the Account button */
  body.menu-in-header-body .sidebar .sidebar__menu a[href*="login.php"] { display: none !important; }
  body.menu-in-header-body .sidebar .sidebar__foot { display: none !important; }
}
/* narrower desktops: icon-only menu + compact controls so nothing collides */
@media (min-width: 768px) and (max-width: 1099.98px) {
  body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__text { display: none; }
}
@media (min-width: 768px) and (max-width: 1211.98px) {
  .header .header__language .language__flag__text { display: none; }
  .header .header__not__loggined__btns .header__not__loggined__btns__item .text { display: none !important; }
  .header .header__not__loggined__btns .header__not__loggined__btns__item { width: 42px; padding: 0 !important; }
  .header .header__not__loggined__btns .header__not__loggined__btns__item i { display: inline-block !important; margin: 0 !important; font-size: 16px; }
}
html[data-theme="dark"] body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__text { color: #e8edf5 !important; }

/* taller header to fit the larger logo */
@media (min-width: 768px) {
  body { --header-default-height: 84px; }
  .header .header__row { min-height: 84px; }
  body.menu-in-header-body.horizontal__sidebar .sidebar,
  body.menu-in-header-body.horizontal__sidebar .sidebar.scrolled { height: 84px !important; }
}
@media (max-width: 767.98px) {
  body { --header-default-height: 68px; }
  .header .header__row { min-height: 68px; }
}

/* =====================================================================
   Rounded, floating header (pill card with soft glass)
   ===================================================================== */
body header.header.fixed__header__layout,
body.fixed__top__header header.header,
body.fixed__top__header header.header.top-header-fixed {
  top: 12px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
  height: 84px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, .85) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  overflow: visible;
}
body { --header-default-height: 100px; --header-default-height-scrolled: 100px; }

@media (min-width: 768px) {
  /* menu bar rides inside the rounded header */
  body.menu-in-header-body.horizontal__sidebar .sidebar,
  body.menu-in-header-body.horizontal__sidebar .sidebar.scrolled { top: 12px !important; height: 84px !important; }
  .header .page__container { padding-left: 14px; padding-right: 14px; }
}

@media (max-width: 767.98px) {
  body header.header.fixed__header__layout,
  body.fixed__top__header header.header,
  body.fixed__top__header header.header.top-header-fixed {
    top: 8px !important;
    left: 10px !important;
    right: 10px !important;
    height: 64px !important;
    border-radius: 22px !important;
  }
  body { --header-default-height: 80px; --header-default-height-scrolled: 80px; }
  .header .header__row { min-height: 64px; }
}

/* =====================================================================
   Header v2 — narrower centred pill, shorter, calmer interactions
   ===================================================================== */
body header.header.fixed__header__layout,
body.fixed__top__header header.header,
body.fixed__top__header header.header.top-header-fixed {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  width: min(1180px, calc(100% - 32px)) !important;
  height: 70px !important;
  border-radius: 24px !important;
}
body { --header-default-height: 88px; --header-default-height-scrolled: 88px; }
.header .header__row { min-height: 70px; }
.header .page__container { max-width: none; padding-left: 12px; padding-right: 12px; }
body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon,
.header .website__identity__sidebar__link .image__logo { height: 50px !important; max-height: 50px !important; }

@media (min-width: 768px) {
  body.menu-in-header-body.horizontal__sidebar .sidebar,
  body.menu-in-header-body.horizontal__sidebar .sidebar.scrolled { height: 70px !important; }
}
@media (max-width: 767.98px) {
  body header.header.fixed__header__layout,
  body.fixed__top__header header.header,
  body.fixed__top__header header.header.top-header-fixed {
    width: calc(100% - 20px) !important; height: 60px !important; border-radius: 20px !important;
  }
  body { --header-default-height: 76px; --header-default-height-scrolled: 76px; }
  .header .header__row { min-height: 60px; }
  .header .website__identity__sidebar__link .image__logo,
  body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon { height: 40px !important; max-height: 40px !important; }
}

/* ---------- interactions: quick, subtle, no jumpiness ---------- */
.header a, .header button, .sidebar__item, .sidebar__link { -webkit-tap-highlight-color: transparent; }
.header .header__not__loggined__btns .header__not__loggined__btns__item,
.header .header__item_shopping .header__head,
.header .header__language .dropdown__toggle {
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s cubic-bezier(.3, .7, .3, 1);
}
.header .header__not__loggined__btns .header__not__loggined__btns__item:hover,
.header .header__item_shopping .header__head:hover,
.header .header__language .dropdown__toggle:hover { transform: translateY(-1px); }
.header .header__not__loggined__btns .header__not__loggined__btns__item:active,
.header .header__item_shopping .header__head:active,
.header .header__language .dropdown__toggle:active { transform: scale(.96); transition-duration: .08s; }
.header .header__item_shopping .header__head:hover,
.header .header__language .dropdown__toggle:hover { background: rgba(12, 190, 213, .12); }

@media (min-width: 768px) {
  body.menu-in-header-body .sidebar .sidebar__item {
    transition: background-color .18s ease, transform .12s ease;
    border-radius: 999px;
  }
  body.menu-in-header-body .sidebar .sidebar__item:active { transform: scale(.96); }
  body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__icon {
    transition: transform .2s cubic-bezier(.3, .7, .3, 1), box-shadow .2s ease;
  }
  body.menu-in-header-body .sidebar .sidebar__item:hover .side__bar__item__icon { transform: scale(1.08); }

  /* dropdown card: soft fade + 6px rise, no delay */
  body.horizontal__sidebar .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown .sidebar__body {
    transform: translateY(6px) !important;
    transition: opacity .18s ease, transform .18s cubic-bezier(.3, .7, .3, 1), visibility 0s linear .18s !important;
    padding-top: 22px !important;
  }
  body.horizontal__sidebar.sidebar__child__menu__on__hover .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown:hover .sidebar__body,
  body.horizontal__sidebar.sidebar__child__menu__on__click .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown.active .sidebar__body {
    transform: translateY(0) !important;
    transition: opacity .18s ease, transform .18s cubic-bezier(.3, .7, .3, 1), visibility 0s !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown .sidebar__body:after {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .9) !important;
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .16) !important;
    top: 12px !important;
  }
  .sidebar__body .sidebar__link { border-radius: 12px; transition: background-color .15s ease, padding-left .15s ease; }
  .sidebar__body .sidebar__link:hover { background: rgba(12, 190, 213, .12); padding-left: 16px; }
}

/* keyboard focus */
.header a:focus-visible, .header button:focus-visible, .sidebar__item:focus-visible { outline: 2px solid #0cbed5; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .header *, .sidebar__item, .sidebar__body { transition: none !important; } }

/* ---------- dropdown contents: clean light list instead of black pills ---------- */
.sidebar__body.links__with__background .sidebar__link,
.sidebar__body .sidebar__link {
  display: flex; align-items: center; gap: 10px;
  background: transparent !important;
  color: #1b2433 !important;
  border: 0 !important;
  padding: 10px 14px !important;
  margin: 2px 0 !important;
  font-weight: 600; font-size: 14px;
  border-radius: 12px;
}
.sidebar__body.links__with__background .sidebar__link:hover,
.sidebar__body .sidebar__link:hover {
  background: rgba(12, 190, 213, .12) !important;
  color: #0a8fa3 !important;
}
.sidebar__body .sidebar__link:active { transform: scale(.98); }
.sidebar__body .sidebar__link i { color: #0cbed5; width: 18px; text-align: center; }
.sidebar__body .sidebar__dropdown__title {
  display: block !important;
  color: #5d6b85 !important;
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  padding: 0 14px 6px;
}
.sidebar__body .sidebar__body__scrollable__element { padding: 4px 6px 6px; }

/* mobile: a closed slide-out menu must not leak its border/shadow onto the left screen edge */
@media (max-width: 767.98px) {
  .sidebar:not(.visible) {
    visibility: hidden;
    box-shadow: none !important;
    border-right-color: transparent !important;
    transition: transform .3s ease, visibility 0s linear .3s;
  }
  .sidebar.visible { visibility: visible; transition: transform .3s ease, visibility 0s; }
}


/* header slides away while scrolling down (class set by head.tpl script) */
body header.header { transition: transform .35s cubic-bezier(.3, .7, .3, 1), opacity .25s ease, background-color .2s ease !important; }
html.pk-header-hidden body header.header { transform: translateY(-140%) !important; opacity: 0; pointer-events: none; }
@media (min-width: 768px) {
  body.menu-in-header-body .sidebar { transition: transform .35s cubic-bezier(.3, .7, .3, 1), opacity .25s ease; }
  html.pk-header-hidden body.menu-in-header-body .sidebar { transform: translateY(-140%) !important; opacity: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  body header.header, body.menu-in-header-body .sidebar { transition: none !important; }
}

/* once the page has scrolled, use a nearly solid glass so text underneath never shows through */
body.fixed__top__header header.header.top-header-fixed {
  background: rgba(255, 255, 255, .94) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
}

/* =====================================================================
   No dark shadow / dark panel when the menu is opened or tapped
   ===================================================================== */
.sidebar, .sidebar.visible, .sidebar.active { box-shadow: none !important; -webkit-box-shadow: none !important; }
.sidebar__body { box-shadow: none !important; }
.sidebar__item, .sidebar__head, .sidebar__link, .header__burger, .sidebar__close { -webkit-tap-highlight-color: transparent; outline: none; }
.sidebar__item:focus, .sidebar__head:focus, .sidebar__item:active, .sidebar__head:active { background-color: transparent; box-shadow: none !important; }
body.menu-in-header-body .sidebar .sidebar__item:focus,
body.menu-in-header-body .sidebar .sidebar__item:active { background: rgba(12, 190, 213, .12) !important; }

@media (max-width: 767.98px) {
  /* slide-out menu: light glass panel instead of the dark grey one */
  .sidebar, body.dark__sidebar__color .sidebar {
    background: rgba(255, 255, 255, .96) !important;
    -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
    border-right: 1px solid rgba(20, 32, 58, .08) !important;
  }
  .sidebar .sidebar__item .side__bar__item__text, body.dark__sidebar__color .sidebar .sidebar__item .side__bar__item__text { color: #1b2433 !important; font-size: 15px; font-weight: 700; }
  .sidebar .sidebar__item .side__bar__item__icon, body.dark__sidebar__color .sidebar .sidebar__item .side__bar__item__icon {
    background: rgba(12, 190, 213, .12) !important; color: #0a8fa3 !important; box-shadow: none;
  }
  .sidebar .sidebar__item:hover, .sidebar .sidebar__item:active { background: rgba(12, 190, 213, .1) !important; border-radius: 14px; }
  .sidebar .sidebar__close { background: rgba(20, 32, 58, .08) !important; color: #1b2433 !important; }
  .sidebar .sidebar__close i { color: #1b2433 !important; }
  .sidebar .sidebar__foot .sidebar__item { color: #1b2433 !important; }
  .sidebar + .overlay, .js-popup-overlay { background: rgba(20, 32, 58, .18) !important; }
}

/* the dark-sidebar rule painted an opened dropdown's head near-black (rgb 14 14 15) */
body.dark__sidebar__color .sidebar__item_dropdown.active .sidebar__head,
body .sidebar__item_dropdown.active .sidebar__head,
body .sidebar__item_dropdown .sidebar__head:focus,
body .sidebar__item_dropdown .sidebar__head:active {
  background: rgba(12, 190, 213, .12) !important;
  box-shadow: none !important;
  border-radius: 999px;
}
body.dark__sidebar__color .sidebar__item_dropdown.active .sidebar__head .side__bar__item__text { color: #0a8fa3 !important; }
@media (max-width: 767.98px) {
  body .sidebar__item_dropdown.active .sidebar__head { border-radius: 14px; }
}

/* dropdowns: fully opaque card above every page element (no content showing through) */
@media (min-width: 768px) {
  body.horizontal__sidebar .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown .sidebar__body:after {
    background: #fff !important; -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid rgba(20, 32, 58, .08) !important;
  }
  body.menu-in-header-body .sidebar { z-index: 2000 !important; }
  body.menu-in-header-body .sidebar .sidebar__item_dropdown .sidebar__body { z-index: 2001; }
}
.sidebar__body.links__with__background { background-color: transparent; }

/* =====================================================================
   Phone header: logo never collapses; controls shrink to fit instead of overlapping
   ===================================================================== */
@media (max-width: 767.98px) {
  .header .header__row { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px !important; }
  .header .top__header__website__identity { flex: 0 0 auto !important; min-width: 0; width: auto !important; overflow: visible !important; display: flex !important; align-items: center; }
  .header .website__identity__sidebar__link { width: auto !important; flex: 0 0 auto; }
  .header .website__identity__sidebar__link .image__logo,
  body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon { height: 38px !important; max-height: 38px !important; width: auto !important; max-width: 112px !important; min-width: 70px; object-fit: contain; }
  .header .header__burger { flex: 0 0 22px; width: 22px; min-width: 22px; margin-right: 8px !important; }
  .header .right__header__control { flex: 1 1 0 !important; min-width: 0 !important; justify-content: flex-end; gap: 4px !important; margin-left: 0 !important; }
  .header .header__control { display: flex; align-items: center; gap: 2px; flex: 0 1 auto; min-width: 0; }
  .header .header__language .language__flag__text, .header .header__language .language__text { display: none !important; }
  .header .header__language .dropdown__toggle { min-width: 38px !important; padding: 0 !important; }
  .header .header__item_shopping .header__head { min-width: 40px !important; }
  .header .header__not__loggined__btns { flex: none; }
  .header .header__not__loggined__btns .header__button, .header .header__item__user .header__head { width: 42px !important; min-width: 42px !important; height: 42px; }
  /* wallet chip: amount only, compact */
  .pk-header-wallet { height: 38px !important; padding: 0 12px !important; margin: 0 2px 0 0 !important; gap: 6px !important; font-size: 13px !important; max-width: 108px; overflow: hidden; }
  .pk-header-wallet > i { display: none !important; }
  .pk-header-wallet span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 400px) {
  .header .website__identity__sidebar__link .image__logo,
  body.header__top__logo header .website__identity__sidebar__link img.image__logo.icon { max-width: 96px !important; height: 34px !important; max-height: 34px !important; }
  /* signed-in header is the tightest: language moves out (still in More / footer) */
  body.pk-has-dock .header .header__language { display: none !important; }
  .pk-header-wallet { max-width: 92px; padding: 0 10px !important; }
}

/* phone header (final): language hidden, top-up is a single wallet icon */
@media (max-width: 767.98px) {
  .header .header__language, .header .language__dropdown__select_wrapper.top { display: none !important; }
  .pk-header-wallet {
    width: 42px !important; height: 42px !important; min-width: 42px; max-width: 42px !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; justify-content: center; position: relative; border-radius: 50% !important;
  }
  .pk-header-wallet span { display: none !important; }
  .pk-header-wallet > i { display: none !important; }
  .pk-header-wallet > i:first-child { display: grid !important; font-size: 16px; color: #0a8fa3; place-items: center; }
  .pk-header-wallet .pk-hw-plus { display: grid !important; position: absolute; right: -3px; top: -3px; width: 17px; height: 17px; font-size: 8px; border: 2px solid #fff; }
  .header .right__header__control { gap: 8px !important; }
  .header .header__control { gap: 6px; }
}
@media (max-width: 767.98px) { .pk-header-wallet { overflow: visible !important; } .pk-header-wallet .pk-hw-plus { z-index: 2; } }