/* ===========================
   Шапка (десктоп, від 992px): смуга переваг, пошук, блок телефону, іконки-плитки.
   Мобільна шапка не змінюється.
   =========================== */

/* ---- смуга переваг ---- */
.top-benefits {
  background: linear-gradient(90deg, #667eea, #764ba2);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.top-benefits-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 4px 0;
}
.top-benefits-list,
.top-benefits-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 28px;
}
.top-benefits-actions { gap: 6px 14px; flex-shrink: 0; }
.top-benefits a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  text-decoration: none;
  opacity: .95;
  white-space: nowrap;
}
.top-benefits a:hover { color: #fff; opacity: 1; text-decoration: underline; }
.top-benefits i { font-size: 11px; opacity: .9; }

/* вужчі десктопи: прибираємо "Повернення 14 днів", щоб рядок не переносився */
@media (max-width: 1199px) {
  .top-benefits-list a:nth-child(2) { display: none; }
}

/* ---- блок телефону ---- */
.header-phone { display: none; }

@media (min-width: 992px) {
  .header-phone {
    display: grid;
    gap: 2px;
    padding: 0 16px;
    border-left: 1px solid #eef0f6;
    border-right: 1px solid #eef0f6;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .header-phone-number {
    font-size: 17px;
    font-weight: 800;
    color: #1f2133;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
  }
  .header-phone-number:hover { color: #764ba2; text-decoration: none; }
  .header-phone-hours {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6b6f86;
  }
  .header-phone-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b4b8cc;
  }
  .header-phone-dot.is-open { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .2); }
  .header-phone-tg {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    padding: 2px 9px;
    border-radius: 999px;
    background: #2aabee;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
  }
  .header-phone-tg:hover { color: #fff; text-decoration: none; filter: brightness(1.05); }
  .header-phone-msgr { display: flex; gap: 5px; }
  .header-phone-viber { background: #7360f2; }

  /* ---- пошук: сіре поле, біла кнопка всередині ---- */
  .main-navbar .search-input-wrapper {
    height: 50px;
    border-radius: 14px;
    background: #f4f5fb;
    border: 2px solid transparent;
    padding: 4px 5px 4px 18px;
  }
  .main-navbar .search-input-wrapper:focus-within {
    background: #fff;
    border-color: #667eea;
    box-shadow: 0 0 0 5px rgba(102, 126, 234, .12);
  }
  .main-navbar .search-btn {
    height: 100%;
    padding: 0 20px;
    border-radius: 10px;
    background: #fff;
    color: #764ba2;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(30, 20, 80, .08);
  }
  .main-navbar .search-btn:hover { background: linear-gradient(120deg, #667eea, #764ba2); color: #fff; }
  .main-navbar .search-input-wrapper:focus-within .search-btn { background: linear-gradient(120deg, #667eea, #764ba2); color: #fff; }

  /* ---- іконки праворуч: плитка зі значком і підпис знизу ---- */
  .main-navbar .navbar-actions { gap: 4px; }
  .main-navbar .navbar-actions .cart-link,
  .main-navbar .navbar-actions .account-dropdown > .nav-link {
    flex-direction: column;
    gap: 4px;
    padding: 4px 6px;
    min-width: 62px;
    background: none;
    color: #4b4f66;
    font-size: 11px;
    font-weight: 600;
  }
  .main-navbar .navbar-actions .cart-link:hover,
  .main-navbar .navbar-actions .account-dropdown > .nav-link:hover { background: none; color: #764ba2; }

  .main-navbar .navbar-actions .cart-icon-wrapper,
  .main-navbar .navbar-actions .account-dropdown > .nav-link > .fa-user {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f4f5fb;
    display: grid;
    place-items: center;
    transition: background .2s ease, color .2s ease;
  }
  /* іконки-шрифти (серце, дзвіночок, кошик) без фіксованої ширини — інакше гліф притискається вліво */
  .main-navbar .navbar-actions .cart-icon-wrapper i { font-size: 18px; width: auto; line-height: 1; text-align: center; }
  .main-navbar .navbar-actions .cart-icon-wrapper svg { width: 20px; height: 20px; }
  .main-navbar .navbar-actions .account-dropdown > .nav-link > .fa-user { font-size: 17px; }
  .main-navbar .navbar-actions .cart-link:hover .cart-icon-wrapper,
  .main-navbar .navbar-actions .account-dropdown > .nav-link:hover > .fa-user {
    background: rgba(102, 126, 234, .12);
    color: #764ba2;
  }
  .main-navbar .navbar-actions .nav-text { font-size: 11px; font-weight: 600; line-height: 1.1; }
  .main-navbar .navbar-actions .account-dropdown .dropdown-arrow { display: none; }

  .main-navbar .navbar-actions .cart-badge {
    top: -5px;
    right: -5px;
    min-width: 19px;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: 800;
    border: 2px solid #fff;
  }
}

/* вужчі десктопи: ховаємо кнопки месенджерів у блоці телефону, щоб усе вміщалось */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-phone-msgr { display: none; }
  .header-phone { padding: 0 10px; }
  .main-navbar .navbar-actions .cart-link,
  .main-navbar .navbar-actions .account-dropdown > .nav-link { min-width: 52px; }
}