/* Narrow buyer repair: header hit areas and delivery pages only. */
@media screen and (max-width: 1023px) {
  #header .head-line {
    box-sizing: border-box;
    max-width: 100vw;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    height: auto !important;
    min-height: 44px;
    gap: 0 8px;
    background: #394858;
    color: #fff;
  }
  #header .head-line > form {
    position: relative !important;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
  }
  #header .head-line .dropdown-currency,
  #header .head-line .dropdown-language {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 0;
  }
  #header .head-line dl dt a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    width: auto;
    padding: 0 20px 0 6px;
  }
  #header .head-line dl dd { position: absolute; top: 100%; left: 0; min-width: 70px; }
  #header .head-line .dropdown-currency dd { min-width: 175px; }
  #header .head-line .login-container {
    position: relative !important;
    inset: auto !important;
    float: none;
    flex: 1 1 170px;
    width: auto !important;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding-left: 22px;
    text-align: right;
    box-sizing: border-box;
  }
  #header .head-line .login-container a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    vertical-align: middle;
  }
  #header .head-line dl dt a,
  #header .head-line .login-container a { color: #fff; }
  #header .head-line dl dt a.dropdown-select { color: #394858; }
}
@media screen and (max-width: 1023px) {
  body.tkt-delivery-page { margin: 0; min-width: 0; }
  .tkt-delivery-page #header,
  .tkt-delivery-page #footer,
  .tkt-delivery-page .contnent-container,
  .tkt-delivery-page .footer-container {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .tkt-delivery-page #header { height: auto !important; }
  .tkt-delivery-page .in-body,
  .tkt-delivery-page .colmask,
  .tkt-delivery-page .colmid,
  .tkt-delivery-page .colleft,
  .tkt-delivery-page .col1,
  .tkt-delivery-page .col1wrap {
    float: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tkt-delivery-page .col2,
  .tkt-delivery-page .col3 { display: none; }
  .tkt-delivery-page .head-body { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px; }
  .tkt-delivery-page .head-body .logo { float: none; flex: 1 1 130px; order: 1; }
  .tkt-delivery-page .head-body .cart-container { float: none; width: auto; margin: 0; order: 2; }
  .tkt-delivery-page .head-body .user-balance-container { float: none; margin: 0; order: 3; }
  .tkt-delivery-page .head-body > .clear { display: none; }
  .tkt-delivery-page .head-body .input-width { float: none; width: 100% !important; flex: 1 1 100%; margin: 0; padding: 0; order: 4; }
  .tkt-delivery-page .head-body .width-setter { position: static; width: 100%; margin: 0; }
  .tkt-delivery-page .head-body .input-width input { box-sizing: border-box; width: 100% !important; }
  .tkt-delivery-page #header .head-body > .parts { flex: 1 1 100%; width: 100% !important; margin: 0 !important; order: 5; float: none !important; }
  .tkt-delivery-page #header .head-body .parts-list { display: flex; flex-wrap: wrap; width: 100% !important; padding: 0; margin: 0; }
  .tkt-delivery-page #header .head-body .parts-item { float: none; }
  .tkt-delivery-page .head-body .search-container { float: none; position: relative; flex: 1 1 100%; width: 100% !important; margin: 0 !important; }
  .tkt-delivery-page .search-container input { box-sizing: border-box; max-width: 100%; }
  .tkt-delivery-page .menu-container > ul { display: flex; flex-wrap: wrap; padding: 0; }
  .tkt-delivery-page .menu-container > ul > li { float: none; }
  .tkt-delivery-page .breadcrumbs { position: static !important; box-sizing: border-box; width: 100%; height: auto; padding: 12px; }
  .tkt-delivery-page .aux-page-h1 { margin: 12px 16px; font-size: 26px; }
  .tkt-delivery-page .base-content-container { padding: 0 16px 24px; overflow-wrap: break-word; }
  .tkt-delivery-page .base-content-container h2 { font-size: 22px; line-height: 1.3; }
  .tkt-delivery-page .base-content-container ul { padding-left: 22px; }
  .tkt-delivery-page #footer .parts { display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 16px; gap: 20px; }
  .tkt-delivery-page #footer .parts > .part { float: none; width: auto; flex: 1 1 180px; margin: 0; }
}