/* Shared storefront controls, navigation and cards from the approved homepage. */
body.lt-store-hardware { --header-h: 76px; }
.lt-store-hardware .lt-topbar { background: #0a0c0d; border-bottom: 1px solid #34393b; color: var(--lt-text-secondary); font-size: 11px; }
.lt-store-hardware .lt-topbar__inner { min-height: 32px; gap: 18px; }
.lt-store-hardware .lt-topbar em { font-family: var(--font); font-size: 11px; color: var(--lt-orange-light); }
body.lt-store-hardware .lt-header,
body.lt-store-hardware .lt-header.is-stuck {
  color: var(--lt-text); border-block: 1px solid #454a4b;
  background-color: var(--lt-bg-deep); background-image: var(--lt-material-chassis); background-position: center;
  background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend);
  box-shadow: inset 0 1px #ffffff1f, 0 3px 12px #0009;
}
.lt-store-hardware .lt-header__inner { grid-template-columns: 192px minmax(0, 1fr) auto; gap: 20px; }
body.lt-store-hardware .lt-header img.lt-logo.lt-logo--on-light { height: 52px; padding: 0; border-radius: 0; background: transparent; }
.lt-store-hardware .lt-menu > li > a { min-height: 48px; font-size: 13px; padding-inline: 11px; }
.lt-store-hardware .lt-menu > li > a:hover { color: var(--lt-amber); }
.lt-store-hardware :is(.lt-menu .sub-menu, .lt-account__menu) {
  border: 1px solid var(--lt-rim); border-radius: 5px; color: var(--lt-text);
  background-color: var(--lt-surface-1); background-image: var(--lt-material-face); background-position: center;
  background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend);
  box-shadow: var(--lt-panel-shadow);
}
.lt-store-hardware .lt-menu > li:focus-within > .sub-menu { display: block; }
.lt-store-hardware .lt-menu .sub-menu a { min-height: 44px; border-radius: 3px; color: var(--lt-text); }
.lt-store-hardware :is(.lt-menu .sub-menu a, .lt-account__menu a):hover { color: #ffc16f; background: #6b42192e; }
.lt-store-hardware .lt-auth { font-size: 12px; }
.lt-store-hardware :is(.lt-iconbtn, .lt-burger) { min-width: 44px; min-height: 44px; border-radius: 4px; }
.lt-store-hardware .lt-iconbtn:hover { color: var(--lt-amber); background: #ffffff0a; }
.lt-store-hardware .lt-searchwrap.is-open .lt-search { max-width: 145px; }
.lt-store-hardware .lt-search input { color: var(--lt-text); }
.lt-store-hardware .lt-avatar { border-color: #9f744b; background: #161a1c; }
.lt-store-hardware .lt-drawer { background: #000a; }
.lt-store-hardware .lt-drawer__panel {
  color: var(--lt-text); border-left: 1px solid var(--lt-rim);
  background-color: var(--lt-bg-deep); background-image: var(--lt-material-chassis); background-position: center;
  background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend);
}
.lt-store-hardware .lt-drawer__close { width: 44px; height: 44px; color: var(--lt-text); border-radius: 4px; background: #080b0c; }
.lt-store-hardware .lt-drawer__menu a { color: var(--lt-text); border-color: #343b3e; min-height: 44px; }
.lt-store-hardware .lt-drawer__menu a:hover { color: var(--lt-amber); }
.lt-store-hardware .lt-drawer .lt-logo--on-light { padding: 0; background: transparent; }
.lt-store-hardware .lt-btn {
  min-height: 44px; padding: 11px 19px; border: 1px solid #747a7b; border-radius: 4px;
  font-size: 12px; line-height: 1.3; color: var(--lt-text); background: linear-gradient(#282d2f, #111516);
  box-shadow: inset 0 1px #ffffff1f, inset 0 -2px #0009, 0 2px 4px #0005;
}
.lt-store-hardware .lt-btn--orange {
  border-color: #f5a148; color: #ffc16f; background: linear-gradient(#31241a, #0e0e0d);
  box-shadow: inset 0 1px #ffe1a138, inset 0 -2px #0009, 0 0 7px #ff8b2a8c, 0 0 17px #e567204d;
  text-shadow: 0 0 7px #ffac3840;
}
.lt-store-hardware .lt-btn--orange:hover { color: #fff7e9; border-color: #ffd28c; box-shadow: inset 0 1px #fff4d061, 0 0 12px #ff972fcc, 0 0 25px #e6672170; }
.lt-store-hardware .lt-btn--ghost { border-color: #6c655d; color: #dfd8cc; background: linear-gradient(#272929b3, #0e1011cc); }
.lt-store-hardware .lt-btn--ghost:hover { border-color: #c08b52; color: #ffc16f; }
.lt-store-hardware .lt-textlink { color: var(--lt-orange-light); font-size: 12px; }
.lt-store-hardware .lt-textlink:hover { color: #ffc16f; }
.lt-store-hardware .lt-select { position: relative; padding-inline: 13px; gap: 11px; border-color: #667174; border-radius: 4px; background: linear-gradient(#1a2022, #0b0f10); box-shadow: 0 0 0 1px #080b0c, inset 0 1px #ffffff17, inset 0 2px 6px #0009, inset 0 -1px #ffffff12; }
.lt-store-hardware .lt-select .ti { color: #b5bbba; }
.lt-store-hardware .lt-select select { min-height: 48px; padding-block: 10px; color: var(--lt-text); font-size: 13px; accent-color: var(--lt-amber); }
.lt-store-hardware .lt-select select option { color: var(--lt-text); background: #171b1d; }
.lt-store-hardware .lt-select select[hidden] { display: none; }
.lt-store-hardware .lt-select__trigger { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 48px; padding: 10px 0; border: 0; border-radius: 0; color: var(--lt-text); background: transparent; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.lt-store-hardware .lt-select__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lt-store-hardware .lt-select__trigger > .ti { flex: none; font-size: 17px; color: #c3cdca; transition: transform .15s ease; }
.lt-store-hardware .lt-select.is-open { z-index: 20; border-color: #e3a156; box-shadow: 0 0 0 1px #9d682f, inset 0 1px #ffffff17, 0 0 12px #ff912e26; }
.lt-store-hardware .lt-select.is-open .lt-select__trigger > .ti { color: var(--lt-amber); transform: rotate(180deg); }
.lt-store-hardware .lt-select.is-disabled { border-color: #4c5659; }
.lt-store-hardware .lt-select__trigger:disabled { color: #a1aaa7; cursor: not-allowed; }
.lt-store-hardware .lt-select.has-value > .ti { color: var(--lt-amber); }
.lt-store-hardware .lt-select__list { position: absolute; z-index: 21; top: calc(100% + 7px); right: -1px; left: -1px; max-height: 248px; overflow: auto; overscroll-behavior: contain; margin: 0; padding: 6px; list-style: none; border: 1px solid #707b7e; border-radius: 5px; color: var(--lt-text); background-color: var(--lt-bg-deep); background-image: var(--lt-material-chassis); background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend); box-shadow: 0 0 0 1px #06090a, inset 0 1px #ffffff1a, 0 10px 22px #0009; scrollbar-width: thin; scrollbar-color: #9b744c #101516; }
.lt-store-hardware .lt-select__list[hidden] { display: none; }
.lt-store-hardware .lt-select.opens-up .lt-select__list { top: auto; bottom: calc(100% + 7px); }
.lt-store-hardware .lt-select__option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 12px; border: 1px solid transparent; border-radius: 3px; color: #d5dcd8; font-size: 12px; line-height: 1.45; cursor: pointer; }
.lt-store-hardware .lt-select__option .ti { color: #ffb55d; font-size: 16px; }
.lt-store-hardware .lt-select__option:is(:hover, .is-active) { border-color: #74563a; color: #fff2df; background: linear-gradient(#3a2c20, #231d18); }
.lt-store-hardware .lt-select__option[aria-selected="true"] { color: #ffc16f; }
.lt-store-hardware :is(.lt-select, .lt-hero-search, .lt-newsform):focus-within { outline: 2px solid #ffb356; outline-offset: 3px; }
.lt-store-hardware .lt-featured__intro .lt-btn { position: absolute; right: 0; bottom: 0; }
.lt-store-hardware .lt-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lt-store-hardware :is(.lt-card, .lt-combo-card, .lt-post, .lt-quote) {
  color: var(--lt-text); border: 1px solid #596366; border-radius: 6px;
  background-color: #222629; background-image: var(--lt-material-face); background-position: center;
  background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend);
  box-shadow: var(--lt-panel-shadow);
}
.lt-store-hardware :is(.lt-card, .lt-combo-card, .lt-post):hover { border-color: #b08454; }
.lt-store-hardware .lt-card__media { aspect-ratio: 1; border-bottom: 1px solid #41494b; }
.lt-store-hardware :is(.lt-card__media, .lt-combo-card__media) img { filter: saturate(.85) brightness(.92); }
.lt-store-hardware :is(.lt-card__play, .lt-post__play) { width: 34px; height: 34px; border: 1px solid #e1e5e3; color: #fff; background: #080b0cb3; box-shadow: 0 2px 5px #0007; }
.lt-store-hardware :is(.lt-card__body, .lt-combo-card__body) { padding: 15px 17px 16px; }
.lt-store-hardware :is(.lt-card h3, .lt-combo-card h3, .lt-post h3) { color: #f1f1ef; font-size: 23px; font-weight: 600; line-height: 1.2; min-height: 2.4em; letter-spacing: .015em; }
.lt-store-hardware :is(.lt-card__meta, .lt-combo-card__desc) { color: #b6b8b9; font-size: 11px; }
.lt-store-hardware .lt-chip { padding: 3px 7px; font-size: 9px; font-weight: 600; border: 1px solid #586164; border-radius: 3px; color: #dce1de; background: linear-gradient(#333a3c, #1b2022); }
.lt-store-hardware .lt-chip--ghost { color: #e7ad6e; border-color: #77593b; background: #302218; }
.lt-store-hardware .lt-card__foot { margin-top: auto; padding-top: 14px; gap: 10px; }
.lt-store-hardware .lt-card__buy { padding-top: 10px; border-top: 1px solid #454c4e; }
.lt-store-hardware :is(.lt-card__buy .lt-price, .lt-combo-card .lt-price) { font-size: 17px; color: #f4d1a4; }
.lt-store-hardware .lt-cartbtn { width: 44px; height: 44px; border: 1px solid #a57b4b; border-radius: 4px; color: #ffb661; background: linear-gradient(#31271c, #101312); box-shadow: inset 0 1px #ffffff1c, inset 0 -2px #0009; }
.lt-store-hardware .lt-cartbtn:hover { border-color: #ffbc6c; box-shadow: 0 0 9px #ff912e59; }
.lt-store-hardware .lt-cartbtn--download { color: #9adebb; border-color: #527864; background: linear-gradient(#26372e, #101913); }
.lt-store-hardware :is(.lt-save, .lt-off, .lt-badge) { border-radius: 3px; color: #ffc182; background: #3b291bcc; border: 1px solid #97683a; font-size: 10px; }
.lt-store-hardware .lt-stars { color: #dba052; }
.lt-store-hardware .lt-stars em { color: #b6b8b9; font-size: 10px; }
.lt-store-hardware .lt-combo-card { display: flex; flex-direction: column; }
.lt-store-hardware .lt-combo-card__media { aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid #41494b; }
.lt-store-hardware .lt-combo-card__media img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; }
.lt-store-hardware .lt-combo-card__body { flex: 1; }
.lt-store-hardware .lt-save { align-self: start; min-height: 22px; margin-block: 11px; }
.lt-store-hardware .lt-newsform { min-width: 0; min-height: 48px; border-color: #5d6668; border-radius: 4px; color: #c8cecc; background: linear-gradient(#101214, #080a0b); box-shadow: inset 0 2px 8px #0009; }
.lt-store-hardware .lt-newsform input { background: transparent; color: #f1f1ef; font-size: 12px; }
.lt-store-hardware .lt-newsform input::placeholder { color: #a9afae; opacity: 1; }
.lt-store-hardware .lt-newsform button { flex: none; min-height: 40px; padding: 10px 13px; border: 1px solid #a57b4b; border-radius: 3px; color: #ffc16f; background: linear-gradient(#31241a, #0e0e0d); font-size: 11px; }
.lt-store-hardware .lt-post img { height: 190px; filter: saturate(.8) brightness(.85); }
.lt-store-hardware .lt-post div { padding: 18px 20px; border-top: 1px solid #41494b; }
.lt-store-hardware .lt-post p { font-size: 11px; }
.lt-store-hardware .lt-footer {
  margin-top: 0; padding: 38px 0 18px; border-top: 1px solid #50575a;
  background-color: var(--lt-bg-deep); background-image: var(--lt-material-chassis); background-position: center;
  background-size: var(--lt-metal-size); background-repeat: var(--lt-metal-repeat); background-blend-mode: var(--lt-metal-blend);
  box-shadow: inset 0 1px #ffffff17;
}
.lt-store-hardware .lt-footer__grid { grid-template-columns: 1.2fr .7fr .8fr .8fr 1.3fr; gap: 28px; }
.lt-store-hardware .lt-footer :is(p, li) { color: #b6b8b9; font-size: 11px; }
.lt-store-hardware .lt-footer h4 { font-size: 19px; letter-spacing: .07em; }
.lt-store-hardware .lt-footer__tag { font-size: 11px; color: #e3a156; }
.lt-store-hardware .lt-footer :is(.lt-footer__partners, .lt-footer__copy, .lt-footer__policy-links) { border-color: #3d4649; }
.lt-store-hardware .lt-footer .lt-newsform { background: linear-gradient(#101214, #080a0b); border-color: #5d6668; padding-left: 10px; gap: 4px; }
.lt-store-hardware .lt-footer .lt-newsform button { padding-inline: 9px; }
.lt-store-hardware .lt-partner-brands__item { height: 44px; min-width: 96px; padding: 8px 13px; border-color: #515a5d; border-radius: 4px; background: linear-gradient(#292e30, #131718); box-shadow: inset 0 1px #ffffff1c; }
.lt-store-hardware .lt-partner-brands__item img { max-height: 23px; max-width: 95px; filter: grayscale(1) invert(1); opacity: .7; mix-blend-mode: screen; }
.lt-store-hardware .lt-partner-brands__item:hover { border-color: #b08454; background: #262b2d; }
.lt-store-hardware .lt-footer__copy { color: #b0b7b4; font-size: 10px; }
@media (max-width: 1180px) {
.lt-store-hardware .lt-header__inner { grid-template-columns: 170px minmax(0, 1fr) auto; gap: 12px; }
.lt-store-hardware .lt-menu > li > a { padding-inline: 7px; font-size: 12px; }
.lt-store-hardware .lt-footer__grid { grid-template-columns: 1.1fr .8fr .8fr .8fr; }
.lt-store-hardware .lt-footer__news { grid-column: 1 / -1; max-width: 400px; }

}
@media (max-width: 1024px) {
.lt-store-hardware .lt-header__inner { grid-template-columns: auto minmax(0, 1fr) auto; }
.lt-store-hardware .lt-header__tools { grid-column: 3; }
.lt-store-hardware .lt-header__inner { position: relative; }
.lt-store-hardware .lt-searchwrap { position: static; }
.lt-store-hardware .lt-searchwrap.is-open > [data-lt-search-toggle] { display: inline-flex; }
.lt-store-hardware .lt-searchwrap.is-open .lt-search {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0; width: auto; max-width: none;
  padding: 6px 12px; gap: 8px; border: 1px solid #5d6668; border-radius: 4px;
  color: var(--lt-text); background: linear-gradient(#101214, #080a0b); box-shadow: 0 5px 12px #0009;
}
.lt-store-hardware .lt-searchwrap.is-open .lt-search input { font-size: 16px; min-height: 44px; }
.lt-store-hardware .lt-search__submit { width: 44px; height: 44px; color: var(--lt-amber); }
.lt-store-hardware .lt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lt-store-hardware .lt-home-membership__face > .lt-btn { grid-column: 2; justify-self: start; }

}
@media (max-width: 760px) {
.lt-store-hardware .lt-topbar__inner { justify-content: center; }
.lt-store-hardware .lt-topbar__inner em { display: none; }
.lt-store-hardware .lt-featured__intro .lt-btn { position: static; margin-top: 17px; }
.lt-store-hardware .lt-cards { gap: 12px; }
.lt-store-hardware .lt-combo-card { display: grid; grid-template-columns: 140px minmax(0, 1fr); }
.lt-store-hardware .lt-combo-card__media { height: 100%; aspect-ratio: auto; border-bottom: 0; border-right: 1px solid #41494b; }
.lt-store-hardware .lt-combo-card__media img { object-position: center; }
.lt-store-hardware .lt-post img { height: 210px; }
.lt-store-hardware .lt-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 20px; }
.lt-store-hardware .lt-footer__brand { grid-column: 1 / -1; max-width: 360px; }

}
@media (max-width: 480px) {
.lt-store-hardware .lt-topbar__inner { gap: 12px; font-size: 9px; }
.lt-store-hardware .lt-topbar .ti { font-size: 12px; }
.lt-store-hardware .lt-header__inner { gap: 4px; }
.lt-store-hardware .lt-header__inner { position: relative; }
.lt-store-hardware .lt-header__logo { width: 130px; max-width: 130px; }
body.lt-store-hardware .lt-header img.lt-logo.lt-logo--on-light { max-width: 130px; height: 43px; }
.lt-store-hardware .lt-header__tools { gap: 0; }
.lt-store-hardware .lt-burger { margin-left: 6px; }
.lt-store-hardware .lt-auth { font-size: 10px; margin-left: 0; }
.lt-store-hardware .lt-search input { font-size: 11px; }
.lt-store-hardware .lt-hero__cta .lt-btn { width: 100%; justify-content: center; }
.lt-store-hardware .lt-cards { grid-template-columns: 1fr; }
.lt-store-hardware .lt-card h3 { min-height: 0; font-size: 24px; }
.lt-store-hardware .lt-card__body { padding: 18px; }
.lt-store-hardware .lt-card__meta { font-size: 12px; }
.lt-store-hardware .lt-newsform--lg { flex-wrap: wrap; padding: 10px; gap: 12px 6px; }
.lt-store-hardware .lt-newsform--lg input { min-height: 34px; }
.lt-store-hardware .lt-newsform--lg button { width: 100%; }
.lt-store-hardware .lt-combo-card { grid-template-columns: 1fr; }
.lt-store-hardware .lt-combo-card__media { aspect-ratio: 16 / 9; border-right: 0; border-bottom: 1px solid #41494b; }
.lt-store-hardware .lt-home-membership__face > .lt-btn { grid-column: 1; width: 100%; justify-content: center; }

}
@media (max-width: 360px) {
.lt-store-hardware .lt-header__logo { width: 90px; max-width: 90px; }
body.lt-store-hardware .lt-header img.lt-logo.lt-logo--on-light { max-width: 90px; }
.lt-store-hardware .lt-auth { font-size: 9px; }

}
