/* =====================================================
   VITABOLIC HEADER V33
   Desktop: only fixes alignment for the modern header.
   Mobile: initial 3 cards. Sticky state uses a separate fixed clone.
   ===================================================== */

.vtb-mobile-burger,
#vtb-mobile-drawer-wrap,
#vtb-mobile-sticky-header {
  display: none !important;
}

/* ---------------- DESKTOP FIXES ---------------- */
@media only screen and (min-width: 1190px) {
  .vtb-mobile-burger,
  #vtb-mobile-drawer-wrap,
  #vtb-mobile-sticky-header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #bar-logo-search-menu.header-main-modern,
  #bar-logo-search-menu {
    background: #f7f0e6 !important;
    border-bottom: 1px solid #dfd2bf !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu.header-main-modern > .wrapper,
  #bar-logo-search-menu.header-main-modern .header-main-modern-inner {
    width: min(1400px, calc(100% - 80px)) !important;
    min-height: 138px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 230px minmax(380px, 560px) auto !important;
    grid-template-areas: "logo search actions" !important;
    align-items: center !important;
    column-gap: 54px !important;
  }

  #bar-logo-search-menu #logo {
    grid-area: logo !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #bar-logo-search-menu #box-search {
    grid-area: search !important;
    float: none !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #bar-logo-search-menu .header-actions-modern {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu .header-account-modern {
    min-width: 150px !important;
    height: 58px !important;
    padding: 0 26px !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-account-modern span {
    display: block !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-modern-wrap {
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #bar-logo-search-menu .header-cart-modern {
    width: auto !important;
    min-width: 260px !important;
    height: 58px !important;
    padding: 0 28px !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-modern i {
    flex: 0 0 auto !important;
  }

  #bar-logo-search-menu .header-cart-modern-text {
    display: grid !important;
    gap: 3px !important;
    min-width: 150px !important;
    max-width: none !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-modern-text strong {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
  }

  #bar-logo-search-menu .header-cart-modern-text small {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
  }

  #bar-logo-search-menu .header-cart-count-line,
  #bar-logo-search-menu .header-cart-total-line {
    display: inline !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-count-line::after {
    content: " - " !important;
  }

  #bar-logo-search-menu .header-language-modern {
    width: 90px !important;
    min-width: 90px !important;
    height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 1px solid #dccdbb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #bar-logo-search-menu .header-language-code {
    display: none !important;
  }

  #bar-logo-search-menu .header-language-modern #languageMenu,
  #bar-logo-search-menu .header-language-modern #languageMenu li,
  #bar-logo-search-menu .header-language-modern #languageMenu a,
  #bar-logo-search-menu .header-language-modern .languagePicker {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
  }

  #bar-logo-search-menu .header-language-modern img {
    width: 32px !important;
    height: auto !important;
    margin: 0 !important;
    position: static !important;
  }

  #bar-logo-search-menu #container-cart-products-small {
    top: 62px !important;
    right: 0 !important;
    left: auto !important;
    z-index: 5000 !important;
  }
}

/* ---------------- MOBILE ---------------- */
@media only screen and (max-width: 1199px) {
  :root {
    --vtb-mobile-bg: #f7f0e6;
    --vtb-mobile-search: #eee7dc;
    --vtb-mobile-card: rgba(255,255,255,.60);
    --vtb-mobile-border: #dfd2bf;
    --vtb-mobile-gold: #d39a21;
    --vtb-mobile-text: #111;
    --vtb-mobile-muted: #4b4036;
    --vtb-mobile-shadow: 0 16px 34px rgba(0,0,0,.065);
  }

  html,
  body,
  #page,
  .ui-page,
  .ui-content {
    overflow-x: hidden !important;
  }

  body.vtb-mobile-menu-open {
    overflow: hidden !important;
  }

  /* Mobile: promo strip hidden completely. */
  #bar-promotii-strip {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  #site-header,
  #header,
  header,
  #bar-logo-search-menu {
    overflow: visible !important;
  }

  /* Important: original header is NOT sticky anymore. The fixed bar is a clone. */
  #site-header {
    position: relative !important;
    top: auto !important;
    z-index: 100 !important;
    background: var(--vtb-mobile-bg) !important;
  }

  #bar-logo-search-menu {
    background: var(--vtb-mobile-bg) !important;
    border-bottom: 1px solid var(--vtb-mobile-border) !important;
  }

  #bar-logo-search-menu > .wrapper,
  #bar-logo-search-menu.header-main-modern > .wrapper,
  #bar-logo-search-menu .header-main-modern-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 18px 20px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "search"
      "actions" !important;
    gap: 16px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu #nav-primary,
  #bar-categorii-nav {
    display: none !important;
  }

  #bar-logo-search-menu #logo {
    grid-area: logo !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #bar-logo-search-menu #logo a {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
  }

  #bar-logo-search-menu #logo img {
    display: block !important;
    width: auto !important;
    max-width: 152px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  #bar-logo-search-menu #logo p {
    display: block !important;
    margin: -4px 0 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .5em !important;
    color: #5b4d41 !important;
    -webkit-text-fill-color: #5b4d41 !important;
  }

  #bar-logo-search-menu #box-search {
    grid-area: search !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  #bar-logo-search-menu #search-input {
    position: relative !important;
    width: 100% !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
  }

  #bar-logo-search-menu #searchBox,
  #bar-logo-search-menu #box-search input[type="search"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 68px 0 24px !important;
    border: 1px solid #d8cab7 !important;
    border-radius: 999px !important;
    background: var(--vtb-mobile-search) !important;
    color: var(--vtb-mobile-muted) !important;
    -webkit-text-fill-color: var(--vtb-mobile-muted) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    box-sizing: border-box !important;
    outline: none !important;
  }

  #bar-logo-search-menu #searchButton {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--vtb-mobile-gold) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
    transform: none !important;
    cursor: pointer !important;
  }

  /* Initial state: exactly 3 cards: account / cart / language. */
  #bar-logo-search-menu .vtb-mobile-burger {
    display: none !important;
  }

  #bar-logo-search-menu .header-actions-modern {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 392px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    align-items: stretch !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #bar-logo-search-menu .header-actions-modern > * {
    min-width: 0 !important;
  }

  #bar-logo-search-menu .header-cart-modern-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #bar-logo-search-menu .header-account-modern,
  #bar-logo-search-menu .header-cart-modern,
  #bar-logo-search-menu .header-language-modern {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 92px !important;
    min-height: 92px !important;
    border: 1px solid var(--vtb-mobile-border) !important;
    border-radius: 14px !important;
    background: var(--vtb-mobile-card) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: var(--vtb-mobile-shadow) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    color: var(--vtb-mobile-text) !important;
    -webkit-text-fill-color: var(--vtb-mobile-text) !important;
  }

  #bar-logo-search-menu .header-account-modern i,
  #bar-logo-search-menu .header-cart-modern i {
    font-size: 27px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
  }

  #bar-logo-search-menu .header-account-modern span {
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  #bar-logo-search-menu .header-cart-modern {
    position: relative !important;
  }

  #bar-logo-search-menu .header-cart-modern-text {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  #bar-logo-search-menu .header-cart-modern-text strong {
    display: none !important;
  }

  #bar-logo-search-menu .header-cart-modern-text small {
    display: grid !important;
    gap: 2px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
  }

  #bar-logo-search-menu .header-cart-count-line,
  #bar-logo-search-menu .header-cart-total-line {
    display: block !important;
  }

  #bar-logo-search-menu .header-cart-count-line::after {
    content: none !important;
  }

  #bar-logo-search-menu .header-cart-modern::after {
    content: attr(data-count) !important;
    position: absolute !important;
    top: 12px !important;
    right: 18px !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    background: var(--vtb-mobile-gold) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-language-modern #languageMenu,
  #bar-logo-search-menu .header-language-modern #languageMenu li,
  #bar-logo-search-menu .header-language-modern #languageMenu a,
  #bar-logo-search-menu .header-language-modern .languagePicker {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-language-modern img {
    display: block !important;
    width: 34px !important;
    height: auto !important;
    margin: 0 auto !important;
    position: static !important;
    transform: none !important;
  }

  #bar-logo-search-menu .header-language-code {
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
  }

  #bar-logo-search-menu .header-account-modern::before,
  #bar-logo-search-menu .header-account-modern::after,
  #bar-logo-search-menu .header-cart-modern::before,
  #bar-logo-search-menu .header-language-modern::before,
  #bar-logo-search-menu .header-language-modern::after {
    display: none !important;
    content: none !important;
  }

  /* Fixed sticky clone, independent from the original header. */
  #vtb-mobile-sticky-header {
    display: grid !important;
    grid-template-columns: 48px 1fr 42px 42px 48px !important;
    grid-template-areas: "burger logo account cart lang" !important;
    gap: 8px !important;
    align-items: center !important;

    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 20000 !important;

    height: 64px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;

    background: var(--vtb-mobile-bg) !important;
    border-bottom: 1px solid var(--vtb-mobile-border) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;

    transform: translateY(-110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  #vtb-mobile-sticky-header.is-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger,
  #vtb-mobile-sticky-header .vtb-mobile-sticky-account,
  #vtb-mobile-sticky-header .vtb-mobile-sticky-cart,
  #vtb-mobile-sticky-header .vtb-mobile-sticky-lang {
    width: 42px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    text-decoration: none !important;
    position: relative !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger {
    grid-area: burger !important;
    width: 48px !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #111 !important;
    border-radius: 2px !important;
    position: absolute !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger span:nth-child(1) { transform: translateY(-7px) !important; }
  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger span:nth-child(2) { transform: translateY(0) !important; }
  #vtb-mobile-sticky-header .vtb-mobile-sticky-burger span:nth-child(3) { transform: translateY(7px) !important; }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-logo {
    grid-area: logo !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-logo img {
    width: auto !important;
    max-width: 112px !important;
    height: auto !important;
    display: block !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-account { grid-area: account !important; }
  #vtb-mobile-sticky-header .vtb-mobile-sticky-cart { grid-area: cart !important; }
  #vtb-mobile-sticky-header .vtb-mobile-sticky-lang { grid-area: lang !important; width: 48px !important; }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-account i,
  #vtb-mobile-sticky-header .vtb-mobile-sticky-cart i {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-cart::after {
    content: attr(data-count) !important;
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: var(--vtb-mobile-gold) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #vtb-mobile-sticky-header .vtb-mobile-sticky-lang img {
    width: 28px !important;
    height: auto !important;
    display: block !important;
  }

  /* Drawer */
  #vtb-mobile-drawer-wrap {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 30000 !important;
    pointer-events: none !important;
  }

  .vtb-mobile-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.55) !important;
    opacity: 0 !important;
    transition: opacity .22s ease !important;
  }

  .vtb-mobile-drawer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: min(86vw, 340px) !important;
    height: 100vh !important;
    background: radial-gradient(circle at 10% 0%, rgba(217,170,74,.12), transparent 32%), #f8f1e7 !important;
    border-right: 1px solid var(--vtb-mobile-border) !important;
    box-shadow: 28px 0 70px rgba(0,0,0,.28) !important;
    transform: translateX(-105%) !important;
    transition: transform .26s ease !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.vtb-mobile-menu-open #vtb-mobile-drawer-wrap {
    pointer-events: auto !important;
  }

  body.vtb-mobile-menu-open .vtb-mobile-backdrop {
    opacity: 1 !important;
  }

  body.vtb-mobile-menu-open .vtb-mobile-drawer {
    transform: translateX(0) !important;
  }

  .vtb-mobile-drawer-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 22px 20px 18px !important;
    border-bottom: 1px solid #e1d4c2 !important;
  }

  .vtb-mobile-drawer-logo img {
    width: auto !important;
    max-width: 138px !important;
    height: auto !important;
  }

  .vtb-mobile-drawer-close {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid var(--vtb-mobile-border) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.45) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .vtb-mobile-drawer-title {
    padding: 18px 22px 8px !important;
    color: #c89022 !important;
    -webkit-text-fill-color: #c89022 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
  }

  .vtb-mobile-category-list {
    display: grid !important;
    gap: 0 !important;
    padding: 0 18px 28px !important;
  }

  .vtb-mobile-category-list a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 16px 4px !important;
    border-bottom: 1px solid rgba(90,70,48,.14) !important;
    text-decoration: none !important;
    color: #2b2119 !important;
    -webkit-text-fill-color: #2b2119 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  .vtb-mobile-category-list a i {
    color: #c89022 !important;
    -webkit-text-fill-color: #c89022 !important;
    font-size: 16px !important;
  }

  @media only screen and (max-width: 390px) {
    #bar-logo-search-menu > .wrapper,
    #bar-logo-search-menu.header-main-modern > .wrapper,
    #bar-logo-search-menu .header-main-modern-inner {
      padding-left: 14px !important;
      padding-right: 14px !important;
    }

    #bar-logo-search-menu .header-actions-modern {
      gap: 16px !important;
    }

    #bar-logo-search-menu .header-account-modern,
    #bar-logo-search-menu .header-cart-modern,
    #bar-logo-search-menu .header-language-modern {
      height: 88px !important;
      min-height: 88px !important;
    }
  }
}


/* =====================================================
   VITABOLIC HEADER V34 - final alignment corrections
   Desktop cart text + Mobile 3 equal cards.
   Keep this block LAST.
   ===================================================== */

@media only screen and (min-width: 1190px) {
  #bar-logo-search-menu .header-actions-modern {
    display: grid !important;
    grid-template-columns: 165px 320px 92px !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 0 !important;
    min-width: 577px !important;
    width: auto !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu .header-account-modern,
  #bar-logo-search-menu .header-cart-modern,
  #bar-logo-search-menu .header-language-modern {
    height: 58px !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #bar-logo-search-menu .header-account-modern {
    width: 165px !important;
    min-width: 165px !important;
    padding: 0 24px !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-account-modern span {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-cart-modern-wrap {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #bar-logo-search-menu .header-cart-modern {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    padding: 0 26px !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 0 !important;
    display: grid !important;
    grid-template-columns: 38px 1fr !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 18px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu .header-cart-modern i {
    grid-column: 1 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-cart-modern::after,
  #bar-logo-search-menu .header-cart-modern::before,
  #bar-logo-search-menu .header-cart-modern-text::before,
  #bar-logo-search-menu .header-cart-modern-text::after {
    display: none !important;
    content: none !important;
  }

  #bar-logo-search-menu .header-cart-modern-text {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 4px !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  #bar-logo-search-menu .header-cart-modern-text strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-modern-text small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  #bar-logo-search-menu .header-cart-count-line,
  #bar-logo-search-menu .header-cart-total-line {
    display: inline !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  #bar-logo-search-menu .header-cart-count-line::after {
    content: " - " !important;
  }

  #bar-logo-search-menu .header-language-modern {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-left: 1px solid #dccdbb !important;
    border-right: 1px solid #dccdbb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  #bar-logo-search-menu .header-language-modern #languageMenu,
  #bar-logo-search-menu .header-language-modern #languageMenu li,
  #bar-logo-search-menu .header-language-modern #languageMenu a,
  #bar-logo-search-menu .header-language-modern .languagePicker {
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #bar-logo-search-menu .header-language-modern img {
    width: 32px !important;
    height: auto !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  #bar-logo-search-menu .header-language-code {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  #bar-logo-search-menu .header-actions-modern {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 392px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    align-items: stretch !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #bar-logo-search-menu .header-actions-modern > .vtb-mobile-burger {
    display: none !important;
  }

  #bar-logo-search-menu .header-actions-modern > .header-account-modern,
  #bar-logo-search-menu .header-actions-modern > .header-cart-modern-wrap,
  #bar-logo-search-menu .header-actions-modern > .header-language-modern {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #bar-logo-search-menu .header-account-modern,
  #bar-logo-search-menu .header-cart-modern,
  #bar-logo-search-menu .header-language-modern {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 92px !important;
    min-height: 92px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--vtb-mobile-border) !important;
    border-radius: 14px !important;
    background: var(--vtb-mobile-card) !important;
    box-shadow: var(--vtb-mobile-shadow) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #bar-logo-search-menu .header-account-modern i,
  #bar-logo-search-menu .header-cart-modern i {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 27px !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-account-modern span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  #bar-logo-search-menu .header-cart-modern {
    position: relative !important;
  }

  #bar-logo-search-menu .header-cart-modern::before,
  #bar-logo-search-menu .header-cart-modern-text::before,
  #bar-logo-search-menu .header-cart-modern-text::after,
  #bar-logo-search-menu .header-cart-count-line::after,
  #bar-logo-search-menu .header-cart-total-line::before,
  #bar-logo-search-menu .header-cart-total-line::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
  }

  #bar-logo-search-menu .header-cart-modern::after {
    content: attr(data-count) !important;
    display: flex !important;
    position: absolute !important;
    top: 12px !important;
    right: 18px !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    background: var(--vtb-mobile-gold) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-cart-modern-text {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    border: 0 !important;
  }

  #bar-logo-search-menu .header-cart-modern-text strong {
    display: none !important;
  }

  #bar-logo-search-menu .header-cart-modern-text small {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  #bar-logo-search-menu .header-cart-count-line,
  #bar-logo-search-menu .header-cart-total-line {
    display: block !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
  }

  #bar-logo-search-menu .header-language-modern #languageMenu,
  #bar-logo-search-menu .header-language-modern #languageMenu li,
  #bar-logo-search-menu .header-language-modern #languageMenu a,
  #bar-logo-search-menu .header-language-modern .languagePicker {
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    line-height: 1 !important;
  }

  #bar-logo-search-menu .header-language-modern img {
    width: 34px !important;
    height: auto !important;
    margin: 0 auto !important;
    position: static !important;
    transform: none !important;
  }

  #bar-logo-search-menu .header-language-code {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
}