/* Quiet contacts. White field, one soft accent, no pills. */
header .header-phones {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px 12px !important;
  padding-right: 0 !important;
}
header a.header-phones__main,
header a.header-phones__main.xstore-call {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  color: #222 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}
header a.header-phones__main i,
header .header-phones__main-img-i {
  color: #c45b7a !important;
  width: auto !important;
}
.xs-quiet-call {
  color: #8a8a8a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(196, 91, 122, 0.45);
  line-height: 1.2;
}
.xs-quiet-call:hover { color: #c45b7a !important; }
.xs-quiet-socials {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.xs-quiet-socials a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 0 !important;
  color: #8d8d8d !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
.xs-quiet-socials a:hover { color: #c45b7a !important; background: #f7f1f3 !important; }
header .header-phones__show-phone { display: none !important; }
@media (max-width: 991px) {
  header {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
    box-shadow: none !important;
  }
  header .header-block__item-telephone {
    display: flex !important;
    flex: 1 1 100% !important;
    order: 8 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 2px 0 8px !important;
    background: transparent !important;
  }
  header .header-phones,
  header .header-phones.has-addit {
    justify-content: flex-start !important;
    width: 100% !important;
    background: transparent !important;
  }
  header a.header-phones__main { font-size: 13px !important; }
}

/* Callback, quick order, login, cart: above the sticky header (1100),
   bottom dock (1200) and checkout bar (1300). Age gate stays higher. */
.modal-backdrop {
  z-index: 1900 !important;
}
.modal {
  z-index: 2000 !important;
}
.uni-alert {
  z-index: 2050 !important;
}
/* Dock, fly button and fly header stay under the form overlay. */
body.modal-open .xs-bottom-nav,
body.modal-open .fly-block,
body.modal-open .fly-menu,
body.modal-open .xs-sticky-atc,
body.modal-open #xstore-conv-bar,
body.modal-open .xs-co-bar {
  z-index: 1 !important;
}
@media (max-width: 991px) {
  .modal:before {
    display: none !important;
    height: 0 !important;
  }
  .modal-dialog {
    margin: 16px auto 28px !important;
    vertical-align: top !important;
    max-height: none !important;
  }
  .modal-content {
    max-height: calc(100dvh - 44px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}