/* Local, consistent icons for the archived Peking Tokyo template.
   The original Font Awesome kit was third-party; these icons use the
   Bootstrap sprite that is already shipped with the exported website. */
.far, .fas, .fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
  line-height: 1;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.fa-lg { font-size: inherit; }
.fa-shopping-cart::before,
.fa-search::before,
.fa-times::before,
.fa-plus::before,
.fa-minus::before,
.fa-info-circle::before,
.fa-warning::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("/web/default3.0/img/glyphicons-halflings.png");
  background-repeat: no-repeat;
}
.fa-shopping-cart::before { background-position: -360px -120px; }
.fa-search::before { background-position: -48px 0; }
.fa-times::before { background-position: -312px 0; }
.fa-plus::before { background-position: -408px -96px; }
.fa-minus::before { background-position: -433px -96px; }
.fa-info-circle::before { background-position: -120px -96px; }
.fa-warning::before { background-position: -144px -120px; }

/* Three crisp lines, aligned with the 17px navigation symbols. */
.fa-bars::before {
  content: "";
  display: block;
  width: 17px;
  height: 15px;
  background:
    linear-gradient(currentColor, currentColor) center 1px / 17px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center 7px / 17px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center 13px / 17px 2px no-repeat;
}

/* Header icons were white in the original desktop/mobile design. */
.mobileWrapper .fa-shopping-cart::before,
.mobileWrapper .fa-search::before,
.mobileWrapper .fa-times::before,
.mobileWrapper .fa-plus::before,
.cartTriggerDesktop .fa-shopping-cart::before {
  background-image: url("/web/default3.0/img/glyphicons-halflings-white.png");
}

/* A lightweight fallback for the browser-upgrade banner's social symbols. */
.fa-chrome::before,
.fa-firefox::before,
.fa-edge::before,
.fa-safari::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}
.fa-chrome::before { content: "C"; }
.fa-firefox::before { content: "F"; }
.fa-edge::before { content: "E"; }
.fa-safari::before { content: "S"; }

/* The export was missing the homepage. Keep the recovered introduction tidy
   while retaining the original page's header, columns, and footer. */
.restored-home-intro {
  margin: 18px 0 22px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e3d4d1;
  border-left: 4px solid #b42326;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(30, 20, 20, .05);
}
.restored-home-intro h1 { margin-top: 0; font-size: clamp(22px, 3vw, 30px); }
.restored-home-intro p { margin-bottom: 14px; }
.restored-home-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.restored-home-actions a {
  background: #a92326;
  color: white;
  padding: 9px 13px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
}
.restored-home-actions a:hover,
.restored-home-actions a:focus {
  background: #77171b;
  color: white;
  text-decoration: none;
}
@media (max-width: 480px) {
  .restored-home-intro { padding: 15px; margin: 12px 0 16px; }
  .restored-home-actions a { flex: 1 1 100%; text-align: center; }
}