.tn-redesign {
  --tn-bg: #f4f6f8;
  --tn-surface: #ffffff;
  --tn-surface-soft: #eef2f5;
  --tn-ink: #182029;
  --tn-text: #2e3742;
  --tn-muted: #687481;
  --tn-line: #dce2e8;
  --tn-accent: #0aa7c7;
  --tn-accent-dark: #087f99;
  --tn-accent-soft: rgba(10, 167, 199, 0.12);
  --tn-success: #1f9d68;
  --tn-warm: #f2b84b;
  --tn-radius: 8px;
  --tn-radius-sm: 6px;
  --tn-shadow: 0 14px 36px rgba(19, 35, 51, 0.1);
  --tn-shadow-hover: 0 20px 45px rgba(19, 35, 51, 0.16);
  --tn-fast: 160ms ease;
  --tn-normal: 240ms ease;
  min-width: 320px;
  color: var(--tn-text);
  background: var(--tn-bg);
  font-family: "PT Root UI", "PT Sans", "Open Sans", Arial, sans-serif;
  letter-spacing: 0;
}

/* Popup polish: aligns notifications, modal windows and floating panels with the new design. */
.tn-redesign .alert-block {
  position: fixed !important;
  top: clamp(14px, 3vw, 28px) !important;
  right: clamp(14px, 3vw, 32px) !important;
  left: auto !important;
  z-index: 10060 !important;
  display: grid !important;
  gap: 12px !important;
  width: min(520px, calc(100vw - 28px)) !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.tn-redesign .alert-block.animated {
  animation: tnPopupFadeIn .18s ease both !important;
  transform: none !important;
}

@keyframes tnPopupFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tn-redesign .us-alert {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 16px 18px 16px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(18, 184, 242, .18) !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: 0 22px 48px rgba(8, 16, 24, .18), 0 0 0 1px rgba(255, 255, 255, .5) inset !important;
  pointer-events: auto !important;
}

.tn-redesign .us-alert::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 4px;
  border-radius: 0 8px 8px 0;
  background: #12B8F2;
}

.tn-redesign .us-alert-content {
  display: contents !important;
}

.tn-redesign .us-alert-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
  background: rgba(18, 184, 242, .12) !important;
  color: #12B8F2 !important;
}

.tn-redesign .us-alert-icon i {
  width: auto !important;
  color: currentColor !important;
  font-size: 20px !important;
  line-height: 1 !important;
  text-align: center !important;
}

.tn-redesign .us-alert-text {
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #4C4C4C !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
  font-weight: 600 !important;
}

.tn-redesign .us-alert-text a {
  color: #12B8F2 !important;
  font-size: inherit !important;
  font-weight: 800 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.tn-redesign .us-alert-success::before {
  background: #22C55E;
}

.tn-redesign .us-alert-success .us-alert-icon {
  background: rgba(34, 197, 94, .12) !important;
  color: #22C55E !important;
}

.tn-redesign .us-alert-danger {
  border-color: rgba(255, 76, 76, .18) !important;
}

.tn-redesign .us-alert-danger::before {
  background: #FF4C4C;
}

.tn-redesign .us-alert-danger .us-alert-icon {
  background: rgba(255, 76, 76, .1) !important;
  color: #FF4C4C !important;
}

.tn-redesign .us-alert-warning::before,
.tn-redesign .us-alert-primary::before {
  background: #12B8F2;
}

.tn-redesign .us-alert-warning .us-alert-icon,
.tn-redesign .us-alert-primary .us-alert-icon {
  background: rgba(18, 184, 242, .12) !important;
  color: #12B8F2 !important;
}

body.tn-redesign.modal-open .modal,
.tn-redesign .modal.show {
  background: rgba(8, 16, 24, .46) !important;
  backdrop-filter: blur(4px);
}

.tn-redesign .modal-backdrop {
  background: rgba(8, 16, 24, .44) !important;
}

.tn-redesign .modal-backdrop.show {
  opacity: 1 !important;
}

.tn-redesign .modal-dialog {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.tn-redesign .modal-content {
  overflow: hidden !important;
  border: 1px solid rgba(18, 184, 242, .13) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 30px 90px rgba(8, 16, 24, .28) !important;
}

.tn-redesign .modal-header {
  align-items: center !important;
  min-height: 72px !important;
  padding: 22px 26px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.tn-redesign .modal-title {
  max-width: calc(100% - 56px) !important;
  color: #282828 !important;
  font-size: 26px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.tn-redesign button.us-close {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 0 0 auto !important;
  border: 1px solid #E3E7EC !important;
  border-radius: 14px !important;
  background: #F8FAFC !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.tn-redesign button.us-close:hover,
.tn-redesign button.us-close:focus {
  border-color: rgba(18, 184, 242, .38) !important;
  background: rgba(18, 184, 242, .08) !important;
  box-shadow: 0 10px 24px rgba(18, 184, 242, .14) !important;
  transform: translateY(-1px);
}

.tn-redesign .us-modal-close-icon {
  top: 11px !important;
  bottom: 11px !important;
  left: 21px !important;
  border-color: #9FA3A7 !important;
}

.tn-redesign .modal-body {
  padding: 22px 26px 28px !important;
  background: #fff !important;
  color: #282828 !important;
}

.tn-redesign .modal-body p,
.tn-redesign .modal-body li,
.tn-redesign .modal-body .us-modal-body-text,
.tn-redesign .modal-content .control-label {
  color: #4C4C4C !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.tn-redesign .modal-content .form-control,
.tn-redesign .modal-content input[type="text"],
.tn-redesign .modal-content input[type="email"],
.tn-redesign .modal-content input[type="tel"],
.tn-redesign .modal-content input[type="password"],
.tn-redesign .modal-content textarea,
.tn-redesign .modal-content select {
  min-height: 48px !important;
  border: 1px solid #E0E5EA !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.tn-redesign .modal-content textarea {
  min-height: 112px !important;
}

.tn-redesign .modal-content .form-control:focus,
.tn-redesign .modal-content input:focus,
.tn-redesign .modal-content textarea:focus,
.tn-redesign .modal-content select:focus {
  border-color: rgba(18, 184, 242, .6) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .12) !important;
}

.tn-redesign .modal-content .us-module-btn-green,
.tn-redesign .modal-content .us-module-btn,
.tn-redesign .modal-content .us-product-btn-active,
.tn-redesign .modal-content .btn-primary,
.tn-redesign .modal-content input[type="submit"] {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #24C4F3, #13AADF) !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(18, 184, 242, .24) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.tn-redesign .modal-content .us-module-btn-green:hover,
.tn-redesign .modal-content .us-module-btn:hover,
.tn-redesign .modal-content .us-product-btn-active:hover,
.tn-redesign .modal-content .btn-primary:hover,
.tn-redesign .modal-content input[type="submit"]:hover {
  color: #fff !important;
  filter: brightness(1.03) !important;
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(18, 184, 242, .3) !important;
}

.tn-redesign .us-popup-btn,
.tn-redesign .login-popup-links a,
.tn-redesign .us-modal-body-link,
.tn-redesign .us-cart-item-link {
  color: #282828 !important;
  font-weight: 800 !important;
  text-decoration-color: rgba(40, 40, 40, .32) !important;
  text-underline-offset: 4px !important;
}

.tn-redesign .us-popup-btn:hover,
.tn-redesign .login-popup-links a:hover,
.tn-redesign .us-modal-body-link:hover,
.tn-redesign .us-cart-item-link:hover {
  color: #12B8F2 !important;
  text-decoration-color: rgba(18, 184, 242, .55) !important;
}

.tn-redesign .us-modal-body-icon i {
  border-color: rgba(18, 184, 242, .24) !important;
  color: #12B8F2 !important;
  background: rgba(18, 184, 242, .08) !important;
}

.tn-redesign .us-modal-body-cart {
  border-bottom-color: #EEF2F5 !important;
}

.tn-redesign .us-modal-body-cart .us-cart-item {
  margin: 0 0 12px !important;
  padding: 14px !important;
  border: 1px solid #EEF2F5 !important;
  border-radius: 16px !important;
  background: #fff !important;
}

.tn-redesign .us-modal-body-cart .us-cart-item-img {
  width: 86px !important;
  height: 86px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.tn-redesign #us_livesearch {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 22px 54px rgba(8, 16, 24, .16) !important;
}

.tn-redesign #us_livesearch.expanded {
  border: 1px solid rgba(18, 184, 242, .14) !important;
}

.tn-redesign .us-livesearch-list {
  padding: 10px !important;
}

.tn-redesign .us-livesearch-list-item {
  min-height: 84px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 14px !important;
  transition: background .18s ease, transform .18s ease !important;
}

.tn-redesign .us-livesearch-list-item:hover {
  background: #F7FAFD !important;
  transform: translateY(-1px);
}

.tn-redesign .us-livesearch-list-item-image img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.tn-redesign .us-livesearch-list-item-name a {
  color: #282828 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.tn-redesign .us-livesearch-list-item-name a:hover {
  color: #12B8F2 !important;
}

.tn-redesign #cookie_note {
  z-index: 10040 !important;
  align-items: center !important;
  gap: 18px !important;
  width: min(720px, calc(100vw - 32px)) !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(18, 184, 242, .14) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 22px 58px rgba(8, 16, 24, .18) !important;
}

.tn-redesign #cookie_note p {
  color: #4C4C4C !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

.tn-redesign #cookie_note a {
  color: #12B8F2 !important;
  font-weight: 800 !important;
}

.tn-redesign #cookie_note .cookie_accept {
  width: auto !important;
  min-width: 132px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  .tn-redesign .alert-block {
    top: 12px !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
  }

  .tn-redesign .us-alert {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-height: 68px !important;
    padding: 14px 14px 14px 16px !important;
    border-radius: 18px !important;
  }

  .tn-redesign .us-alert-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 13px !important;
  }

  .tn-redesign .us-alert-text {
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  .tn-redesign .modal-dialog {
    width: auto !important;
    margin: 14px auto !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .tn-redesign .modal-content {
    border-radius: 20px !important;
  }

  .tn-redesign .modal-header {
    min-height: 64px !important;
    padding: 18px 18px 8px !important;
  }

  .tn-redesign .modal-title {
    font-size: 22px !important;
  }

  .tn-redesign .modal-body {
    padding: 18px !important;
  }

  .tn-redesign .modal-content .us-module-btn-green,
  .tn-redesign .modal-content .us-module-btn,
  .tn-redesign .modal-content .us-product-btn-active,
  .tn-redesign .modal-content .btn-primary,
  .tn-redesign .modal-content input[type="submit"] {
    width: 100% !important;
  }

  .tn-redesign .us-modal-body-one-click-left,
  .tn-redesign .us-modal-body-one-click-right {
    width: 100% !important;
    padding: 18px !important;
    border-right: 0 !important;
  }

  .tn-redesign #cookie_note {
    flex-direction: column !important;
    align-items: stretch !important;
    width: calc(100vw - 24px) !important;
    padding: 16px !important;
  }

  .tn-redesign #cookie_note .cookie_accept {
    width: 100% !important;
  }
}

.tn-redesign .tn-checkout-page {
  background: #f3f3f5;
  padding: 42px 0 72px;
}

.tn-redesign .tn-checkout-page .container {
  max-width: 1560px;
}

.tn-redesign .tn-checkout-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 28px;
}

.tn-redesign .tn-checkout-heading .us-main-shop-title {
  margin: 8px 0 0 !important;
}

.tn-redesign .tn-checkout-heading__eyebrow {
  color: #18b7e6;
  font-size: 16px;
  font-weight: 800;
  line-height: 22px;
  text-transform: uppercase;
}

.tn-redesign .tn-checkout-heading__cart {
  color: #18b7e6 !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 24px;
  text-decoration: none !important;
  white-space: nowrap;
}

.tn-redesign .tn-checkout-alert,
.tn-redesign .tn-checkout__errors {
  display: none;
  margin: 0 0 22px;
  padding: 18px 22px;
  border: 1px solid rgba(239, 82, 87, .28);
  border-radius: 18px;
  background: #fff;
  color: #ef5257;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  box-shadow: 0 18px 48px rgba(239, 82, 87, .12);
}

.tn-redesign .tn-checkout-alert,
.tn-redesign .tn-checkout__errors.is-visible {
  display: block;
}

.tn-redesign .tn-checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: start;
  gap: 28px;
}

.tn-redesign .tn-checkout__main {
  display: grid;
  gap: 24px;
}

.tn-redesign .tn-checkout-card,
.tn-redesign .tn-checkout-summary {
  border: 1px solid rgba(24, 183, 230, .16);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 31, 44, .06);
}

.tn-redesign .tn-checkout-card {
  padding: 28px;
}

.tn-redesign .tn-checkout-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.tn-redesign .tn-checkout-card__head h2,
.tn-redesign .tn-checkout-methods h3 {
  margin: 0;
  color: #292929;
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
}

.tn-redesign .tn-checkout-card__head a {
  color: #18b7e6 !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 24px;
  text-decoration: none !important;
  white-space: nowrap;
}

.tn-redesign .tn-checkout-card__step {
  display: block;
  margin-bottom: 7px;
  color: #18b7e6;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
}

.tn-redesign .tn-checkout-products {
  display: grid;
  gap: 14px;
}

.tn-redesign .tn-checkout-product {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) minmax(130px, auto);
  align-items: center;
  gap: 18px;
  padding: 14px;
  border: 1px solid #e5e8eb;
  border-radius: 18px;
  background: #fff;
}

.tn-redesign .tn-checkout-product__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
}

.tn-redesign .tn-checkout-product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tn-redesign .tn-checkout-product__name {
  display: block;
  color: #292929 !important;
  font-size: 17px;
  font-weight: 900;
  line-height: 23px;
  text-decoration: none !important;
}

.tn-redesign .tn-checkout-product__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 10px;
  color: #898989;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.tn-redesign .tn-checkout-product__stock {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #e8f8e4;
  color: #39951f;
  font-size: 13px;
  font-weight: 900;
}

.tn-redesign .tn-checkout-product__stock.is-preorder {
  background: rgba(255, 159, 45, .14);
  color: #d97300;
}

.tn-redesign .tn-checkout-split-note {
  display: grid;
  gap: 5px;
  margin-top: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 159, 45, .28);
  border-radius: 16px;
  background: rgba(255, 159, 45, .08);
  color: #4b4b4b;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}

.tn-redesign .tn-checkout-split-note strong {
  color: #292929;
  font-size: 16px;
  font-weight: 900;
}

.tn-redesign .tn-checkout-product__prices {
  display: grid;
  justify-items: end;
  gap: 6px;
  color: #898989;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
}

.tn-redesign .tn-checkout-product__prices strong {
  color: #292929;
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
}

.tn-redesign .tn-checkout-payer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}

.tn-redesign .tn-checkout-payer__option {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 112px;
  margin: 0;
  padding: 24px;
  border: 1px solid #e2e6ea;
  border-radius: 20px;
  background: #fff;
  color: #292929;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tn-redesign .tn-checkout-payer__option:hover,
.tn-redesign .tn-checkout-payer__option.is-active {
  border-color: #18b7e6;
  background: #e4f8ff;
  box-shadow: 0 18px 46px rgba(24, 183, 230, .16);
}

.tn-redesign .tn-checkout-payer__option:hover {
  transform: translateY(-1px);
}

.tn-redesign .tn-checkout-payer__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tn-redesign .tn-checkout-payer__option span {
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
}

.tn-redesign .tn-checkout-payer__option small {
  color: #737373;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.tn-redesign .tn-checkout-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.tn-redesign .tn-checkout-fields + .tn-checkout-fields {
  margin-top: 18px;
}

.tn-redesign .tn-checkout-fields label,
.tn-redesign .tn-checkout-comment {
  display: grid;
  gap: 9px;
  margin: 0;
}

.tn-redesign .tn-checkout-fields span,
.tn-redesign .tn-checkout-comment span {
  color: #292929;
  font-size: 15px;
  font-weight: 800;
  line-height: 21px;
}

.tn-redesign .tn-checkout-fields input,
.tn-redesign .tn-checkout-comment textarea {
  width: 100%;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid #dde2e7;
  border-radius: 16px;
  background: #f7f8fa;
  color: #292929;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  outline: none;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.tn-redesign .tn-checkout-comment textarea {
  min-height: 128px;
  padding-top: 16px;
  resize: vertical;
}

.tn-redesign .tn-checkout-fields input:focus,
.tn-redesign .tn-checkout-comment textarea:focus {
  border-color: #18b7e6;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(24, 183, 230, .12);
}

.tn-redesign .tn-checkout-fields label.is-error input,
.tn-redesign .tn-checkout-comment.is-error textarea {
  border-color: #ef5257;
  box-shadow: 0 0 0 4px rgba(239, 82, 87, .1);
}

.tn-redesign .tn-checkout-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

.tn-redesign .tn-checkout-methods h3 {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 24px;
}

.tn-redesign .tn-checkout-choice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 86px;
  margin: 0 0 12px;
  padding: 18px;
  border: 1px solid #e2e6ea;
  border-radius: 18px;
  background: #fff;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.tn-redesign .tn-checkout-choice:hover,
.tn-redesign .tn-checkout-choice:has(input:checked) {
  border-color: #18b7e6;
  background: #f2fbff;
  box-shadow: 0 16px 38px rgba(24, 183, 230, .12);
}

.tn-redesign .tn-checkout-choice input {
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
  accent-color: #18b7e6;
  flex: 0 0 auto;
}

.tn-redesign .tn-checkout-choice span {
  display: grid;
  gap: 5px;
}

.tn-redesign .tn-checkout-choice b {
  color: #292929;
  font-size: 16px;
  font-weight: 900;
  line-height: 22px;
}

.tn-redesign .tn-checkout-choice small {
  color: #898989;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.tn-redesign .tn-checkout-fields--shipping {
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}

.tn-redesign .tn-checkout-fields--shipping.is-hidden,
.tn-redesign .tn-checkout-pickup-address.is-hidden {
  display: none !important;
}

.tn-redesign .tn-checkout-pickup-address {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  padding: 20px;
  border: 1px solid rgba(24, 183, 230, .22);
  border-radius: 18px;
  background: #e4f8ff;
  color: #292929;
  box-shadow: 0 16px 38px rgba(24, 183, 230, .1);
}

.tn-redesign .tn-checkout-pickup-address span {
  color: #18b7e6;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-transform: uppercase;
}

.tn-redesign .tn-checkout-pickup-address strong {
  color: #292929;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
}

.tn-redesign .tn-checkout-pickup-address small {
  color: #737373;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.tn-redesign .tn-checkout__aside {
  position: sticky;
  top: 22px;
}

.tn-redesign .tn-checkout-summary {
  padding: 26px;
}

.tn-redesign .tn-checkout-summary__head {
  display: grid;
  gap: 8px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e9ec;
}

.tn-redesign .tn-checkout-summary__head span {
  color: #898989;
  font-size: 15px;
  font-weight: 800;
  line-height: 22px;
}

.tn-redesign .tn-checkout-summary__head strong {
  color: #292929;
  font-size: 38px;
  font-weight: 900;
  line-height: 44px;
}

.tn-redesign .tn-checkout-summary__totals {
  display: grid;
  gap: 11px;
  padding: 18px 0;
  border-bottom: 1px solid #e6e9ec;
}

.tn-redesign .tn-checkout-summary__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  color: #737373;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}

.tn-redesign .tn-checkout-summary__row b {
  color: #292929;
  font-weight: 900;
  white-space: nowrap;
}

.tn-redesign .tn-checkout-preorder-total {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding: 14px 0 0;
  border-top: 1px dashed #d6dce1;
  color: #d97300;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px;
}

.tn-redesign .tn-checkout-summary__notice {
  margin: 20px 0;
  padding: 18px;
  border-radius: 18px;
  background: #e4f8ff;
  color: #237088;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}

.tn-redesign .tn-checkout-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 64px;
  padding: 0 28px;
  border: 0;
  border-radius: 16px;
  background: #18b7e6;
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 18px 38px rgba(24, 183, 230, .24);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tn-redesign .tn-checkout-submit:hover,
.tn-redesign .tn-checkout-submit:focus {
  background: #08a9db;
  color: #fff !important;
  box-shadow: 0 20px 42px rgba(24, 183, 230, .3);
  transform: translateY(-1px);
}

.tn-redesign .tn-checkout-submit.is-loading,
.tn-redesign .tn-checkout-submit:disabled {
  opacity: .68;
  transform: none;
}

@media (max-width: 1199px) {
  .tn-redesign .tn-checkout {
    grid-template-columns: 1fr;
  }

  .tn-redesign .tn-checkout__aside {
    position: static;
  }
}

@media (max-width: 767px) {
  .tn-redesign .tn-checkout-page {
    padding: 26px 0 46px;
  }

  .tn-redesign .tn-checkout-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .tn-redesign .tn-checkout-card,
  .tn-redesign .tn-checkout-summary {
    border-radius: 20px;
    padding: 20px;
  }

  .tn-redesign .tn-checkout-card__head h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .tn-redesign .tn-checkout-product {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .tn-redesign .tn-checkout-product__image {
    width: 82px;
    height: 82px;
  }

  .tn-redesign .tn-checkout-product__prices {
    grid-column: 1 / -1;
    justify-items: stretch;
    text-align: left;
  }

  .tn-redesign .tn-checkout-payer,
  .tn-redesign .tn-checkout-fields,
  .tn-redesign .tn-checkout-methods {
    grid-template-columns: 1fr;
  }

  .tn-redesign .tn-checkout-payer__option {
    min-height: 98px;
    padding: 20px;
  }

  .tn-redesign .tn-checkout-summary__head strong {
    font-size: 32px;
    line-height: 38px;
  }
}

@media (max-width: 420px) {
  .tn-redesign .tn-checkout-page .container {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }

  .tn-redesign .tn-checkout-card,
  .tn-redesign .tn-checkout-summary {
    padding: 18px;
  }

  .tn-redesign .tn-checkout-product__name {
    font-size: 15px;
    line-height: 21px;
  }
}

.tn-redesign *,
.tn-redesign *::before,
.tn-redesign *::after {
  box-sizing: border-box;
}

.tn-redesign a,
.tn-redesign button,
.tn-redesign input,
.tn-redesign select,
.tn-redesign textarea {
  transition: color var(--tn-fast), background-color var(--tn-fast), border-color var(--tn-fast), box-shadow var(--tn-fast), transform var(--tn-fast), opacity var(--tn-fast);
}

.tn-redesign a {
  color: inherit;
}

.tn-redesign a:hover {
  color: var(--tn-accent-dark);
  text-decoration: none;
}

.tn-redesign :focus-visible {
  outline: 3px solid rgba(10, 167, 199, 0.28);
  outline-offset: 3px;
}

.tn-clean-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid rgba(220, 226, 232, 0.9);
  box-shadow: 0 8px 24px rgba(19, 35, 51, 0.07);
  backdrop-filter: saturate(140%) blur(10px);
}

.tn-clean-topline {
  background: #182029;
  color: rgba(255,255,255,.76);
  font-size: 13px;
}

.tn-clean-topline-inner,
.tn-clean-mainbar,
.tn-clean-navband-inner {
  display: flex;
  align-items: center;
}

.tn-clean-topline-inner {
  min-height: 36px;
  justify-content: space-between;
  gap: 24px;
}

.tn-clean-topline-nav {
  display: flex;
  gap: 20px;
  white-space: nowrap;
}

.tn-clean-topline-nav a:hover {
  color: #fff;
}

.tn-clean-mainbar {
  min-height: 78px;
  gap: 24px;
}

.tn-clean-logo {
  flex: 0 0 auto;
  min-width: 154px;
}

.tn-clean-logo img {
  display: block;
  max-width: 178px;
  max-height: 48px;
  object-fit: contain;
}

.tn-clean-search {
  flex: 1 1 auto;
  min-width: 200px;
}

.tn-clean-search .header-input-group,
.tn-clean-search .input-group {
  height: 48px;
  border: 1px solid transparent;
  border-radius: var(--tn-radius);
  background: var(--tn-surface-soft);
  overflow: hidden;
}

.tn-clean-search .header-input-group:focus-within,
.tn-clean-search .input-group:focus-within {
  background: #fff;
  border-color: rgba(10, 167, 199, 0.55);
  box-shadow: 0 0 0 4px rgba(10, 167, 199, 0.12);
}

.tn-clean-search input,
.tn-clean-search .header-input,
.tn-clean-search .form-control {
  height: 48px;
  border: 0;
  background: transparent;
  color: var(--tn-ink);
  font-size: 15px;
  box-shadow: none;
}

.tn-clean-search button,
.tn-clean-search .header-btn-search {
  min-width: 52px;
  border: 0;
  background: transparent;
  color: var(--tn-muted);
}

.tn-clean-search button:hover,
.tn-clean-search .header-btn-search:hover {
  color: var(--tn-accent-dark);
  background: var(--tn-accent-soft);
}

.tn-clean-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  white-space: nowrap;
}

.tn-clean-phone {
  color: var(--tn-ink);
  font-size: 19px;
  font-weight: 750;
}

.tn-clean-contact span {
  color: var(--tn-muted);
  font-size: 12px;
}

.tn-clean-cart {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius);
  background: #fff;
  color: var(--tn-ink);
  padding: 0 14px;
  cursor: pointer;
}

.tn-clean-cart:hover {
  border-color: rgba(10, 167, 199, 0.45);
  box-shadow: 0 10px 26px rgba(19, 35, 51, 0.1);
  transform: translateY(-1px);
}

.tn-clean-cart-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--tn-accent-soft);
  color: var(--tn-accent-dark);
}

.tn-clean-cart-icon .header-cart-index {
  position: absolute;
  top: -7px;
  right: -8px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 10px;
  background: var(--tn-warm);
  color: #1c1605;
  font-size: 11px;
  font-weight: 700;
}

.tn-clean-cart-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.1;
}

.tn-clean-cart-copy small {
  color: var(--tn-muted);
  font-size: 11px;
}

.tn-clean-cart-wrap #cart {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: auto;
  max-width: none;
  padding: 0;
}

.tn-clean-cart-wrap .us-cart-img {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius);
  background: #fff;
  color: var(--tn-accent-dark);
  box-shadow: none;
  cursor: pointer;
}

.tn-clean-cart-wrap .us-cart-img:hover {
  border-color: rgba(10, 167, 199, 0.45);
  box-shadow: 0 10px 26px rgba(19, 35, 51, 0.1);
  transform: translateY(-1px);
}

.tn-clean-cart-wrap .us-cart-img img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.tn-clean-cart-wrap .header-cart-index {
  position: absolute;
  top: -7px;
  right: -8px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 10px;
  background: var(--tn-warm);
  color: #1c1605;
  font-size: 11px;
  font-weight: 800;
}

.tn-clean-cart-wrap .us-cart-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 80px;
  line-height: 1.2;
}

.tn-clean-cart-wrap .us-cart-text {
  margin: 0;
  color: var(--tn-ink);
  font-size: 15px;
  font-weight: 800;
}

.tn-clean-cart-wrap .us-cart-link {
  color: var(--tn-muted);
  font-size: 12px;
}

.tn-clean-navband {
  border-top: 1px solid rgba(220,226,232,.8);
  background: #fff;
}

.tn-clean-navband-inner {
  min-height: 52px;
  gap: 22px;
}

.tn-clean-catalog-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  border-radius: var(--tn-radius-sm);
  background: var(--tn-accent);
  color: #fff;
  padding: 0 16px;
  font-weight: 750;
  white-space: nowrap;
}

.tn-clean-catalog-link:hover {
  background: var(--tn-accent-dark);
  color: #fff;
  transform: translateY(-1px);
}

.tn-clean-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.tn-clean-nav::-webkit-scrollbar {
  display: none;
}

.tn-clean-nav a {
  color: var(--tn-text);
  font-weight: 650;
  white-space: nowrap;
}

.tn-clean-nav a:hover {
  color: var(--tn-accent-dark);
}

.tn-clean-home,
.tn-clean-catalog,
.tn-clean-product {
  padding-bottom: 64px;
}

.tn-clean-hero {
  background: #eef2f5;
  border-bottom: 1px solid var(--tn-line);
  overflow: hidden;
}

.tn-clean-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 44px;
  align-items: center;
  min-height: 520px;
  padding-top: 56px;
  padding-bottom: 58px;
}

.tn-clean-eyebrow {
  margin-bottom: 14px;
  color: var(--tn-accent-dark);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.tn-clean-hero h1,
.tn-clean-catalog-head h1,
.tn-clean-product-heading {
  margin: 0;
  color: var(--tn-ink);
  font-weight: 850;
  letter-spacing: 0;
}

.tn-clean-hero h1 {
  max-width: 720px;
  font-size: 48px;
  line-height: 1.08;
}

.tn-clean-hero p {
  max-width: 640px;
  margin: 22px 0 0;
  color: var(--tn-muted);
  font-size: 18px;
  line-height: 1.62;
}

.tn-clean-hero-actions,
.tn-clean-card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.tn-clean-hero-actions {
  margin-top: 30px;
}

.tn-clean-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: var(--tn-radius-sm);
  border: 1px solid transparent;
  padding: 0 18px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.tn-clean-btn-primary {
  background: var(--tn-accent);
  color: #fff;
  box-shadow: 0 10px 24px rgba(10, 167, 199, 0.24);
}

.tn-clean-btn-primary:hover {
  background: var(--tn-accent-dark);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(10, 127, 153, 0.28);
}

.tn-clean-btn-secondary {
  background: #fff;
  color: var(--tn-ink);
  border-color: var(--tn-line);
}

.tn-clean-btn-secondary:hover {
  border-color: rgba(10, 167, 199, 0.45);
  color: var(--tn-accent-dark);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(19, 35, 51, 0.08);
}

.tn-clean-hero-visual {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.tn-clean-device-card {
  position: relative;
  min-height: 380px;
  border-radius: var(--tn-radius);
  background: #fff;
  border: 1px solid rgba(220,226,232,.85);
  box-shadow: var(--tn-shadow);
  padding: 28px;
  overflow: hidden;
}

.tn-clean-device-card::before {
  content: "";
  position: absolute;
  right: -90px;
  top: -100px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(10, 167, 199, 0.1);
}

.tn-clean-device-kicker {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--tn-success);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.tn-clean-device-card img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(78%, 300px);
  height: 230px;
  object-fit: contain;
  margin: 8px auto 24px;
  filter: drop-shadow(0 18px 22px rgba(19,35,51,.16));
}

.tn-clean-device-card strong,
.tn-clean-device-card small {
  position: relative;
  z-index: 1;
  display: block;
}

.tn-clean-device-card strong {
  max-width: 390px;
  color: var(--tn-ink);
  font-size: 24px;
  line-height: 1.25;
}

.tn-clean-device-card small {
  margin-top: 8px;
  color: var(--tn-muted);
  font-size: 15px;
}

.tn-clean-hero-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tn-clean-hero-metrics div,
.tn-clean-strip-grid div,
.tn-clean-category-card,
.tn-clean-product-card,
.tn-clean-detail-section,
.tn-clean-help,
.tn-filter-shell {
  border: 1px solid rgba(220,226,232,.9);
  background: #fff;
  border-radius: var(--tn-radius);
}

.tn-clean-hero-metrics div {
  padding: 18px;
  box-shadow: 0 10px 24px rgba(19,35,51,.06);
}

.tn-clean-hero-metrics strong,
.tn-clean-strip-grid strong {
  display: block;
  color: var(--tn-ink);
  font-size: 17px;
}

.tn-clean-hero-metrics span,
.tn-clean-strip-grid span {
  display: block;
  margin-top: 4px;
  color: var(--tn-muted);
  font-size: 13px;
}

.tn-clean-strip {
  background: #fff;
  border-bottom: 1px solid var(--tn-line);
}

.tn-clean-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.tn-clean-strip-grid div {
  padding: 18px;
  background: #fbfcfd;
}

.tn-clean-section {
  margin-top: 46px;
}

.tn-clean-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

.tn-clean-section-head h2,
.tn-clean-detail-section h2,
.tn-clean-options h2 {
  margin: 0;
  color: var(--tn-ink);
  font-weight: 820;
  letter-spacing: 0;
}

.tn-clean-section-head h2 {
  font-size: 30px;
  line-height: 1.2;
}

.tn-clean-section-head a {
  color: var(--tn-accent-dark);
  font-weight: 750;
  white-space: nowrap;
}

.tn-clean-category-grid,
.tn-clean-product-grid {
  display: grid;
  gap: 18px;
}

.tn-clean-category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tn-clean-category-card {
  display: flex;
  flex-direction: column;
  min-height: 218px;
  padding: 22px;
  color: var(--tn-text);
  box-shadow: 0 8px 22px rgba(19,35,51,.05);
}

.tn-clean-category-card:hover,
.tn-clean-product-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--tn-shadow-hover);
  border-color: rgba(10, 167, 199, 0.42);
}

.tn-clean-category-card img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  margin-bottom: 18px;
}

.tn-clean-category-card strong {
  color: var(--tn-ink);
  font-size: 18px;
  line-height: 1.25;
}

.tn-clean-category-card span {
  margin-top: 8px;
  color: var(--tn-muted);
  font-size: 14px;
  line-height: 1.45;
}

.tn-clean-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 30px;
  background: #182029;
  color: #fff;
}

.tn-clean-help h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 28px;
}

.tn-clean-help p {
  max-width: 780px;
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

.breadcrumb,
.tn-redesign .breadcrumb {
  margin: 24px 0 0;
  padding: 0;
  background: transparent;
  color: var(--tn-muted);
  font-size: 13px;
}

.tn-clean-catalog-head,
.tn-clean-product-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 34px 0 26px;
}

.tn-clean-catalog-head h1,
.tn-clean-product-heading {
  font-size: 40px;
  line-height: 1.12;
}

.tn-clean-intro {
  max-width: 860px;
  margin-top: 14px;
  color: var(--tn-muted);
  line-height: 1.65;
}

.tn-clean-catalog-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
}

.tn-clean-catalog-layout-left {
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
}

.tn-clean-catalog-layout-right {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 280px);
}

.tn-clean-catalog-layout-left.tn-clean-catalog-layout-right {
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(220px, 260px);
}

.tn-clean-catalog-content {
  min-width: 0;
}

.tn-filter-shell {
  position: sticky;
  top: 188px;
  padding: 18px;
  box-shadow: 0 8px 20px rgba(19,35,51,.05);
}

.tn-filter-close,
.tn-filter-overlay {
  display: none;
}


.tn-clean-layout-slot {
  margin-bottom: 20px;
}

.tn-clean-layout-slot-bottom {
  margin-top: 24px;
  margin-bottom: 0;
}

.tn-clean-layout-slot:empty {
  display: none;
}

.tn-clean-subcategories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.tn-clean-subcategory {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 12px 14px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  font-weight: 700;
}

.tn-clean-subcategory:hover {
  border-color: rgba(10,167,199,.42);
  box-shadow: 0 8px 18px rgba(19,35,51,.07);
  transform: translateY(-1px);
}

.tn-clean-subcategory img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.tn-clean-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding: 14px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius);
  background: #fff;
}

.tn-clean-filter-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 40px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  color: var(--tn-ink);
  padding: 0 14px;
  font-weight: 750;
}

.tn-clean-filter-button:hover {
  border-color: rgba(10,167,199,.45);
  color: var(--tn-accent-dark);
}

.tn-clean-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tn-clean-sort label {
  margin: 0 2px 0 10px;
  color: var(--tn-muted);
  font-size: 13px;
}

.tn-clean-sort select,
.tn-clean-option .form-control,
.tn-clean-product-action .form-control {
  height: 42px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  color: var(--tn-text);
  box-shadow: none;
}

.tn-clean-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tn-clean-product-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(19,35,51,.05);
}

.tn-clean-card-media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 205px;
  padding: 22px 18px 10px;
  background: #f8fafb;
}

.tn-clean-card-media img {
  width: 100%;
  max-width: 210px;
  height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 10px 14px rgba(19,35,51,.1));
}

.tn-clean-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: 999px;
  background: #e63946;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
}

.tn-clean-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  padding: 16px 18px 6px;
}

.tn-clean-card-title {
  min-height: 48px;
  color: var(--tn-ink);
  font-size: 16px;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.tn-clean-card-code,
.tn-clean-card-desc {
  color: var(--tn-muted);
  font-size: 13px;
  line-height: 1.45;
}

.tn-clean-card-footer {
  padding: 12px 18px 18px;
}

.tn-clean-card-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-height: 32px;
  margin-bottom: 12px;
}

.tn-clean-card-price span,
.tn-clean-price-old {
  color: var(--tn-muted);
  text-decoration: line-through;
}

.tn-clean-card-price strong,
.tn-clean-price-new,
.tn-clean-price-retail {
  color: var(--tn-ink);
  font-size: 20px;
  font-weight: 850;
}

.tn-clean-card-cart {
  min-height: 40px;
  padding: 0 14px;
}

.tn-clean-card-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  color: var(--tn-muted);
  cursor: pointer;
}

.tn-clean-card-actions button:hover {
  border-color: rgba(10,167,199,.45);
  color: var(--tn-accent-dark);
}

.tn-clean-pagination {
  margin-top: 24px;
}

.tn-catalog-load-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 34px 0 8px;
  text-align: center;
}

.tn-catalog-load-more-status,
.tn-catalog-load-more-done {
  color: var(--tn-muted);
  font-size: 14px;
  font-weight: 700;
}

.tn-catalog-load-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 212px;
  height: 48px;
  border: 0;
  border-radius: var(--tn-radius-sm);
  background: var(--tn-accent);
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.tn-catalog-load-more-button:hover,
.tn-catalog-load-more-button:focus {
  background: var(--tn-accent-dark);
  transform: translateY(-1px);
}

.tn-catalog-load-more-button.is-loading {
  background: #8D8D8D;
  pointer-events: none;
}

.tn-catalog-load-more-button.is-loading::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 10px;
  border: 2px solid rgba(255,255,255,.45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: tn-load-more-spin .7s linear infinite;
}

.tn-catalog-load-more-button.is-loaded {
  background: #42B236;
  box-shadow: 0 14px 28px rgba(66, 178, 54, .2);
}

.tn-catalog-card-enter {
  animation: tn-catalog-card-enter .36s ease both;
}

.tn-clean-pagination-fallback {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@keyframes tn-load-more-spin {
  to { transform: rotate(360deg); }
}

@keyframes tn-catalog-card-enter {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tn-clean-empty,
.tn-clean-seo-text {
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius);
  background: #fff;
  padding: 24px;
}

.tn-clean-seo-text {
  margin-top: 28px;
  color: var(--tn-muted);
  line-height: 1.65;
}

.tn-clean-buybox {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: start;
  margin-bottom: 34px;
}

.tn-clean-gallery,
.tn-clean-product-info {
  border: 1px solid rgba(220,226,232,.9);
  border-radius: var(--tn-radius);
  background: #fff;
  box-shadow: 0 8px 22px rgba(19,35,51,.05);
}

.tn-clean-gallery {
  position: sticky;
  top: 188px;
  padding: 28px;
}

.tn-clean-main-image {
  display: grid;
  place-items: center;
  min-height: 390px;
  background: #f8fafb;
  border-radius: var(--tn-radius-sm);
}

.tn-clean-main-image img {
  width: 100%;
  max-width: 440px;
  max-height: 360px;
  object-fit: contain;
  filter: drop-shadow(0 16px 24px rgba(19,35,51,.12));
}

.tn-clean-thumbs {
  margin-top: 16px;
}

#image-additional {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.additional-gallery-item {
  display: grid;
  place-items: center;
  min-height: 70px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  cursor: pointer;
}

.additional-gallery-item.active,
.additional-gallery-item:hover {
  border-color: rgba(10,167,199,.55);
  box-shadow: 0 6px 16px rgba(19,35,51,.08);
}

.additional-gallery-item img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.tn-clean-product-info {
  padding: 28px;
}

.tn-clean-status-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--tn-muted);
  font-size: 14px;
}

.tn-clean-status-row span,
.tn-clean-status-row a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  background: #f2f5f7;
  padding: 0 10px;
}

.tn-clean-stock {
  color: var(--tn-success) !important;
  background: rgba(31, 157, 104, .1) !important;
  font-weight: 750;
}

.tn-clean-stock-out {
  color: #a33b45 !important;
  background: rgba(230, 57, 70, .1) !important;
  font-weight: 750;
}

.tn-clean-price-block {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  padding: 18px;
  border-radius: var(--tn-radius-sm);
  background: #f8fafb;
}

.tn-clean-price-retail,
.tn-clean-price-new {
  font-size: 30px;
  line-height: 1;
}

.tn-clean-price-company {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 18px;
  border-left: 1px solid var(--tn-line);
}

.tn-clean-price-company span {
  color: var(--tn-muted);
  font-size: 13px;
}

.tn-clean-price-company strong {
  color: var(--tn-accent-dark);
  font-size: 22px;
}

.tn-clean-attr-preview,
.tn-clean-attr-table {
  display: grid;
  gap: 8px;
  margin-bottom: 22px;
}

.tn-clean-attr-preview div,
.tn-clean-attr-table div {
  display: grid;
  grid-template-columns: minmax(120px, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--tn-line);
}

.tn-clean-attr-preview span,
.tn-clean-attr-table span {
  color: var(--tn-muted);
}

.tn-clean-attr-preview strong,
.tn-clean-attr-table strong {
  color: var(--tn-ink);
  font-weight: 750;
  overflow-wrap: anywhere;
}

.tn-clean-product-action {
  display: grid;
  gap: 16px;
}

.tn-clean-options h2 {
  margin-bottom: 14px;
  font-size: 20px;
}

.tn-clean-option label,
.tn-clean-option .control-label,
.tn-clean-quantity-row label {
  display: block;
  margin-bottom: 8px;
  color: var(--tn-ink);
  font-weight: 740;
}

.tn-clean-choice-grid,
.tn-clean-check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tn-clean-choice-grid label,
.tn-clean-check-list label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  padding: 8px 12px;
  cursor: pointer;
}

.tn-clean-choice-grid label.selected,
.tn-clean-choice-grid label:hover,
.tn-clean-check-list label:hover {
  border-color: rgba(10,167,199,.55);
  color: var(--tn-accent-dark);
}

.tn-clean-choice-grid img,
.tn-clean-check-list img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.tn-clean-quantity-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.tn-clean-quantity {
  display: inline-grid;
  grid-template-columns: 42px 74px 42px;
  align-items: center;
}

.tn-clean-quantity button,
.tn-clean-icon-btn {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--tn-line);
  background: #fff;
  color: var(--tn-ink);
  cursor: pointer;
}

.tn-clean-quantity button:first-child {
  border-radius: var(--tn-radius-sm) 0 0 var(--tn-radius-sm);
}

.tn-clean-quantity button:nth-child(4) {
  border-radius: 0 var(--tn-radius-sm) var(--tn-radius-sm) 0;
}

.tn-clean-quantity input {
  width: 74px;
  height: 42px;
  border-radius: 0;
  text-align: center;
}

.tn-clean-cart-submit {
  width: 100%;
  min-height: 54px;
  font-size: 17px;
}

.tn-clean-detail-grid {
  display: grid;
  gap: 20px;
}

.tn-clean-detail-section {
  padding: 28px;
  box-shadow: 0 8px 22px rgba(19,35,51,.05);
}

.tn-clean-detail-section h2 {
  margin-bottom: 16px;
  font-size: 26px;
}

.tn-clean-description {
  color: var(--tn-text);
  line-height: 1.7;
}

.tn-clean-description img,
.tn-clean-detail-section img {
  max-width: 100%;
  height: auto;
}

.tn-clean-attr-table h3 {
  margin: 18px 0 6px;
  color: var(--tn-ink);
  font-size: 18px;
}


.tn-clean-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.tn-clean-review-head h2 {
  margin-bottom: 0;
}

.tn-clean-review-head > span {
  color: var(--tn-muted);
  font-size: 14px;
}

.tn-clean-review-write-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(28, 181, 229, .28);
  border-radius: var(--tn-radius-sm);
  background: linear-gradient(135deg, var(--tn-accent) 0%, #15a9dc 100%);
  box-shadow: 0 12px 26px rgba(28, 181, 229, .18);
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.tn-clean-review-write-btn:hover,
.tn-clean-review-write-btn:focus {
  transform: translateY(-1px);
  border-color: rgba(28, 181, 229, .44);
  box-shadow: 0 16px 30px rgba(28, 181, 229, .24);
  color: #fff;
  outline: none;
}

.tn-clean-review-write-btn.is-active {
  border-color: rgba(255, 170, 51, .48);
  background: linear-gradient(135deg, var(--tn-warm) 0%, #ff9d24 100%);
  box-shadow: 0 14px 28px rgba(255, 170, 51, .22);
}

.tn-clean-review-write-btn i {
  font-size: 14px;
  line-height: 1;
}

.tn-review-summary {
  display: grid;
  grid-template-columns: minmax(180px, 240px) 1fr;
  gap: 18px;
  margin-bottom: 18px;
  padding: 18px;
  border-radius: var(--tn-radius-sm);
  background: var(--tn-ink);
  color: #fff;
}

.tn-review-summary-score {
  display: grid;
  gap: 7px;
}

.tn-review-summary-score > strong {
  font-size: 44px;
  line-height: 1;
  font-weight: 900;
}

.tn-review-summary-score > span,
.tn-review-summary-counts span {
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
}

.tn-rating-stars {
  position: relative;
  display: inline-block;
  width: max-content;
  color: #c4ccd4;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
}

.tn-rating-stars-fill {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--tn-warm);
  white-space: nowrap;
}

.tn-rating-stars-base,
.tn-rating-stars-fill {
  display: inline-flex;
  gap: .16em;
  align-items: center;
}

.tn-rating-stars i {
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1;
}

.tn-review-summary-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-content: center;
}

.tn-review-summary-counts div {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--tn-radius-sm);
  background: rgba(255, 255, 255, .08);
}

.tn-review-summary-counts strong {
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}

.tn-product-top-rating {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  color: var(--tn-muted);
  font-size: 14px;
  font-weight: 740;
  line-height: 1.2;
  text-decoration: none;
}

.tn-product-top-rating:hover,
.tn-product-top-rating:focus {
  color: var(--tn-accent);
  text-decoration: none;
}

.tn-product-top-rating-stars {
  flex: 0 0 auto;
  color: #c4ccd4;
  font-size: 18px;
}

.tn-product-top-rating strong {
  color: var(--tn-ink);
  font-size: 15px;
  font-weight: 850;
}

.tn-product-top-rating-divider {
  color: #c4ccd4;
}

.tn-clean-review-form {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  margin-bottom: 0;
  padding: 18px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #f8fafb;
}

.tn-clean-review-form[hidden] {
  display: none !important;
}

.tn-clean-review-form:not([hidden]) {
  animation: tnReviewFormOpen .2s ease both;
}

@keyframes tnReviewFormOpen {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tn-clean-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  gap: 14px;
}

.tn-clean-review-form-compact {
  gap: 12px;
  padding: 16px;
  border-color: rgba(28, 181, 229, .2);
  background: #fff;
  box-shadow: 0 18px 36px rgba(18, 35, 48, .07);
}

.tn-clean-review-form-compact .tn-clean-review-grid {
  grid-template-columns: minmax(170px, 1fr) minmax(200px, 1fr) minmax(190px, 240px);
  gap: 12px;
  align-items: end;
}

.tn-clean-review-form label {
  display: grid;
  gap: 8px;
  margin: 0;
  color: var(--tn-ink);
  font-weight: 740;
}

.tn-clean-review-rating-field {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.tn-clean-review-rating-field legend {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--tn-ink);
  font-size: inherit;
  font-weight: 740;
  line-height: inherit;
}

.tn-clean-review-form textarea {
  min-height: 118px;
  resize: vertical;
}

.tn-clean-review-form-compact input.form-control,
.tn-clean-review-form-compact textarea.form-control {
  min-height: 44px;
  border-color: rgba(152, 164, 176, .24);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  box-shadow: none;
  color: var(--tn-ink);
  font-size: 15px;
}

.tn-clean-review-form-compact input.form-control:focus,
.tn-clean-review-form-compact textarea.form-control:focus {
  border-color: rgba(28, 181, 229, .52);
  box-shadow: 0 0 0 3px rgba(28, 181, 229, .16);
}

.tn-clean-review-pros-cons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tn-clean-review-form-compact textarea {
  min-height: 78px;
}

.tn-clean-review-form-compact .tn-clean-review-comment textarea {
  min-height: 96px;
}

.tn-clean-review-form-compact .tn-clean-review-rating-field {
  align-content: end;
  min-height: 72px;
  padding: 0 0 2px;
  border: 0;
  border-radius: var(--tn-radius-sm);
  background: transparent;
}

.tn-clean-review-avatar-field {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: var(--tn-ink);
  font-weight: 740;
}

.tn-clean-avatar-upload {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.tn-clean-avatar-file {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.tn-clean-avatar-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.tn-clean-avatar-preview {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border: 1px solid rgba(28, 181, 229, .28);
  border-radius: 50%;
  background: #fff;
  color: var(--tn-accent);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.tn-clean-avatar-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tn-clean-avatar-preview.has-image span {
  display: none;
}

.tn-clean-avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.tn-clean-avatar-pick,
.tn-clean-avatar-reset,
.tn-clean-avatar-apply {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(28, 181, 229, .28);
  border-radius: var(--tn-radius-sm);
  background: #fff;
  color: var(--tn-accent);
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.tn-clean-avatar-pick:hover,
.tn-clean-avatar-pick:focus,
.tn-clean-avatar-reset:hover,
.tn-clean-avatar-reset:focus,
.tn-clean-avatar-apply:hover,
.tn-clean-avatar-apply:focus {
  border-color: rgba(28, 181, 229, .52);
  box-shadow: 0 8px 18px rgba(28, 181, 229, .13);
  color: #0798cc;
  outline: none;
}

.tn-clean-avatar-reset {
  border-color: rgba(152, 164, 176, .26);
  color: var(--tn-muted);
}

.tn-clean-avatar-crop {
  display: grid;
  grid-template-columns: 110px minmax(120px, 1fr) auto;
  gap: 10px;
  align-items: center;
  max-width: 520px;
  padding: 10px;
  border: 1px solid var(--tn-line);
  border-radius: var(--tn-radius-sm);
  background: #fff;
}

.tn-clean-avatar-crop[hidden] {
  display: none !important;
}

.tn-clean-avatar-crop canvas {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1px solid rgba(152, 164, 176, .24);
  cursor: move;
}

.tn-clean-avatar-zoom {
  gap: 6px !important;
  font-size: 13px;
}

.tn-clean-avatar-zoom input {
  width: 100%;
  accent-color: var(--tn-accent);
}

.tn-clean-review-form-compact .tn-clean-review-note {
  margin-top: -2px;
  color: #6d7782;
}

.tn-clean-review-form-compact #button-review {
  justify-self: end;
  width: auto;
  min-width: 220px;
  min-height: 48px;
  padding-right: 28px;
  padding-left: 28px;
}

@media (max-width: 767px) {
  .tn-clean-review-form-compact {
    padding: 14px;
  }

  .tn-clean-review-form-compact .tn-clean-review-grid,
  .tn-clean-review-pros-cons {
    grid-template-columns: 1fr;
  }

  .tn-clean-review-form-compact .tn-clean-review-rating-field {
    min-height: auto;
  }

  .tn-clean-avatar-crop {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .tn-clean-review-form-compact #button-review {
    width: 100%;
  }
}

.tn-clean-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: .16em;
  min-height: 24px;
  font-size: 20px;
  line-height: 1;
}

.tn-clean-rating-star {
  display: inline-grid !important;
  place-items: center;
  width: 1em;
  height: 1em;
  margin: 0 !important;
  color: #c4ccd4;
  cursor: pointer;
}

.tn-clean-review-form .tn-clean-rating .tn-clean-rating-star {
  color: #c4ccd4 !important;
}

.tn-clean-rating-star i {
  color: inherit;
  font-size: 1em;
  line-height: 1;
  pointer-events: none;
}

.tn-clean-review-form .tn-clean-rating-star:has(input:checked),
.tn-clean-review-form .tn-clean-rating-star:has(input:checked) ~ .tn-clean-rating-star,
.tn-clean-review-form .tn-clean-rating-star-is {
  color: var(--tn-warm) !important;
}

.tn-clean-review-form .tn-clean-rating .tn-clean-rating-star:has(input:checked) {
  color: var(--tn-warm) !important;
}

.tn-clean-review-form .tn-clean-rating:hover .tn-clean-rating-star {
  color: #c4ccd4 !important;
}

.tn-clean-review-form .tn-clean-rating-star:hover,
.tn-clean-review-form .tn-clean-rating-star:hover ~ .tn-clean-rating-star {
  color: var(--tn-warm) !important;
}

.tn-clean-review-form .tn-clean-rating .tn-clean-rating-star:hover {
  color: var(--tn-warm) !important;
}

.tn-clean-review-note {
  color: var(--tn-muted);
  font-size: 13px;
  line-height: 1.5;
}

.tn-review-item {
  display: grid;
  gap: 18px;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.tn-review-item-external {
  display: grid;
  gap: 18px;
}

.tn-review-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.tn-review-meta {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.tn-review-author-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
}

.tn-review-rating {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 7px;
  color: var(--tn-muted);
  font-size: 14px;
  line-height: 1;
}

.tn-review-rating-stars {
  font-size: 20px;
}

.tn-review-rating-value {
  font-weight: 740;
  color: var(--tn-ink);
}

.tn-review-avatar {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(11, 179, 229, 0.18);
  border-radius: 50% !important;
  background: #fff;
  color: var(--tn-accent);
}

.tn-review-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: inherit;
  object-fit: cover;
}

.tn-review-avatar span {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(11, 179, 229, 0.18);
}

.tn-review-body {
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.tn-review-body .us-review-text {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  white-space: normal !important;
}

.tn-review-body .us-review-text::before {
  display: none !important;
}

.tn-review-body .us-review-text-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  color: var(--tn-muted) !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.tn-redesign .us-review-item .us-product-review-block,
.tn-redesign .us-review-item .us-review-text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.tn-redesign .us-review-item .us-product-review-block.tn-review-body {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tn-redesign .us-review-item .us-product-review-block.tn-review-body::before,
.tn-redesign .us-review-item .us-product-review-block.tn-review-body::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tn-redesign .us-review-item .us-review-text::before {
  display: none !important;
}

.tn-redesign .us-review-item .us-review-text-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

.tn-review-structured {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tn-redesign .us-review-item .us-review-text-main.tn-review-structured {
  display: grid !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tn-review-body .us-review-text-main.tn-review-structured::before,
.tn-review-body .us-review-text-main.tn-review-structured::after,
.tn-redesign .us-review-item .us-review-text-main.tn-review-structured::before,
.tn-redesign .us-review-item .us-review-text-main.tn-review-structured::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tn-review-part {
  display: grid;
  gap: 4px;
  padding: 11px 13px;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: #fff;
}

.tn-review-part + .tn-review-part {
  margin-top: 0;
}

.tn-review-part > span {
  color: var(--tn-ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

.tn-review-part > p {
  margin: 0;
  color: var(--tn-muted);
  font-size: 15px;
  line-height: 1.5;
}

.tn-review-part-pros {
  border-color: rgba(68, 166, 44, 0.22);
  background: rgba(68, 166, 44, 0.06);
}

.tn-review-part-pros > span {
  color: #3f9f28;
}

.tn-review-part-cons {
  border-color: rgba(230, 151, 38, 0.26);
  background: rgba(230, 151, 38, 0.07);
}

.tn-review-part-cons > span {
  color: #b36b11;
}

.tn-review-part-comment {
  grid-column: 1 / -1;
}

@media (max-width: 767px) {
  .tn-review-structured {
    grid-template-columns: 1fr;
  }
}

.tn-clean-related {
  margin-top: 34px;
}

.text-danger {
  margin-top: 7px;
  color: #d93945;
  font-size: 13px;
}

.has-error .form-control {
  border-color: #d93945;
}

#cookie_note {
  z-index: 200;
}

@media (max-width: 1199px) {
  .tn-clean-hero h1 { font-size: 42px; }
  .tn-clean-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tn-clean-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tn-compare-missing-value {
  color: #8a949e;
  font-weight: 700;
}

@media (max-width: 991px) {
  .tn-clean-header { position: static; }
  .tn-clean-topline { display: none; }
  .tn-clean-mainbar { flex-wrap: wrap; min-height: auto; padding-top: 14px; padding-bottom: 14px; gap: 14px; }
  .tn-clean-logo { min-width: auto; }
  .tn-clean-search { order: 4; flex-basis: 100%; }
  .tn-clean-contact { margin-left: auto; }
  .tn-clean-navband-inner { overflow-x: auto; }
  .tn-clean-hero-grid,
  .tn-clean-buybox,
  .tn-clean-catalog-layout,
  .tn-clean-catalog-layout-left,
  .tn-clean-catalog-layout-right,
  .tn-clean-catalog-layout-left.tn-clean-catalog-layout-right { grid-template-columns: 1fr; }
  .tn-clean-hero-grid { min-height: auto; padding-top: 38px; padding-bottom: 42px; }
  .tn-clean-hero h1 { font-size: 36px; }
  .tn-clean-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tn-filter-shell {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    width: min(88vw, 360px);
    height: 100vh;
    overflow-y: auto;
    border-radius: 0;
    transform: translateX(-105%);
    transition: transform var(--tn-normal);
  }
  .tn-filter-shell-open { transform: translateX(0); }
  .tn-filter-close {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-left: auto;
    border: 1px solid var(--tn-line);
    border-radius: var(--tn-radius-sm);
    background: #fff;
    font-size: 24px;
    line-height: 1;
  }
  .tn-filter-overlay {
    position: fixed;
    inset: 0;
    z-index: 110;
    background: rgba(8, 16, 24, .42);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--tn-normal);
  }
  .tn-filter-overlay-visible {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  body.tn-filter-open { overflow: hidden; }
  .tn-clean-gallery { position: static; }
}

@media (max-width: 767px) {
  .tn-clean-contact { display: none; }
  .tn-clean-cart-copy,
  .tn-clean-cart-wrap .us-cart-content { display: none; }
  .tn-clean-mainbar { align-items: center; }
  .tn-clean-logo img { max-width: 150px; }
  .tn-clean-navband-inner { gap: 14px; }
  .tn-clean-nav { gap: 16px; }
  .tn-clean-hero h1 { font-size: 31px; }
  .tn-clean-hero p { font-size: 16px; }
  .tn-clean-hero-actions .tn-clean-btn { width: 100%; }
  .tn-clean-hero-metrics,
  .tn-clean-strip-grid,
  .tn-clean-category-grid,
  .tn-clean-product-grid,

.tn-clean-layout-slot {
  margin-bottom: 20px;
}

.tn-clean-layout-slot-bottom {
  margin-top: 24px;
  margin-bottom: 0;
}

.tn-clean-layout-slot:empty {
  display: none;
}

.tn-clean-subcategories { grid-template-columns: 1fr; }
  .tn-clean-section-head,
  .tn-clean-catalog-head,
  .tn-clean-product-head,
  .tn-clean-help,
  .tn-clean-toolbar { align-items: stretch; flex-direction: column; }
  .tn-clean-catalog-head h1,
  .tn-clean-product-heading { font-size: 30px; }
  .tn-clean-section-head h2,
  .tn-clean-help h2 { font-size: 25px; }
  .tn-clean-device-card { min-height: 330px; padding: 22px; }
  .tn-clean-device-card img { height: 190px; }
  .tn-clean-card-media { min-height: 190px; }
  .tn-clean-main-image { min-height: 280px; }
  #image-additional { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .tn-clean-product-info,
  .tn-clean-gallery,
  .tn-clean-detail-section { padding: 20px; }
  .tn-review-summary { grid-template-columns: 1fr; }
  .tn-review-summary-counts { grid-template-columns: 1fr; }
  .tn-clean-review-grid { grid-template-columns: 1fr; }
  .tn-clean-price-company { width: 100%; padding-left: 0; border-left: 0; border-top: 1px solid var(--tn-line); padding-top: 14px; }
  .tn-clean-attr-preview div,
  .tn-clean-attr-table div { grid-template-columns: 1fr; gap: 4px; }
}

@media (max-width: 420px) {
  .tn-clean-hero h1 { font-size: 28px; }
  .tn-clean-btn { width: 100%; padding-left: 12px; padding-right: 12px; }
  .tn-clean-card-actions { align-items: stretch; }
  .tn-clean-card-cart { flex: 1 1 100%; }
  .tn-clean-sort { justify-content: stretch; }
  .tn-clean-sort select { width: 100%; }
}

/* Figma tablet catalog fidelity overrides */
.tn-redesign {
  --tn-accent: #0CBDFB;
  --tn-accent-dark: #0697d0;
  --tn-accent-soft: rgba(12, 189, 251, 0.12);
  --tn-ink: #1F1F1F;
  --tn-text: #282828;
  --tn-muted: #6B7078;
  --tn-line: #D6D9DE;
}

.tn-clean-catalog .breadcrumb,
.tn-redesign .tn-clean-catalog .breadcrumb {
  margin-top: 16px;
}

.tn-clean-catalog-head {
  padding: 22px 0 18px;
}

.tn-clean-catalog-head h1 {
  font-size: 34px;
  line-height: 1.08;
}

.tn-clean-catalog-head .tn-clean-btn-secondary {
  min-height: 38px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .tn-clean-header {
    position: sticky;
  }

  .tn-clean-mainbar {
    min-height: 62px;
    flex-wrap: nowrap;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .tn-clean-logo {
    min-width: 118px;
  }

  .tn-clean-logo img {
    max-width: 128px;
    max-height: 36px;
  }

  .tn-clean-search {
    order: 0;
    flex: 1 1 auto;
    min-width: 180px;
  }

  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group,
  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    height: 42px;
  }

  .tn-clean-search button,
  .tn-clean-search .header-btn-search {
    min-width: 44px;
  }

  .tn-clean-contact,
  .tn-clean-cart-copy,
  .tn-clean-cart-wrap .us-cart-content {
    display: none;
  }

  .tn-clean-cart-wrap .us-cart-img {
    width: 42px;
    height: 42px;
  }

  .tn-clean-navband-inner {
    min-height: 42px;
    gap: 14px;
  }

  .tn-clean-catalog-link {
    height: 34px;
    padding: 0 12px;
    font-size: 14px;
  }

  .tn-clean-nav {
    gap: 16px;
  }

  .tn-clean-nav a {
    font-size: 14px;
  }

  .tn-clean-catalog {
    padding-bottom: 48px;
  }

  .tn-clean-catalog-head {
    align-items: flex-start;
    padding: 18px 0 14px;
  }

  .tn-clean-catalog-head h1 {
    font-size: 28px;
  }

  .tn-clean-catalog-head .tn-clean-eyebrow,
  .tn-clean-catalog-head .tn-clean-btn-secondary {
    display: none;
  }

  .tn-clean-intro {
    max-height: 56px;
    margin-top: 8px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.45;
  }

  .tn-clean-catalog-layout,
  .tn-clean-catalog-layout-left {
    grid-template-columns: minmax(210px, 240px) minmax(0, 1fr) !important;
    gap: 14px;
  }

  .tn-clean-catalog-layout-right,
  .tn-clean-catalog-layout-left.tn-clean-catalog-layout-right {
    grid-template-columns: minmax(210px, 240px) minmax(0, 1fr) !important;
  }

  .tn-filter-shell {
    position: sticky;
    top: 120px;
    z-index: 2;
    width: auto;
    height: auto;
    max-height: calc(100vh - 132px);
    overflow-y: auto;
    padding: 14px;
    border-radius: var(--tn-radius);
    transform: none;
    transition: border-color var(--tn-fast), box-shadow var(--tn-fast);
    box-shadow: none;
  }

  .tn-filter-close,
  .tn-filter-overlay,
  .tn-clean-filter-button {
    display: none !important;
  }

  .tn-clean-subcategories {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 12px;
  }

  .tn-clean-subcategory {
    min-height: 52px;
    padding: 8px 10px;
    font-size: 13px;
  }

  .tn-clean-subcategory img {
    width: 34px;
    height: 34px;
  }

  .tn-clean-toolbar {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid var(--tn-line);
    border-radius: 0;
    background: transparent;
  }

  .tn-clean-sort {
    justify-content: flex-start;
    gap: 6px;
  }

  .tn-clean-sort label {
    margin: 0 2px 0 0;
    font-size: 12px;
  }

  .tn-clean-sort select {
    height: 34px;
    max-width: 150px;
    padding: 0 8px;
    font-size: 12px;
  }

  .tn-clean-product-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .tn-clean-product-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    grid-template-areas:
      "body media"
      "footer footer";
    min-height: 168px;
    box-shadow: none;
  }

  .tn-clean-product-card:hover {
    transform: translateY(-2px);
  }

  .tn-clean-card-media {
    grid-area: media;
    min-height: 128px;
    padding: 10px;
    border-left: 1px solid var(--tn-line);
    background: #fff;
  }

  .tn-clean-card-media img {
    max-width: 108px;
    height: 104px;
    filter: drop-shadow(0 8px 10px rgba(31, 31, 31, 0.11));
  }

  .tn-clean-badge {
    top: 8px;
    left: 8px;
    min-height: 20px;
    padding: 0 7px;
    font-size: 10px;
  }

  .tn-clean-card-body {
    grid-area: body;
    min-width: 0;
    gap: 6px;
    padding: 13px 12px 6px;
  }

  .tn-clean-card-title {
    min-height: 0;
    font-size: 14px;
    line-height: 1.28;
  }

  .tn-clean-card-code,
  .tn-clean-card-desc {
    font-size: 12px;
    line-height: 1.35;
  }

  .tn-clean-card-desc {
    max-height: 32px;
    overflow: hidden;
  }

  .tn-clean-card-footer {
    grid-area: footer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px 12px;
    border-top: 1px solid #EEF1F4;
  }

  .tn-clean-card-price {
    min-height: 0;
    margin-bottom: 0;
  }

  .tn-clean-card-price strong,
  .tn-clean-price-new,
  .tn-clean-price-retail {
    font-size: 17px;
  }

  .tn-clean-card-actions {
    gap: 8px;
    flex-wrap: nowrap;
  }

  .tn-clean-card-cart {
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
  }

  .tn-clean-card-actions button {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 767px) {
  .tn-clean-hero-metrics,
  .tn-clean-strip-grid,
  .tn-clean-category-grid,
  .tn-clean-product-grid,
  .tn-clean-subcategories {
    grid-template-columns: 1fr;
  }
}

/* Figma UI kit exact sizing pass */
@media (min-width: 992px) {
  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group,
  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    height: 68px;
  }

  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group {
    border-radius: 8px;
  }

  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    font-size: 16px;
    padding-left: 22px;
  }

  .tn-clean-search button,
  .tn-clean-search .header-btn-search {
    min-width: 68px;
  }

  .tn-clean-cart-wrap #cart {
    position: relative;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 40px 18px !important;
    place-items: center !important;
    gap: 0 !important;
    width: 105px !important;
    height: 68px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #fff;
  }

  .tn-clean-cart-wrap #cart:hover {
    border-color: rgba(12, 189, 251, 0.45);
    box-shadow: 0 12px 26px rgba(31, 31, 31, 0.08);
    transform: translateY(-1px);
  }

  .tn-clean-cart-wrap .us-cart-img {
    width: 40px !important;
    height: 40px !important;
    border: 0;
    background: #F5F5F7;
  }

  .tn-clean-cart-wrap .us-cart-content {
    display: none !important;
  }

  .tn-clean-cart-wrap #cart::after {
    content: "Корзина";
    color: #282828;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }

  .tn-clean-category-grid {
    grid-template-columns: repeat(auto-fill, 322px);
    justify-content: start;
    gap: 24px;
  }

  .tn-clean-category-card {
    width: 322px;
    height: 300px;
    min-height: 300px;
    padding: 24px;
    box-shadow: none;
  }

  .tn-clean-category-card img {
    width: 112px;
    height: 112px;
    margin-bottom: 22px;
  }

  .tn-clean-category-card strong {
    font-size: 20px;
    line-height: 1.2;
  }

  .tn-clean-category-card span {
    font-size: 14px;
    line-height: 1.4;
  }

  .tn-clean-product-grid {
    grid-template-columns: repeat(auto-fill, 240px);
    justify-content: start;
    align-items: start;
    gap: 24px;
  }

  .tn-clean-product-card {
    width: 240px;
    height: 376px;
    min-height: 0;
    box-shadow: none;
  }

  .tn-clean-card-media {
    min-height: 0;
    height: 168px;
    padding: 18px 16px 8px;
    background: #fff;
  }

  .tn-clean-card-media img {
    max-width: 178px;
    height: 132px;
    filter: none;
  }

  .tn-clean-card-body {
    gap: 6px;
    padding: 14px 16px 4px;
  }

  .tn-clean-card-title {
    min-height: 54px;
    font-size: 14px;
    line-height: 1.28;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .tn-clean-card-desc {
    display: none;
  }

  .tn-clean-card-code {
    font-size: 12px;
    line-height: 1.3;
  }

  .tn-clean-card-footer {
    margin-top: auto;
    padding: 10px 16px 16px;
  }

  .tn-clean-card-price {
    min-height: 26px;
    margin-bottom: 10px;
  }

  .tn-clean-card-price strong,
  .tn-clean-price-new,
  .tn-clean-price-retail {
    font-size: 18px;
    line-height: 1.15;
  }

  .tn-clean-card-actions {
    gap: 8px;
    flex-wrap: nowrap;
  }

  .tn-clean-card-cart {
    min-height: 40px;
    flex: 1 1 auto;
    padding: 0 12px;
    font-size: 13px;
  }

  .tn-clean-card-actions button {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .tn-clean-cart-submit {
    width: 186px;
    min-height: 50px;
    max-width: 100%;
    justify-self: start;
    font-size: 16px;
  }
}

.tn-clean-pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.tn-clean-pagination .pagination > li,
.tn-clean-pagination .pagination > li > a,
.tn-clean-pagination .pagination > li > span {
  float: none;
}

@media (max-width: 991px) {
  .tn-clean-pagination .pagination {
    justify-content: flex-start;
  }
}

/* Homepage Figma screenshot pass */
.tn-redesign {
  --tn-bg: #f4f4f6;
  --tn-surface-soft: #f3f3f5;
  --tn-ink: #282828;
  --tn-text: #282828;
  --tn-muted: #888888;
  --tn-line: #E5E7EB;
  --tn-accent: #12B8F2;
  --tn-accent-dark: #059BDA;
}

.tn-clean-header {
  position: relative;
  top: auto;
  z-index: 50;
  background: #fff;
  border-bottom: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.tn-clean-header .container,
.tn-home-hero .container,
.tn-home-categories .container {
  width: calc(100% - 72px);
  max-width: 1368px;
}

.tn-clean-topline {
  display: block;
  background: #fff;
  color: #282828;
  font-size: 16px;
  line-height: 1.25;
}

.tn-clean-topline-inner {
  min-height: 62px;
  justify-content: space-between;
  gap: 28px;
}

.tn-clean-location,
.tn-clean-topline-nav,
.tn-clean-topline-phones,
.tn-clean-actions,
.tn-clean-action {
  display: flex;
  align-items: center;
}

.tn-clean-location {
  flex: 0 0 auto;
  gap: 8px;
  color: #282828;
  font-weight: 500;
  white-space: nowrap;
}

.tn-clean-location i,
.tn-clean-topline-nav i {
  color: #8D8D8D;
  font-size: 14px;
}

.tn-clean-topline-nav {
  flex: 1 1 auto;
  justify-content: center;
  gap: clamp(18px, 2.2vw, 42px);
  color: #282828;
  white-space: nowrap;
}

.tn-clean-topline-nav a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #282828;
  font-weight: 500;
}

.tn-clean-topline-nav a:hover,
.tn-clean-topline-phones a:hover,
.tn-clean-action:hover {
  color: var(--tn-accent-dark);
}

.tn-clean-topline-phones {
  flex: 0 0 auto;
  gap: clamp(16px, 1.9vw, 34px);
  color: #282828;
  font-weight: 500;
  white-space: nowrap;
}

.tn-clean-mainbar {
  min-height: 96px;
  gap: 28px;
  padding-bottom: 18px;
}

.tn-clean-logo {
  flex: 0 0 166px;
  min-width: 166px;
}

.tn-clean-logo img {
  width: 166px;
  max-width: 166px;
  max-height: 54px;
  object-fit: contain;
}

.tn-clean-catalog-link {
  flex: 0 0 160px;
  justify-content: center;
  gap: 12px;
  width: 160px;
  height: 60px;
  border-radius: 8px;
  background: #12B8F2;
  color: #fff;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(18, 184, 242, 0.22);
}

.tn-clean-catalog-link:hover {
  background: #06A7E6;
  color: #fff;
  transform: translateY(-1px);
}

.tn-clean-search {
  flex: 1 1 520px;
  min-width: 280px;
}

.tn-clean-search .header-input-group,
.tn-clean-search .input-group {
  height: 68px;
  border: 0;
  border-radius: 8px;
  background: #F3F3F5;
  overflow: hidden;
}

.tn-clean-search input,
.tn-clean-search .header-input,
.tn-clean-search .form-control {
  height: 68px;
  padding-left: 34px;
  color: #282828;
  font-size: 18px;
  font-weight: 400;
}

.tn-clean-search input::placeholder,
.tn-clean-search .header-input::placeholder,
.tn-clean-search .form-control::placeholder {
  color: #858585;
  opacity: 1;
}

.tn-clean-search button,
.tn-clean-search .header-btn-search {
  min-width: 72px;
  color: #9A9A9A;
  font-size: 26px;
}

.tn-clean-search .header-input-group:focus-within,
.tn-clean-search .input-group:focus-within {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(18, 184, 242, 0.16);
}

.tn-clean-actions {
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: clamp(12px, 1.2vw, 24px);
  min-width: 0;
}

.tn-clean-action {
  width: 96px;
  height: 68px;
  flex: 0 0 96px;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  color: #282828;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.15;
}

.tn-clean-action i {
  color: #9D9D9D;
  font-size: 28px;
  font-weight: 400;
}

.tn-clean-action:hover i {
  color: var(--tn-accent-dark);
}

.tn-clean-cart-action {
  position: relative;
  width: 96px;
  flex-basis: 96px;
}

.tn-clean-cart-wrap {
  position: absolute;
  inset: 0;
}

.tn-clean-cart-wrap #cart {
  position: relative;
  display: grid !important;
  grid-template-rows: 38px 22px !important;
  place-items: center !important;
  width: 96px !important;
  height: 68px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  border: 0 !important;
  border-radius: 8px;
  background: transparent !important;
  padding: 0 !important;
}

.tn-clean-cart-wrap #cart::after {
  content: "";
}

.tn-clean-cart-wrap .us-cart-img {
  width: 40px !important;
  height: 38px !important;
  border: 0 !important;
  background: transparent !important;
  color: #9D9D9D;
}

.tn-clean-cart-wrap .us-cart-img img {
  width: 29px;
  height: 29px;
  opacity: .48;
}

.tn-clean-cart-wrap .header-cart-index {
  top: -6px;
  right: 0;
  min-width: 18px;
  height: 18px;
  background: #F4B83A;
  color: #282828;
  font-size: 10px;
}

.tn-clean-cart-wrap .us-cart-content {
  display: none !important;
}

.tn-clean-cart-action .tn-clean-action-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #282828;
  pointer-events: none;
}

.tn-clean-contact,
.tn-clean-navband {
  display: none !important;
}

.tn-home-page {
  padding-bottom: 0;
  background: #F4F4F6;
}

.tn-home-hero {
  min-height: 620px;
  border: 0;
  background-color: #041324;
  background-image:
    linear-gradient(90deg, rgba(2, 19, 39, 0.98) 0%, rgba(1, 27, 55, 0.94) 30%, rgba(2, 16, 31, 0.70) 54%, rgba(2, 10, 18, 0.14) 74%),
    url('/image/catalog/tehnika-redesign/home-hero-bg.png');
  background-repeat: no-repeat, no-repeat;
  background-position: center, right center;
  background-size: 100% 100%, auto 100%;
  overflow: hidden;
}

.tn-home-hero-inner {
  display: flex;
  align-items: center;
  min-height: 620px;
  padding: 72px 0 92px;
}

.tn-home-hero-copy {
  max-width: 760px;
}

.tn-home-eyebrow,
.tn-home-hero .tn-clean-eyebrow {
  margin-bottom: 34px;
  color: #14C8FF;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.tn-home-hero h1,
.tn-clean-hero.tn-home-hero h1 {
  max-width: 740px;
  color: #fff;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: 0;
}

.tn-home-hero p,
.tn-clean-hero.tn-home-hero p {
  max-width: 660px;
  margin: 34px 0 0;
  color: rgba(255,255,255,.86);
  font-size: 24px;
  line-height: 1.55;
}

.tn-home-hero-btn {
  width: 188px;
  min-height: 56px;
  margin-top: 72px;
  border-radius: 8px;
  background: #12B8F2;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 16px 34px rgba(18, 184, 242, .26);
}

.tn-home-categories {
  background: #F4F4F6;
  padding: 96px 0 74px;
}

.tn-home-category-grid,
.tn-clean-category-grid.tn-home-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 322px);
  justify-content: space-between;
  gap: 24px;
}

.tn-home-category-card,
.tn-clean-category-card.tn-home-category-card {
  display: flex;
  align-items: center;
  width: 322px;
  height: 300px;
  min-height: 300px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  padding: 34px 28px 28px;
  box-shadow: 0 9px 24px rgba(22, 30, 40, .04);
  color: #282828;
  text-align: center;
}

.tn-home-category-card:hover {
  border-color: transparent;
  box-shadow: 0 18px 34px rgba(22, 30, 40, .10);
  transform: translateY(-4px);
}

.tn-home-category-card img,
.tn-clean-category-card.tn-home-category-card img {
  width: 210px;
  height: 145px;
  margin: 0 auto 34px;
  object-fit: contain;
  filter: none;
}

.tn-home-category-card strong,
.tn-clean-category-card.tn-home-category-card strong {
  display: block;
  width: 100%;
  color: #282828;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.42;
}

.tn-home-category-card span {
  display: none;
}

@media (max-width: 1320px) and (min-width: 992px) {
  .tn-clean-header .container,
  .tn-home-hero .container,
  .tn-home-categories .container {
    width: calc(100% - 40px);
  }

  .tn-clean-mainbar {
    gap: 18px;
  }

  .tn-clean-logo,
  .tn-clean-logo img {
    flex-basis: 148px;
    width: 148px;
    max-width: 148px;
  }

  .tn-clean-catalog-link {
    flex-basis: 142px;
    width: 142px;
    height: 56px;
    font-size: 17px;
  }

  .tn-clean-action,
  .tn-clean-cart-action,
  .tn-clean-cart-wrap #cart {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    flex-basis: 82px;
    font-size: 14px;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .tn-clean-header {
    position: relative;
  }

  .tn-clean-header .container,
  .tn-home-hero .container,
  .tn-home-categories .container {
    width: calc(100% - 32px);
  }

  .tn-clean-topline {
    display: block;
    border-bottom: 1px solid #F0F0F1;
    font-size: 14px;
  }

  .tn-clean-topline-inner {
    min-height: 42px;
    overflow-x: auto;
    gap: 18px;
    scrollbar-width: none;
  }

  .tn-clean-topline-inner::-webkit-scrollbar {
    display: none;
  }

  .tn-clean-topline-nav {
    justify-content: flex-start;
    gap: 18px;
  }

  .tn-clean-topline-phones {
    gap: 16px;
  }

  .tn-clean-mainbar {
    min-height: auto;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .tn-clean-logo,
  .tn-clean-logo img {
    width: 132px;
    min-width: 132px;
    max-width: 132px;
  }

  .tn-clean-catalog-link {
    width: auto;
    min-width: 118px;
    height: 48px;
    font-size: 15px;
  }

  .tn-clean-search {
    grid-column: 1 / -1;
    order: 0;
    min-width: 0;
  }

  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group,
  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    height: 52px;
  }

  .tn-clean-actions {
    justify-content: flex-end;
    gap: 8px;
  }

  .tn-clean-action,
  .tn-clean-cart-action,
  .tn-clean-cart-wrap #cart {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 52px !important;
    flex-basis: 62px;
    gap: 3px;
    font-size: 11px;
  }

  .tn-clean-action i {
    font-size: 22px;
  }

  .tn-clean-cart-wrap .us-cart-img {
    width: 32px !important;
    height: 30px !important;
  }

  .tn-clean-cart-wrap .us-cart-img img {
    width: 23px;
    height: 23px;
  }

  .tn-home-hero,
  .tn-home-hero-inner {
    min-height: 540px;
  }

  .tn-home-hero {
    background-position: center, 62% center;
    background-size: 100% 100%, auto 100%;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    max-width: 620px;
    font-size: 44px;
  }

  .tn-home-hero p,
  .tn-clean-hero.tn-home-hero p {
    max-width: 560px;
    font-size: 20px;
  }

  .tn-home-hero-btn {
    margin-top: 48px;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100%;
    height: 270px;
    min-height: 270px;
  }
}

@media (max-width: 767px) {
  .tn-clean-topline-nav,
  .tn-clean-topline-phones {
    display: none;
  }

  .tn-clean-mainbar {
    grid-template-columns: 1fr auto;
  }

  .tn-clean-catalog-link {
    grid-column: 1 / 2;
    grid-row: 2;
    justify-self: start;
    min-width: 128px;
  }

  .tn-clean-actions {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    align-self: center;
  }

  .tn-clean-action:not(.tn-clean-cart-action) {
    display: none;
  }

  .tn-clean-search {
    grid-column: 1 / -1;
  }

  .tn-home-hero,
  .tn-home-hero-inner {
    min-height: 500px;
  }

  .tn-home-hero {
    background-image:
      linear-gradient(90deg, rgba(2, 19, 39, 0.98) 0%, rgba(1, 27, 55, 0.94) 52%, rgba(2, 16, 31, 0.64) 100%),
      url('/image/catalog/tehnika-redesign/home-hero-bg.png');
    background-position: center, 64% center;
    background-size: 100% 100%, auto 100%;
  }

  .tn-home-hero-inner {
    padding: 54px 0 64px;
  }

  .tn-home-eyebrow,
  .tn-home-hero .tn-clean-eyebrow {
    margin-bottom: 22px;
    font-size: 14px;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    font-size: 34px;
    line-height: 1.18;
  }

  .tn-home-hero p,
  .tn-clean-hero.tn-home-hero p {
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.55;
  }

  .tn-home-hero-btn {
    width: 180px;
    min-height: 54px;
    margin-top: 40px;
  }

  .tn-home-categories {
    padding: 42px 0 54px;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    height: 238px;
    min-height: 238px;
    padding: 28px 22px 24px;
  }

  .tn-home-category-card img,
  .tn-clean-category-card.tn-home-category-card img {
    width: 178px;
    height: 118px;
    margin-bottom: 24px;
  }

  .tn-home-category-card strong,
  .tn-clean-category-card.tn-home-category-card strong {
    font-size: 20px;
  }
}

/* Tablet header containment after homepage pass */
@media (min-width: 768px) and (max-width: 991px) {
  .tn-clean-topline {
    display: none;
  }

  .tn-clean-mainbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 86px;
    gap: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tn-clean-logo,
  .tn-clean-logo img {
    width: 124px;
    min-width: 124px;
    max-width: 124px;
  }

  .tn-clean-catalog-link {
    flex: 0 0 118px;
    width: 118px;
    min-width: 118px;
    height: 48px;
    padding: 0 12px;
  }

  .tn-clean-search {
    grid-column: auto;
    flex: 1 1 auto;
    min-width: 180px;
  }

  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group,
  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    height: 48px;
  }

  .tn-clean-actions {
    flex: 0 0 62px;
  }

  .tn-clean-action:not(.tn-clean-cart-action) {
    display: none;
  }
}

/* Homepage visual polish after screenshot check */
.tn-clean-header a,
.tn-clean-header a:hover,
.tn-home-page a,
.tn-home-page a:hover {
  text-decoration: none !important;
}

.tn-clean-location::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #777;
  font-size: 15px;
  line-height: 1;
}

.tn-redesign #cookie_note.show {
  display: none !important;
}

/* Homepage final visual nudge */
.tn-clean-location > i {
  display: none;
}

.tn-home-hero-btn,
.tn-home-hero-btn:hover,
.tn-home-hero-btn:focus {
  color: #fff !important;
}


/* Homepage Figma frame implementation — 2026-08-21 */
body.tn-redesign {
  background: #f4f4f6;
  font-family: "PT Root UI", "PT Sans", "Open Sans", Arial, sans-serif;
  color: #282828;
}

.tn-home-figma,
.tn-home-figma * {
  letter-spacing: 0;
}

.tn-clean-header {
  position: relative;
  z-index: 50;
  min-height: 157px;
  padding-bottom: 20px;
  background: #fff;
  box-shadow: none;
}

.tn-clean-header .container {
  width: calc(100% - 60px);
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.tn-clean-topline {
  padding-top: 20px;
  background: #fff;
  border: 0;
  color: #282828;
}

.tn-clean-topline-inner {
  height: 24px;
  min-height: 24px;
  gap: 24px;
  align-items: center;
}

.tn-clean-location,
.tn-clean-topline-nav a,
.tn-clean-topline-phones a {
  color: #282828;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.tn-clean-location {
  gap: 8px;
}

.tn-clean-location::before {
  color: #8d8d8d;
  font-size: 15px;
}

.tn-clean-topline-nav {
  gap: 31px;
}

.tn-clean-topline-nav a {
  gap: 8px;
}

.tn-clean-topline-nav i {
  color: #8d8d8d;
  font-size: 12px;
}

.tn-clean-topline-phones {
  gap: 32px;
}

.tn-clean-mainbar {
  display: flex;
  align-items: center;
  height: 68px;
  min-height: 68px;
  margin-top: 25px;
  padding: 0;
  gap: 25px;
}

.tn-clean-logo {
  flex: 0 0 181px;
  width: 181px;
  min-width: 181px;
  max-width: 181px;
  height: 50px;
}

.tn-clean-logo a,
.tn-clean-logo img {
  display: block;
  width: 181px;
  height: 50px;
}

.tn-clean-logo img {
  max-width: 181px;
  max-height: none;
  object-fit: contain;
}

.tn-clean-catalog-link {
  flex: 0 0 162px;
  width: 162px;
  min-width: 162px;
  height: 47px;
  border-radius: 8px;
  background: #12b8f2;
  color: #fff !important;
  gap: 12px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(18, 184, 242, .18);
}

.tn-clean-catalog-link:hover,
.tn-clean-catalog-link:focus {
  background: #08aeea;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(18, 184, 242, .24);
}

.tn-clean-search {
  flex: 0 1 551px;
  width: 551px;
  max-width: 551px;
  min-width: 260px;
}

.tn-clean-search .header-input-group,
.tn-clean-search .input-group {
  height: 68px;
  border: 0;
  border-radius: 8px;
  background: #f3f3f5;
}

.tn-clean-search input,
.tn-clean-search .header-input,
.tn-clean-search .form-control {
  height: 68px;
  padding-left: 34px;
  background: transparent;
  color: #282828;
  font-size: 18px;
  font-weight: 400;
}

.tn-clean-search input::placeholder,
.tn-clean-search .header-input::placeholder,
.tn-clean-search .form-control::placeholder {
  color: #858585;
}

.tn-clean-search button,
.tn-clean-search .header-btn-search {
  min-width: 72px;
  color: #9d9d9d;
  font-size: 25px;
}

.tn-clean-actions {
  flex: 0 0 auto;
  margin-left: auto;
  gap: 10px;
}

.tn-clean-action,
.tn-clean-cart-action,
.tn-clean-cart-wrap #cart {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 68px !important;
  flex-basis: 96px;
}

.tn-clean-action {
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  color: #282828;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.tn-clean-action i {
  color: #a0a0a0;
  font-size: 27px;
}

.tn-clean-action:hover,
.tn-clean-action:hover i {
  color: #08aeea;
}

.tn-clean-cart-wrap #cart {
  display: grid !important;
  grid-template-rows: 38px 22px !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.tn-clean-cart-wrap .us-cart-img {
  width: 40px !important;
  height: 38px !important;
  border: 0 !important;
  background: transparent !important;
}

.tn-clean-cart-wrap .us-cart-img img {
  width: 29px;
  height: 29px;
  opacity: .48;
}

.tn-clean-cart-action .tn-clean-action-label {
  bottom: 0;
  color: #282828;
  font-size: 16px;
  line-height: 18px;
}

.tn-home-figma {
  overflow: hidden;
  background: #f4f4f6;
}

.tn-home-figma .container.tn-home-hero-inner {
  width: min(1380px, calc(100% - 60px));
  max-width: 1380px;
  padding-left: 0;
  padding-right: 0;
}

.tn-home-hero {
  min-height: 560px !important;
  height: 560px;
  background-color: #021326;
  background-image:
    linear-gradient(90deg, rgba(0, 26, 56, .98) 0%, rgba(0, 32, 68, .92) 36%, rgba(0, 22, 45, .54) 58%, rgba(0, 7, 17, .08) 82%),
    url('/image/catalog/tehnika-redesign/home-hero-bg.png');
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: 100% 100%, cover;
}

.tn-home-hero-inner {
  align-items: flex-start;
  min-height: 560px !important;
  height: 560px;
  padding: 0;
}

.tn-home-hero-copy {
  max-width: 720px;
  padding-top: 92px;
}

.tn-home-eyebrow,
.tn-home-hero .tn-clean-eyebrow {
  margin: 0 0 35px;
  color: #12c8ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.tn-home-hero h1,
.tn-clean-hero.tn-home-hero h1 {
  max-width: 680px;
  margin: 0;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.18;
}

.tn-home-hero p,
.tn-clean-hero.tn-home-hero p {
  max-width: 660px;
  margin: 28px 0 0;
  color: rgba(255,255,255,.86);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
}

.tn-home-hero-btn,
.tn-home-hero-btn:hover,
.tn-home-hero-btn:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  min-height: 56px;
  margin-top: 45px;
  border-radius: 12px;
  background: #12b8f2;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 14px 30px rgba(18, 184, 242, .23);
}

.tn-home-hero-btn:hover,
.tn-home-hero-btn:focus {
  background: #08aeea;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(18, 184, 242, .30);
}

.tn-home-content {
  background: #f4f4f6;
}

.tn-home-content-inner {
  width: 1360px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  padding: 72px 0;
}

.tn-home-content .tn-home-categories {
  padding: 0;
  background: transparent;
}

.tn-home-category-grid,
.tn-clean-category-grid.tn-home-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 322px);
  gap: 24px;
  justify-content: start;
}

.tn-home-category-card,
.tn-clean-category-card.tn-home-category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 322px;
  height: 300px;
  min-height: 300px;
  padding: 16px 16px 22px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #282828;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
  transition: transform .18s ease, box-shadow .18s ease;
}

.tn-home-category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(25, 35, 50, .10);
}

.tn-home-category-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 290px;
  height: 190px;
  border-radius: 12px;
  overflow: hidden;
}

.tn-home-category-media img,
.tn-home-category-card img,
.tn-clean-category-card.tn-home-category-card img {
  width: 290px;
  height: 190px;
  margin: 0;
  object-fit: contain;
}

.tn-home-category-card strong,
.tn-clean-category-card.tn-home-category-card strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 274px;
  height: 56px;
  margin-top: 16px;
  color: #282828;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

.tn-home-company {
  margin-top: 65px;
}

.tn-home-company h2,
.tn-home-product-section h2,
.tn-home-brands h2 {
  margin: 0;
  color: #282828;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
}

.tn-home-company-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 500px;
  gap: 44px;
  align-items: start;
  padding: 48px 56px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
}

.tn-home-company-copy {
  display: grid;
  align-content: start;
}

.tn-home-company-copy h3 {
  margin: 24px 0 0;
  max-width: 560px;
  color: #282828;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

.tn-home-company-text {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.tn-home-company-text p {
  margin: 0;
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.tn-home-company-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: center;
  overflow: hidden;
  border: 1px solid #dfeaf2;
  border-radius: 16px;
  background: #f8fbfd;
}

.tn-home-company-feature {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  align-content: start;
  min-height: 150px;
  padding: 24px 20px;
  border-right: 1px solid #dfeaf2;
  border-bottom: 1px solid #dfeaf2;
}

.tn-home-company-feature:nth-child(2n) {
  border-right: 0;
}

.tn-home-company-feature:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.tn-home-company-feature img {
  width: 42px;
  height: 42px;
}

.tn-home-company-feature h3 {
  margin: 0;
  color: #282828;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.tn-home-company-feature p {
  margin: 10px 0 0;
  color: #6d737a;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.tn-home-product-section {
  margin-top: 65px;
}

.tn-home-product-grid {
  display: grid;
  grid-template-columns: repeat(5, 240px);
  gap: 30px;
  width: 1320px;
  height: 376px;
  margin: 72px auto 0;
}

.tn-home-product-card {
  display: flex;
  flex-direction: column;
  width: 240px;
  height: 376px;
  border-radius: 16px;
  background: #fff;
  color: #282828;
  text-decoration: none;
  overflow: hidden;
  transition: transform .18s ease, filter .18s ease;
}

.tn-home-product-card:hover {
  transform: translateY(-3px);
  filter: drop-shadow(0 16px 22px rgba(25, 35, 50, .08));
}

.tn-home-product-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.tn-home-product-media img {
  display: block;
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.tn-home-product-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 240px;
  height: 104px;
  margin-top: 24px;
}

.tn-home-product-text strong {
  color: #282828;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
}

.tn-home-product-text b {
  color: #282828;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.tn-home-promo {
  position: relative;
  height: 280px;
  margin-top: 65px;
  border-radius: 20px;
  background-color: #031326;
  background-image:
    linear-gradient(90deg, rgba(0, 31, 65, .96) 0%, rgba(0, 35, 74, .90) 42%, rgba(0, 20, 43, .44) 68%, rgba(0, 8, 18, .14) 100%),
    url('/image/catalog/tehnika-redesign/home-hero-bg.png');
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: 100% 100%, cover;
  overflow: hidden;
}

.tn-home-promo::after {
  content: "";
  position: absolute;
  right: 110px;
  top: -40px;
  width: 360px;
  height: 360px;
  background: rgba(18, 184, 242, .10);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.tn-home-promo-copy {
  position: relative;
  z-index: 1;
  padding: 56px;
}

.tn-home-promo h2 {
  margin: 0;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.tn-home-promo p {
  margin: 16px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 22px;
}

.tn-home-promo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 48px;
  margin-top: 54px;
  border-radius: 12px;
  background: #12b8f2;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(18, 184, 242, .22);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.tn-home-promo a:hover {
  background: #08aeea;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(18, 184, 242, .30);
}

.tn-home-recommend {
  min-height: 617px;
}

.tn-home-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 48px;
  margin: 59px auto 0;
  border-radius: 12px;
  background: #fff;
  color: #282828 !important;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(25, 35, 50, .06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.tn-home-show-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(25, 35, 50, .12);
}

.tn-home-brands {
  margin-top: 65px;
}

.tn-home-brand-row {
  display: grid;
  grid-template-columns: repeat(5, 120px);
  justify-content: space-between;
  align-items: center;
  height: 110px;
  margin-top: 65px;
  padding: 0 90px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
}

.tn-home-brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  opacity: .72;
  transition: opacity .18s ease, transform .18s ease;
}

.tn-home-brand-item:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.tn-home-brand-item img {
  display: block;
  max-width: 120px;
  max-height: 50px;
  object-fit: contain;
}

.tn-manufacturer-brands {
  margin-top: 65px !important;
}

.tn-manufacturer-brands .container {
  max-width: 1720px;
}

.tn-manufacturer-brands-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.tn-manufacturer-brands-head h2 {
  margin: 0;
  color: #282828;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.tn-manufacturer-brands-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(27, 180, 228, .28);
  border-radius: 8px;
  background: rgba(27, 180, 228, .08);
  color: #1bb4e4;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.tn-manufacturer-brands-all:hover,
.tn-manufacturer-brands-all:focus {
  background: #1bb4e4;
  color: #fff;
  text-decoration: none;
}

.tn-manufacturer-brands-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 18px;
  padding: 26px 34px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
}

.tn-home-brands .tn-manufacturer-brands-grid {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 190px;
  grid-template-columns: none;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.tn-home-brands .tn-manufacturer-brands-grid::-webkit-scrollbar {
  display: none;
}

.tn-home-brands .tn-manufacturer-brand-card {
  scroll-snap-align: start;
}

.tn-manufacturer-brand-card {
  display: grid;
  grid-template-rows: 78px auto;
  align-items: center;
  justify-items: center;
  gap: 8px;
  min-height: 112px;
  padding: 12px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #282828;
  text-align: center;
  text-decoration: none;
  transition: opacity .18s ease, transform .18s ease;
}

.tn-manufacturer-brand-card:hover,
.tn-manufacturer-brand-card:focus {
  color: #282828;
  text-decoration: none;
  opacity: .82;
  transform: translateY(-2px);
}

.tn-manufacturer-brand-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 78px;
}

.tn-manufacturer-brand-logo {
  display: block;
  max-width: 170px;
  max-height: 76px;
  width: auto;
  height: auto;
  object-fit: contain !important;
}

.tn-manufacturer-brand-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border-radius: 8px;
  background: transparent;
  color: #1bb4e4;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0;
}

.tn-manufacturer-brand-name {
  display: block;
  max-width: 100%;
  color: #6f7379;
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.tn-manufacturer-page .us-category-content {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.tn-manufacturer-page #content {
  width: 100%;
}

.tn-manufacturer-index {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  padding: 18px 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
}

.tn-manufacturer-index a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #E8EEF3;
  border-radius: 8px;
  color: #282828;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.tn-manufacturer-index a:hover,
.tn-manufacturer-index a:focus {
  border-color: #1bb4e4;
  background: #1bb4e4;
  color: #fff;
  text-decoration: none;
}

.tn-manufacturer-letter {
  margin: 34px 0 16px;
  color: #282828;
  font-size: 26px;
  font-weight: 900;
  line-height: 34px;
}

.tn-manufacturer-list-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 18px;
  padding: 22px 26px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04);
}

@media (max-width: 1399px) and (min-width: 992px) {
  .tn-clean-header .container {
    width: calc(100% - 40px);
  }

  .tn-home-figma .container.tn-home-hero-inner {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }

  .tn-clean-mainbar {
    gap: 16px;
  }

  .tn-clean-logo,
  .tn-clean-logo a,
  .tn-clean-logo img {
    flex-basis: 156px;
    width: 156px;
  }

  .tn-clean-catalog-link {
    flex-basis: 142px;
    width: 142px;
    min-width: 142px;
  }

  .tn-clean-search {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
  }

  .tn-clean-action,
  .tn-clean-cart-action,
  .tn-clean-cart-wrap #cart {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    flex-basis: 82px;
    font-size: 13px;
  }

  .tn-home-content-inner {
    max-width: calc(100% - 40px);
  }

  .tn-home-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100%;
  }

  .tn-home-company-panel {
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 36px;
    padding: 42px 40px;
  }

  .tn-home-company-feature {
    min-height: 172px;
    padding: 20px 16px;
  }

  .tn-home-category-media,
  .tn-home-category-media img,
  .tn-home-category-card img,
  .tn-clean-category-card.tn-home-category-card img {
    width: 100%;
  }

  .tn-home-product-grid {
    width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
  }

  .tn-home-product-card,
  .tn-home-product-media,
  .tn-home-product-text {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .tn-manufacturer-brands {
    margin-top: 44px !important;
  }

  .tn-manufacturer-brands-head {
    margin-bottom: 18px;
  }

  .tn-manufacturer-brands-head h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .tn-manufacturer-brands-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 172px;
    grid-template-columns: none;
    gap: 12px;
    margin-right: -16px;
    padding: 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .tn-manufacturer-brand-card {
    min-height: 118px;
    scroll-snap-align: start;
  }

  .tn-manufacturer-brand-logo {
    max-width: 138px;
    max-height: 66px;
  }

  .tn-clean-header {
    min-height: 86px;
    padding-bottom: 0;
  }

  .tn-clean-topline {
    display: none;
  }

  .tn-clean-header .container,
  .tn-home-figma .container.tn-home-hero-inner,
  .tn-home-content-inner {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  .tn-clean-mainbar {
    height: auto;
    min-height: 86px;
    margin-top: 0;
    padding: 10px 0;
    gap: 12px;
  }

  .tn-clean-logo,
  .tn-clean-logo a,
  .tn-clean-logo img {
    flex: 0 0 124px;
    width: 124px;
    min-width: 124px;
    height: 34px;
  }

  .tn-clean-catalog-link {
    flex: 0 0 118px;
    width: 118px;
    min-width: 118px;
    height: 48px;
    padding: 0 12px;
    font-size: 15px;
  }

  .tn-clean-search {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 180px;
  }

  .tn-clean-search .header-input-group,
  .tn-clean-search .input-group,
  .tn-clean-search input,
  .tn-clean-search .header-input,
  .tn-clean-search .form-control {
    height: 48px;
  }

  .tn-clean-actions {
    flex: 0 0 62px;
    margin-left: 0;
  }

  .tn-clean-action:not(.tn-clean-cart-action) {
    display: none;
  }

  .tn-clean-action,
  .tn-clean-cart-action,
  .tn-clean-cart-wrap #cart {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 52px !important;
    flex-basis: 62px;
  }

  .tn-home-hero,
  .tn-home-hero-inner {
    height: auto;
    min-height: 520px !important;
  }

  .tn-home-hero-copy {
    padding-top: 66px;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    max-width: 620px;
    font-size: 40px;
  }

  .tn-home-hero p,
  .tn-clean-hero.tn-home-hero p {
    max-width: 560px;
    font-size: 18px;
  }

  .tn-home-content-inner {
    padding: 48px 0 56px;
  }

  .tn-home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100%;
  }

  .tn-home-company,
  .tn-home-product-section,
  .tn-home-promo,
  .tn-home-brands {
    margin-top: 48px;
  }

  .tn-home-product-grid,
  .tn-home-brand-row {
    margin-top: 36px;
  }

  .tn-home-company-panel {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 34px 30px;
  }

  .tn-home-company-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tn-home-product-grid {
    width: 100%;
    height: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .tn-home-product-card,
  .tn-home-product-media,
  .tn-home-product-text {
    width: 100%;
  }

  .tn-home-brand-row {
    grid-template-columns: repeat(5, 1fr);
    padding: 0 24px;
  }
}

@media (max-width: 767px) {
  .tn-clean-mainbar {
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: 148px;
  }

  .tn-clean-logo {
    grid-column: 1;
    grid-row: 1;
  }

  .tn-clean-actions {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .tn-clean-catalog-link {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  .tn-clean-search {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .tn-home-hero,
  .tn-home-hero-inner {
    min-height: 500px !important;
  }

  .tn-home-hero {
    background-position: center, 63% center;
  }

  .tn-home-hero-copy {
    padding-top: 52px;
  }

  .tn-home-eyebrow,
  .tn-home-hero .tn-clean-eyebrow {
    margin-bottom: 22px;
    font-size: 14px;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .tn-home-hero p,
  .tn-clean-hero.tn-home-hero p {
    margin-top: 24px;
    font-size: 17px;
  }

  .tn-home-hero-btn {
    margin-top: 36px;
  }

  .tn-home-category-grid,
  .tn-home-product-grid {
    grid-template-columns: 1fr;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    height: 300px;
  }

  .tn-home-company h2,
  .tn-home-product-section h2,
  .tn-home-brands h2,
  .tn-home-promo h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .tn-home-product-card {
    max-width: 240px;
    margin: 0 auto;
  }

  .tn-home-promo {
    height: auto;
    min-height: 280px;
  }

  .tn-home-promo-copy {
    padding: 36px 28px;
  }

  .tn-home-brand-row {
    height: auto;
    grid-template-columns: repeat(2, 120px);
    justify-content: center;
    gap: 24px 38px;
    padding: 30px 24px;
  }
}


/* Homepage Figma corrections after visual compare */
.tn-home-category-card .tn-home-category-media,
.tn-clean-category-card.tn-home-category-card .tn-home-category-media {
  display: flex !important;
}

.tn-home-category-card .tn-home-category-media img,
.tn-clean-category-card.tn-home-category-card .tn-home-category-media img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tn-clean-search .header-input-group:focus-within,
.tn-clean-search .input-group:focus-within {
  background: #f3f3f5;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


/* Header exact Figma vertical position */
.tn-clean-header {
  padding-top: 0 !important;
}

.tn-clean-search input:focus,
.tn-clean-search .header-input:focus,
.tn-clean-search .form-control:focus {
  box-shadow: none !important;
  outline: 0 !important;
}


/* Header search exact Figma field */
.tn-clean-search #search.header-input-group,
.tn-clean-search .header-input-group,
.tn-clean-search .input-group,
.tn-clean-search #search.header-input-group:focus-within,
.tn-clean-search .header-input-group:focus-within,
.tn-clean-search .input-group:focus-within {
  position: relative;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.tn-clean-search .header-input-group > [itemprop="potentialAction"] {
  display: flex !important;
  align-items: center;
  width: 100%;
  height: 100%;
}

.tn-clean-search .header-input {
  flex: 1 1 auto;
  width: calc(100% - 72px) !important;
  min-width: 0;
  padding-right: 18px;
}

.tn-clean-search .header-btn-search {
  position: static !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 72px;
  width: 72px;
  height: 68px !important;
  min-width: 72px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tn-clean-search .header-btn-search i {
  color: #9d9d9d;
  font-size: 25px;
}

.tn-clean-search #us_livesearch_close:not(.visible) {
  display: none !important;
}


/* Header exact Figma desktop x positions */
@media (min-width: 1400px) {
  .tn-clean-mainbar {
    gap: 0;
  }

  .tn-clean-logo {
    flex: 0 0 163px;
    width: 163px;
    min-width: 163px;
    max-width: 163px;
    height: 50px;
    margin-right: 33px;
  }

  .tn-clean-logo a {
    display: flex;
    align-items: center;
    width: 163px;
    height: 50px;
  }

  .tn-clean-logo img {
    width: 163px;
    height: 45px;
    max-width: 163px;
  }

  .tn-clean-catalog-link {
    margin-right: 34px;
  }

  .tn-clean-search {
    flex: 0 0 551px;
    width: 551px;
    max-width: 551px;
    margin-right: 16px;
  }

  .tn-clean-actions {
    width: 420px;
    flex: 0 0 420px;
    gap: 0;
    margin-left: 0;
  }

  .tn-clean-action,
  .tn-clean-cart-action,
  .tn-clean-cart-wrap #cart {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    flex-basis: 105px;
  }
}


/* Header cart clean Figma state */
.tn-clean-cart-action,
.tn-clean-cart-wrap #cart {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

.tn-clean-cart-action::before,
.tn-clean-cart-action::after,
.tn-clean-cart-wrap #cart::before,
.tn-clean-cart-wrap #cart::after {
  display: none !important;
  content: none !important;
}

.tn-clean-cart-wrap .header-cart-index {
  display: none !important;
}

.tn-clean-cart-wrap .us-cart-img img {
  filter: grayscale(1);
  opacity: .52;
}

/* Homepage exact Figma source: oluRltrhv3mTbtehBmfShp / Главная — Desktop */
@media (min-width: 1400px) {
  .tn-clean-header {
    min-height: 157px !important;
    padding-bottom: 20px !important;
  }

  .tn-clean-header .container {
    width: 1380px !important;
    max-width: 1380px !important;
  }

  .tn-clean-mainbar {
    height: 68px !important;
    min-height: 68px !important;
    margin-top: 25px !important;
  }

  .tn-clean-logo,
  .tn-clean-logo a,
  .tn-clean-logo img {
    flex: 0 0 181px !important;
    width: 181px !important;
    min-width: 181px !important;
    max-width: 181px !important;
    height: 50px !important;
    margin-right: 9px !important;
  }

  .tn-clean-logo img {
    object-fit: contain !important;
  }

  .tn-clean-catalog-link {
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    height: 60px !important;
    margin-right: 12px !important;
    padding: 0 23px !important;
    border-radius: 14px !important;
    font-size: 17px !important;
    line-height: 20px !important;
  }

  .tn-clean-search {
    flex: 0 0 551px !important;
    width: 551px !important;
    max-width: 551px !important;
    margin-right: 16px !important;
  }

  .tn-clean-actions {
    width: 420px !important;
    flex: 0 0 420px !important;
  }
}

.tn-home-hero {
  background-image:
    linear-gradient(90deg, rgba(0, 26, 56, .98) 0%, rgba(0, 32, 68, .92) 36%, rgba(0, 22, 45, .54) 58%, rgba(0, 7, 17, .08) 82%),
    url('/image/catalog/tehnika-redesign/figma-home-hero.png') !important;
}

.tn-home-hero-copy {
  padding-top: 90px !important;
}

.tn-home-eyebrow,
.tn-home-hero .tn-clean-eyebrow {
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.tn-home-hero h1,
.tn-clean-hero.tn-home-hero h1 {
  max-width: 650px !important;
  font-size: 48px !important;
  line-height: 58px !important;
}

.tn-home-hero p,
.tn-clean-hero.tn-home-hero p {
  max-width: 600px !important;
  margin: 22px 0 0 !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

.tn-home-hero-btn,
.tn-home-hero-btn:hover,
.tn-home-hero-btn:focus {
  min-height: 56px !important;
  margin-top: 58px !important;
  border-radius: 14px !important;
  font-size: 17px !important;
  line-height: 24px !important;
}

.tn-home-category-card,
.tn-clean-category-card.tn-home-category-card {
  padding: 16px 16px 22px !important;
}

.tn-home-category-media img,
.tn-home-category-card img,
.tn-clean-category-card.tn-home-category-card img {
  object-fit: cover !important;
}

.tn-home-category-card strong,
.tn-clean-category-card.tn-home-category-card strong {
  margin-top: 16px !important;
  font-size: 19px !important;
  line-height: 30px !important;
}

/* Header SVG icons replace font icons from the original theme. */
.tn-clean-location::before {
  display: none !important;
  content: none !important;
}

.tn-svg-icon,
.tn-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #9d9d9d;
}

.tn-svg-icon svg,
.tn-action-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tn-clean-location .tn-svg-icon {
  width: 18px;
  height: 18px;
}

.tn-clean-topline-nav .tn-svg-chevron {
  width: 16px;
  height: 16px;
}

.tn-clean-catalog-link .tn-svg-chevron {
  width: 20px;
  height: 20px;
  color: #fff;
}

.tn-clean-action .tn-action-icon {
  width: 28px;
  height: 28px;
  color: #a0a0a0;
}

.tn-clean-action:hover .tn-action-icon,
.tn-clean-action:focus .tn-action-icon {
  color: #08aeea;
}

@media (min-width: 1400px) {
  .tn-clean-topline-inner {
    position: relative !important;
    display: block !important;
  }

  .tn-clean-location,
  .tn-clean-topline-nav,
  .tn-clean-topline-phones {
    position: absolute !important;
    top: 0 !important;
    height: 24px !important;
  }

  .tn-clean-location {
    left: 0 !important;
    gap: 3px !important;
  }

  .tn-clean-topline-nav {
    left: 413px !important;
    width: 554px !important;
    gap: 25px !important;
    justify-content: flex-start !important;
  }

  .tn-clean-topline-nav a {
    gap: 0 !important;
    padding: 0 !important;
  }

  .tn-clean-topline-phones {
    right: 1px !important;
    gap: 19px !important;
  }
}

/* Inner pages Figma fidelity: category, product, comparison. Source: oluRltrhv3mTbtehBmfShp. */
.tn-figma-page {
  color: #282828;
  padding-top: 26px;
  padding-bottom: 72px;
}

.tn-figma-page.container {
  width: 1052px;
  max-width: calc(100% - 48px);
  padding-left: 0;
  padding-right: 0;
}

.tn-figma-category.container {
  width: 1056px;
}

.tn-figma-page .breadcrumb,
.tn-figma-page .us-breadcrumb,
.tn-figma-page .breadcrumb-box {
  min-height: 24px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}

.tn-figma-page .breadcrumb a,
.tn-figma-page .us-breadcrumb a {
  color: #7b7b7b !important;
  text-decoration: none !important;
}

.tn-figma-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin: 0 0 20px;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}

.tn-figma-breadcrumbs a {
  color: #7b7b7b !important;
  text-decoration: none !important;
}

.tn-figma-breadcrumbs a:hover {
  color: #0cbdfb !important;
}

.tn-figma-page .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tn-figma-page .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  color: #7b7b7b !important;
}

.tn-figma-page .breadcrumb-item + .breadcrumb-item {
  padding-left: 0 !important;
}

.tn-figma-page .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 8px !important;
  color: #b2b2b2 !important;
  content: "/" !important;
}

.tn-figma-page .breadcrumb .fa-home {
  display: none !important;
}

.tn-figma-page .breadcrumb .breadcrumb-item:first-child a::after {
  content: "Главная";
}

.tn-figma-page .content-top-box:empty,
.tn-figma-page .tn-clean-layout-slot:empty {
  display: none !important;
}

.tn-figma-page-title,
.tn-figma-page .us-main-shop-title {
  margin: 0 !important;
  color: #282828 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
}

.tn-account-success-page {
  min-height: calc(100vh - 320px);
}

.tn-account-success-layout {
  display: block;
  width: 100%;
}

.tn-account-success-content {
  width: 100%;
  max-width: 100%;
}

.tn-account-success-layout.is-logout {
  display: flex;
  justify-content: center;
  width: 100%;
}

.tn-account-success-layout.is-logout .tn-account-success-content {
  flex: 0 1 760px;
  width: 100%;
  max-width: 760px;
  min-width: 0;
}

.tn-account-success-card {
  position: relative;
  width: 100%;
  min-height: 430px;
  padding: 56px 60px 60px;
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(31, 31, 31, .045);
  overflow: hidden;
}

.tn-account-success-mark {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border-radius: 16px;
  background: #12B8F2;
  box-shadow: 0 16px 34px rgba(18, 184, 242, .18);
}

.tn-account-success-mark::before {
  content: "";
  display: block;
  width: 16px;
  height: 27px;
  margin: 8px auto 0;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  transform: rotate(45deg);
}

.tn-account-success-title {
  max-width: 720px;
  margin-bottom: 22px !important;
}

.tn-account-success-copy {
  max-width: 820px;
  color: #282828;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  overflow-wrap: anywhere;
}

.tn-account-success-copy p {
  margin: 0 0 12px;
}

.tn-account-success-copy p:last-child {
  margin-bottom: 0;
}

.tn-account-success-copy a {
  color: #12B8F2 !important;
  font-weight: 700;
  text-decoration: none !important;
}

.tn-account-success-copy a:hover {
  color: #0CAFE8 !important;
}

.tn-account-success-note {
  max-width: 760px;
  margin-top: 24px;
  padding: 18px 22px;
  border-radius: 18px;
  background: #DDF6FD;
  color: #247389;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
}

.tn-account-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.tn-account-success-button,
.tn-account-success-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  min-height: 56px;
  padding: 0 28px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.tn-account-success-button {
  border: 0;
  background: #12B8F2;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(18, 184, 242, .18);
}

.tn-account-success-button-secondary {
  border: 1px solid #DDE3E8;
  background: #fff;
  color: #282828 !important;
  box-shadow: none;
}

.tn-account-success-button:hover,
.tn-account-success-button:focus {
  background: #0CAFE8;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(18, 184, 242, .22);
}

.tn-account-success-button-secondary:hover,
.tn-account-success-button-secondary:focus {
  border-color: rgba(18, 184, 242, .55);
  background: #E9F9FE;
  color: #12B8F2 !important;
  transform: translateY(-1px);
}

.tn-figma-category .tn-clean-catalog-head {
  align-items: flex-start !important;
  padding: 0 0 56px !important;
}

.tn-figma-category .tn-clean-catalog-head h1 {
  max-width: 940px;
  margin: 0 !important;
  color: #282828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 39px !important;
}

.tn-figma-category .tn-clean-intro {
  display: none !important;
}

.tn-figma-category-tabs {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  height: 41px;
  margin: 0 calc((1052px - 100vw) / 2) 40px;
  padding-left: calc((100vw - 1052px) / 2 + 12px);
  border-bottom: 2px solid #dcdcdc;
  overflow-x: auto;
  scrollbar-width: none;
}

.tn-figma-category-tabs::-webkit-scrollbar {
  display: none;
}

.tn-figma-category-tab {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  min-height: 41px;
  color: #282828 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none !important;
  white-space: nowrap;
}

.tn-figma-category-tab.is-active::after,
.tn-figma-category-tab:hover::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  background: #0cbdfb;
  content: "";
}

.tn-figma-category .tn-clean-catalog-layout {
  display: grid;
  grid-template-columns: 227px 780px;
  gap: 45px;
  align-items: start;
}

.tn-figma-category .tn-filter-shell {
  position: sticky;
  top: 181px;
  margin-top: 54px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell #column-left {
  width: 227px !important;
  max-width: 227px !important;
  flex: 0 0 227px !important;
  padding: 0 !important;
}

.tn-figma-category .tn-filter-shell .us-categories-box,
.tn-figma-category .tn-filter-shell .ocfilter-mobile {
  display: none !important;
}

.tn-figma-category .tn-filter-shell .list-group,
.tn-figma-category .tn-filter-shell .card,
.tn-figma-category .tn-filter-shell .panel,
.tn-figma-category .tn-filter-shell .us-column-box {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell .ocfilter .panel-heading {
  display: none !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option[data-toggle="popover-price"] {
  display: none !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option {
  margin: 0 0 30px !important;
}

.tn-figma-category .tn-filter-shell .ocf-option-name {
  margin: 0 0 21px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

.tn-figma-category .tn-filter-shell .ocf-option-values {
  display: grid;
  gap: 7px;
}

.tn-figma-category .tn-filter-shell .ocf-option-values .badge {
  display: none !important;
}

.tn-figma-category .tn-filter-shell .scale {
  margin-top: 12px !important;
}

.tn-figma-category .tn-filter-shell .list-group-item-name,
.tn-figma-category .tn-filter-shell .card-header,
.tn-figma-category .tn-filter-shell .us-column-title {
  margin: 0 0 21px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

.tn-figma-category .tn-filter-shell .filter-box,
.tn-figma-category .tn-filter-shell .list-group-item {
  margin: 0 0 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tn-figma-category .tn-filter-shell label,
.tn-figma-category .tn-filter-shell .filter-label {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 24px;
  width: calc(100% - 16px) !important;
  margin: 0 16px 7px 0 !important;
  padding: 5px 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #282828;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer !important;
  transition: background-color .16s ease, color .16s ease !important;
}

.tn-figma-category .tn-filter-shell input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 2px 0 0 !important;
  accent-color: #0cbdfb;
}

.tn-figma-category .tn-clean-catalog-content {
  min-width: 0;
}

.tn-figma-category .tn-clean-subcategories {
  display: none !important;
}

.tn-figma-category .tn-clean-toolbar {
  display: grid;
  grid-template-columns: 128px 91px minmax(220px, 1fr) 330px;
  align-items: center;
  gap: 8px;
  width: 1052px;
  min-height: 24px;
  margin: 0 0 30px -272px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-clean-filter-button,
.tn-figma-category .tn-figma-clear,
.tn-figma-category .tn-figma-results,
.tn-figma-category .tn-clean-sort label {
  height: 24px !important;
  min-height: 24px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f6f6f !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  white-space: nowrap;
}

.tn-figma-category .tn-clean-filter-button {
  display: inline-flex;
  gap: 8px;
  justify-content: flex-start;
  color: #282828 !important;
  cursor: pointer;
}

.tn-figma-toolbar-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 5px;
}

.tn-figma-toolbar-icon::before,
.tn-figma-toolbar-icon::after {
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #282828;
  content: "";
}

.tn-figma-toolbar-icon::before {
  top: 1px;
  box-shadow: 0 5px 0 #282828;
}

.tn-figma-toolbar-icon::after {
  top: 11px;
}

.tn-figma-category .tn-clean-sort {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.tn-figma-category .tn-clean-sort label:nth-of-type(2),
.tn-figma-category #input-limit {
  display: none !important;
}

.tn-figma-category .tn-clean-sort select {
  width: 174px;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 20px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #282828 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-clean-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  gap: 30px;
}

.tn-figma-category .tn-clean-product-card,
.tn-figma-reco-grid .tn-clean-product-card {
  width: 240px;
  min-height: 376px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
  overflow: hidden;
}

.tn-figma-category .tn-clean-product-card:hover,
.tn-figma-reco-grid .tn-clean-product-card:hover {
  box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
  transform: translateY(-2px);
}

.tn-figma-category .tn-clean-card-media,
.tn-figma-reco-grid .tn-clean-card-media {
  min-height: 176px;
  padding: 18px 20px 8px;
  background: #fff;
}

.tn-figma-category .tn-clean-card-media img,
.tn-figma-reco-grid .tn-clean-card-media img {
  max-width: 176px;
  height: 150px;
  object-fit: contain;
  filter: none;
}

.tn-figma-category .tn-clean-card-body,
.tn-figma-reco-grid .tn-clean-card-body {
  gap: 7px;
  padding: 10px 18px 0;
}

.tn-figma-category .tn-clean-card-title,
.tn-figma-reco-grid .tn-clean-card-title {
  min-height: 46px;
  color: #282828;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none !important;
}

.tn-figma-category .tn-clean-card-desc,
.tn-figma-category .tn-clean-card-code,
.tn-figma-reco-grid .tn-clean-card-code {
  display: none !important;
}

.tn-figma-category .tn-clean-card-footer,
.tn-figma-reco-grid .tn-clean-card-footer {
  margin-top: auto;
  padding: 10px 18px 18px;
}

.tn-figma-category .tn-clean-card-price,
.tn-figma-reco-grid .tn-clean-card-price {
  min-height: 30px;
  margin-bottom: 12px;
}

.tn-figma-category .tn-clean-card-price strong,
.tn-figma-reco-grid .tn-clean-card-price strong {
  color: #282828;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.tn-figma-category .tn-clean-card-actions,
.tn-figma-reco-grid .tn-clean-card-actions {
  display: grid;
  grid-template-columns: 1fr 38px 38px;
  gap: 8px;
}

.tn-figma-category .tn-clean-card-cart,
.tn-figma-reco-grid .tn-clean-card-cart {
  min-height: 38px;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

.tn-figma-category .tn-clean-card-actions button,
.tn-figma-reco-grid .tn-clean-card-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  background: #fff;
  border-color: #e2e2e2;
  border-radius: 10px;
  color: #9d9d9d;
}

.tn-figma-reco-grid .tn-clean-card-actions button:hover,
.tn-figma-reco-grid .tn-clean-card-actions button:focus {
  border-color: rgba(18, 184, 242, .34);
  color: #12b8f2;
  background: #fff;
}

.tn-figma-product .tn-clean-product-head {
  display: none !important;
}

.tn-figma-product .tn-clean-buybox {
  display: grid;
  grid-template-columns: 510px 522px;
  gap: 20px;
  align-items: start;
  margin: 49px 0 62px !important;
}

.tn-figma-product .tn-clean-gallery,
.tn-figma-product .tn-clean-product-info {
  height: 500px;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.tn-figma-product .tn-clean-gallery {
  position: static !important;
  padding: 0 !important;
}

.tn-figma-product .tn-clean-main-image {
  width: 510px;
  height: 500px;
  min-height: 500px;
  border-radius: 14px;
  background: #fff;
}

.tn-figma-product .tn-clean-main-image img {
  max-width: 430px;
  max-height: 420px;
  filter: none;
}

.tn-figma-product .tn-clean-thumbs {
  margin-top: -72px;
  padding: 0 90px;
}

.tn-figma-product #image-additional {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.tn-figma-product .additional-gallery-item {
  width: 58px;
  min-height: 58px;
  border-color: #e3e3e3;
  border-radius: 8px;
}

.tn-figma-product .additional-gallery-item img {
  width: 48px;
  height: 48px;
}

.tn-figma-product .tn-clean-product-info {
  position: relative;
  padding: 20px 12px 18px 15px !important;
  overflow: hidden;
}

.tn-figma-product-title {
  max-width: 494px;
  margin: 0 0 18px !important;
  color: #282828;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.tn-figma-product .tn-clean-status-row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 8px;
  max-width: 230px;
  margin: 0 0 18px !important;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 22px;
}

.tn-figma-product .tn-clean-status-row span,
.tn-figma-product .tn-clean-status-row a {
  min-height: 22px;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  color: #6f6f6f !important;
}

.tn-figma-product .tn-clean-stock {
  color: #079c63 !important;
  font-weight: 600;
}

.tn-figma-product .tn-clean-price-block {
  position: absolute;
  top: 112px;
  right: 12px;
  display: grid;
  gap: 2px;
  width: 241px;
  min-height: 84px;
  margin: 0 !important;
  padding: 12px 12px 10px !important;
  border-radius: 12px;
  background: #f5f5f5 !important;
}

.tn-figma-product .tn-clean-price-retail,
.tn-figma-product .tn-clean-price-new {
  color: #282828;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.tn-figma-product .tn-clean-price-company {
  padding: 0;
  border: 0;
}

.tn-figma-product .tn-clean-price-company span {
  color: #6f6f6f;
  font-size: 14px;
  line-height: 22px;
}

.tn-figma-product .tn-clean-price-company strong {
  color: #282828;
  font-size: 18px;
  line-height: 26px;
}

.tn-figma-product .tn-clean-attr-preview {
  position: absolute;
  right: 12px;
  bottom: 104px;
  left: 15px;
  display: grid;
  gap: 0;
  margin: 0 !important;
}

.tn-figma-product .tn-clean-attr-preview div {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  min-height: 36px;
  padding: 7px 0;
  border-bottom: 1px solid #ededed;
}

.tn-figma-product .tn-clean-attr-preview span {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 22px;
}

.tn-figma-product .tn-clean-attr-preview strong {
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.tn-figma-product .tn-clean-product-action {
  position: absolute;
  right: 12px;
  bottom: 18px;
  left: 15px;
  gap: 10px;
}

.tn-figma-product .tn-clean-quantity-row,
.tn-figma-product .tn-clean-minimum {
  display: none !important;
}

.tn-figma-product-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px 50px;
  gap: 10px;
}

.tn-figma-product .tn-clean-cart-submit {
  min-height: 50px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
}

.tn-figma-icon-action {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  background: #fff;
  color: #9d9d9d;
  cursor: pointer;
}

.tn-figma-icon-action:hover {
  border-color: #0cbdfb;
  color: #0cbdfb;
  transform: translateY(-1px);
}

.tn-figma-icon-action .tn-figma-svg-icon,
.tn-figma-icon-action svg {
  display: block;
  width: 28px;
  height: 28px;
}

.tn-figma-icon-action svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}

.tn-figma-icon-action.is-selected {
  border-color: #12B8F2;
  background: #12B8F2;
  color: #fff;
  box-shadow: 0 16px 30px rgba(18, 184, 242, 0.18);
}

.tn-figma-icon-action.is-selected:hover {
  border-color: #12B8F2;
  background: #12B8F2;
  color: #fff;
}

.tn-figma-icon-bars {
  display: block;
  width: 24px;
  height: 24px;
  background:
    linear-gradient(currentColor, currentColor) 3px 17px / 3px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 9px 9px / 3px 13px no-repeat,
    linear-gradient(currentColor, currentColor) 15px 4px / 3px 18px no-repeat;
}

.tn-figma-icon-heart {
  position: relative;
  width: 23px;
  height: 20px;
}

.tn-figma-icon-heart::before,
.tn-figma-icon-heart::after {
  position: absolute;
  top: 2px;
  width: 12px;
  height: 18px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  content: "";
}

.tn-figma-icon-heart::before {
  left: 4px;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.tn-figma-icon-heart::after {
  right: 4px;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

.tn-figma-product .tn-clean-detail-grid {
  position: relative;
  display: grid;
  gap: 24px;
  margin: 0 calc((1052px - 100vw) / 2);
  padding: 57px calc((100vw - 1052px) / 2) 58px;
  background: #f3f4f5;
}

.tn-figma-product .tn-clean-detail-section {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  padding: 26px 32px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.tn-figma-product .tn-clean-detail-section h2 {
  margin: 0 0 22px !important;
  color: #282828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 32px !important;
}

.tn-figma-product .tn-clean-description {
  color: #282828;
  font-size: 16px;
  line-height: 26px;
}

.tn-figma-product .tn-clean-attr-table {
  margin: 0 !important;
}

.tn-figma-product .tn-clean-attr-table h3 {
  margin: 22px 0 12px;
  font-size: 18px;
  line-height: 26px;
}

.tn-figma-product .tn-clean-attr-table div {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 22px;
  min-height: 44px;
  padding: 11px 0;
  border-bottom: 1px solid #ededed;
}

.tn-figma-product .tn-clean-related {
  margin-top: 54px;
}

.tn-figma-product .tn-clean-related .tn-clean-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 240px);
  gap: 30px;
}

.tn-figma-compare {
  padding-top: 24px;
  overflow-x: clip;
}

.tn-figma-compare > .row:first-of-type {
  margin-bottom: 52px;
}

.tn-figma-compare-card {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 22px;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .035) !important;
  overflow: hidden;
}

.tn-figma-compare-card .us-content-compare-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 96px;
  margin: 0 !important;
  padding: 0 30px !important;
  border-bottom: 0;
  color: #282828;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 31px;
}

.tn-figma-compare-tools {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 18px;
  background: #F3F4F5;
}

.tn-figma-compare-tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.tn-figma-compare-tools button.is-active {
  background: #12B8F2;
  color: #fff;
  box-shadow: 0 12px 24px rgba(18, 184, 242, .18);
}

.tn-figma-compare-tools button:hover {
  color: #12B8F2;
}

.tn-figma-compare-tools button.is-active:hover {
  color: #fff;
}

.tn-figma-compare-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: rgba(18, 184, 242, .55) rgba(18, 184, 242, .08);
  scrollbar-width: thin;
}

.tn-figma-compare-table {
  --tn-compare-sticky-top: 80px;
  --tn-compare-product-row-height: 96px;
  width: max(1050px, var(--tn-compare-table-width, 1050px)) !important;
  min-width: var(--tn-compare-table-width, 1050px);
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed;
  display: table !important;
}

.tn-figma-compare-table tr {
  min-height: 56px;
}

.tn-figma-compare-table td {
  width: 203px;
  min-height: 56px;
  padding: 16px 20px !important;
  border: 0 !important;
  border-right: 1px solid #ededed !important;
  border-bottom: 1px solid #ededed !important;
  color: #282828;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle !important;
  background: #fff;
}

.tn-figma-compare-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 238px;
  min-width: 238px;
  max-width: 238px;
  color: #6f6f6f;
  background: #FBFBFC;
  font-weight: 700;
  text-align: left !important;
  box-shadow: 8px 0 18px rgba(31, 31, 31, .04);
}

.tn-figma-compare-table tr.us-table-compare-product td:first-child,
.tn-figma-compare-table tr.us-table-compare-img td:first-child,
.tn-figma-compare-table tr.us-table-compare-btn td:first-child {
  z-index: 4;
}

.tn-figma-compare-table .tn-compare-data-row td:first-child {
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.tn-figma-compare-table .tn-compare-data-row td:first-child:hover {
  color: #12B8F2;
  background: #F0FBFF;
}

.tn-figma-compare-table .tn-compare-data-row.is-selected td:first-child {
  color: #12B8F2;
  background: #EAF9FF;
  box-shadow: inset 4px 0 0 #12B8F2;
}

.tn-figma-compare-table .tn-compare-row-hidden,
.tn-figma-compare-table .tn-compare-row-hidden[hidden] {
  display: none !important;
}

.tn-figma-compare-table .tn-compare-empty td {
  height: 86px;
  color: #8a8a8a;
  font-size: 16px;
  font-weight: 600;
  text-align: center !important;
  background: #FBFBFC;
}

.tn-figma-compare-table .tn-compare-group-row td {
  height: 54px;
  color: #6f6f6f;
  background: #FBFBFC;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
}

.tn-figma-compare-table .tn-compare-group-label {
  position: sticky;
  left: 0;
  z-index: 5;
  width: 238px;
  min-width: 238px;
  max-width: 238px;
  text-align: left !important;
  box-shadow: 8px 0 18px rgba(31, 31, 31, .04);
}

.tn-figma-compare-table .tn-compare-group-fill {
  padding: 0 !important;
}

.tn-figma-compare-scroll .tn-figma-compare-table tr.us-table-compare-product td {
  position: static;
  top: auto;
  z-index: auto;
  height: 96px;
  background: #fff;
  color: #282828;
  font-size: 15px;
  font-weight: 800;
  line-height: 21px;
}

.tn-figma-compare-table tr.us-table-compare-product td:not(:first-child) {
  border-radius: 0;
  box-shadow: none;
}

.tn-figma-compare-table tr.us-table-compare-product td a {
  color: #282828 !important;
  text-decoration: none !important;
}

.tn-figma-compare-scroll .tn-figma-compare-table tr.us-table-compare-img td {
  position: static;
  top: auto;
  z-index: auto;
  height: 210px;
  background: #fff;
  box-shadow: 0 18px 30px rgba(31, 31, 31, .04);
}

.tn-figma-compare-table tr.us-table-compare-img td:first-child {
  border-bottom-left-radius: 0;
}

.tn-figma-compare-table tr.us-table-compare-img td:last-child {
  border-bottom-right-radius: 0;
}

.tn-figma-compare-scroll .tn-figma-compare-table tr.us-table-compare-product td:first-child,
.tn-figma-compare-scroll .tn-figma-compare-table tr.us-table-compare-img td:first-child {
  position: sticky;
  left: 0;
  z-index: 9;
}

.tn-figma-compare-table tr.us-table-compare-img img {
  display: block;
  width: 178px;
  height: 178px;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  image-rendering: auto;
}

.tn-compare-image-cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 178px;
}

.tn-compare-rating-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid rgba(251, 183, 61, .38);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 22px rgba(31, 31, 31, .08);
  color: #282828;
  line-height: 1;
  z-index: 2;
}

.tn-compare-rating-stars {
  font-size: 13px;
}

.tn-compare-rating-value {
  color: #282828;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.tn-compare-sticky-head {
  position: fixed;
  top: 80px;
  left: 0;
  display: none;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 18px 36px rgba(31, 31, 31, .08);
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  z-index: 128;
}

.tn-compare-sticky-head.is-visible {
  display: block;
}

.tn-compare-sticky-head.is-dragging {
  cursor: grabbing;
}

.tn-compare-sticky-head-inner {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
}

.tn-compare-sticky-head-table {
  position: absolute;
  top: 0;
  left: var(--tn-compare-left-width, 238px);
  width: var(--tn-compare-moving-width, 812px) !important;
  min-width: var(--tn-compare-moving-width, 812px) !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed;
  transform: translateX(0);
  will-change: transform;
}

.tn-compare-sticky-head-table td,
.tn-compare-sticky-head-table td:first-child {
  width: 203px;
  min-width: 203px;
  max-width: 203px;
  border: 0 !important;
  border-right: 1px solid #ededed !important;
  border-bottom: 1px solid #ededed !important;
  color: #282828;
  background: #fff;
  font-weight: 700;
  text-align: center !important;
  box-shadow: none;
}

.tn-compare-sticky-head-table tr.us-table-compare-product td {
  height: var(--tn-compare-product-row-height, 96px) !important;
  padding: 16px 20px !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 21px;
  vertical-align: middle !important;
}

.tn-compare-sticky-head-table tr.us-table-compare-product td a {
  display: -webkit-box;
  overflow: hidden;
  color: #282828 !important;
  text-decoration: none !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tn-compare-sticky-head-table tr.us-table-compare-img td {
  height: var(--tn-compare-image-row-height, 210px) !important;
  padding: 16px 20px !important;
  vertical-align: middle !important;
}

.tn-compare-sticky-head-table tr.us-table-compare-img img {
  display: block;
  width: 178px;
  height: 178px;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  image-rendering: auto;
}

.tn-compare-product-img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  image-rendering: auto;
}

.tn-compare-sticky-head .tn-figma-compare-table tr.us-table-compare-product td,
.tn-compare-sticky-head .tn-figma-compare-table tr.us-table-compare-img td,
.tn-compare-sticky-head .tn-figma-compare-table td:first-child {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
  box-shadow: none;
}

.tn-compare-sticky-head-left {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--tn-compare-left-width, 238px);
  min-width: var(--tn-compare-left-width, 238px);
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed;
  background: #FBFBFC;
  z-index: 9;
}

.tn-compare-sticky-head-left td {
  width: var(--tn-compare-left-width, 238px);
  min-width: var(--tn-compare-left-width, 238px);
  max-width: var(--tn-compare-left-width, 238px);
  padding: 16px 20px !important;
  border: 0 !important;
  border-right: 1px solid #ededed !important;
  border-bottom: 1px solid #ededed !important;
  color: #6f6f6f;
  background: #FBFBFC;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: left !important;
  vertical-align: middle !important;
  box-shadow: 8px 0 18px rgba(31, 31, 31, .04);
}

.tn-compare-sticky-head-left tr.us-table-compare-product td {
  height: var(--tn-compare-product-row-height, 96px) !important;
}

.tn-compare-sticky-head-left tr.us-table-compare-img td {
  height: var(--tn-compare-image-row-height, 210px) !important;
  border-bottom-left-radius: 0;
}

.tn-figma-compare-table .us-module-price-actual,
.tn-figma-compare-table .us-module-price-new {
  color: #282828;
  font-size: 18px;
  font-weight: 700;
}

.tn-figma-compare-table .us-module-price-old {
  display: block;
  color: #8a8a8a;
  font-size: 13px;
  text-decoration: line-through;
}

.tn-figma-compare-table .us-table-compare-btn .us-module-btn,
.tn-figma-compare-table input.us-module-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  min-height: 48px;
  margin: 5px 0;
  border: 0;
  border-radius: 16px;
  padding: 0 18px;
  background: #12B8F2;
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .16);
}

.tn-figma-compare-table .us-table-compare-btn .us-module-btn.us-module-btn-del,
.tn-figma-compare-table .us-table-compare-btn .us-module-btn.us-module-btn-del:hover {
  background: #F6F6F6 !important;
  color: #6F6F6F !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.tn-figma-compare-reco {
  margin: 64px 30px 0;
  padding: 0 0 48px;
  background: transparent;
  box-shadow: none;
}

.tn-figma-reco-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.tn-figma-reco-head h2 {
  margin: 0;
  color: #282828;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.tn-figma-reco-grid {
  display: grid;
  grid-template-columns: repeat(4, 240px);
  gap: 30px;
}

.tn-figma-compare .tn-figma-reco-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.tn-figma-compare .tn-figma-reco-grid .tn-clean-product-card,
.tn-figma-compare .tn-figma-reco-grid .tn-clean-product-card:hover {
  width: 100% !important;
  border: 1px solid #EDEDED !important;
  box-shadow: none !important;
}

.tn-figma-compare .tn-figma-reco-grid .tn-clean-product-card:hover {
  border-color: #DDE3E8 !important;
  transform: translateY(-1px) !important;
}

.tn-figma-empty {
  padding: 30px;
  color: #6f6f6f;
}

.tn-figma-compare-card.tn-compare-empty-card,
.tn-figma-compare-card:has(.tn-compare-empty-state) {
  display: grid;
  place-items: center;
  min-height: 360px;
  padding: 56px 24px !important;
}

.tn-compare-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 560px);
  margin: 0 auto;
  text-align: center;
}

.tn-compare-empty-icon {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  margin: 0 0 22px;
  border-radius: 22px;
  background: rgba(18, 184, 242, .1);
  color: #12B8F2;
}

.tn-compare-empty-icon svg {
  width: 48px;
  height: 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tn-compare-empty-title {
  margin: 0 0 10px;
  color: #282828;
  font-size: 28px;
  font-weight: 800;
  line-height: 34px;
}

.tn-compare-empty-text {
  max-width: 520px;
  margin: 0 0 28px;
  color: #777;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.tn-compare-empty-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 58px;
  border: 0;
  border-radius: 12px;
  background: #12B8F2;
  color: #fff !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 18px 34px rgba(18, 184, 242, .2);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.tn-compare-empty-action:hover,
.tn-compare-empty-action:focus {
  background: #00A8DF;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(18, 184, 242, .26);
}

.tn-redesign #information-information .us-content-inform,
.tn-redesign #information-tracking .us-content-inform,
.tn-redesign #information-contact .us-content,
.tn-redesign #information-sitemap .us-content-sitemap,
.tn-redesign .us-blog-article-content .us-content {
  border: 0 !important;
  border-radius: 18px !important;
  padding: 34px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .035) !important;
}

.tn-redesign #information-information .us-content-inform,
.tn-redesign #information-tracking .us-content-inform,
.tn-redesign #information-sitemap .us-content-sitemap,
.tn-redesign .us-blog-post-text {
  color: #4f4f4f;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.72;
}

.tn-redesign #information-information .us-content-inform h2,
.tn-redesign #information-information .us-content-inform h3,
.tn-redesign #information-tracking .us-content-inform h2,
.tn-redesign #information-tracking .us-content-inform h3,
.tn-redesign #information-sitemap .us-content-sitemap h2,
.tn-redesign #information-sitemap .us-content-sitemap h3,
.tn-redesign .us-blog-post-text h2,
.tn-redesign .us-blog-post-text h3 {
  margin: 30px 0 14px;
  color: #282828;
  font-weight: 800;
  line-height: 1.24;
}

.tn-redesign #information-information .us-content-inform a,
.tn-redesign #information-tracking .us-content-inform a,
.tn-redesign #information-sitemap .us-content-sitemap a,
.tn-redesign .us-blog-post-text a {
  color: #078FC3;
  font-weight: 700;
  text-decoration: none;
}

.tn-redesign #information-information .us-content-inform a:hover,
.tn-redesign #information-tracking .us-content-inform a:hover,
.tn-redesign #information-sitemap .us-content-sitemap a:hover,
.tn-redesign .us-blog-post-text a:hover {
  color: #12B8F2;
  text-decoration: underline;
}

.tn-redesign #information-information .us-content-inform img,
.tn-redesign .us-blog-post-text img,
.tn-redesign .us-blog-post-img img,
.tn-redesign .us-blog-post-gallery-item img {
  max-width: 100%;
  border-radius: 14px;
}

.tn-redesign #information-information .tn-info-table-wrap {
  width: 100%;
  margin: 18px 0 24px;
  overflow-x: auto;
}

.tn-redesign #information-information .tn-info-table {
  width: 100%;
  min-width: 680px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E2E7EC;
  border-radius: 8px;
  background: #fff;
  color: #3A3D42;
}

.tn-redesign #information-information .tn-info-table th {
  padding: 15px 16px;
  border-bottom: 1px solid #E2E7EC;
  background: #F4F8FA;
  color: #282828;
  font-weight: 800;
  text-align: left;
}

.tn-redesign #information-information .tn-info-table td {
  padding: 15px 16px;
  border-top: 1px solid #EEF2F5;
  vertical-align: top;
}

.tn-redesign #information-information .tn-info-table td + td,
.tn-redesign #information-information .tn-info-table th + th {
  border-left: 1px solid #EEF2F5;
}

.tn-redesign .tn-contact-page {
  width: 1200px !important;
  max-width: calc(100% - 48px) !important;
  padding: 38px 0 76px !important;
}

.tn-redesign .tn-contact-page-head {
  max-width: 780px;
  margin: 0 0 28px;
}

.tn-redesign .tn-contact-title {
  margin: 0 0 12px;
  color: #282828;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.12;
}

.tn-redesign .tn-contact-lead {
  max-width: 700px;
  margin: 0;
  color: #5f6670;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.58;
}

.tn-redesign .tn-contact-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .78fr);
  gap: 24px;
  align-items: start;
}

.tn-redesign .tn-contact-main,
.tn-redesign .tn-contact-aside {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.tn-redesign .tn-contact-quick-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tn-redesign .tn-contact-card,
.tn-redesign .tn-contact-form-card,
.tn-redesign .tn-contact-details-card,
.tn-redesign .tn-contact-map-card {
  min-width: 0;
  border: 1px solid #E8EDF2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .035);
}

.tn-redesign .tn-contact-card {
  padding: 22px;
}

.tn-redesign .tn-contact-form-card,
.tn-redesign .tn-contact-details-card,
.tn-redesign .tn-contact-map-card {
  padding: 28px;
}

.tn-redesign .tn-contact-card-kicker {
  display: block;
  margin: 0 0 8px;
  color: #12B8F2;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  text-transform: uppercase;
}

.tn-redesign .tn-contact-card h2,
.tn-redesign .tn-contact-section-head h2,
.tn-redesign .tn-contact-details-card h2 {
  margin: 0 0 10px;
  color: #282828;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.22;
}

.tn-redesign .tn-contact-card p,
.tn-redesign .tn-contact-section-head p,
.tn-redesign .tn-contact-rich-text,
.tn-redesign .tn-contact-rich-text p,
.tn-redesign .tn-contact-rich-text li {
  margin: 0;
  color: #4f5660;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.62;
}

.tn-redesign .tn-contact-quick-muted {
  margin-top: 10px !important;
  color: #6D737A !important;
}

.tn-redesign .tn-contact-anchor-target {
  scroll-margin-top: 132px;
}

.tn-redesign .tn-contact-section-head {
  margin: 0 0 22px;
}

.tn-redesign .tn-contact-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.tn-redesign .tn-contact-form .form-group {
  margin-bottom: 18px;
}

.tn-redesign .tn-contact-form label {
  display: block;
  margin: 0 0 8px;
  color: #282828;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.tn-redesign #information-contact .form-control,
.tn-redesign #information-tracking .form-control {
  min-height: 52px;
  border: 1px solid #E6E8EA !important;
  border-radius: 12px !important;
  background: #F8FAFB !important;
  color: #282828 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.tn-redesign #information-contact textarea.form-control {
  min-height: 150px;
  padding-top: 14px;
}

.tn-redesign .tn-contact-terms {
  margin: 2px 0 20px;
}

.tn-redesign .tn-contact-actions {
  display: flex;
}

.tn-redesign .tn-contact-submit,
.tn-redesign #information-tracking .us-module-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .18) !important;
}

.tn-redesign .tn-contact-submit:hover,
.tn-redesign .tn-contact-submit:focus {
  background: #00A8DF !important;
  box-shadow: 0 18px 34px rgba(18, 184, 242, .24) !important;
}

.tn-redesign .tn-contact-detail-list {
  display: grid;
  gap: 12px;
}

.tn-redesign .tn-contact-detail-row {
  display: grid;
  gap: 4px;
  padding: 14px 0;
  border-top: 1px solid #EEF2F5;
  color: #282828 !important;
  text-decoration: none !important;
}

.tn-redesign .tn-contact-detail-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.tn-redesign .tn-contact-detail-row span {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.tn-redesign .tn-contact-detail-row strong {
  color: #282828;
  font-size: 17px;
  font-weight: 900;
  line-height: 22px;
}

.tn-redesign .tn-contact-rich-text {
  display: grid;
  gap: 12px;
}

.tn-redesign .tn-contact-rich-text p,
.tn-redesign .tn-contact-rich-text ul {
  margin: 0;
}

.tn-redesign .tn-contact-rich-text ul {
  padding-left: 20px;
}

.tn-redesign .tn-contact-rich-text b,
.tn-redesign .tn-contact-rich-text strong {
  color: #282828;
  font-weight: 900;
}

.tn-redesign .tn-contact-map-card {
  margin-top: 24px;
}

.tn-redesign .tn-contact-map-frame {
  overflow: hidden;
  border-radius: 8px;
}

.tn-redesign .tn-contact-map-frame iframe,
.tn-redesign .tn-contact-map-frame > * {
  width: 100% !important;
  max-width: 100% !important;
}

.tn-redesign .us-blog-category-row {
  align-items: flex-start;
}

.tn-redesign .tn-blog-category-page,
.tn-redesign .tn-blog-article-page {
  max-width: 100%;
  overflow-x: visible;
  color: #4f4f4f;
}

.tn-redesign .tn-blog-category-page.tn-figma-category.container {
  width: 1360px !important;
  max-width: calc(100% - 80px) !important;
  padding-left: 0;
  padding-right: 0;
}

.tn-redesign .tn-blog-article-page.tn-figma-page.container {
  width: 1360px;
  max-width: calc(100% - 80px);
  padding-left: 0;
  padding-right: 0;
}

.tn-redesign .tn-blog-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  margin: 0 0 20px;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.tn-redesign .tn-blog-breadcrumbs a {
  color: #7b7b7b !important;
  text-decoration: none !important;
}

.tn-redesign .tn-blog-breadcrumbs a:hover {
  color: #0cbdfb !important;
}

.tn-redesign .tn-blog-breadcrumbs-separator {
  color: #b2b2b2;
}

.tn-redesign .tn-blog-heading {
  display: grid;
  gap: 16px;
  max-width: 860px;
  margin-bottom: 26px;
}

.tn-redesign .tn-blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 40px;
  align-items: start;
  justify-content: start;
  max-width: 100%;
  min-width: 0;
}

.tn-redesign .tn-blog-main {
  display: grid;
  gap: 28px;
  max-width: 100%;
  min-width: 0;
}

.tn-redesign .tn-blog-sidebar {
  position: sticky;
  top: 112px;
  display: grid;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
}

.tn-redesign .tn-blog-category-page .tn-blog-sidebar-card-popular,
.tn-redesign .tn-blog-category-page .tn-blog-sidebar-card-cta {
  display: none;
}

.tn-redesign .tn-blog-sidebar-card,
.tn-redesign .tn-blog-article-card,
.tn-redesign .tn-blog-article-surface,
.tn-redesign .tn-blog-empty {
  max-width: 100%;
  min-width: 0;
  border: 1px solid #E6ECF0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(31, 31, 31, .045);
}

.tn-redesign .tn-blog-sidebar-card {
  padding: 18px;
}

.tn-redesign .tn-blog-category-page .tn-blog-sidebar {
  gap: 12px;
}

.tn-redesign .tn-blog-category-page .tn-blog-sidebar-card {
  padding: 16px;
}

.tn-redesign .tn-blog-sidebar-title {
  margin: 0 0 12px;
  color: #282828;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
}

.tn-redesign .tn-blog-sidebar-card p {
  margin: 0 0 14px;
  color: #66717A;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}

.tn-redesign .tn-blog-sidebar-chips,
.tn-redesign .tn-blog-sidebar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}

.tn-redesign .tn-blog-sidebar-chips a,
.tn-redesign .tn-blog-sidebar-links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  max-width: 100%;
  border: 1px solid #DDE8EE;
  border-radius: 999px;
  padding: 8px 12px;
  background: #F7FAFC;
  color: #2F3337;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

.tn-redesign .tn-blog-sidebar-chips a:hover,
.tn-redesign .tn-blog-sidebar-chips a:focus,
.tn-redesign .tn-blog-sidebar-links a:hover,
.tn-redesign .tn-blog-sidebar-links a:focus,
.tn-redesign .tn-blog-sidebar-chips a.is-active {
  border-color: #12B8F2;
  background: #EAF8FE;
  color: #078FC3;
}

.tn-redesign .tn-blog-sidebar-list {
  display: grid;
  gap: 12px;
}

.tn-redesign .tn-blog-sidebar-article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: #282828;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none !important;
}

.tn-redesign .tn-blog-sidebar-article img {
  width: 64px;
  height: 48px;
  border-radius: 12px;
  object-fit: cover;
  background: #F4F7F9;
}

.tn-redesign .tn-blog-sidebar-article span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.tn-redesign .tn-blog-primary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 12px;
  padding: 10px 16px;
  background: #12B8F2;
  color: #fff !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22);
}

.tn-redesign .tn-blog-primary-link:hover,
.tn-redesign .tn-blog-primary-link:focus {
  background: #078FC3;
  color: #fff !important;
}

.tn-redesign .tn-blog-article-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: 100%;
  min-width: 0;
}

.tn-redesign .tn-blog-article-card {
  display: grid;
  overflow: hidden;
  box-sizing: border-box;
}

.tn-redesign .tn-blog-article-card-media {
  position: relative;
  display: block;
  max-width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #F4F7F9;
}

.tn-redesign .tn-blog-article-card-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.tn-redesign .tn-blog-card-date {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.tn-redesign .tn-blog-article-card-media .tn-blog-card-date {
  display: none;
}

.tn-redesign .tn-blog-article-card-body {
  display: grid;
  gap: 10px;
  padding: 20px;
}

.tn-redesign .tn-blog-article-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-height: 16px;
}

.tn-redesign .tn-blog-article-card-title {
  display: block;
  max-width: 100%;
  color: #282828 !important;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.28;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}

.tn-redesign .tn-blog-article-card-title:hover,
.tn-redesign .tn-blog-article-card-title:focus {
  color: #078FC3 !important;
}

.tn-redesign .tn-blog-article-card-text {
  color: #66717A;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}

.tn-redesign .tn-blog-article-surface {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 24px;
  overflow: hidden;
}

.tn-redesign .tn-blog-article-cover {
  margin-bottom: 20px;
  border-radius: 16px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.tn-redesign .tn-blog-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  color: #66717A;
  font-size: 14px;
  font-weight: 800;
}

.tn-redesign .tn-blog-section-title {
  margin: 0 0 16px;
  color: #282828;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.2;
}

.tn-redesign .tn-blog-related-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
}

.tn-redesign .tn-blog-related-head .tn-blog-section-title {
  margin: 0;
}

.tn-redesign .tn-blog-carousel-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
}

.tn-redesign .tn-blog-carousel-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #DDE8EE;
  border-radius: 12px;
  background-color: #fff;
  color: #8B969E;
  box-shadow: 0 10px 22px rgba(19, 35, 51, .05);
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.tn-redesign .tn-blog-carousel-button:hover,
.tn-redesign .tn-blog-carousel-button:focus {
  border-color: rgba(18, 184, 242, .38);
  background-color: #fff;
  color: #12B8F2;
  box-shadow: 0 12px 24px rgba(18, 184, 242, .12), inset 0 0 0 1px rgba(18, 184, 242, .18);
}

.tn-redesign .tn-blog-carousel-button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tn-redesign .tn-blog-product-carousel {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.tn-redesign .tn-blog-product-carousel::-webkit-scrollbar {
  display: none;
}

.tn-redesign .tn-blog-product-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 300px;
  grid-template-columns: none;
  gap: 24px;
  justify-content: start;
  align-items: stretch;
  width: max-content;
  max-width: none;
  min-width: 0;
}

.tn-redesign .tn-blog-related-products {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.tn-redesign .tn-blog-related-products .tn-clean-product-card {
  width: 100% !important;
  max-width: none !important;
  min-height: 468px !important;
  scroll-snap-align: start;
}

.tn-redesign .tn-blog-product-card {
  min-width: 0;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-media {
  min-height: 198px;
  padding: 22px 24px 10px;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-media img {
  max-width: 204px;
  height: 170px;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-body {
  padding: 14px 22px 0;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-footer {
  padding: 12px 22px 20px;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-price strong {
  font-size: 22px;
  line-height: 32px;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-actions {
  grid-template-columns: 1fr 48px 48px;
}

.tn-redesign .tn-blog-related-products .tn-clean-card-cart,
.tn-redesign .tn-blog-related-products .tn-clean-card-actions button {
  min-height: 48px;
  height: 48px;
}

.tn-redesign .tn-blog-category-page > .row,
.tn-redesign .tn-blog-article-page > .row,
.tn-redesign .tn-blog-category-page .row,
.tn-redesign .tn-blog-article-page .row,
.tn-redesign .tn-blog-category-page [class*="col-"],
.tn-redesign .tn-blog-article-page [class*="col-"],
.tn-redesign .us-blog-category-content {
  max-width: 100%;
  min-width: 0;
}

.tn-redesign .us-blog-category-content .us-blog-category-cont {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 24px;
  justify-content: flex-start !important;
}

.tn-redesign .us-blog-category-content .us-news-block,
.tn-redesign .tn-blog-card,
.tn-redesign #us-blog-article .us-news-block {
  flex: 0 1 calc(33.333% - 16px);
  min-width: 260px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #EDEDED;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .035);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tn-redesign .us-blog-category-content .us-news-block:hover,
.tn-redesign .tn-blog-card:hover,
.tn-redesign #us-blog-article .us-news-block:hover {
  border-color: #DDE3E8;
  box-shadow: 0 18px 38px rgba(31, 31, 31, .06);
  transform: translateY(-1px);
}

.tn-redesign .tn-blog-category-intro {
  margin: 0 0 24px;
  border: 1px solid #EDEDED !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background: #fff !important;
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
}

.tn-redesign .us-news-block-photo,
.tn-redesign .tn-blog-card-media {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #F4F7F9;
}

.tn-redesign .us-news-block-photo img,
.tn-redesign .tn-blog-card-media img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tn-redesign .us-news-stickers-date {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  border-radius: 999px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, .94);
  color: #4f4f4f;
  font-size: 13px;
  font-weight: 800;
  line-height: 16px;
  box-shadow: 0 10px 22px rgba(31, 31, 31, .08);
}

.tn-redesign .us-news-block-cont {
  padding: 20px;
}

.tn-redesign .tn-blog-card-body {
  min-height: 0;
}

.tn-redesign .tn-blog-category-page .us-main-shop-title,
.tn-redesign .tn-blog-article-page .us-main-shop-title {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.tn-redesign .us-news-block-title {
  display: block;
  max-width: 100%;
  margin: 0 0 10px;
  color: #282828 !important;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.28;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}

.tn-redesign .us-news-block-title:hover {
  color: #078FC3 !important;
}

.tn-redesign .us-news-block-text {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.tn-redesign .us-blog-post-cont-top {
  display: grid;
  max-width: 100%;
  min-width: 0;
  gap: 28px;
}

.tn-redesign .us-blog-post-img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 18px;
  background: #F4F7F9;
}

.tn-redesign .us-blog-post-img img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tn-redesign .us-blog-post-info {
  margin-top: 28px;
  border-top: 1px solid #EDEDED;
  padding-top: 18px;
}

.tn-redesign .us-blog-post-info-item {
  gap: 8px;
  margin-right: 20px;
  color: #777;
  font-size: 14px;
  font-weight: 700;
}

.tn-redesign .us-blog-post-info-item i {
  color: #12B8F2;
}

.tn-redesign .tn-blog-article-body .tn-blog-lead {
  color: #2F3337;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.65;
}

.tn-redesign .tn-blog-article-body {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.tn-redesign .tn-blog-article-body .tn-blog-expert-note {
  margin: 22px 0;
  border-left: 4px solid #12B8F2;
  border-radius: 0 14px 14px 0;
  padding: 18px 20px;
  background: #F4FAFD;
  color: #2F3337;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.tn-redesign .tn-blog-article-body .tn-blog-table-wrap {
  width: 100%;
  margin: 20px 0 26px;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.tn-redesign .tn-blog-article-body table {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E2E7EC;
  border-radius: 8px;
  background: #fff;
  color: #3A3D42;
}

.tn-redesign .tn-blog-article-body th,
.tn-redesign .tn-blog-article-body td {
  padding: 14px 16px;
  border-top: 1px solid #EEF2F5;
  vertical-align: top;
  text-align: left;
}

.tn-redesign .tn-blog-article-body th {
  border-top: 0;
  background: #F4F8FA;
  color: #282828;
  font-weight: 800;
}

.tn-redesign .tn-blog-article-body td + td,
.tn-redesign .tn-blog-article-body th + th {
  border-left: 1px solid #EEF2F5;
}

.tn-redesign .tn-blog-article-body .tn-blog-source-note {
  margin-top: 24px;
  color: #6D737A;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .tn-redesign .tn-contact-shell {
    grid-template-columns: 1fr;
  }

  .tn-redesign .tn-contact-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tn-redesign .us-blog-category-content .us-news-block,
  .tn-redesign #us-blog-article .us-news-block {
    flex-basis: calc(50% - 12px);
  }

  .tn-redesign .tn-blog-product-grid {
    grid-auto-columns: calc((100% - 24px) / 2);
  }

  .tn-redesign .tn-blog-related-products .tn-clean-product-card {
    min-height: 448px !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign .tn-contact-page.container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    padding: 26px 0 54px !important;
  }

  .tn-redesign .tn-contact-title {
    font-size: 32px;
    line-height: 1.16;
  }

  .tn-redesign .tn-contact-lead {
    font-size: 15px;
    line-height: 1.55;
  }

  .tn-redesign .tn-contact-quick-info,
  .tn-redesign .tn-contact-form-grid,
  .tn-redesign .tn-contact-aside {
    grid-template-columns: 1fr;
  }

  .tn-redesign .tn-contact-card,
  .tn-redesign .tn-contact-form-card,
  .tn-redesign .tn-contact-details-card,
  .tn-redesign .tn-contact-map-card {
    padding: 20px;
  }

  .tn-redesign .tn-contact-card h2,
  .tn-redesign .tn-contact-section-head h2,
  .tn-redesign .tn-contact-details-card h2 {
    font-size: 21px;
  }

  .tn-redesign .tn-contact-submit {
    width: 100%;
  }

  .tn-redesign #information-contact .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .tn-redesign #information-contact [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tn-redesign .tn-blog-category-page.tn-figma-category.container,
  .tn-redesign .tn-blog-article-page.tn-figma-page.container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  .tn-redesign #information-information .us-content-inform,
  .tn-redesign #information-tracking .us-content-inform,
  .tn-redesign #information-contact .us-content,
  .tn-redesign #information-sitemap .us-content-sitemap,
  .tn-redesign .us-blog-article-content .us-content {
    border-radius: 16px !important;
    padding: 24px 18px !important;
  }

  .tn-redesign .us-blog-category-content .us-news-block,
  .tn-redesign #us-blog-article .us-news-block {
    flex-basis: 100%;
    min-width: 0;
  }

  .tn-redesign .tn-blog-category-page > .row,
  .tn-redesign .tn-blog-article-page > .row,
  .tn-redesign .tn-blog-category-page .us-blog-category-row,
  .tn-redesign .tn-blog-article-page .us-blog-category-row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .tn-redesign .tn-blog-category-page [class*="col-"],
  .tn-redesign .tn-blog-article-page [class*="col-"],
  .tn-redesign .us-blog-category-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .tn-redesign .us-blog-category-content .us-blog-category-cont {
    flex-direction: column;
    flex-wrap: nowrap !important;
    gap: 24px;
  }

  .tn-redesign .tn-blog-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .tn-redesign .tn-blog-sidebar {
    position: static;
    order: -1;
    gap: 12px;
  }

  .tn-redesign .tn-blog-sidebar-card {
    padding: 16px;
    border-radius: 16px;
  }

  .tn-redesign .tn-blog-sidebar-card-popular,
  .tn-redesign .tn-blog-sidebar-cta {
    display: none;
  }

  .tn-redesign .tn-blog-sidebar-chips,
  .tn-redesign .tn-blog-sidebar-links {
    gap: 7px;
  }

  .tn-redesign .tn-blog-sidebar-chips {
    max-width: 100%;
  }

  .tn-redesign .tn-blog-sidebar-chips a,
  .tn-redesign .tn-blog-sidebar-links a {
    min-height: 34px;
    padding: 8px 10px;
    font-size: 12px;
  }

  .tn-redesign .tn-blog-article-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tn-redesign .tn-blog-article-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .tn-redesign .tn-blog-related-head {
    align-items: flex-end;
    gap: 12px;
  }

  .tn-redesign .tn-blog-carousel-controls {
    display: none;
  }

  .tn-redesign .tn-blog-product-carousel {
    width: 100%;
    max-width: 100%;
    margin-right: -16px;
    padding-right: 16px;
  }

  .tn-redesign .tn-blog-product-grid {
    grid-auto-columns: min(326px, calc(100vw - 64px));
    gap: 16px;
  }

  .tn-redesign .tn-blog-related-products .tn-clean-product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 430px !important;
  }

  .tn-redesign .tn-blog-related-products .tn-clean-card-media {
    min-height: 188px;
    padding: 20px 20px 8px;
  }

  .tn-redesign .tn-blog-related-products .tn-clean-card-media img {
    max-width: 196px;
    height: 158px;
  }

  .tn-redesign .tn-blog-related-products .tn-clean-card-body {
    padding: 12px 18px 0;
  }

  .tn-redesign .tn-blog-related-products .tn-clean-card-footer {
    padding: 10px 18px 18px;
  }

  .tn-redesign .tn-blog-article-card-title {
    font-size: 19px;
  }

  .tn-redesign .tn-blog-article-surface {
    padding: 18px;
    border-radius: 16px;
  }

  .tn-redesign .tn-blog-section-title {
    font-size: 21px;
  }
}

@media (max-width: 1199px) {
  .tn-figma-page.container {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }

  .tn-figma-category-tabs,
  .tn-figma-product .tn-clean-detail-grid,
  .tn-figma-compare-reco {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tn-figma-category .tn-clean-catalog-layout {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 28px;
  }

  .tn-figma-category .tn-clean-toolbar {
    width: calc(100% + 248px);
    margin-left: -248px !important;
  }

  .tn-figma-category .tn-clean-product-grid,
  .tn-figma-product .tn-clean-related .tn-clean-product-grid,
  .tn-figma-reco-grid {
    grid-template-columns: repeat(3, 240px);
  }

  .tn-figma-product .tn-clean-buybox {
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 1fr);
  }

  .tn-figma-product .tn-clean-main-image,
  .tn-figma-product .tn-clean-gallery,
  .tn-figma-product .tn-clean-product-info {
    width: auto;
  }
}

@media (max-width: 991px) {
  .tn-figma-page {
    padding-top: 18px;
  }

  .tn-figma-category .tn-clean-catalog-head {
    padding-bottom: 26px !important;
  }

  .tn-figma-category-tabs {
    gap: 24px;
    margin-bottom: 28px;
  }

  .tn-figma-category .tn-clean-catalog-layout,
  .tn-figma-product .tn-clean-buybox {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tn-figma-category .tn-clean-toolbar {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: 0 !important;
    gap: 12px;
  }

  .tn-figma-category .tn-filter-shell {
    margin-top: 0;
    padding: 22px !important;
    background: #fff !important;
  }

  .tn-figma-category .tn-clean-product-grid,
  .tn-figma-product .tn-clean-related .tn-clean-product-grid,
  .tn-figma-reco-grid {
    grid-template-columns: repeat(2, minmax(0, 240px));
  }

  .tn-figma-product .tn-clean-gallery,
  .tn-figma-product .tn-clean-product-info {
    height: auto;
    min-height: 420px;
  }

  .tn-figma-product .tn-clean-product-info,
  .tn-figma-product .tn-clean-attr-preview,
  .tn-figma-product .tn-clean-product-action,
  .tn-figma-product .tn-clean-price-block {
    position: static;
  }

  .tn-figma-product .tn-clean-price-block {
    width: 100%;
    margin-bottom: 18px !important;
  }

  .tn-figma-product .tn-clean-attr-preview {
    margin-bottom: 18px !important;
  }

  .tn-figma-product .tn-clean-main-image {
    width: 100%;
  }

  .tn-figma-compare-card .us-content-compare-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .tn-figma-compare-tools {
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
  }

  .tn-figma-compare-tools button {
    flex: 1 1 auto;
    min-width: 128px;
  }

  .tn-figma-compare-card {
    border-radius: 20px;
  }

  .tn-figma-compare-scroll {
    max-width: 100%;
  }

  .tn-figma-compare-table {
    width: max(920px, var(--tn-compare-table-width, 920px)) !important;
    min-width: var(--tn-compare-table-width, 920px);
  }

  .tn-figma-compare-table td {
    width: 170px;
    padding: 14px 16px !important;
  }

  .tn-figma-compare-table td:first-child {
    width: 164px;
    min-width: 164px;
    max-width: 164px;
  }

  .tn-figma-compare-table tr.us-table-compare-img img {
    width: 148px;
    height: 148px;
  }

  .tn-figma-compare .tn-figma-reco-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .tn-figma-page.container {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }

  .tn-figma-page-title,
  .tn-figma-page .us-main-shop-title {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .tn-account-success-card {
    min-height: 0;
    padding: 34px 22px 36px;
    border-radius: 20px;
  }

  .tn-account-success-mark {
    width: 42px;
    height: 42px;
    margin-bottom: 20px;
    border-radius: 14px;
  }

  .tn-account-success-mark::before {
    width: 14px;
    height: 24px;
    margin-top: 7px;
    border-right-width: 4px;
    border-bottom-width: 4px;
  }

  .tn-account-success-title {
    margin-bottom: 18px !important;
  }

  .tn-account-success-copy {
    font-size: 16px;
    line-height: 26px;
  }

  .tn-account-success-note {
    margin-top: 20px;
    padding: 16px 18px;
    border-radius: 16px;
    font-size: 15px;
    line-height: 23px;
  }

  .tn-account-success-actions {
    gap: 10px;
    margin-top: 28px;
  }

  .tn-account-success-button,
  .tn-account-success-button-secondary {
    width: 100%;
    min-height: 52px;
    border-radius: 14px;
    font-size: 17px;
  }

  .tn-figma-category .tn-clean-catalog-head h1,
  .tn-figma-product-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .tn-figma-category-tabs,
  .tn-figma-product .tn-clean-detail-grid,
  .tn-figma-compare-reco {
    margin-right: -12px;
    margin-left: -12px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .tn-figma-category .tn-clean-product-grid,
  .tn-figma-reco-grid {
    grid-template-columns: 1fr;
  }

  .tn-figma-product .tn-clean-related .tn-figma-reco-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .tn-figma-category .tn-clean-product-card,
  .tn-figma-reco-grid .tn-clean-product-card {
    width: 100%;
  }

  .tn-figma-compare .tn-figma-reco-grid {
    grid-template-columns: 1fr !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-product-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "body"
      "footer" !important;
    gap: 9px !important;
    align-content: start !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-media {
    grid-area: media !important;
    width: 100% !important;
    min-height: 118px !important;
    height: 118px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-media img {
    width: 100% !important;
    max-width: 118px !important;
    height: 98px !important;
    object-fit: contain !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-body {
    grid-area: body !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-title {
    display: -webkit-box !important;
    min-height: 0 !important;
    max-height: 57px !important;
    overflow: hidden !important;
    color: #282828 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    text-decoration: none !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-footer {
    grid-area: footer !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-price {
    min-height: 24px !important;
    margin: 0 0 8px !important;
    white-space: nowrap !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-price strong {
    font-size: 18px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-cart {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 42px !important;
  }

  .tn-figma-product .tn-clean-related .tn-clean-card-actions button {
    width: 100% !important;
    height: 36px !important;
    min-width: 0 !important;
    border-radius: 12px !important;
  }

  .tn-figma-product .tn-clean-gallery,
  .tn-figma-product .tn-clean-product-info {
    min-height: 0;
  }

  .tn-figma-product .tn-clean-main-image {
    height: 340px;
    min-height: 340px;
  }

  .tn-figma-compare {
    overflow-x: hidden;
  }

  .tn-figma-compare-card {
    width: 100%;
    border-radius: 18px;
  }

  .tn-figma-compare-card .us-content-compare-title {
    min-height: 0;
    padding: 18px 16px !important;
    font-size: 20px !important;
    line-height: 28px;
  }

  .tn-figma-compare-tools {
    padding: 5px;
    border-radius: 16px;
  }

  .tn-figma-compare-tools button {
    min-height: 38px;
    min-width: 0;
    padding: 0 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 16px;
  }

  .tn-figma-compare-table {
    --tn-compare-sticky-top: 74px;
    --tn-compare-product-row-height: 86px;
    width: max(820px, var(--tn-compare-table-width, 820px)) !important;
    min-width: var(--tn-compare-table-width, 820px);
  }

  .tn-figma-compare-table td {
    width: 156px;
    padding: 12px 14px !important;
    font-size: 13px;
    line-height: 18px;
  }

  .tn-figma-compare-table td:first-child {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
  }

  .tn-figma-compare-table .tn-compare-group-label {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
  }

  .tn-figma-compare-table tr.us-table-compare-product td {
    height: 86px;
    font-size: 13px;
    line-height: 18px;
  }

  .tn-figma-compare-table tr.us-table-compare-img td {
    height: 176px;
  }

  .tn-figma-compare-table tr.us-table-compare-img img {
    width: 132px;
    height: 132px;
  }

  .tn-compare-sticky-head {
    border-radius: 0;
  }

  .tn-compare-sticky-head-inner {
    border-radius: 0;
  }

  .tn-compare-sticky-head-left td {
    width: var(--tn-compare-left-width, 142px);
    min-width: var(--tn-compare-left-width, 142px);
    max-width: var(--tn-compare-left-width, 142px);
    padding: 12px 14px !important;
    font-size: 13px;
    line-height: 18px;
  }

  .tn-compare-sticky-head-left tr.us-table-compare-product td {
    height: var(--tn-compare-product-row-height, 86px) !important;
  }

  .tn-compare-sticky-head-left tr.us-table-compare-img td {
    height: var(--tn-compare-image-row-height, 176px) !important;
    border-bottom-left-radius: 0;
  }

  .tn-compare-sticky-head-table {
    left: var(--tn-compare-left-width, 142px);
    width: var(--tn-compare-moving-width, 678px) !important;
    min-width: var(--tn-compare-moving-width, 678px) !important;
  }

  .tn-compare-sticky-head-table td,
  .tn-compare-sticky-head-table td:first-child {
    width: 156px;
    min-width: 156px;
    max-width: 156px;
  }

  .tn-compare-sticky-head-table tr.us-table-compare-product td {
    height: var(--tn-compare-product-row-height, 86px) !important;
    padding: 12px 14px !important;
    font-size: 13px;
    line-height: 18px;
  }

  .tn-compare-sticky-head-table tr.us-table-compare-img td {
    height: var(--tn-compare-image-row-height, 176px) !important;
    padding: 12px 14px !important;
  }

  .tn-compare-sticky-head-table tr.us-table-compare-img img {
    width: 132px;
    height: 132px;
  }

  .tn-figma-compare-table .us-table-compare-btn .us-module-btn,
  .tn-figma-compare-table input.us-module-btn {
    min-width: 112px;
    min-height: 42px;
    border-radius: 14px;
    font-size: 13px;
  }

  .tn-figma-product .tn-clean-thumbs {
    margin-top: 12px;
    padding: 0 12px;
  }

  .tn-figma-product .tn-clean-detail-section {
    padding: 22px 18px;
  }

  .tn-figma-product .tn-clean-attr-preview div,
  .tn-figma-product .tn-clean-attr-table div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Secondary inner pages: search, wishlist, cart, simple checkout. */
.tn-redesign #product-search.container,
.tn-redesign #account-wishlist.container,
.tn-redesign #account-login.container,
.tn-redesign #checkout-cart.container {
  width: 1200px;
  max-width: calc(100% - 48px);
  padding: 38px 0 72px;
}

.tn-redesign #product-search .breadcrumb,
.tn-redesign #account-wishlist .breadcrumb,
.tn-redesign #account-login .breadcrumb,
.tn-redesign #checkout-cart .breadcrumb {
  min-height: 24px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}

.tn-redesign #product-search .breadcrumb .fa-home,
.tn-redesign #account-wishlist .breadcrumb .fa-home,
.tn-redesign #account-login .breadcrumb .fa-home,
.tn-redesign #checkout-cart .breadcrumb .fa-home {
  display: none !important;
}

.tn-redesign #product-search .breadcrumb .breadcrumb-item:first-child a::after,
.tn-redesign #account-wishlist .breadcrumb .breadcrumb-item:first-child a::after,
.tn-redesign #account-login .breadcrumb .breadcrumb-item:first-child a::after,
.tn-redesign #checkout-cart .breadcrumb .breadcrumb-item:first-child a::after {
  content: "Главная";
}

.tn-redesign #product-search .us-main-shop-title,
.tn-redesign #account-wishlist .us-main-shop-title,
.tn-redesign #account-login .us-main-shop-title,
.tn-redesign #checkout-cart .tn-cart-title {
  margin: 0 0 38px !important;
  color: #282828 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
}

.tn-redesign #product-search #content,
.tn-redesign #account-wishlist .us-content,
.tn-redesign #account-login .us-content,
.tn-redesign #checkout-cart .tn-cart-panel {
  border: 0 !important;
  border-radius: 12px;
  background: #fff;
  padding: 28px !important;
  box-shadow: none !important;
}

.tn-redesign #product-search .form-control,
.tn-redesign #product-search .us-acc-select,
.tn-redesign #account-login .form-control,
.tn-redesign #checkout-cart .form-control,
.simple-content .form-control,
.simple-content input[type="text"],
.simple-content input[type="email"],
.simple-content input[type="tel"],
.simple-content input[type="password"],
.simple-content select,
.simple-content textarea {
  min-height: 52px;
  border: 1px solid #dedede !important;
  border-radius: 8px !important;
  background: #f7f7f8 !important;
  color: #282828 !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  box-shadow: none !important;
}

.simple-content textarea {
  min-height: 136px;
  padding-top: 14px !important;
}

.tn-redesign #product-search .us-module-btn,
.tn-redesign #account-wishlist .us-module-btn,
.tn-redesign #account-wishlist .us-product-btn,
.tn-redesign #account-login .us-module-btn,
.tn-redesign #account-login .us-module-btn-green,
.tn-redesign #checkout-cart .us-module-btn,
.simple-content .button_oc,
.simple-content .btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border: 0 !important;
  border-radius: 12px !important;
  background: #0cbdfb !important;
  color: #fff !important;
  padding: 0 22px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.tn-redesign #product-search .us-module-btn:hover,
.tn-redesign #account-wishlist .us-module-btn:hover,
.tn-redesign #account-wishlist .us-product-btn:hover,
.tn-redesign #account-login .us-module-btn:hover,
.tn-redesign #account-login .us-module-btn-green:hover,
.tn-redesign #checkout-cart .us-module-btn:hover,
.simple-content .button_oc:hover,
.simple-content .btn-primary:hover {
  background: #08aeea !important;
  transform: translateY(-1px);
}

.tn-redesign #product-search .us-category-sort-block,
.tn-redesign #product-search .us-search-block,
.tn-redesign #checkout-cart .us-cart-block-total-wrapper {
  margin: 24px 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.tn-redesign #product-search .product-layout {
  display: block;
  flex: 0 0 240px;
  max-width: 240px;
  padding: 0 15px 30px;
}

.tn-redesign #product-search #content > .row:last-of-type {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.tn-redesign #product-search .us-module-item {
  min-height: 376px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
  overflow: hidden;
}

.tn-redesign #product-search .us-module-img {
  min-height: 176px;
  padding: 18px 20px 8px;
  background: #fff;
}

.tn-redesign #product-search .us-module-img img {
  max-width: 176px;
  height: 150px;
  object-fit: contain;
}

.tn-redesign #product-search .us-module-title a,
.tn-redesign #account-wishlist .us-content-title-wishlist,
.tn-redesign #checkout-cart .us-cart-item-link {
  color: #282828 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none !important;
}

.tn-redesign #product-search .us-product-list-description,
.tn-redesign #product-search .us-module-rating {
  display: none !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-wishlist,
.tn-redesign #checkout-cart .us-cart-item {
  min-height: 132px;
  margin: 0 0 18px !important;
  border: 1px solid #ededed;
  border-radius: 12px;
  background: #fff;
  padding: 18px !important;
  box-shadow: none !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-img,
.tn-redesign #checkout-cart .us-cart-item-img-link {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 10px;
  background: #f7f7f8;
  overflow: hidden;
}

.tn-redesign #account-wishlist .us-acc-info-block-img img,
.tn-redesign #checkout-cart .us-cart-item-img {
  max-width: 82px;
  max-height: 82px;
  object-fit: contain;
}

.tn-redesign #checkout-cart .us-product-quantity .btn-group {
  display: grid;
  grid-template-columns: 42px 64px 42px 42px;
}

.tn-redesign #checkout-cart .us-product-quantity-btn {
  width: 42px;
  height: 42px;
  border: 1px solid #dedede !important;
  background: #fff !important;
  color: #282828 !important;
}

.tn-redesign #checkout-cart .us-cart-block-total {
  color: #282828;
  font-size: 18px;
  line-height: 28px;
}

.simple-content {
  width: 1200px;
  max-width: calc(100% - 48px);
  margin: 0 auto;
  padding: 38px 0 72px;
}

.simple-content .simplecheckout {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.simple-content .simplecheckout-left-column {
  width: 788px !important;
}

.simple-content .simplecheckout-right-column {
  width: 380px !important;
}

.simple-content .simplecheckout-block {
  margin: 0 0 28px !important;
  border: 0 !important;
  border-radius: 12px;
  background: #fff;
  padding: 28px !important;
  box-shadow: none !important;
}

.simple-content .tn-payer-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 24px;
}

.simple-content .tn-payer-type-title {
  grid-column: 1 / -1;
  color: #282828;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.simple-content .tn-payer-type-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 12px;
  background: #f7f7f8;
  color: #282828;
  padding: 0 18px 0 52px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.simple-content .tn-payer-type-option:hover,
.simple-content .tn-payer-type-option.is-active {
  border-color: #0cbdfb;
  background: #e5f8ff;
  box-shadow: 0 16px 34px rgba(12, 189, 251, .14);
}

.simple-content .tn-payer-type-option input {
  position: absolute;
  left: 18px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  accent-color: #0cbdfb;
}

.simple-content .checkout-heading,
.simple-content .panel-heading {
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #282828 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
}

.simple-content .simplecheckout-cart {
  width: 100%;
  border-collapse: collapse;
}

.simple-content .simplecheckout-cart th,
.simple-content .simplecheckout-cart td {
  border: 0 !important;
  border-bottom: 1px solid #ededed !important;
  padding: 14px 10px !important;
  color: #282828;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle !important;
}

.simple-content .simplecheckout-cart img {
  max-width: 88px;
  max-height: 88px;
  object-fit: contain;
}

.simple-content .simplecheckout-cart-total {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-height: 46px;
  border-bottom: 1px solid #ededed;
  padding: 12px 0;
  color: #282828;
  font-size: 16px;
  line-height: 22px;
}

.simple-content #total_tn_legal_payer {
  color: #0cbdfb;
  font-weight: 700;
}

.simple-content #simplecheckout_button_confirm {
  width: 100%;
  min-height: 56px;
  margin-top: 18px;
}

@media (max-width: 991px) {
  .tn-redesign #product-search.container,
  .tn-redesign #account-wishlist.container,
  .tn-redesign #account-login.container,
  .tn-redesign #checkout-cart.container,
  .simple-content {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }

  .simple-content .simplecheckout {
    display: block;
  }

  .simple-content .simplecheckout-left-column,
  .simple-content .simplecheckout-right-column {
    width: 100% !important;
  }

  .simple-content .tn-payer-type {
    grid-template-columns: 1fr;
  }

  .tn-redesign #product-search .product-layout {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (max-width: 640px) {
  .tn-redesign #product-search.container,
  .tn-redesign #account-wishlist.container,
  .tn-redesign #account-login.container,
  .tn-redesign #checkout-cart.container,
  .simple-content {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    padding-top: 24px;
  }

  .tn-redesign #product-search .product-layout {
    flex-basis: 100%;
    max-width: 100%;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-wishlist,
  .tn-redesign #checkout-cart .us-cart-item {
    align-items: flex-start !important;
    flex-direction: column;
  }
}

/* Stability pass for Beget draft: logo, header actions, category spacing and filter column. */
.tn-clean-header .tn-clean-mainbar {
  gap: 20px !important;
  min-height: 72px !important;
  height: 72px !important;
  margin-top: 20px !important;
  padding: 0 !important;
}

.tn-clean-header .tn-clean-logo,
.tn-clean-header .tn-clean-logo a,
.tn-clean-header .tn-clean-logo img {
  display: block !important;
  width: 181px !important;
  min-width: 181px !important;
  max-width: 181px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}

.tn-clean-header .tn-clean-logo {
  flex: 0 0 181px !important;
}

.tn-clean-header .tn-clean-logo img {
  object-fit: contain !important;
}

.tn-clean-header .tn-clean-search {
  flex: 1 1 420px !important;
  width: auto !important;
  min-width: 320px !important;
  max-width: 551px !important;
}

.tn-clean-header .tn-clean-actions {
  display: grid !important;
  grid-template-columns: repeat(4, 82px);
  gap: 10px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  margin-left: auto !important;
}

.tn-clean-header .tn-clean-action,
.tn-clean-header .tn-clean-cart-action,
.tn-clean-header .tn-clean-cart-wrap #cart {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  flex: 0 0 82px !important;
}

.tn-clean-header .tn-clean-action {
  gap: 6px !important;
  overflow: hidden !important;
  color: #282828 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  text-align: center !important;
  transform: none !important;
}

.tn-clean-header .tn-clean-action span:last-child,
.tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tn-clean-header .tn-clean-action:hover,
.tn-clean-header .tn-clean-action:focus,
.tn-clean-header .tn-clean-catalog-link:hover,
.tn-clean-header .tn-clean-catalog-link:focus,
.tn-clean-card-cart:hover,
.tn-clean-card-cart:focus,
.tn-clean-card-actions button:hover,
.tn-clean-card-actions button:focus {
  transform: none !important;
}

.tn-figma-category .tn-clean-card-cart,
.tn-figma-category .tn-clean-card-cart:hover,
.tn-figma-category .tn-clean-card-cart:focus,
.tn-figma-category .tn-clean-card-cart:active,
.tn-figma-reco-grid .tn-clean-card-cart,
.tn-figma-reco-grid .tn-clean-card-cart:hover,
.tn-figma-reco-grid .tn-clean-card-cart:focus,
.tn-figma-reco-grid .tn-clean-card-cart:active,
.tn-clean-product .tn-clean-cart-submit,
.tn-clean-product .tn-clean-cart-submit:hover,
.tn-clean-product .tn-clean-cart-submit:focus,
.tn-clean-product .tn-clean-cart-submit:active {
  color: #fff !important;
  text-decoration: none !important;
}

.tn-figma-category .tn-clean-card-cart:hover,
.tn-figma-category .tn-clean-card-cart:focus,
.tn-figma-reco-grid .tn-clean-card-cart:hover,
.tn-figma-reco-grid .tn-clean-card-cart:focus,
.tn-clean-product .tn-clean-cart-submit:hover,
.tn-clean-product .tn-clean-cart-submit:focus {
  background: #059bda !important;
}

.tn-clean-header .tn-clean-catalog-link {
  flex: 0 0 162px !important;
  width: 162px !important;
  min-width: 162px !important;
  max-width: 162px !important;
  height: 47px !important;
  min-height: 47px !important;
  max-height: 47px !important;
}

.tn-figma-category.container {
  width: 1120px !important;
}

.tn-figma-category .tn-clean-catalog-head {
  padding-bottom: 32px !important;
}

.tn-figma-category-tabs {
  margin-bottom: 32px !important;
}

.tn-figma-category .tn-clean-catalog-layout {
  grid-template-columns: 244px minmax(0, 780px) !important;
  gap: 36px !important;
}

.tn-figma-category .tn-filter-shell {
  width: 244px !important;
  max-width: 244px !important;
  max-height: calc(100vh - 190px) !important;
  margin-top: 54px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

.tn-figma-category .tn-filter-shell #column-left {
  width: 244px !important;
  max-width: 244px !important;
  flex: 0 0 244px !important;
}

.tn-figma-category .tn-filter-shell *,
.tn-figma-category .tn-clean-toolbar *,
.tn-figma-category .tn-clean-product-card * {
  box-sizing: border-box;
}

.tn-figma-category .tn-filter-shell label,
.tn-figma-category .tn-filter-shell .filter-label {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 9px !important;
  min-width: 0 !important;
  font-size: 15px !important;
  line-height: 21px !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.tn-figma-category .tn-filter-shell .ocf-option-name,
.tn-figma-category .tn-filter-shell .list-group-item-name,
.tn-figma-category .tn-filter-shell .card-header,
.tn-figma-category .tn-filter-shell .us-column-title {
  font-size: 15px !important;
  line-height: 22px !important;
}

.tn-figma-category .tn-clean-toolbar {
  grid-template-columns: 128px 82px minmax(180px, 1fr) 300px !important;
  width: 1060px !important;
  margin: 0 0 28px -280px !important;
}

.tn-figma-category .tn-clean-product-card,
.tn-figma-reco-grid .tn-clean-product-card {
  transform: none !important;
}

@media (max-width: 1399px) {
  .tn-clean-header .tn-clean-mainbar {
    gap: 16px !important;
  }

  .tn-clean-header .tn-clean-search {
    min-width: 280px !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, 76px);
    gap: 8px !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action,
  .tn-clean-header .tn-clean-cart-wrap #cart {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
}

@media (max-width: 1199px) {
  .tn-figma-category.container {
    width: calc(100% - 40px) !important;
  }

  .tn-figma-category .tn-clean-catalog-layout {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .tn-figma-category .tn-filter-shell,
  .tn-figma-category .tn-filter-shell #column-left {
    width: 230px !important;
    max-width: 230px !important;
  }

  .tn-figma-category .tn-clean-toolbar {
    width: calc(100% + 258px) !important;
    margin-left: -258px !important;
  }
}

@media (max-width: 991px) {
  .tn-clean-header .tn-clean-mainbar {
    height: auto !important;
    min-height: 0 !important;
  }

  .tn-clean-header .tn-clean-search {
    flex-basis: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, minmax(62px, 1fr));
    width: 100% !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action,
  .tn-clean-header .tn-clean-cart-wrap #cart {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .tn-figma-category .tn-filter-shell {
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-filter-shell #column-left {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Final after all redesign overrides: keep product info and header cart stable. */
.tn-figma-product .tn-clean-gallery,
.tn-figma-product .tn-clean-product-info {
  height: auto !important;
  min-height: 500px !important;
}

.tn-figma-product .tn-clean-product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 24px 20px 20px !important;
  overflow: visible !important;
}

.tn-figma-product-title {
  margin: 0 !important;
}

.tn-figma-product .tn-clean-status-row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.tn-figma-product .tn-clean-price-block,
.tn-figma-product .tn-clean-attr-preview,
.tn-figma-product .tn-clean-product-action {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.tn-figma-product .tn-clean-price-block {
  min-height: 0 !important;
  padding: 16px 18px !important;
}

.tn-figma-product .tn-clean-price-company {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.tn-figma-product .tn-clean-attr-preview {
  display: grid !important;
  gap: 0 !important;
}

.tn-figma-product .tn-clean-attr-preview div {
  grid-template-columns: minmax(160px, 210px) minmax(0, 1fr) !important;
}

.tn-figma-product .tn-clean-product-action {
  margin-top: auto !important;
}

.tn-clean-header .tn-clean-cart-wrap {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 42px !important;
}

.tn-clean-header .tn-clean-cart-wrap #cart {
  position: relative !important;
  grid-template-rows: 42px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}

.tn-clean-header .tn-clean-cart-wrap .us-cart-img {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.tn-clean-header .tn-clean-cart-wrap .header-cart-index {
  display: grid !important;
  position: absolute !important;
  top: 0 !important;
  right: -2px !important;
  min-width: 18px !important;
  height: 18px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: #f4b83a !important;
  color: #282828 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

.tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin-top: 2px !important;
}

/* Figma SVG logo: use the real vector dimensions instead of stretching the old PNG. */
@media (min-width: 992px) {
  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 163px !important;
    min-width: 163px !important;
    max-width: 163px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 163px !important;
  }
}

@media (max-width: 991px) {
  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 150px !important;
  }
}

/* Compact header pass: final layer after all legacy and Figma overrides. */
@media (min-width: 992px) {
  .tn-clean-header {
    min-height: 140px !important;
    padding-bottom: 14px !important;
  }

  .tn-clean-header .container {
    width: calc(100% - 40px) !important;
    max-width: 1380px !important;
  }

  .tn-clean-header .tn-clean-topline {
    padding-top: 14px !important;
  }

  .tn-clean-header .tn-clean-topline-inner {
    height: 22px !important;
    min-height: 22px !important;
  }

  .tn-clean-header .tn-clean-location,
  .tn-clean-header .tn-clean-topline-nav a,
  .tn-clean-header .tn-clean-topline-phones a {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  .tn-clean-header .tn-clean-topline-nav {
    gap: 24px !important;
  }

  .tn-clean-header .tn-clean-topline-phones {
    gap: 24px !important;
  }

  .tn-clean-header .tn-clean-mainbar {
    height: 64px !important;
    min-height: 64px !important;
    margin-top: 14px !important;
    gap: 16px !important;
    padding: 0 !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin-right: 0 !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 176px !important;
  }

  .tn-clean-header .tn-clean-logo img {
    object-fit: contain !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin-right: 0 !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }

  .tn-clean-header .tn-clean-search {
    flex: 1 1 340px !important;
    width: auto !important;
    min-width: 240px !important;
    max-width: 500px !important;
    margin-right: 0 !important;
  }

  .tn-clean-header .tn-clean-search #search.header-input-group,
  .tn-clean-header .tn-clean-search .header-input-group,
  .tn-clean-header .tn-clean-search .input-group,
  .tn-clean-header .tn-clean-search input,
  .tn-clean-header .tn-clean-search .header-input,
  .tn-clean-header .tn-clean-search .form-control,
  .tn-clean-header .tn-clean-search .header-btn-search {
    height: 52px !important;
  }

  .tn-clean-header .tn-clean-search .header-input-group > [itemprop="potentialAction"],
  .tn-clean-header .tn-clean-search .input-group > [itemprop="potentialAction"] {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  .tn-clean-header .tn-clean-search input,
  .tn-clean-header .tn-clean-search .header-input,
  .tn-clean-header .tn-clean-search .form-control {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 24px !important;
    font-size: 16px !important;
  }

  .tn-clean-header .tn-clean-search .header-btn-search,
  .tn-clean-header .tn-clean-search button {
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    font-size: 22px !important;
  }

  .tn-clean-header .tn-clean-search .header-input {
    width: auto !important;
  }

  .tn-clean-header .tn-clean-search #us_livesearch,
  .tn-clean-header .tn-clean-search #us_livesearch_close {
    position: absolute !important;
    flex: none !important;
  }

  .tn-clean-header .tn-clean-search #us_livesearch {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-clean-header .tn-clean-search #us_livesearch_close {
    top: 50% !important;
    right: 54px !important;
    transform: translateY(-50%) !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, 72px) !important;
    width: 312px !important;
    flex: 0 0 312px !important;
    gap: 8px !important;
    margin-left: auto !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    flex: 0 0 72px !important;
    gap: 4px !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .tn-clean-header .tn-action-icon,
  .tn-clean-header .tn-action-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap {
    width: 100% !important;
    height: 24px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap #cart {
    grid-template-rows: 24px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap .us-cart-img {
    width: 24px !important;
    height: 24px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap .us-cart-img img {
    width: 24px !important;
    height: 24px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap .header-cart-index {
    top: -5px !important;
    right: -7px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    line-height: 18px !important;
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .tn-clean-header .tn-clean-mainbar {
    gap: 0 !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 200px !important;
    margin-right: 10px !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    margin-right: 16px !important;
  }

  .tn-clean-header .tn-clean-search {
    flex: 0 0 500px !important;
    width: 500px !important;
    max-width: 500px !important;
    margin-right: 0 !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, 105px) !important;
    width: 420px !important;
    flex: 0 0 420px !important;
    gap: 0 !important;
    margin-left: auto !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    flex-basis: 105px !important;
  }
}

/* Header polish pass: removes chevrons and locks the Figma-like desktop rhythm. */
.tn-clean-header .tn-clean-topline-nav .tn-svg-chevron,
.tn-clean-header .tn-clean-catalog-link .tn-svg-chevron {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

@media (min-width: 992px) {
  .tn-clean-header .tn-clean-mainbar {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .tn-clean-header .tn-clean-topline-nav a,
  .tn-clean-header .tn-clean-catalog-link {
    gap: 0 !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 218px !important;
    min-width: 218px !important;
    max-width: 218px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 218px !important;
    margin-right: 2px !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 18px !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search {
    flex: 1 1 360px !important;
    width: auto !important;
    min-width: 260px !important;
    max-width: 460px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-right: 4px !important;
  }

  .tn-clean-header .tn-clean-search #search.header-input-group,
  .tn-clean-header .tn-clean-search .header-input-group,
  .tn-clean-header .tn-clean-search .input-group {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: hidden !important;
  }

  .tn-clean-header .tn-clean-search .header-input-group > [itemprop="potentialAction"],
  .tn-clean-header .tn-clean-search .input-group > [itemprop="potentialAction"] {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .tn-clean-header .tn-clean-search input,
  .tn-clean-header .tn-clean-search .header-input {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: 100% !important;
    padding: 0 52px 0 22px !important;
    font-size: 15px !important;
    line-height: 48px !important;
  }

  .tn-clean-header .tn-clean-search .header-btn-search,
  .tn-clean-header .tn-clean-search button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: grid !important;
    place-items: center !important;
    flex: none !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .tn-clean-header .tn-clean-search .header-btn-search i,
  .tn-clean-header .tn-clean-search button i {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  .tn-clean-header .tn-clean-search #us_livesearch_close {
    right: 48px !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, 86px) !important;
    width: 344px !important;
    flex: 0 0 344px !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: auto !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    display: flex !important;
    flex: 0 0 86px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    gap: 4px !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .tn-clean-header .tn-action-icon,
  .tn-clean-header .tn-action-icon svg,
  .tn-clean-header .tn-clean-cart-wrap .us-cart-img,
  .tn-clean-header .tn-clean-cart-wrap .us-cart-img img {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
  }

  .tn-clean-header .tn-clean-cart-wrap #cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .tn-clean-header .tn-clean-cart-wrap .us-cart-img {
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .tn-clean-header .tn-clean-cart-wrap .header-cart-index {
    top: -7px !important;
    right: -8px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  .tn-clean-header .tn-clean-action span:last-child,
  .tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
    margin-top: 0 !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }
}

@media (min-width: 1400px) {
  .tn-clean-header .tn-clean-mainbar {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    gap: 10px !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    height: 67px !important;
    min-height: 67px !important;
    max-height: 67px !important;
  }

  .tn-clean-header .tn-clean-logo {
    flex: 0 0 238px !important;
    margin-right: 2px !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    flex: 0 0 138px !important;
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    margin-right: 8px !important;
  }

  .tn-clean-header .tn-clean-search {
    flex: 0 0 450px !important;
    width: 450px !important;
    max-width: 450px !important;
    margin-right: 8px !important;
  }

  .tn-clean-header .tn-clean-actions {
    grid-template-columns: repeat(4, 96px) !important;
    width: 384px !important;
    flex: 0 0 384px !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    flex-basis: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
}

/* Header action icons pass: Figma-like SVG shapes and stable count badges. */
.tn-clean-header .tn-clean-action {
  position: relative !important;
  overflow: visible !important;
}

.tn-clean-header .tn-action-icon,
.tn-clean-header .tn-cart-svg {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  color: #a2a2a2 !important;
}

.tn-clean-header .tn-action-icon svg,
.tn-clean-header .tn-cart-svg svg {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.05 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-clean-header .tn-action-icon-compare svg {
  stroke-width: 3.15 !important;
}

.tn-clean-header .tn-action-icon-heart svg,
.tn-clean-header .tn-action-icon-user svg {
  stroke-width: 3 !important;
}

.tn-clean-header .tn-action-icon-user svg,
.tn-clean-header .tn-action-icon-user svg circle,
.tn-clean-header .tn-action-icon-user svg path,
.tn-clean-header .tn-cart-svg svg,
.tn-clean-header .tn-cart-svg svg path,
.tn-clean-header .tn-cart-svg svg circle {
  stroke-width: 2.15 !important;
}

.tn-clean-header .tn-action-icon-user svg circle,
.tn-clean-header .tn-action-icon-user svg path,
.tn-clean-header .tn-cart-svg svg path,
.tn-clean-header .tn-cart-svg svg circle {
  vector-effect: non-scaling-stroke;
}

.tn-clean-header .tn-clean-action:hover .tn-action-icon,
.tn-clean-header .tn-clean-action:focus .tn-action-icon,
.tn-clean-header .tn-clean-cart-action:hover .tn-cart-svg,
.tn-clean-header .tn-clean-cart-action:focus-within .tn-cart-svg {
  color: #8f8f8f !important;
}

.tn-clean-header .tn-clean-cart-wrap {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

.tn-clean-header .tn-clean-cart-wrap #cart {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

.tn-clean-header .tn-clean-cart-wrap .us-cart-img {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.tn-clean-header .tn-clean-cart-wrap .us-cart-img img {
  display: none !important;
}

.tn-clean-header .tn-action-count,
.tn-clean-header .tn-clean-cart-wrap .header-cart-index {
  display: inline-grid !important;
  position: absolute !important;
  place-items: center !important;
  width: auto !important;
  min-width: 20px !important;
  max-width: none !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  padding: 0 5px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  background: #A128FF !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.tn-clean-header .tn-action-count {
  top: 0 !important;
  left: calc(50% + 5px) !important;
  right: auto !important;
}

.tn-clean-header .tn-clean-cart-wrap .header-cart-index {
  top: -8px !important;
  right: -9px !important;
}

.tn-clean-header .tn-clean-action .tn-clean-action-label,
.tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
  margin-top: 0 !important;
}

.tn-clean-header .tn-clean-search .tn-search-svg {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  color: #8f8f8f !important;
}

.tn-clean-header .tn-clean-search .tn-search-svg svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-clean-header .tn-clean-search .header-btn-search i {
  display: none !important;
}

.tn-clean-header .tn-clean-action > .tn-action-count,
.tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  inline-size: 22px !important;
  min-inline-size: 22px !important;
  max-inline-size: 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  block-size: 22px !important;
  min-block-size: 22px !important;
  max-block-size: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #A128FF !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

.tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
  top: -8px !important;
  right: -9px !important;
  left: auto !important;
}

.tn-clean-header .tn-clean-action > .tn-action-count {
  top: -2px !important;
  left: calc(50% + 4px) !important;
  right: auto !important;
}

.tn-clean-header .tn-clean-action-profile {
  color: #282828 !important;
}

.tn-clean-header .tn-header-avatar {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  background: #e9faff !important;
  color: #18b8f2 !important;
  overflow: hidden !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tn-clean-header .tn-header-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
}

.tn-clean-header .tn-clean-action-profile .tn-clean-action-label {
  max-width: 86px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (min-width: 992px) {
  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    gap: 3px !important;
  }
}

/* Product page Figma pass: blue accent and buybox structure from the product-card mockup. */
.tn-redesign,
.tn-figma-page {
  --tn-accent: #12B8F2;
  --tn-accent-dark: #079FDD;
  --tn-accent-soft: rgba(18, 184, 242, 0.1);
}

.tn-clean-header .tn-action-count,
.tn-clean-header .tn-clean-cart-wrap .header-cart-index,
.tn-clean-header .tn-clean-action > .tn-action-count,
.tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
  background: #12B8F2 !important;
  color: #fff !important;
}

.tn-figma-product .tn-clean-buybox {
  grid-template-columns: 510px 522px !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin: 48px auto 62px !important;
  width: 1052px !important;
  max-width: 100% !important;
}

.tn-figma-product .tn-clean-gallery,
.tn-figma-product .tn-clean-product-info {
  height: auto !important;
  min-height: 500px !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, 0.07) !important;
}

.tn-figma-product .tn-clean-product-info {
  display: grid !important;
  grid-template-columns: 230px 241px !important;
  grid-template-rows: auto auto auto auto !important;
  column-gap: 20px !important;
  row-gap: 18px !important;
  padding: 25px 14px 20px 15px !important;
  overflow: visible !important;
}

.tn-figma-product-title {
  grid-column: 1 / -1 !important;
  max-width: 494px !important;
  margin: 0 !important;
  color: #282828 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}

.tn-figma-product .tn-clean-status-row {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  gap: 8px !important;
  width: 230px !important;
  max-width: 230px !important;
  margin: 0 !important;
  color: #282828 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

.tn-figma-product .tn-clean-meta-line {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 8px !important;
  min-height: 22px !important;
}

.tn-figma-product .tn-clean-meta-line span,
.tn-figma-product .tn-clean-meta-line a,
.tn-figma-product .tn-clean-meta-line strong {
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

.tn-figma-product .tn-clean-meta-line span {
  color: #282828 !important;
  font-weight: 400 !important;
}

.tn-figma-product .tn-clean-meta-line a,
.tn-figma-product .tn-clean-meta-line strong {
  color: #282828 !important;
  font-weight: 500 !important;
  overflow-wrap: anywhere !important;
}

.tn-figma-product .tn-clean-meta-line a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.tn-figma-product .tn-clean-meta-line .tn-clean-stock {
  color: #12B8F2 !important;
  font-weight: 600 !important;
}

.tn-figma-product .tn-clean-price-block {
  position: static !important;
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-items: end !important;
  gap: 5px !important;
  width: 241px !important;
  min-height: 84px !important;
  max-height: 104px !important;
  margin: 0 !important;
  padding: 14px 16px 13px !important;
  border-radius: 12px !important;
  background: #eef9fe !important;
}

.tn-figma-product .tn-clean-price-retail,
.tn-figma-product .tn-clean-price-new {
  color: #282828 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
}

.tn-figma-product .tn-clean-price-company {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  color: #888 !important;
}

.tn-figma-product .tn-clean-price-company span,
.tn-figma-product .tn-clean-price-company strong {
  color: #888 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

.tn-figma-product .tn-clean-attr-preview {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  align-self: start !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 0 10px 10px !important;
}

.tn-figma-product .tn-clean-attr-heading {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  background: #262626 !important;
  color: #fff !important;
  border-left: 5px solid #12B8F2 !important;
}

.tn-figma-product .tn-clean-attr-heading span,
.tn-figma-product .tn-clean-attr-heading a {
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.tn-figma-product .tn-clean-attr-heading a {
  color: #12B8F2 !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading) {
  display: grid !important;
  grid-template-columns: 208px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #e1e1e1 !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading):nth-child(odd) {
  background: #f3f3f5 !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading):nth-child(even) {
  background: #fff !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading) span,
.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading) strong {
  color: #282828 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading) span {
  font-weight: 500 !important;
}

.tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading) strong {
  font-weight: 400 !important;
  text-align: right !important;
}

.tn-figma-product .tn-clean-product-action {
  position: static !important;
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  align-self: end !important;
  width: 100% !important;
  margin: 0 !important;
}

.tn-figma-product-actions {
  grid-template-columns: 186px 50px 50px !important;
  justify-content: end !important;
  gap: 12px !important;
}

.tn-figma-product .tn-clean-cart-submit {
  width: 186px !important;
  min-height: 50px !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 16px 24px rgba(18, 184, 242, 0.18) !important;
}

.tn-figma-product .tn-clean-cart-submit:hover,
.tn-figma-product .tn-clean-cart-submit:focus {
  background: #079FDD !important;
  color: #fff !important;
}

.tn-figma-product .tn-figma-icon-action:hover,
.tn-figma-product .tn-figma-icon-action:focus {
  border-color: #12B8F2 !important;
  color: #12B8F2 !important;
}

.tn-figma-product .tn-figma-icon-action.is-selected,
.tn-figma-product .tn-figma-icon-action.is-selected:hover,
.tn-figma-product .tn-figma-icon-action.is-selected:focus {
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
}

.tn-figma-product .tn-clean-main-image {
  background: #fff !important;
}

.tn-figma-product .tn-clean-main-image img {
  max-width: 390px !important;
  max-height: 360px !important;
}

.tn-figma-product .additional-gallery-item.active,
.tn-figma-product .additional-gallery-item:hover {
  border-color: #12B8F2 !important;
}

.tn-figma-product .tn-clean-detail-section {
  box-shadow: 0 14px 34px rgba(31, 31, 31, 0.06) !important;
}

.tn-figma-product .tn-clean-detail-section h2 {
  position: relative !important;
  padding-left: 22px !important;
}

.tn-figma-product .tn-clean-detail-section h2::before {
  position: absolute !important;
  top: 3px !important;
  bottom: 3px !important;
  left: 0 !important;
  width: 4px !important;
  border-radius: 2px !important;
  background: #12B8F2 !important;
  content: "" !important;
}

.tn-figma-product #us-product-attributes {
  scroll-margin-top: 128px;
}

.tn-figma-product #us-product-attributes h2 {
  margin: -26px -32px 0 !important;
  min-height: 56px !important;
  padding: 12px 28px 12px 32px !important;
  border-left: 5px solid #12B8F2 !important;
  border-radius: 12px 12px 0 0 !important;
  background: #262626 !important;
  color: #fff !important;
  line-height: 32px !important;
}

.tn-figma-product #us-product-attributes h2::before {
  display: none !important;
}

.tn-figma-product .tn-clean-description blockquote,
.tn-figma-product .tn-clean-description .expert,
.tn-figma-product .tn-clean-description [style*="background"] {
  border-left: 5px solid #12B8F2 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #eef9fe !important;
}

@media (max-width: 1199px) {
  .tn-figma-product .tn-clean-buybox {
    grid-template-columns: minmax(360px, 1fr) minmax(430px, 522px) !important;
    width: 100% !important;
  }

  .tn-figma-product .tn-clean-product-info {
    grid-template-columns: minmax(190px, 1fr) minmax(220px, 241px) !important;
  }
}

@media (max-width: 991px) {
  .tn-figma-product .tn-clean-buybox {
    grid-template-columns: 1fr !important;
  }

  .tn-figma-product .tn-clean-gallery,
  .tn-figma-product .tn-clean-product-info {
    height: auto !important;
    min-height: 0 !important;
  }

  .tn-figma-product .tn-clean-product-info {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    overflow: visible !important;
  }

  .tn-figma-product .tn-clean-status-row,
  .tn-figma-product .tn-clean-price-block,
  .tn-figma-product .tn-clean-attr-preview,
  .tn-figma-product .tn-clean-product-action {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
  }

  .tn-figma-product .tn-clean-price-block {
    justify-items: start !important;
  }

  .tn-figma-product .tn-clean-price-company {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  .tn-clean-header {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .tn-clean-header .tn-clean-topline {
    display: none !important;
  }

  .tn-clean-header .tn-clean-mainbar {
    display: grid !important;
    grid-template-columns: 160px minmax(120px, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 16px 14px !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
  }

  .tn-clean-header .tn-clean-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }

  .tn-clean-header .tn-clean-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
  }

  .tn-clean-header .tn-clean-actions {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    gap: 3px !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .tn-clean-header .tn-action-icon,
  .tn-clean-header .tn-cart-svg,
  .tn-clean-header .tn-action-icon svg,
  .tn-clean-header .tn-cart-svg svg,
  .tn-clean-header .tn-clean-cart-wrap,
  .tn-clean-header .tn-clean-cart-wrap #cart,
  .tn-clean-header .tn-clean-cart-wrap .us-cart-img {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }

  .tn-clean-header .tn-clean-action .tn-clean-action-label,
  .tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .tn-clean-header .tn-clean-action > .tn-action-count,
  .tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
    top: -5px !important;
    right: -7px !important;
    left: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .tn-clean-header .tn-clean-action > .tn-action-count {
    left: calc(50% + 4px) !important;
    right: auto !important;
  }

  .tn-figma-product .tn-clean-product-info {
    padding: 22px 16px !important;
  }

  .tn-figma-product .tn-clean-detail-section {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-figma-product #us-product-attributes h2 {
    margin: -22px -18px 0 !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .tn-figma-product .tn-clean-attr-heading,
  .tn-figma-product .tn-clean-attr-preview > div:not(.tn-clean-attr-heading),
  .tn-figma-product .tn-clean-meta-line {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .tn-figma-product .tn-clean-attr-preview strong {
    text-align: left !important;
  }

  .tn-figma-product-actions {
    grid-template-columns: 1fr 50px 50px !important;
  }

  .tn-figma-product .tn-clean-cart-submit {
    width: 100% !important;
  }
}

/* Account register form pass: compact Figma-like card for the draft account flow. */
.tn-redesign #account-register.container {
  width: 1200px;
  max-width: calc(100% - 48px);
  padding: 38px 0 72px;
}

.tn-redesign #account-register .breadcrumb {
  min-height: 24px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}

.tn-redesign #account-register .breadcrumb .fa-home {
  display: none !important;
}

.tn-redesign #account-register .breadcrumb .breadcrumb-item:first-child a::after {
  content: "Главная";
}

.tn-redesign #account-register .us-main-shop-title {
  max-width: 860px;
  margin: 0 auto 20px !important;
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

.tn-redesign #account-register #content,
.tn-redesign #account-register .us-content {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.tn-redesign #account-register > .row,
.tn-redesign #account-register #content > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign #account-register .col-lg-12,
.tn-redesign #account-register #content {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign #account-register .us-content-register-text {
  max-width: 860px;
  margin: 0 auto 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 16px 18px !important;
  color: #666 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

.tn-redesign #account-register .us-content-register-text a {
  color: #12B8F2 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.tn-redesign #account-register .tn-account-form-card {
  display: block !important;
  width: 860px !important;
  max-width: 100% !important;
  margin: 0 auto 72px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 30px !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, 0.06) !important;
}

.tn-redesign #account-register .tn-form-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  min-width: 0;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.tn-redesign #account-register .tn-form-section + .tn-form-section {
  margin-top: 30px !important;
  padding-top: 26px !important;
  border-top: 1px solid #ededed !important;
}

.tn-redesign #account-register .tn-form-section legend {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 0 0 16px !important;
  color: #282828 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  position: relative;
}

.tn-redesign #account-register .tn-form-section legend::before {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 4px;
  border-radius: 3px;
  background: #12B8F2;
  content: "";
}

.tn-redesign #account-register .form-group {
  min-width: 0;
  margin: 0 !important;
}

.tn-redesign #account-register .form-group.d-none {
  display: none !important;
}

.tn-redesign #account-register .form-group > label,
.tn-redesign #account-register .us-account-form-title {
  display: block !important;
  margin: 0 0 8px !important;
  color: #626262 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.tn-redesign #account-register .required {
  margin-right: 4px;
  color: #12B8F2 !important;
}

.tn-redesign #account-register .form-control,
.tn-redesign #account-register .us-acc-select,
.tn-redesign #account-register textarea.form-control {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #f7f7f8 !important;
  color: #282828 !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  box-shadow: none !important;
}

.tn-redesign #account-register textarea.form-control {
  min-height: 132px !important;
  padding-top: 14px !important;
}

.tn-redesign #account-register .form-control:focus,
.tn-redesign #account-register .us-acc-select:focus,
.tn-redesign #account-register textarea.form-control:focus {
  border-color: #12B8F2 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, 0.12) !important;
  outline: 0 !important;
}

.tn-redesign #account-register .tn-form-section-compact,
.tn-redesign #account-register .us-form-check-group-acc,
.tn-redesign #account-register .us-form-checkbox-group,
.tn-redesign #account-register .tn-account-form-card > .btn-group {
  grid-column: 1 / -1;
}

.tn-redesign #account-register .us-form-check-group-acc {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  min-height: 54px;
  border-radius: 12px;
  background: #f7f7f8;
  padding: 12px 14px;
}

.tn-redesign #account-register .us-account-form-title {
  margin: 0 6px 0 0 !important;
}

.tn-redesign #account-register .form-check-inline {
  position: relative;
  display: inline-flex !important;
  margin: 0 !important;
}

.tn-redesign #account-register .form-check-input {
  position: absolute !important;
  opacity: 0;
  pointer-events: none;
}

.tn-redesign #account-register .radio-inline {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid #dedede;
  border-radius: 999px;
  background: #fff;
  color: #282828 !important;
  padding: 0 16px;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.tn-redesign #account-register .radio-inline::before,
.tn-redesign #account-register .radio-inline::after {
  display: none !important;
  content: none !important;
}

.tn-redesign #account-register .form-check-input:checked + .radio-inline {
  border-color: #12B8F2;
  background: #12B8F2;
  color: #fff !important;
}

.tn-redesign #account-register .us-form-checkbox-group {
  position: relative;
  margin: 24px 0 0 !important;
  border-radius: 12px;
  background: #f7f7f8;
  padding: 14px 16px !important;
}

.tn-redesign #account-register .us-form-checkbox-input {
  position: absolute !important;
  opacity: 0;
  pointer-events: none;
}

.tn-redesign #account-register .us-form-checkbox-group label {
  position: relative;
  display: flex !important;
  align-items: center !important;
  min-height: 38px;
  margin: 0 !important;
  padding-left: 34px;
  color: #626262 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  cursor: pointer;
}

.tn-redesign #account-register .us-form-checkbox-group label::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  background: #fff;
  content: "";
}

.tn-redesign #account-register .us-form-checkbox-group label::after {
  position: absolute;
  top: 13px;
  left: 6px;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  opacity: 0;
  transform: rotate(-45deg);
}

.tn-redesign #account-register .us-form-checkbox-input:checked + label::before {
  border-color: #12B8F2;
  background: #12B8F2;
}

.tn-redesign #account-register .us-form-checkbox-input:checked + label::after {
  opacity: 1;
}

.tn-redesign #account-register .us-form-checkbox-group a {
  color: #12B8F2 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.tn-redesign #account-register .tn-account-form-card > .btn-group {
  display: flex !important;
  justify-content: flex-start;
  width: 100%;
  margin: 26px 0 0 !important;
}

.tn-redesign #account-register .us-module-btn-green,
.tn-redesign #account-register input[type="submit"].us-module-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 220px !important;
  min-width: 220px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  padding: 0 24px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-decoration: none !important;
  box-shadow: 0 16px 24px rgba(18, 184, 242, 0.18) !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.tn-redesign #account-register .us-module-btn-green:hover,
.tn-redesign #account-register .us-module-btn-green:focus,
.tn-redesign #account-register input[type="submit"].us-module-btn:hover,
.tn-redesign #account-register input[type="submit"].us-module-btn:focus {
  background: #079FDD !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 26px rgba(18, 184, 242, 0.2) !important;
}

@media (max-width: 991px) {
  .tn-redesign #account-register.container {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}

@media (max-width: 767px) {
  .tn-redesign #account-register.container {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    padding-top: 24px;
  }

  .tn-redesign #account-register .us-main-shop-title {
    margin-bottom: 16px !important;
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .tn-redesign #account-register .us-content-register-text {
    margin-bottom: 14px !important;
    padding: 14px 16px !important;
  }

  .tn-redesign #account-register .tn-account-form-card {
    width: 100% !important;
    margin-bottom: 48px !important;
    padding: 20px 16px !important;
    border-radius: 14px !important;
  }

  .tn-redesign #account-register .tn-form-section {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tn-redesign #account-register .tn-form-section legend {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .tn-redesign #account-register .us-form-check-group-acc {
    align-items: flex-start;
    padding: 14px;
  }

  .tn-redesign #account-register .us-account-form-title {
    flex: 0 0 100%;
  }

  .tn-redesign #account-register .radio-inline {
    min-width: 86px;
  }

  .tn-redesign #account-register .tn-account-form-card > .btn-group,
  .tn-redesign #account-register .us-module-btn-green,
  .tn-redesign #account-register input[type="submit"].us-module-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Mobile home polish pass: remove legacy top spacer and keep cards/images tidy. */
@media (max-width: 640px) {
  body.tn-redesign {
    padding-top: 0 !important;
  }

  .tn-clean-header {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .tn-clean-header .container.tn-clean-mainbar {
    display: grid !important;
    grid-template-columns: 160px minmax(110px, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 16px 10px !important;
    gap: 8px 12px !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    line-height: 40px !important;
  }

  .tn-clean-header .tn-clean-search,
  .tn-clean-header .tn-clean-search #search.header-input-group,
  .tn-clean-header .tn-clean-search .header-input-group,
  .tn-clean-header .tn-clean-search .input-group,
  .tn-clean-header .tn-clean-search .header-input-group > [itemprop="potentialAction"],
  .tn-clean-header .tn-clean-search .input-group > [itemprop="potentialAction"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search input,
  .tn-clean-header .tn-clean-search .header-input,
  .tn-clean-header .tn-clean-search .form-control {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 46px 0 18px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search .header-btn-search,
  .tn-clean-header .tn-clean-search button {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search .tn-search-svg,
  .tn-clean-header .tn-clean-search .tn-search-svg svg {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }

  .tn-clean-header .tn-clean-actions {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    gap: 2px !important;
  }

  .tn-clean-header .tn-action-icon,
  .tn-clean-header .tn-cart-svg,
  .tn-clean-header .tn-action-icon svg,
  .tn-clean-header .tn-cart-svg svg,
  .tn-clean-header .tn-clean-cart-wrap,
  .tn-clean-header .tn-clean-cart-wrap #cart,
  .tn-clean-header .tn-clean-cart-wrap .us-cart-img {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
  }

  .tn-clean-header .tn-clean-action .tn-clean-action-label,
  .tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .tn-clean-header .tn-clean-action > .tn-action-count,
  .tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
    top: -5px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    font-size: 11px !important;
    line-height: 18px !important;
  }

  .tn-home-content-inner {
    padding-top: 30px !important;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100% !important;
    height: 258px !important;
    min-height: 258px !important;
    padding: 14px 16px 16px !important;
    border-radius: 14px !important;
  }

  .tn-home-category-media,
  .tn-home-category-card .tn-home-category-media,
  .tn-clean-category-card.tn-home-category-card .tn-home-category-media {
    width: 100% !important;
    height: 160px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .tn-home-category-media img,
  .tn-home-category-card img,
  .tn-clean-category-card.tn-home-category-card img,
  .tn-home-category-card .tn-home-category-media img,
  .tn-clean-category-card.tn-home-category-card .tn-home-category-media img {
    width: 100% !important;
    height: 160px !important;
    max-width: 100% !important;
    max-height: 160px !important;
    object-fit: contain !important;
  }

  .tn-home-category-card strong,
  .tn-clean-category-card.tn-home-category-card strong {
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin-top: 12px !important;
    font-size: 17px !important;
    line-height: 24px !important;
  }

  .tn-home-company {
    margin-top: 34px !important;
  }

  .tn-home-company-panel {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 26px 18px !important;
    border-radius: 16px !important;
  }

  .tn-home-company h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .tn-home-company-copy h3 {
    margin-top: 16px !important;
    font-size: 21px !important;
    line-height: 29px !important;
  }

  .tn-home-company-text {
    gap: 14px !important;
    margin-top: 20px !important;
  }

  .tn-home-company-text p {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .tn-home-company-features {
    grid-template-columns: 1fr !important;
    border-radius: 14px !important;
  }

  .tn-home-company-feature {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #dfeaf2 !important;
  }

  .tn-home-company-feature:nth-last-child(-n + 2) {
    border-bottom: 1px solid #dfeaf2 !important;
  }

  .tn-home-company-feature:last-child {
    border-bottom: 0 !important;
  }

  .tn-home-company-feature img {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }

  .tn-home-company-feature h3 {
    margin-bottom: 8px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .tn-home-company-feature p {
    font-size: 13px !important;
    line-height: 19px !important;
  }
}

/* Home responsive Figma pass: dedicated mobile/tablet homepage rhythm. */
@media (max-width: 640px) {
  .tn-home-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 641px) and (max-width: 991px) {
  body.tn-redesign {
    padding-top: 0 !important;
  }

  .tn-clean-header {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .tn-clean-header .tn-clean-topline {
    display: none !important;
  }

  .tn-clean-header .container.tn-clean-mainbar {
    display: grid !important;
    grid-template-columns: 174px 128px minmax(280px, 1fr) !important;
    grid-template-rows: 46px 52px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 24px !important;
    gap: 12px 18px !important;
    overflow: visible !important;
  }

  .tn-clean-header .tn-clean-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  .tn-clean-header .tn-clean-logo,
  .tn-clean-header .tn-clean-logo a,
  .tn-clean-header .tn-clean-logo img {
    flex: 0 0 174px !important;
    width: 174px !important;
    min-width: 174px !important;
    max-width: 174px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .tn-clean-header .tn-clean-logo img {
    object-fit: contain !important;
  }

  .tn-clean-header .tn-clean-catalog-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    flex: none !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search {
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    order: 0 !important;
  }

  .tn-clean-header .tn-clean-search #search.header-input-group,
  .tn-clean-header .tn-clean-search .header-input-group,
  .tn-clean-header .tn-clean-search .input-group,
  .tn-clean-header .tn-clean-search .header-input-group > [itemprop="potentialAction"],
  .tn-clean-header .tn-clean-search .input-group > [itemprop="potentialAction"] {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search input,
  .tn-clean-header .tn-clean-search .header-input,
  .tn-clean-header .tn-clean-search .form-control {
    display: block !important;
    flex: 1 1 auto !important;
    width: calc(100% - 42px) !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px 0 18px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-clean-header .tn-clean-search .header-btn-search,
  .tn-clean-header .tn-clean-search button {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tn-clean-header .tn-clean-search .tn-search-svg,
  .tn-clean-header .tn-clean-search .tn-search-svg svg {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }

  .tn-clean-header .tn-clean-actions {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .tn-clean-header .tn-clean-action,
  .tn-clean-header .tn-clean-cart-action {
    display: flex !important;
    flex: none !important;
    flex-basis: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    gap: 3px !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .tn-clean-header .tn-action-icon,
  .tn-clean-header .tn-cart-svg,
  .tn-clean-header .tn-action-icon svg,
  .tn-clean-header .tn-cart-svg svg,
  .tn-clean-header .tn-clean-cart-wrap,
  .tn-clean-header .tn-clean-cart-wrap #cart,
  .tn-clean-header .tn-clean-cart-wrap .us-cart-img {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }

  .tn-clean-header .tn-clean-action .tn-clean-action-label,
  .tn-clean-header .tn-clean-cart-action .tn-clean-action-label {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .tn-clean-header .tn-clean-action > .tn-action-count,
  .tn-clean-header .tn-clean-cart-wrap #cart .us-cart-img > .header-cart-index {
    top: -5px !important;
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }

  .tn-home-figma .container.tn-home-hero-inner,
  .tn-home-content-inner {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
  }

  .tn-home-hero-copy {
    width: 100% !important;
    max-width: 620px !important;
    min-width: 0 !important;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    max-width: 620px !important;
  }

  .tn-home-content-inner {
    padding-top: 38px !important;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 278px !important;
    min-height: 278px !important;
    padding: 16px 18px 20px !important;
    border-radius: 14px !important;
  }

  .tn-home-category-media,
  .tn-home-category-card .tn-home-category-media,
  .tn-clean-category-card.tn-home-category-card .tn-home-category-media {
    width: 100% !important;
    height: 170px !important;
    overflow: hidden !important;
  }

  .tn-home-category-media img,
  .tn-home-category-card img,
  .tn-clean-category-card.tn-home-category-card img,
  .tn-home-category-card .tn-home-category-media img,
  .tn-clean-category-card.tn-home-category-card .tn-home-category-media img {
    width: 100% !important;
    height: 170px !important;
    max-width: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
  }

  .tn-home-category-card strong,
  .tn-clean-category-card.tn-home-category-card strong {
    margin-top: 14px !important;
    font-size: 19px !important;
    line-height: 27px !important;
  }

  .tn-home-company-panel {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 34px 30px !important;
  }

  .tn-home-company-copy h3 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .tn-home-company-text p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .tn-home-company-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tn-home-company-feature {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    min-height: 142px !important;
    padding: 20px 18px !important;
  }

  .tn-home-company-feature img {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  .tn-home-company-feature h3 {
    margin-bottom: 8px !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  .tn-home-company-feature p {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}

/* Home responsive carousel pass: mobile/tablet category and product rails. */
.tn-home-product-card {
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.tn-home-product-text {
  width: calc(100% - 24px) !important;
  margin: 24px 12px 0 !important;
}

@media (max-width: 991px) {
  .tn-home-categories,
  .tn-home-product-section,
  .tn-home-brands {
    overflow: hidden !important;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid,
  .tn-home-product-grid {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none;
  }

  .tn-home-category-grid::-webkit-scrollbar,
  .tn-home-product-grid::-webkit-scrollbar {
    display: none;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card,
  .tn-home-product-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .tn-home-product-grid {
    gap: 30px !important;
    margin: 56px 0 0 !important;
    padding: 0 0 8px !important;
  }

  .tn-home-product-card {
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 376px !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .tn-home-product-media,
  .tn-home-product-text {
    width: 240px !important;
  }

  .tn-home-product-media {
    height: 240px !important;
  }

  .tn-home-product-media img {
    width: 200px !important;
    height: 200px !important;
    object-fit: contain !important;
  }

  .tn-home-recommend .tn-home-product-media img[src*="home-cat"] {
    width: 214px !important;
    height: 214px !important;
  }
}

@media (min-width: 641px) and (max-width: 991px) {
  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    gap: 20px !important;
    padding: 0 0 8px !important;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    flex: 0 0 322px !important;
    width: 322px !important;
    min-width: 322px !important;
    max-width: 322px !important;
    height: 278px !important;
    min-height: 278px !important;
  }
}

@media (max-width: 640px) {
  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    gap: 16px !important;
    padding: 0 0 8px !important;
  }

  .tn-home-category-card,
  .tn-clean-category-card.tn-home-category-card {
    flex: 0 0 calc(100vw - 56px) !important;
    width: calc(100vw - 56px) !important;
    min-width: calc(100vw - 56px) !important;
    max-width: calc(100vw - 56px) !important;
  }

  .tn-home-product-grid {
    gap: 18px !important;
    margin-top: 34px !important;
  }
}

/* Mobile home final polish: breathable header, safe thumbnails, inset CTA. */
.tn-home-category-media img,
.tn-home-category-card img,
.tn-clean-category-card.tn-home-category-card img,
.tn-home-product-media img,
.tn-home-product-card img,
.tn-redesign .product-thumb .image img,
.tn-redesign .product-thumb img,
.tn-redesign .product-layout .image img {
  object-fit: contain !important;
}

@media (max-width: 640px) {
  .tn-clean-header .container.tn-clean-mainbar {
    row-gap: 12px !important;
    padding: 8px 16px 6px !important;
  }

  .tn-home-hero,
  .tn-clean-hero.tn-home-hero {
    height: 620px !important;
    min-height: 620px !important;
  }

  .tn-home-hero-btn,
  .tn-home-hero-btn:hover,
  .tn-home-hero-btn:focus {
    margin-top: 32px !important;
    margin-left: 8px !important;
  }
}

/* Home hover shadow polish: keep carousel shadows inside their rails. */
.tn-home-product-grid {
  height: auto !important;
  min-height: 376px;
  padding-bottom: 48px !important;
}

.tn-home-category-grid,
.tn-clean-category-grid.tn-home-category-grid {
  padding-bottom: 48px !important;
}

.tn-home-product-card {
  box-shadow: 0 8px 22px rgba(25, 35, 50, .04) !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.tn-home-product-card:hover,
.tn-home-product-card:focus-visible {
  position: relative;
  z-index: 2;
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(25, 35, 50, .12) !important;
  filter: none !important;
}

.tn-home-category-card:hover,
.tn-clean-category-card.tn-home-category-card:hover,
.tn-home-category-card:focus-visible,
.tn-clean-category-card.tn-home-category-card:focus-visible {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .tn-home-product-grid {
    padding-bottom: 48px !important;
  }

  .tn-home-category-grid,
  .tn-clean-category-grid.tn-home-category-grid {
    padding-bottom: 48px !important;
  }
}

/* Catalog pagination polish: align OpenCart pagination with the Figma UI kit. */
.tn-clean-pagination {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 56px 0 8px !important;
}

.tn-clean-pagination .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.tn-clean-pagination .pagination > li {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tn-clean-pagination .pagination > li > a,
.tn-clean-pagination .pagination > li > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #8D8D8D !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.tn-clean-pagination .pagination > li.active > a,
.tn-clean-pagination .pagination > li.active > span {
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22) !important;
}

.tn-clean-pagination .pagination > li:not(.active) > a:hover,
.tn-clean-pagination .pagination > li:not(.active) > a:focus {
  border-color: #12B8F2 !important;
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
  transform: translateY(-1px);
}

.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:nth-last-child(2) > a,
.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:last-child > a,
.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:first-child > a,
.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:nth-child(2) > a {
  position: relative !important;
  overflow: hidden !important;
  font-size: 0 !important;
}

.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:nth-last-child(2) > a::before,
.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:last-child > a::before,
.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:first-child > a::before,
.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:nth-child(2) > a::before {
  display: block !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:nth-last-child(2) > a::before {
  content: "›";
}

.tn-clean-pagination .pagination:has(> li:last-child:not(.active) > a) > li:last-child > a::before {
  content: "»";
}

.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:first-child > a::before {
  content: "«";
}

.tn-clean-pagination .pagination:has(> li:first-child:not(.active) > a) > li:nth-child(2) > a::before {
  content: "‹";
}

@media (max-width: 640px) {
  .tn-clean-pagination {
    justify-content: flex-start !important;
    margin-top: 38px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .tn-clean-pagination::-webkit-scrollbar {
    display: none;
  }

  .tn-clean-pagination .pagination {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 16px 2px !important;
  }

  .tn-clean-pagination .pagination > li > a,
  .tn-clean-pagination .pagination > li > span {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }
}

/* Catalog mobile/tablet adaptive reset: keep filters as a drawer and product cards readable. */
@media (max-width: 991px) {
  body.tn-redesign {
    overflow-x: hidden !important;
  }

  .tn-figma-category.container,
  .tn-figma-page.container#product-category,
  #product-category.tn-figma-category {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 auto !important;
    padding: 18px 0 64px !important;
    overflow: visible !important;
  }

  .tn-figma-breadcrumbs {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .tn-figma-category .tn-clean-catalog-head {
    padding-bottom: 22px !important;
  }

  .tn-figma-category .tn-clean-catalog-head h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .tn-figma-category-tabs {
    width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    margin: 0 -16px 22px !important;
    padding: 0 16px !important;
    gap: 22px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  .tn-figma-category .tn-clean-catalog-layout,
  .tn-figma-category .tn-clean-catalog-layout-left,
  .tn-figma-category .tn-clean-catalog-layout-right,
  .tn-figma-category .tn-clean-catalog-layout-left.tn-clean-catalog-layout-right {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-clean-catalog-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .tn-figma-category .tn-filter-shell {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    display: block !important;
    width: min(88vw, 340px) !important;
    max-width: calc(100vw - 16px) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 22px !important;
    border-radius: 0 16px 16px 0 !important;
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 18px 0 34px rgba(31, 31, 31, .12) !important;
    transform: translateX(-105%) !important;
    transition: transform .24s ease !important;
  }

  .tn-figma-category .tn-filter-shell.tn-filter-shell-open {
    transform: translateX(0) !important;
  }

  .tn-figma-category .tn-filter-shell #column-left {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

  .tn-redesign .ocfilter-mobile,
  .tn-redesign .ocfilter-mobile-handle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .tn-figma-category .tn-filter-shell #ocfilter,
  .tn-figma-category .tn-filter-shell .ocfilter {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .tn-figma-category .tn-filter-close {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 0 18px auto !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #282828 !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .tn-figma-category .tn-filter-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    display: block !important;
    background: rgba(8, 16, 24, .42) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .24s ease !important;
  }

  .tn-figma-category .tn-filter-overlay.tn-filter-overlay-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .tn-figma-category .tn-clean-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(31, 31, 31, .06) !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-clean-filter-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #12B8F2 !important;
    border-radius: 12px !important;
    background: #12B8F2 !important;
    color: #fff !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    text-decoration: none !important;
  }

  .tn-figma-category .tn-clean-filter-button > span:not(.tn-figma-toolbar-icon) {
    display: none !important;
  }

  .tn-figma-category .tn-clean-filter-button::after {
    content: "Фильтры";
    font-size: 15px;
  }

  .tn-figma-category .tn-clean-filter-button .tn-figma-toolbar-icon {
    display: none !important;
  }

  .tn-figma-category .tn-figma-clear {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 2px !important;
    color: #8d8d8d !important;
    font-size: 14px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .tn-figma-category .tn-figma-results {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 20px !important;
    color: #8d8d8d !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: normal !important;
  }

  .tn-figma-category .tn-clean-sort {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-figma-category .tn-clean-sort label {
    display: block !important;
    height: auto !important;
    color: #6f6f6f !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .tn-figma-category .tn-clean-sort select {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 34px 0 12px !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    background-color: #F7F7F8 !important;
    color: #282828 !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-figma-category .tn-clean-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-clean-product-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "body"
      "footer" !important;
    gap: 9px !important;
    align-content: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-clean-card-media {
    grid-area: media !important;
    width: 100% !important;
    min-height: 118px !important;
    height: 118px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .tn-figma-category .tn-clean-card-media img {
    width: 100% !important;
    max-width: 118px !important;
    height: 98px !important;
    object-fit: contain !important;
  }

  .tn-figma-category .tn-clean-card-body {
    grid-area: body !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
  }

  .tn-figma-category .tn-clean-card-title {
    display: -webkit-box !important;
    min-height: 0 !important;
    max-height: 57px !important;
    overflow: hidden !important;
    color: #282828 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .tn-figma-category .tn-clean-card-footer {
    grid-area: footer !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tn-figma-category .tn-clean-card-price {
    min-height: 24px !important;
    margin: 0 0 8px !important;
    white-space: nowrap !important;
  }

  .tn-figma-category .tn-clean-card-price strong {
    font-size: 18px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }

  .tn-figma-category .tn-clean-card-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-figma-category .tn-clean-card-cart {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 38px !important;
  }

  .tn-figma-category .tn-clean-card-actions button {
    width: 100% !important;
    height: 34px !important;
    min-width: 0 !important;
    border-radius: 10px !important;
  }

  .tn-figma-category .tn-clean-pagination {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 28px !important;
  }
}

@media (min-width: 720px) and (max-width: 991px) {
  .tn-figma-category .tn-clean-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .tn-figma-category .tn-clean-product-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "body"
      "footer" !important;
    align-content: start !important;
    min-height: 0 !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  .tn-figma-category .tn-clean-card-media {
    height: 164px !important;
    min-height: 164px !important;
    padding: 14px !important;
  }

  .tn-figma-category .tn-clean-card-media img {
    max-width: 168px !important;
    height: 136px !important;
  }

  .tn-figma-category .tn-clean-card-title {
    max-height: 60px !important;
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .tn-figma-category .tn-clean-card-footer {
    display: block !important;
    margin-top: 0 !important;
  }

  .tn-figma-category .tn-clean-card-price {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .tn-figma-category .tn-clean-card-price strong {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .tn-figma-category .tn-clean-card-actions {
    grid-template-columns: minmax(0, 1fr) 38px 38px !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .tn-figma-category .tn-clean-card-cart {
    grid-column: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-figma-category .tn-clean-card-actions button {
    width: 38px !important;
    height: 42px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
  }

  .tn-figma-category .tn-clean-card-actions .tn-clean-card-cart {
    width: 100% !important;
  }
}

/* Figma product cards: remove legacy adaptive dividers that show up as stray stripes. */
.tn-figma-category .tn-clean-card-media,
.tn-figma-reco-grid .tn-clean-card-media {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-clip: padding-box !important;
}

.tn-figma-category .tn-clean-card-footer,
.tn-figma-reco-grid .tn-clean-card-footer {
  border: 0 !important;
  outline: 0 !important;
}

/* Blackout hero approved preview: photoreal UPS/server room with subtle cyan power pulse. */
.tn-home-hero,
.tn-clean-hero.tn-home-hero {
  position: relative !important;
  min-height: 560px !important;
  border: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #020611 !important;
  background-image: none !important;
}

.tn-home-hero::before,
.tn-clean-hero.tn-home-hero::before,
.tn-home-hero::after,
.tn-clean-hero.tn-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tn-home-hero::before,
.tn-clean-hero.tn-home-hero::before {
  z-index: -2;
  background-image:
    linear-gradient(90deg, rgba(0, 6, 15, .98) 0%, rgba(0, 8, 18, .91) 42%, rgba(0, 6, 15, .26) 76%),
    radial-gradient(circle at 76% 30%, rgba(35, 203, 246, .18), transparent 24%),
    url('/image/catalog/tehnika-redesign/home-hero-blackout-desktop.jpg');
  background-repeat: no-repeat;
  background-position: center, center, center;
  background-size: 100% 100%, 100% 100%, cover;
  filter: contrast(1.09) brightness(.72) saturate(1.08);
  transform: scale(1.012);
  animation: tnHomeBlackoutPhotoPulse 7s linear infinite;
}

.tn-home-hero::after,
.tn-clean-hero.tn-home-hero::after {
  z-index: -1;
  opacity: .05;
  mix-blend-mode: screen;
  background:
    radial-gradient(circle at 78% 30%, rgba(236, 254, 255, .68), rgba(80, 220, 255, .26) 7%, transparent 21%),
    radial-gradient(circle at 68% 76%, rgba(31, 204, 255, .28), transparent 20%);
  animation: tnHomeBlackoutPulse 7s linear infinite;
}

.tn-home-hero-inner,
.tn-home-hero .container.tn-home-hero-inner,
.tn-home-figma .container.tn-home-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 560px !important;
  padding-top: 56px !important;
  padding-bottom: 46px !important;
}

.tn-home-hero-copy {
  max-width: 560px !important;
  padding-top: 0 !important;
}

.tn-home-title-mobile,
.tn-home-text-mobile,
.tn-home-cta-mobile {
  display: none;
}

.tn-home-title-desktop,
.tn-home-text-desktop,
.tn-home-cta-desktop {
  display: inline;
}

.tn-home-eyebrow,
.tn-home-hero .tn-clean-eyebrow {
  margin: 0 0 18px !important;
  color: #14C8FF !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(20, 200, 255, .36) !important;
}

.tn-home-hero h1,
.tn-clean-hero.tn-home-hero h1 {
  max-width: 520px !important;
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 30px rgba(0, 0, 0, .62) !important;
}

.tn-home-hero p,
.tn-clean-hero.tn-home-hero p {
  max-width: 470px !important;
  margin: 24px 0 0 !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .68) !important;
}

.tn-home-hero-btn,
.tn-home-hero-btn:hover,
.tn-home-hero-btn:focus {
  width: fit-content !important;
  min-width: 216px !important;
  min-height: 52px !important;
  margin-top: 32px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #24c4f3, #13aadf) !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 40px rgba(32, 200, 246, .28) !important;
}

@keyframes tnHomeBlackoutPhotoPulse {
  0%, 38%, 100% {
    filter: contrast(1.09) brightness(.72) saturate(1.08);
  }
  10%, 12%, 50%, 53% {
    filter: contrast(1.14) brightness(.86) saturate(1.16);
  }
  14%, 55% {
    filter: contrast(1.1) brightness(.66) saturate(1.06);
  }
}

@keyframes tnHomeBlackoutPulse {
  0%, 10%, 20%, 33%, 50%, 62%, 100% {
    opacity: .05;
  }
  11%, 13%, 52%, 54% {
    opacity: .82;
  }
  21%, 22%, 63%, 65% {
    opacity: .42;
  }
}

@media (max-width: 640px) {
  .tn-home-hero,
  .tn-clean-hero.tn-home-hero {
    height: min(760px, calc(100svh - 84px)) !important;
    min-height: 620px !important;
    background: #020611 !important;
  }

  .tn-home-hero::before,
  .tn-clean-hero.tn-home-hero::before {
    background-image:
      linear-gradient(90deg, rgba(0, 6, 15, .98) 0%, rgba(0, 8, 18, .9) 44%, rgba(0, 6, 15, .34) 72%),
      linear-gradient(180deg, rgba(0, 5, 12, .12) 0%, rgba(0, 5, 12, .2) 52%, rgba(0, 5, 12, .82) 100%),
      radial-gradient(circle at 75% 73%, rgba(35, 203, 246, .18), transparent 27%),
      url('/image/catalog/tehnika-redesign/home-hero-blackout-mobile.jpg');
    background-position: center, center, center, 58% 50%;
    background-size: 100% 100%, 100% 100%, 100% 100%, cover;
  }

  .tn-home-hero::after,
  .tn-clean-hero.tn-home-hero::after {
    background:
      radial-gradient(circle at 78% 73%, rgba(236, 254, 255, .72), rgba(80, 220, 255, .28) 8%, transparent 27%),
      radial-gradient(circle at 64% 48%, rgba(31, 204, 255, .36), transparent 22%);
  }

  .tn-home-hero-inner,
  .tn-home-hero .container.tn-home-hero-inner,
  .tn-home-figma .container.tn-home-hero-inner {
    align-items: flex-end !important;
    min-height: 620px !important;
    height: 100% !important;
    padding: 56px 26px 86px !important;
  }

  .tn-home-hero-copy {
    max-width: 320px !important;
    padding-top: 0 !important;
  }

  .tn-home-title-desktop,
  .tn-home-text-desktop,
  .tn-home-cta-desktop {
    display: none;
  }

  .tn-home-title-mobile,
  .tn-home-text-mobile,
  .tn-home-cta-mobile {
    display: inline;
  }

  .tn-home-eyebrow,
  .tn-home-hero .tn-clean-eyebrow {
    margin-bottom: 16px !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .tn-home-hero h1,
  .tn-clean-hero.tn-home-hero h1 {
    max-width: 320px !important;
    font-size: 44px !important;
    line-height: 1.05 !important;
  }

  .tn-home-hero p,
  .tn-clean-hero.tn-home-hero p {
    max-width: 300px !important;
    margin-top: 24px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .tn-home-hero-btn,
  .tn-home-hero-btn:hover,
  .tn-home-hero-btn:focus {
    min-width: 202px !important;
    min-height: 56px !important;
    margin-top: 32px !important;
    margin-left: 0 !important;
    padding: 16px 22px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
  }
}

/* Catalog toolbar Figma pass: slim tabs, line controls and selected filter chips. */
.tn-figma-category-tabs {
  gap: clamp(26px, 3.4vw, 44px) !important;
  height: 42px !important;
  margin-bottom: 34px !important;
  border-bottom: 1px solid #D7D7D7 !important;
}

.tn-figma-category-tab {
  min-height: 42px !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

.tn-figma-category-tab.is-active {
  font-weight: 800 !important;
}

.tn-figma-category-tab.is-active::after,
.tn-figma-category-tab:hover::after {
  bottom: -1px !important;
  height: 4px !important;
  border-radius: 0 !important;
  background: #12B8F2 !important;
}

.tn-figma-category .tn-clean-toolbar {
  grid-template-columns: 158px 96px minmax(180px, 1fr) 300px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-clean-filter-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-decoration-line: underline !important;
  text-decoration-color: rgba(40, 40, 40, .65) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.tn-figma-category .tn-clean-filter-button > span:not(.tn-figma-toolbar-icon) {
  display: inline !important;
  font-size: inherit !important;
}

.tn-figma-category .tn-clean-filter-button::after {
  content: none !important;
}

.tn-figma-category .tn-clean-filter-button .tn-figma-toolbar-icon {
  display: inline-block !important;
  flex: 0 0 21px !important;
  width: 21px !important;
  height: 16px !important;
  margin: 4px 0 0 !important;
}

.tn-figma-category .tn-figma-clear {
  color: #12B8F2 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  text-decoration-line: none !important;
}

.tn-figma-category .tn-figma-clear:hover {
  text-decoration-line: underline !important;
  text-decoration-color: rgba(18, 184, 242, .65) !important;
  text-underline-offset: 3px !important;
}

.tn-figma-category .tn-figma-results,
.tn-figma-category .tn-clean-sort label {
  color: #8A8A8A !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.tn-filter-toolbar-apply {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22) !important;
  cursor: pointer !important;
}

.tn-filter-toolbar-apply-visible {
  display: none !important;
}

.tn-filter-toolbar-apply:hover,
.tn-filter-toolbar-apply:focus {
  background: #0CAFE8 !important;
  color: #fff !important;
  outline: none !important;
}

.tn-figma-category .tn-clean-sort {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
}

.tn-figma-category .tn-clean-sort label[for="input-limit"],
.tn-figma-category .tn-clean-sort #input-limit {
  display: none !important;
}

.tn-figma-category .tn-clean-sort select {
  width: auto !important;
  max-width: 176px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 22px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell .selected-options {
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: 0 18px 38px rgba(31, 31, 31, .05) !important;
}

.tn-figma-category #column-left .tn-filter-shell .selected-options,
.tn-figma-category #column-left .selected-options,
.tn-figma-category #column-left.tn-filter-shell .selected-options,
.tn-figma-category .ocfilter .selected-options {
  margin: 0 0 20px !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

.tn-figma-category .tn-filter-shell .selected-options .ocfilter-option {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 8px !important;
  padding: 0 !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

.tn-figma-category .tn-filter-shell .selected-options .ocfilter-option > span {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 0 2px !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
}

.tn-figma-category .tn-filter-shell .selected-options .btn-danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  min-width: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #EB5757 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
  white-space: nowrap !important;
}

.tn-figma-category .tn-filter-shell .selected-options .btn-danger i {
  margin-right: 2px !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.tn-figma-category .tn-filter-shell .selected-options .tn-filter-legacy-reset-hidden {
  display: none !important;
}

.tn-filter-reset-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 0 32px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #EB5757 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-align: center !important;
  box-shadow: 0 16px 34px rgba(235, 87, 87, .18) !important;
}

.tn-filter-reset-all::before {
  content: "\f057";
  margin-right: 2px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  line-height: 1;
}

.tn-filter-reset-all:hover,
.tn-filter-reset-all:focus {
  background: #E94D4D !important;
  color: #fff !important;
}

.tn-figma-category .ocfilter-option-popover {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: 0 16px 34px rgba(18, 184, 242, .16) !important;
}

.tn-figma-category .ocfilter-option-popover .arrow,
.tn-figma-category .ocfilter-option-popover .popover-header {
  display: none !important;
}

.tn-figma-category .ocfilter-option-popover .popover-body {
  padding: 0 !important;
}

.tn-figma-category .ocfilter-option-popover .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 176px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

.tn-figma-category .ocfilter-option-popover .btn-primary:hover,
.tn-figma-category .ocfilter-option-popover .btn-primary:focus {
  background: #0CAFE8 !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .tn-figma-category .tn-clean-toolbar {
    width: calc(100% + 258px) !important;
    margin: 0 0 28px -258px !important;
  }
}

@media (max-width: 991px) {
  .tn-figma-category-tabs {
    gap: 28px !important;
    margin-bottom: 22px !important;
  }

  .tn-figma-category .tn-clean-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 12px !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(31, 31, 31, .06) !important;
  }

  .tn-figma-category .tn-clean-filter-button {
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #12B8F2 !important;
    color: #fff !important;
    text-decoration-line: none !important;
  }

  .tn-figma-category .tn-clean-filter-button .tn-figma-toolbar-icon {
    display: none !important;
  }

  .tn-figma-category .tn-clean-filter-button > span:not(.tn-figma-toolbar-icon) {
    display: none !important;
  }

  .tn-figma-category .tn-clean-filter-button::after {
    content: "Фильтры" !important;
  }

  .tn-figma-category .tn-figma-results,
  .tn-figma-category .tn-clean-sort {
    grid-column: 1 / -1 !important;
  }
}

/* Catalog filter drawer pass: full product grid plus compact filter trigger. */
.tn-figma-category .tn-clean-filter-button .tn-filter-toggle-icon {
  display: inline-block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  color: currentColor !important;
}

.tn-figma-category .tn-clean-filter-button .tn-filter-toggle-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-figma-category .tn-clean-filter-button .tn-figma-toolbar-icon {
  display: none !important;
}

body.tn-filter-open {
  overflow: hidden !important;
}

@media (min-width: 992px) {
  .tn-figma-category .tn-clean-catalog-layout,
  .tn-figma-category .tn-clean-catalog-layout-left,
  .tn-figma-category .tn-clean-catalog-layout-right,
  .tn-figma-category .tn-clean-catalog-layout-left.tn-clean-catalog-layout-right {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .tn-figma-category .tn-clean-catalog-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-figma-category .tn-filter-shell {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    display: block !important;
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 28px 30px 38px !important;
    border: 0 !important;
    border-radius: 0 22px 22px 0 !important;
    background: #fff !important;
    box-shadow: 22px 0 44px rgba(31, 31, 31, .14) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: auto !important;
    transform: translateX(-110%) !important;
    transition: transform .24s ease !important;
  }

  .tn-figma-category .tn-filter-shell.tn-filter-shell-open {
    transform: translateX(0) !important;
  }

  .tn-figma-category .tn-filter-shell #column-left {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .tn-figma-category .tn-filter-close {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 20px auto !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #282828 !important;
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .tn-figma-category .tn-filter-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    display: block !important;
    background: rgba(8, 16, 24, .42) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .24s ease !important;
  }

  .tn-figma-category .tn-filter-overlay.tn-filter-overlay-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .tn-figma-category .tn-clean-toolbar {
    grid-template-columns: minmax(170px, auto) auto minmax(180px, 1fr) 300px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;
  }

  .tn-figma-category .tn-clean-filter-button {
    gap: 9px !important;
    width: auto !important;
  }

  .tn-figma-category .tn-clean-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-figma-category .tn-clean-product-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-figma-category .tn-filter-shell .selected-options,
  .tn-figma-category .tn-filter-reset-all {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 991px) {
  .tn-figma-category .tn-clean-filter-button {
    gap: 8px !important;
  }

  .tn-figma-category .tn-clean-filter-button .tn-filter-toggle-icon {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
  }
}

/* Search results polish: one design system for mosaic and table layouts. */
.tn-figma-search.container,
#product-search.tn-figma-search {
  width: calc(100% - 40px) !important;
  max-width: 1660px !important;
  margin: 0 auto !important;
  padding: 32px 0 76px !important;
  overflow: visible !important;
}

.tn-figma-search .tn-search-head {
  margin: 0 0 24px !important;
}

.tn-figma-search .tn-search-head h1 {
  margin: 0 !important;
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 42px !important;
  letter-spacing: 0 !important;
}

.tn-figma-search .tn-search-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 28px !important;
  width: 100% !important;
}

.tn-figma-search .tn-search-layout-left {
  grid-template-columns: 260px minmax(0, 1fr) !important;
}

.tn-figma-search .tn-search-layout-right {
  grid-template-columns: minmax(0, 1fr) 260px !important;
}

.tn-figma-search .tn-search-layout-left.tn-search-layout-right {
  grid-template-columns: 240px minmax(0, 1fr) 240px !important;
}

.tn-figma-search .tn-search-content {
  min-width: 0 !important;
}

.tn-figma-search .tn-search-panel {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.2fr) minmax(220px, .9fr) minmax(260px, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .06) !important;
}

.tn-figma-search .tn-search-field {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tn-figma-search .tn-search-field label {
  margin: 0 !important;
  color: #6f6f6f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.tn-figma-search .tn-search-field input,
.tn-figma-search .tn-search-field select {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid #E6E8EC !important;
  border-radius: 14px !important;
  background-color: #F7F7F8 !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  box-shadow: none !important;
}

.tn-figma-search .tn-search-field input:focus,
.tn-figma-search .tn-search-field select:focus {
  border-color: #12B8F2 !important;
  background-color: #fff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .12) !important;
}

.tn-figma-search .tn-search-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 16px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 6px 0 !important;
}

.tn-figma-search .tn-search-options .us-form-checkbox-group {
  margin: 0 !important;
}

.tn-figma-search .tn-search-options label {
  margin: 0 !important;
  color: #282828 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.tn-figma-search .tn-search-submit {
  width: auto !important;
  min-width: 152px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 48px !important;
}

.tn-figma-search .tn-search-toolbar {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto !important;
  gap: 16px !important;
  align-items: center !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tn-figma-search .tn-search-summary {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  color: #8a8a8a !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}

.tn-figma-search .tn-search-summary span {
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

.tn-figma-search .tn-search-summary strong {
  color: #8a8a8a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.tn-figma-search .tn-search-sort {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.tn-figma-search .tn-search-sort label {
  margin: 0 !important;
  color: #8a8a8a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  white-space: nowrap !important;
}

.tn-figma-search .tn-search-sort select {
  width: auto !important;
  min-width: 72px !important;
  max-width: 230px !important;
  height: 44px !important;
  padding: 0 34px 0 14px !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background-color: #F7F7F8 !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
}

.tn-figma-search .tn-search-view-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #F0F1F3 !important;
}

.tn-figma-search .tn-search-view-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 112px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #6f6f6f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.tn-figma-search .tn-search-view-btn svg {
  width: 19px !important;
  height: 19px !important;
  color: currentColor !important;
}

.tn-figma-search .tn-search-view-btn svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-figma-search .tn-search-view-btn.active,
.tn-figma-search .tn-search-view-btn:hover,
.tn-figma-search .tn-search-view-btn:focus {
  background: #12B8F2 !important;
  color: #fff !important;
}

.tn-figma-search .tn-search-results {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  overflow: visible !important;
}

.tn-figma-search .tn-search-grid-view {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px !important;
}

.tn-figma-search .tn-search-product-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(88px, 1fr) auto !important;
  grid-template-areas:
    "media"
    "body"
    "footer" !important;
  gap: 16px !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 376px !important;
  padding: 18px !important;
  border: 1px solid #E6EEF2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(31, 31, 31, .045) !important;
  overflow: visible !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.tn-figma-search .tn-search-product-card:hover {
  border-color: rgba(18, 184, 242, .45) !important;
  box-shadow: 0 24px 46px rgba(18, 184, 242, .10) !important;
  transform: translateY(-2px) !important;
}

.tn-figma-search .tn-clean-card-media {
  grid-area: media !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 176px !important;
  min-height: 176px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  overflow: visible !important;
}

.tn-figma-search .tn-clean-card-media img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: 144px !important;
  max-height: 144px !important;
  object-fit: contain !important;
}

.tn-figma-search .tn-clean-card-body {
  grid-area: body !important;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tn-figma-search .tn-clean-card-title {
  display: -webkit-box !important;
  min-height: 48px !important;
  max-height: 72px !important;
  overflow: hidden !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  text-decoration: none !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tn-figma-search .tn-clean-card-title:hover,
.tn-figma-search .tn-clean-card-title:focus {
  color: #12B8F2 !important;
  text-decoration: none !important;
}

.tn-figma-search .tn-clean-card-code,
.tn-figma-search .tn-clean-card-desc {
  color: #8a8a8a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.tn-figma-search .tn-search-grid-view .tn-clean-card-desc {
  display: none !important;
}

.tn-figma-search .tn-clean-card-footer {
  grid-area: footer !important;
  display: grid !important;
  gap: 14px !important;
  align-self: end !important;
  min-width: 0 !important;
}

.tn-figma-search .tn-clean-card-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  min-height: 32px !important;
  color: #282828 !important;
}

.tn-figma-search .tn-clean-card-price span {
  color: #8a8a8a !important;
  font-size: 16px !important;
  line-height: 22px !important;
  text-decoration: line-through !important;
}

.tn-figma-search .tn-clean-card-price strong {
  color: #282828 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
  white-space: nowrap !important;
}

.tn-figma-search .tn-clean-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px 44px !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.tn-figma-search .tn-clean-card-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 24px) !important;
  margin-right: 12px !important;
  margin-left: 12px !important;
  min-height: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  box-shadow: 0 14px 26px rgba(18, 184, 242, .16) !important;
}

.tn-figma-search .tn-clean-card-cart:hover,
.tn-figma-search .tn-clean-card-cart:focus {
  background: #0CAFE8 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.tn-figma-search .tn-clean-card-actions button {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 1px solid #E1E4E8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #9a9a9a !important;
  font-size: 19px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.tn-figma-search .tn-clean-card-actions button:hover,
.tn-figma-search .tn-clean-card-actions button:focus {
  border-color: rgba(18, 184, 242, .45) !important;
  color: #12B8F2 !important;
}

.tn-figma-search .tn-search-list-view {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}

.tn-figma-search .tn-search-list-view .tn-search-product-card {
  grid-template-columns: 180px minmax(0, 1fr) 260px !important;
  grid-template-rows: auto !important;
  grid-template-areas: "media body footer" !important;
  align-items: center !important;
  min-height: 188px !important;
  padding: 18px !important;
  gap: 22px !important;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-media {
  height: 150px !important;
  min-height: 150px !important;
  padding: 12px !important;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-media img {
  height: 126px !important;
  max-height: 126px !important;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-title {
  min-height: 0 !important;
  max-height: none !important;
  -webkit-line-clamp: 2;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-desc {
  display: -webkit-box !important;
  max-height: 42px !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-footer {
  align-self: stretch !important;
  align-content: center !important;
  justify-items: stretch !important;
}

.tn-figma-search .tn-search-list-view .tn-clean-card-actions {
  grid-template-columns: minmax(0, 1fr) 44px 44px !important;
}

@media (min-width: 992px) {
  .tn-figma-search .tn-search-grid-view .tn-search-product-card {
    min-height: 456px !important;
  }
}

.tn-figma-search .tn-search-empty {
  padding: 34px !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #6f6f6f !important;
  box-shadow: 0 14px 34px rgba(31, 31, 31, .06) !important;
}

@media (max-width: 1180px) {
  .tn-figma-search .tn-search-panel {
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) !important;
  }

  .tn-figma-search .tn-search-options,
  .tn-figma-search .tn-search-submit {
    grid-column: auto !important;
  }

  .tn-figma-search .tn-search-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tn-figma-search .tn-search-sort {
    justify-content: space-between !important;
  }

  .tn-figma-search .tn-search-view-toggle {
    justify-self: start !important;
  }
}

@media (max-width: 991px) {
  .tn-figma-search.container,
  #product-search.tn-figma-search {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    padding: 18px 0 64px !important;
  }

  .tn-figma-search .tn-search-head h1 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .tn-figma-search .tn-search-layout,
  .tn-figma-search .tn-search-layout-left,
  .tn-figma-search .tn-search-layout-right,
  .tn-figma-search .tn-search-layout-left.tn-search-layout-right {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tn-figma-search .tn-search-side {
    display: none !important;
  }

  .tn-figma-search .tn-search-panel {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .tn-figma-search .tn-search-field input,
  .tn-figma-search .tn-search-field select,
  .tn-figma-search .tn-search-submit {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    line-height: 44px !important;
  }

  .tn-figma-search .tn-search-toolbar {
    gap: 12px !important;
    margin-bottom: 18px !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(31, 31, 31, .06) !important;
  }

  .tn-figma-search .tn-search-sort {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .tn-figma-search .tn-search-sort label[for="input-limit"],
  .tn-figma-search .tn-search-sort #input-limit {
    display: none !important;
  }

  .tn-figma-search .tn-search-sort select {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  .tn-figma-search .tn-search-view-toggle {
    width: 100% !important;
  }

  .tn-figma-search .tn-search-view-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .tn-figma-search .tn-search-grid-view {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .tn-figma-search .tn-search-product-card {
    grid-template-rows: auto auto auto !important;
    gap: 9px !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .tn-figma-search .tn-clean-card-media {
    height: 118px !important;
    min-height: 118px !important;
    padding: 10px !important;
  }

  .tn-figma-search .tn-clean-card-media img {
    max-width: 118px !important;
    height: 98px !important;
  }

  .tn-figma-search .tn-clean-card-title {
    min-height: 0 !important;
    max-height: 57px !important;
    font-size: 13px !important;
    line-height: 19px !important;
  }

  .tn-figma-search .tn-clean-card-code,
  .tn-figma-search .tn-clean-card-desc {
    display: none !important;
  }

  .tn-figma-search .tn-clean-card-price {
    min-height: 24px !important;
    margin: 0 0 8px !important;
  }

  .tn-figma-search .tn-clean-card-price strong {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .tn-figma-search .tn-clean-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .tn-figma-search .tn-clean-card-cart {
    grid-column: 1 / -1 !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 38px !important;
  }

  .tn-figma-search .tn-clean-card-actions button {
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  .tn-figma-search .tn-search-list-view .tn-search-product-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "media"
      "body"
      "footer" !important;
    gap: 9px !important;
  }

  .tn-figma-search .tn-search-list-view .tn-clean-card-media {
    height: 118px !important;
    min-height: 118px !important;
  }
}

@media (min-width: 720px) and (max-width: 991px) {
  .tn-figma-search .tn-search-grid-view {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .tn-figma-search .tn-search-product-card {
    padding: 14px !important;
    gap: 12px !important;
  }

  .tn-figma-search .tn-clean-card-media {
    height: 164px !important;
    min-height: 164px !important;
  }

  .tn-figma-search .tn-clean-card-media img {
    max-width: 168px !important;
    height: 136px !important;
  }

  .tn-figma-search .tn-clean-card-title {
    max-height: 60px !important;
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .tn-figma-search .tn-clean-card-actions {
    grid-template-columns: minmax(0, 1fr) 38px 38px !important;
  }

  .tn-figma-search .tn-clean-card-cart {
    grid-column: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  .tn-figma-search .tn-clean-card-actions button {
    width: 38px !important;
    min-width: 38px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }
}

/* Catalog filters state: inline by default, off-canvas only after the user hides filters. */
@media (min-width: 992px) {
  .tn-figma-category {
    --tn-filter-inline-width: 244px;
    --tn-filter-inline-gap: 36px;
    --tn-filter-inline-offset: 280px;
    --tn-filter-inline-offset-negative: -280px;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-catalog-layout,
  .tn-figma-category.tn-filters-inline .tn-clean-catalog-layout-left,
  .tn-figma-category.tn-filters-inline .tn-clean-catalog-layout-right,
  .tn-figma-category.tn-filters-inline .tn-clean-catalog-layout-left.tn-clean-catalog-layout-right {
    display: grid !important;
    grid-template-columns: var(--tn-filter-inline-width) minmax(0, 1fr) !important;
    gap: var(--tn-filter-inline-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-catalog-content {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .tn-figma-category.tn-filters-inline .tn-filter-shell {
    position: sticky !important;
    top: 181px !important;
    left: auto !important;
    z-index: auto !important;
    display: block !important;
    width: var(--tn-filter-inline-width) !important;
    max-width: var(--tn-filter-inline-width) !important;
    height: auto !important;
    max-height: calc(100vh - 190px) !important;
    margin: 54px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
    transform: none !important;
    transition: none !important;
  }

  .tn-figma-category.tn-filters-inline .tn-filter-shell #column-left {
    display: block !important;
    width: var(--tn-filter-inline-width) !important;
    max-width: var(--tn-filter-inline-width) !important;
    min-width: 0 !important;
    flex: 0 0 var(--tn-filter-inline-width) !important;
    padding: 0 !important;
  }

  .tn-figma-category.tn-filters-inline .tn-filter-close,
  .tn-figma-category.tn-filters-inline .tn-filter-overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-filter-button {
    display: none !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-toolbar {
    grid-template-columns: 96px minmax(160px, 1fr) 340px !important;
    width: calc(100% + var(--tn-filter-inline-offset)) !important;
    max-width: none !important;
    margin: 0 0 28px var(--tn-filter-inline-offset-negative) !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-sort select {
    max-width: 240px !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-product-card {
    width: 100% !important;
    max-width: 100% !important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .tn-figma-category {
    --tn-filter-inline-width: 230px;
    --tn-filter-inline-gap: 28px;
    --tn-filter-inline-offset: 258px;
    --tn-filter-inline-offset-negative: -258px;
  }

  .tn-figma-category.tn-filters-inline .tn-clean-toolbar {
    grid-template-columns: 86px minmax(150px, 1fr) 320px !important;
  }
}

/* OCFilter common apply button: replace per-option popovers with one stable CTA. */
.tn-figma-category .ocfilter-option-popover {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.tn-figma-category .tn-filter-shell.tn-has-filter-apply #ocfilter .list-group {
  padding-bottom: 128px !important;
}

.tn-filter-apply {
  position: sticky !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 8 !important;
  display: none !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 18px 0 0 !important;
  background: linear-gradient(180deg, rgba(247, 247, 248, 0), #F7F7F8 40%, #F7F7F8 100%) !important;
  pointer-events: none !important;
}

.tn-filter-apply-visible {
  display: block !important;
}

.tn-filter-apply-fixed {
  position: fixed !important;
  bottom: var(--tn-filter-apply-bottom, 18px) !important;
  left: var(--tn-filter-apply-left) !important;
  width: var(--tn-filter-apply-width) !important;
  margin: 0 !important;
}

.tn-filter-apply-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 18px 34px rgba(18, 184, 242, .22) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.tn-filter-apply-button:hover,
.tn-filter-apply-button:focus {
  background: #0CAFE8 !important;
  color: #fff !important;
  outline: none !important;
}

.tn-filter-apply-button:disabled {
  opacity: .55 !important;
  cursor: default !important;
}

@media (min-width: 992px) {
  .tn-figma-category.tn-filters-inline .tn-filter-apply {
    background: linear-gradient(180deg, rgba(247, 247, 248, 0), #F7F7F8 38%, #F7F7F8 100%) !important;
  }

  .tn-figma-category:not(.tn-filters-inline) .tn-filter-apply {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 38%, #fff 100%) !important;
  }
}

@media (max-width: 991px) {
  .tn-filter-apply {
    padding-top: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 38%, #fff 100%) !important;
  }

  .tn-filter-apply-button {
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }
}

/* Filter refinement pass: active chips and OCFilter dropdowns in the new design language. */
.tn-figma-category .tn-filter-shell {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(40, 40, 40, .28) transparent !important;
}

.tn-figma-category .tn-filter-shell::-webkit-scrollbar {
  width: 8px !important;
}

.tn-figma-category .tn-filter-shell::-webkit-scrollbar-track {
  background: transparent !important;
}

.tn-figma-category .tn-filter-shell::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(40, 40, 40, .24) !important;
}

.tn-figma-category .tn-filter-shell .selected-options,
.tn-figma-category #column-left .tn-filter-shell .selected-options,
.tn-figma-category #column-left .selected-options,
.tn-figma-category #column-left.tn-filter-shell .selected-options,
.tn-figma-category .ocfilter .selected-options,
.tn-filter-reset-all {
  width: calc(100% - 48px) !important;
  max-width: calc(100% - 48px) !important;
  margin-left: 16px !important;
  margin-right: 32px !important;
}

.tn-figma-category .tn-filter-shell .selected-options {
  padding: 15px !important;
  border: 1px solid rgba(18, 184, 242, .08) !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(31, 31, 31, .055) !important;
}

.tn-figma-category .tn-filter-shell .selected-options .ocfilter-option {
  gap: 9px 7px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell .selected-options .btn-danger {
  justify-content: flex-start !important;
  max-width: 100% !important;
  width: auto !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(18, 184, 242, .12) !important;
  color: #12B8F2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.tn-figma-category .tn-filter-shell .selected-options .btn-danger:hover,
.tn-figma-category .tn-filter-shell .selected-options .btn-danger:focus {
  background: rgba(18, 184, 242, .18) !important;
  color: #079FDD !important;
}

.tn-figma-category .tn-filter-shell .selected-options .btn-danger i {
  flex: 0 0 auto !important;
  margin: 0 4px 0 0 !important;
  color: currentColor !important;
  font-size: 11px !important;
}

.tn-filter-reset-all {
  min-height: 50px !important;
  margin-bottom: 30px !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #EB5757 !important;
  border: 1px solid rgba(235, 87, 87, .22) !important;
  box-shadow: 0 14px 30px rgba(235, 87, 87, .08) !important;
}

.tn-filter-reset-all:hover,
.tn-filter-reset-all:focus {
  background: rgba(235, 87, 87, .08) !important;
  color: #E94D4D !important;
}

.tn-figma-category .tn-filter-shell .dropdown {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.tn-figma-category .tn-filter-shell .dropdown-toggle,
.tn-figma-category .tn-filter-shell .dropdown-toggle.btn,
.tn-figma-category .tn-filter-shell .dropdown-toggle.btn-default,
.tn-figma-category .tn-filter-shell .dropdown-toggle.btn-warning,
.tn-figma-category .tn-filter-shell .dropdown-toggle.btn-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: calc(100% - 24px) !important;
  margin-right: 12px !important;
  margin-left: 12px !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 0 14px !important;
  border: 1px solid #E1E4E8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  text-align: left !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell .dropdown.show .dropdown-toggle,
.tn-figma-category .tn-filter-shell .dropdown.open .dropdown-toggle,
.tn-figma-category .tn-filter-shell .dropdown-toggle:hover,
.tn-figma-category .tn-filter-shell .dropdown-toggle:focus {
  border-color: rgba(18, 184, 242, .5) !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .1) !important;
}

.tn-figma-category .tn-filter-shell .dropdown-toggle::after {
  margin-left: 10px !important;
  color: #12B8F2 !important;
}

.tn-figma-category .tn-filter-shell .dropdown-toggle .fa,
.tn-figma-category .tn-filter-shell .dropdown-toggle i {
  order: 2 !important;
  margin: 0 0 0 10px !important;
  color: #12B8F2 !important;
  font-size: 14px !important;
}

.tn-figma-category .tn-filter-shell .dropdown-toggle span {
  min-width: 0 !important;
  color: inherit !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  width: calc(100% - 24px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  max-height: none !important;
  margin: 8px 12px 34px !important;
  padding: 9px !important;
  border: 1px solid rgba(18, 184, 242, .2) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: 0 18px 30px -18px rgba(31, 31, 31, .24), 0 0 0 1px rgba(18, 184, 242, .06) !important;
  transform: none !important;
  overflow: visible !important;
  scrollbar-width: auto !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu::-webkit-scrollbar {
  width: 7px !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(18, 184, 242, .28) !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu label {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border-radius: 12px !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  white-space: normal !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu label + label {
  margin-top: 2px !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu label:not(.disabled):hover,
.tn-figma-category .tn-filter-shell .dropdown-menu label:not(.disabled):focus-within,
.tn-figma-category .tn-filter-shell .ocf-option-values label:not(.disabled):hover,
.tn-figma-category .tn-filter-shell .ocf-option-values label:not(.disabled):focus-within,
.tn-figma-category .tn-filter-shell label.ocf-selected {
  background: rgba(18, 184, 242, .1) !important;
  color: #079FDD !important;
}

.tn-figma-category .tn-filter-shell label.disabled,
.tn-figma-category .tn-filter-shell .dropdown-menu label.disabled,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label.disabled {
  background: transparent !important;
  color: #A8AFBA !important;
  cursor: not-allowed !important;
}

.tn-figma-category .tn-filter-shell label.disabled:hover,
.tn-figma-category .tn-filter-shell label.disabled:focus-within,
.tn-figma-category .tn-filter-shell .dropdown-menu label.disabled:hover,
.tn-figma-category .tn-filter-shell .dropdown-menu label.disabled:focus-within,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label.disabled:hover,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label.disabled:focus-within {
  background: transparent !important;
  color: #A8AFBA !important;
}

.tn-figma-category .tn-filter-shell label.disabled input[type="checkbox"] {
  border-color: #D1D7E0 !important;
  background-color: #F7F9FB !important;
}

.tn-figma-category .tn-filter-shell .dropdown-menu label span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.tn-figma-category .tn-filter-shell input[type="checkbox"] {
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 2px 0 0 !important;
  border: 2px solid #A8AFBA !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 13px 13px !important;
  box-shadow: none !important;
}

.tn-figma-category .tn-filter-shell input[type="checkbox"]:checked {
  border-color: #12B8F2 !important;
  background-color: #12B8F2 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.5L5.2 9L12.5 1.5' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.tn-filter-apply-fixed {
  max-width: calc(100vw - var(--tn-filter-apply-left) - 20px) !important;
}

/* OCFilter ships some long groups as Bootstrap dropdowns. In this sidebar they
   should behave like regular open filter lists, not separate popovers. */
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-toggle,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-toggle.btn,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-toggle.btn-default,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-toggle.btn-warning,
.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-toggle.btn-primary {
  display: none !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #282828 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  min-height: 30px !important;
  width: calc(100% - 16px) !important;
  margin: 0 16px 0 0 !important;
  padding: 5px 10px !important;
  border-radius: 12px !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  white-space: normal !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label + label {
  margin-top: 0 !important;
}

.tn-figma-category .tn-filter-shell .ocfilter-option .dropdown-menu label span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 992px) {
  .tn-figma-category.tn-filters-inline .tn-filter-reset-all {
    width: calc(var(--tn-filter-inline-width) - 48px) !important;
    max-width: calc(var(--tn-filter-inline-width) - 48px) !important;
    margin-left: 16px !important;
    margin-right: 32px !important;
  }
}

/* Account area polish: wishlist and customer cabinet in the redesign system. */
.tn-redesign #account-account.container,
.tn-redesign #account-wishlist.container {
  width: 1200px !important;
  max-width: calc(100% - 48px) !important;
  padding: 38px 0 76px !important;
}

.tn-redesign #account-account .breadcrumb,
.tn-redesign #account-wishlist .breadcrumb {
  min-height: 24px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

.tn-redesign #account-account .breadcrumb .fa-home,
.tn-redesign #account-wishlist .breadcrumb .fa-home {
  display: none !important;
}

.tn-redesign #account-account .breadcrumb .breadcrumb-item:first-child a::after,
.tn-redesign #account-wishlist .breadcrumb .breadcrumb-item:first-child a::after {
  content: "Главная";
}

.tn-redesign #account-account .us-main-shop-title,
.tn-redesign #account-wishlist .us-main-shop-title {
  margin: 0 0 38px !important;
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
}

.tn-redesign #account-account #content,
.tn-redesign #account-wishlist #content,
.tn-redesign #account-account #column-right,
.tn-redesign #account-wishlist #column-right {
  min-width: 0 !important;
}

.tn-redesign #account-account > .row,
.tn-redesign #account-wishlist > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign #account-account > .row > .col-lg-12,
.tn-redesign #account-wishlist > .row > .col-lg-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign #account-account > .row:last-of-type,
.tn-redesign #account-wishlist > .row:last-of-type {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign #account-account > .row:last-of-type > #content,
.tn-redesign #account-wishlist > .row:last-of-type > #content {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: calc(100% - 308px) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign #account-account > .row:last-of-type > #column-right,
.tn-redesign #account-wishlist > .row:last-of-type > #column-right {
  flex: 0 0 278px !important;
  width: 278px !important;
  max-width: 278px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign #account-account .us-content,
.tn-redesign #account-wishlist .us-content {
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 28px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: visible !important;
}

.tn-redesign #account-account .us-content-title {
  margin: 0 0 16px !important;
  color: #282828 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
  text-decoration: none !important;
}

.tn-redesign #account-account .us-acc-info-desc {
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
}

.tn-redesign #account-account .us-acc-info-text,
.tn-redesign #account-wishlist .us-acc-info-text {
  color: #7b7b7b !important;
  font-size: 15px !important;
  line-height: 23px !important;
}

.tn-redesign #account-account .us-acc-info-text span,
.tn-redesign #account-wishlist .us-acc-info-text span,
.tn-redesign #account-account .us-acc-info-link,
.tn-redesign #account-wishlist .us-acc-info-link {
  color: #282828 !important;
  font-weight: 700 !important;
}

.tn-redesign #account-account .us-acc-info-link:hover,
.tn-redesign #account-wishlist .us-acc-info-link:hover {
  color: #12B8F2 !important;
}

.tn-redesign #account-account .table-responsive-sm,
.tn-redesign #account-account .us-table-box {
  margin: 0 0 28px !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.tn-redesign #account-account .table {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.tn-redesign #account-account .table th,
.tn-redesign #account-account .table td {
  border: 0 !important;
  border-bottom: 1px solid #EEF1F4 !important;
  padding: 15px 18px !important;
  color: #282828 !important;
  font-size: 15px !important;
  line-height: 23px !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.tn-redesign #account-account .table tr:last-child td {
  border-bottom: 0 !important;
}

.tn-redesign #account-account .table .thead-dark th,
.tn-redesign #account-account .table thead th {
  background: #282828 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

.tn-redesign #account-account .table a {
  color: #12B8F2 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-wishlist {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 152px !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 152px !important;
  margin: 0 0 18px !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 22px 24px !important;
  box-shadow: 0 16px 38px -34px rgba(31, 31, 31, .2) !important;
  overflow: visible !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-left {
  display: grid !important;
  grid-template-columns: 108px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  min-width: 0 !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-desc {
  min-width: 0 !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-img {
  display: grid !important;
  place-items: center !important;
  width: 104px !important;
  height: 104px !important;
  border: 1px solid #F1F3F5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-img a {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-img img {
  width: auto !important;
  height: auto !important;
  max-width: 88px !important;
  max-height: 88px !important;
  object-fit: contain !important;
}

.tn-redesign #account-wishlist .us-content-title-wishlist {
  display: inline-block !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  color: #282828 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 23px !important;
  text-decoration: none !important;
}

.tn-redesign #account-wishlist .us-content-title-wishlist:hover {
  color: #12B8F2 !important;
}

.tn-redesign #account-wishlist .us-acc-info-block-right {
  display: grid !important;
  justify-items: end !important;
  align-items: center !important;
  gap: 22px !important;
  width: 152px !important;
  min-width: 152px !important;
  height: 100% !important;
}

.tn-redesign #account-wishlist .us-acc-del-btn {
  color: #7b7b7b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.tn-redesign #account-wishlist .us-acc-del-btn i {
  margin-right: 5px !important;
  color: #EB5757 !important;
  font-size: 12px !important;
}

.tn-redesign #account-wishlist .us-acc-del-btn:hover {
  color: #EB5757 !important;
}

.tn-redesign #account-wishlist .us-product-btn,
.tn-redesign #account-wishlist .us-acc-product-btn,
.tn-redesign #account-wishlist .us-module-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
  min-height: 50px !important;
  height: 50px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 50px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 24px rgba(18, 184, 242, .16) !important;
  overflow: hidden !important;
}

.tn-redesign #account-wishlist .us-product-btn:hover,
.tn-redesign #account-wishlist .us-acc-product-btn:hover,
.tn-redesign #account-wishlist .us-module-btn:hover {
  background: #079FDD !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.tn-redesign #account-wishlist .buttons {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 26px 0 0 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-list {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-card {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) 250px !important;
  align-items: stretch !important;
  gap: 24px !important;
  min-height: 210px !important;
  margin: 0 !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: visible !important;
}

.tn-redesign #account-wishlist .tn-wishlist-media {
  display: grid !important;
  place-items: center !important;
  width: 180px !important;
  height: 180px !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.tn-redesign #account-wishlist .tn-wishlist-media img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 160px !important;
  object-fit: contain !important;
}

.tn-redesign #account-wishlist .tn-wishlist-main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-title {
  display: -webkit-box !important;
  margin: 0 0 14px !important;
  color: #12B8F2 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  text-decoration: none !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.tn-redesign #account-wishlist .tn-wishlist-title.is-title-compact {
  font-size: 19px !important;
  line-height: 1.2 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-title.is-title-ultra {
  font-size: 17px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-title:hover {
  color: #079FDD !important;
}

.tn-redesign #account-wishlist .tn-wishlist-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  margin: 0 0 12px !important;
  color: #8A8F98 !important;
  font-size: 15px !important;
  line-height: 21px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-meta b {
  color: #282828 !important;
  font-weight: 800 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-meta b.is-preorder {
  color: #DC7A00 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  margin: 0 0 16px !important;
  color: #282828 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-rating .tn-rating-stars {
  width: 92px !important;
  height: 18px !important;
  font-size: 16px !important;
  line-height: 18px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-rating-value {
  color: #282828 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-reviews {
  color: #8A8F98 !important;
  font-weight: 700 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin-top: auto !important;
}

.tn-redesign #account-wishlist .tn-wishlist-price strong {
  color: #282828 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 30px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-price span {
  color: #9CA3AF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: line-through !important;
}

.tn-redesign #account-wishlist .tn-wishlist-side {
  display: grid !important;
  align-content: space-between !important;
  justify-items: stretch !important;
  gap: 18px !important;
  min-width: 0 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 6px !important;
  min-height: 32px !important;
  color: #EB5757 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.tn-redesign #account-wishlist .tn-wishlist-remove:hover {
  color: #C94141 !important;
}

.tn-redesign #account-wishlist .tn-wishlist-actions {
  display: grid !important;
  grid-template-columns: minmax(120px, 1fr) 54px 54px !important;
  align-items: stretch !important;
  gap: 10px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-cart-control {
  min-width: 120px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-cart {
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  line-height: 54px !important;
  white-space: nowrap !important;
}

.tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-stepper {
  grid-template-columns: 36px minmax(38px, 1fr) 36px !important;
  min-width: 120px !important;
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 12px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-icon {
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 12px !important;
}

.tn-redesign #account-wishlist .tn-wishlist-continue {
  width: auto !important;
  min-width: 168px !important;
  max-width: none !important;
}

.tn-redesign #account-wishlist .tn-wishlist-empty {
  margin: 0 !important;
  color: #7B7B7B !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

@media (max-width: 1199px) {
  .tn-redesign #account-wishlist .tn-wishlist-card {
    grid-template-columns: 160px minmax(0, 1fr) !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media {
    width: 160px !important;
    height: 160px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media img {
    max-width: 140px !important;
    max-height: 140px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-side {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-actions {
    max-width: 360px !important;
    justify-self: end !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-remove {
    justify-self: start !important;
  }
}

@media (max-width: 767px) {
  .tn-redesign #account-wishlist .tn-wishlist-card {
    grid-template-columns: 128px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media {
    width: 128px !important;
    height: 128px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media img {
    max-width: 112px !important;
    max-height: 112px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-main {
    justify-content: flex-start !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-title {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 4 !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-title.is-title-compact,
  .tn-redesign #account-wishlist .tn-wishlist-title.is-title-ultra {
    font-size: 15px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-meta {
    display: grid !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-rating {
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-reviews {
    width: 100% !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-price strong {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-side {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-remove {
    justify-self: start !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-actions {
    grid-template-columns: minmax(0, 1fr) 48px 48px !important;
    max-width: none !important;
    justify-self: stretch !important;
    gap: 8px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-cart,
  .tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-stepper,
  .tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-icon {
    height: 48px !important;
    min-height: 48px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-actions .tn-clean-card-icon {
    width: 48px !important;
    min-width: 48px !important;
  }
}

@media (max-width: 479px) {
  .tn-redesign #account-wishlist .tn-wishlist-card {
    grid-template-columns: 1fr !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media {
    width: 100% !important;
    height: 190px !important;
  }

  .tn-redesign #account-wishlist .tn-wishlist-media img {
    max-width: 170px !important;
    max-height: 170px !important;
  }
}

.tn-redesign #account-account #column-right .us-account-list,
.tn-redesign #account-wishlist #column-right .us-account-list {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 10px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: hidden !important;
}

.tn-redesign #account-account #column-right .us-account-item,
.tn-redesign #account-wishlist #column-right .us-account-item {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tn-redesign #account-account #column-right .us-account-item + .us-account-item,
.tn-redesign #account-wishlist #column-right .us-account-item + .us-account-item {
  border-top: 1px solid #EEF1F4 !important;
}

.tn-redesign #account-account #column-right .us-account-link,
.tn-redesign #account-wishlist #column-right .us-account-link {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  color: #282828 !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.tn-redesign #account-account #column-right .us-account-link:hover,
.tn-redesign #account-wishlist #column-right .us-account-link:hover {
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
}

.tn-redesign #account-account #column-right .us-account-link i,
.tn-redesign #account-wishlist #column-right .us-account-link i {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: rgba(18, 184, 242, .1) !important;
  color: #12B8F2 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  text-align: center !important;
}

.tn-redesign #account-account #column-right .us-account-link i.fas,
.tn-redesign #account-wishlist #column-right .us-account-link i.fas {
  font-weight: 900 !important;
}

.tn-redesign #account-account #column-right .us-account-link i.far,
.tn-redesign #account-wishlist #column-right .us-account-link i.far {
  font-weight: 400 !important;
}

.tn-redesign #account-account #column-right .us-account-link span,
.tn-redesign #account-wishlist #column-right .us-account-link span {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .tn-redesign #account-account.container,
  .tn-redesign #account-wishlist.container {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
  }

  .tn-redesign #account-account #column-right,
  .tn-redesign #account-wishlist #column-right {
    margin-top: 24px !important;
  }

  .tn-redesign #account-account > .row:last-of-type,
  .tn-redesign #account-wishlist > .row:last-of-type {
    gap: 24px !important;
  }

  .tn-redesign #account-account > .row:last-of-type > #content,
  .tn-redesign #account-wishlist > .row:last-of-type > #content,
  .tn-redesign #account-account > .row:last-of-type > #column-right,
  .tn-redesign #account-wishlist > .row:last-of-type > #column-right {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign #account-account.container,
  .tn-redesign #account-wishlist.container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding-top: 24px !important;
  }

  .tn-redesign #account-account .us-main-shop-title,
  .tn-redesign #account-wishlist .us-main-shop-title {
    margin-bottom: 20px !important;
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .tn-redesign #account-account .us-content,
  .tn-redesign #account-wishlist .us-content {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-wishlist {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 18px !important;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-left {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-img {
    width: 90px !important;
    height: 90px !important;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-img img {
    max-width: 78px !important;
    max-height: 78px !important;
  }

  .tn-redesign #account-wishlist .us-acc-info-block-right {
    grid-template-columns: minmax(0, 1fr) auto !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  .tn-redesign #account-wishlist .us-acc-del-btn {
    order: 2 !important;
    justify-content: flex-end !important;
  }

  .tn-redesign #account-wishlist .us-product-btn,
  .tn-redesign #account-wishlist .us-acc-product-btn {
    order: 1 !important;
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
  }
}

/* Account area continuation: apply the same cabinet shell to every logged-in section. */
.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
).container {
  width: 1200px !important;
  max-width: calc(100% - 48px) !important;
  padding: 38px 0 76px !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign [id^="account-"] .us-main-shop-title {
  display: block !important;
  visibility: visible !important;
  margin: 0 0 34px !important;
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  letter-spacing: 0 !important;
}

.tn-redesign [id^="account-"] > .row:first-of-type > .col-lg-12 {
  display: block !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row > .col-lg-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .breadcrumb {
  min-height: 24px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .breadcrumb .fa-home {
  display: none !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .breadcrumb .breadcrumb-item:first-child a::after {
  content: "Главная";
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .us-main-shop-title {
  margin: 0 0 38px !important;
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row:last-of-type {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: calc(100% - 308px) !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right {
  flex: 0 0 278px !important;
  width: 278px !important;
  max-width: 278px !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .us-content {
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 28px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: visible !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .us-content-title,
.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) legend.us-content-title {
  margin: 0 0 18px !important;
  color: #282828 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
  text-decoration: none !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .us-content-text,
.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content p {
  color: #7b7b7b !important;
  font-size: 15px !important;
  line-height: 23px !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) .form-group {
  margin-bottom: 18px !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) label {
  margin-bottom: 8px !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) .form-control {
  min-height: 50px !important;
  border: 1px solid #DCE3EA !important;
  border-radius: 14px !important;
  background: #F7F8FA !important;
  color: #282828 !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) textarea.form-control {
  min-height: 120px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) .form-control:focus {
  border-color: #12B8F2 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .12) !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table-responsive-sm,
.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .us-table-box {
  margin: 0 0 28px !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table th,
.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table td {
  border: 0 !important;
  border-bottom: 1px solid #EEF1F4 !important;
  padding: 15px 18px !important;
  color: #282828 !important;
  font-size: 15px !important;
  line-height: 23px !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table tr:last-child td {
  border-bottom: 0 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table thead th,
.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .table .thead-dark th {
  background: #282828 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content a:not(.us-module-btn):not(.us-acc-product-btn):not(.us-product-btn):not(.tn-account-profile-edit) {
  color: #12B8F2 !important;
  font-weight: 700 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .buttons,
.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) .btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content :is(.us-module-btn, .btn-primary, .btn-success, input[type="submit"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  max-width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  padding: 0 22px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 50px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 24px rgba(18, 184, 242, .16) !important;
  overflow: hidden !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content :is(.us-module-btn, .btn-primary, .btn-success, input[type="submit"]):hover {
  background: #079FDD !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) #content .btn-group .us-module-btn:first-child,
.tn-redesign :is(
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) #content .buttons .us-module-btn:first-child {
  border: 1px solid #DCE3EA !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: none !important;
}

.tn-redesign :is(
  #account-edit,
  #account-password,
  #account-address,
  #account-newsletter,
  #account-return,
  #account-affiliate
) #content .btn-group .us-module-btn:first-child:hover,
.tn-redesign :is(
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) #content .buttons .us-module-btn:first-child:hover {
  border-color: #12B8F2 !important;
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
}

.tn-redesign :is(
  #account-address,
  #account-return
) .us-acc-info-block {
  margin-bottom: 18px !important;
  border: 1px solid #EEF1F4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 18px !important;
  box-shadow: 0 16px 38px -34px rgba(31, 31, 31, .2) !important;
}

.tn-redesign :is(
  #account-address,
  #account-return
) .us-acc-info-block-top {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
}

.tn-redesign :is(
  #account-address,
  #account-return
) .us-acc-del-btn {
  color: #EB5757 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.tn-redesign :is(
  #account-address,
  #account-return
) .us-acc-info-link {
  color: #12B8F2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-list {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 10px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: hidden !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-item {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-item + .us-account-item {
  border-top: 1px solid #EEF1F4 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  color: #282828 !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link:hover {
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link i {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: rgba(18, 184, 242, .1) !important;
  color: #12B8F2 !important;
  font-size: 15px !important;
  line-height: 32px !important;
  text-align: center !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link i.fas {
  font-weight: 900 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link i.far {
  font-weight: 400 !important;
}

.tn-redesign :is(
  #account-account,
  #account-wishlist,
  #account-edit,
  #account-password,
  #account-address,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #column-right .us-account-link span {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ).container {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
  }

  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ) > .row:last-of-type {
    gap: 24px !important;
  }

  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ) :is(#content, #column-right) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ).container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding-top: 24px !important;
  }

  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ) .us-main-shop-title {
    margin-bottom: 20px !important;
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ) .us-content {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .tn-redesign :is(
    #account-account,
    #account-wishlist,
    #account-edit,
    #account-password,
    #account-address,
    #account-order,
    #account-download,
    #account-recurring,
    #account-reward,
    #account-return,
    #account-transaction,
    #account-newsletter,
    #account-affiliate,
    #account-tracking,
    #account-voucher
  ) #content :is(.us-module-btn, .btn-primary, .btn-success, input[type="submit"]) {
    min-width: 132px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    font-size: 15px !important;
  }
}

.tn-clean-header .tn-clean-cart-action:hover,
.tn-clean-header .tn-clean-cart-action:focus-within,
.tn-clean-header .tn-clean-cart-wrap #cart:hover,
.tn-clean-header .tn-clean-cart-wrap #cart:focus-within,
.tn-clean-header .tn-clean-cart-wrap .us-cart-img:hover,
.tn-clean-header .tn-clean-cart-wrap .us-cart-img:focus {
  transform: none !important;
}

.tn-clean-header .tn-clean-cart-wrap #cart:hover,
.tn-clean-header .tn-clean-cart-wrap #cart:focus-within,
.tn-clean-header .tn-clean-cart-wrap .us-cart-img:hover,
.tn-clean-header .tn-clean-cart-wrap .us-cart-img:focus {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Cart page final pass: keep the shopping cart in the same clean product style. */
.tn-redesign #checkout-cart.container {
  width: 1320px !important;
  max-width: calc(100% - 48px) !important;
  padding: 42px 0 76px !important;
}

.tn-redesign #checkout-cart #content {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

.tn-redesign #checkout-cart .us-main-shop-title {
  margin: 0 0 42px !important;
  color: #282828 !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
}

.tn-redesign #checkout-cart .us-content {
  min-height: auto !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 32px 34px 36px !important;
  box-shadow: 0 18px 44px rgba(22, 31, 44, 0.05) !important;
}

.tn-redesign #checkout-cart .tn-cart-page-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 0 0 28px !important;
  color: #282828 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
}

.tn-redesign #checkout-cart .tn-cart-page-title span {
  color: #858585 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.tn-redesign #checkout-cart form {
  margin: 0 !important;
}

.tn-redesign #checkout-cart .tn-cart-group,
.tn-redesign #checkout-cart .tn-cart-group-available,
.tn-redesign #checkout-cart .tn-cart-group-preorder {
  display: grid !important;
  gap: 16px !important;
  margin: 0 0 26px !important;
}

.tn-redesign #checkout-cart .tn-cart-group:last-child,
.tn-redesign #checkout-cart .tn-cart-group-available:last-child,
.tn-redesign #checkout-cart .tn-cart-group-preorder:last-child {
  margin-bottom: 0 !important;
}

.tn-redesign #checkout-cart .tn-cart-group-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  background: #F5FBFE !important;
}

.tn-redesign #checkout-cart .tn-cart-group.is-preorder .tn-cart-group-head,
.tn-redesign #checkout-cart .tn-cart-group-preorder .tn-cart-group-head {
  background: rgba(255, 159, 45, .12) !important;
}

.tn-redesign #checkout-cart .tn-cart-group-title {
  color: #282828 !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 26px !important;
  white-space: nowrap !important;
}

.tn-redesign #checkout-cart .tn-cart-group-head p {
  max-width: 560px !important;
  margin: 0 !important;
  color: #777 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  text-align: right !important;
}

.tn-redesign #checkout-cart .us-cart-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 480px) !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 154px !important;
  margin: 0 0 16px !important;
  border: 1px solid #e8eef2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 18px 24px !important;
  box-shadow: none !important;
}

.tn-redesign #checkout-cart .us-cart-item-left {
  display: grid !important;
  grid-template-columns: 36px 156px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
}

.tn-redesign #checkout-cart .us-cart-del {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #8b8b8b !important;
  cursor: pointer !important;
  font-size: 16px !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease !important;
}

.tn-redesign #checkout-cart .us-cart-del:hover,
.tn-redesign #checkout-cart .us-cart-del:focus {
  border-color: rgba(235, 87, 87, 0.18) !important;
  background: rgba(235, 87, 87, 0.08) !important;
  color: #eb5757 !important;
}

.tn-redesign #checkout-cart .us-cart-item-img-link {
  display: grid !important;
  place-items: center !important;
  width: 156px !important;
  min-width: 156px !important;
  height: 132px !important;
  border: 1px solid #edf2f5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.tn-redesign #checkout-cart .us-cart-item-img {
  width: auto !important;
  max-width: 132px !important;
  height: auto !important;
  max-height: 114px !important;
  margin: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
}

.tn-redesign #checkout-cart .us-cart-item-desc {
  min-width: 0 !important;
}

.tn-redesign #checkout-cart .us-cart-item-link {
  display: block !important;
  margin: 0 0 12px !important;
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  text-decoration: none !important;
}

.tn-redesign #checkout-cart .us-cart-item-link:hover,
.tn-redesign #checkout-cart .us-cart-item-link:focus {
  color: #12B8F2 !important;
}

.tn-redesign #checkout-cart .us-product-info-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  margin: 0 !important;
}

.tn-redesign #checkout-cart .us-product-info-item {
  margin: 0 !important;
  color: #858585 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.tn-redesign #checkout-cart .us-product-info-code {
  color: #282828 !important;
  font-weight: 700 !important;
}

.tn-redesign #checkout-cart .tn-cart-stock-preorder {
  background: rgba(255, 159, 45, .14) !important;
  color: #D97300 !important;
}

.tn-redesign #checkout-cart .us-cart-item-right {
  display: grid !important;
  grid-template-columns: 190px minmax(180px, 1fr) !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 28px !important;
  width: 100% !important;
}

.tn-redesign #checkout-cart .us-product-quantity {
  margin: 0 !important;
}

.tn-redesign #checkout-cart .us-product-quantity .btn-group {
  display: grid !important;
  grid-template-columns: 44px 62px 44px !important;
  align-items: stretch !important;
  width: 150px !important;
  border: 1px solid #e2e6ea !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.tn-redesign #checkout-cart .us-product-quantity-btn,
.tn-redesign #checkout-cart .us-product-quantity .form-control {
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 52px !important;
  text-align: center !important;
  box-shadow: none !important;
}

.tn-redesign #checkout-cart .us-product-quantity .form-control {
  border-right: 1px solid #e2e6ea !important;
  border-left: 1px solid #e2e6ea !important;
  padding: 0 !important;
}

.tn-redesign #checkout-cart .us-product-quantity-btn:hover,
.tn-redesign #checkout-cart .us-product-quantity-btn:focus {
  background: rgba(18, 184, 242, 0.1) !important;
  color: #12B8F2 !important;
}

.tn-redesign #checkout-cart.tn-cart-updating .us-cart-item {
  opacity: .72 !important;
  pointer-events: none !important;
}

.tn-redesign #checkout-cart.tn-cart-updating .us-product-quantity .btn-group {
  box-shadow: 0 0 0 3px rgba(18, 184, 242, 0.08) !important;
}

.tn-redesign #checkout-cart .us-cart-item-right-desc {
  display: grid !important;
  justify-items: start !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.tn-redesign #checkout-cart .us-cart-price-all,
.tn-redesign #checkout-cart .us-cart-price-one {
  margin: 0 !important;
  color: #282828 !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

.tn-redesign #checkout-cart .us-cart-price-all {
  font-size: 18px !important;
}

.tn-redesign #checkout-cart .us-cart-price-one {
  color: #777 !important;
  font-size: 14px !important;
}

.tn-redesign #checkout-cart .us-cart-price-all span,
.tn-redesign #checkout-cart .us-cart-price-one span {
  color: inherit !important;
}

.tn-redesign #checkout-cart .us-cart-block-total-wrapper {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 24px 0 0 !important;
  border-top: 1px solid #edf2f5 !important;
  padding: 24px 0 0 !important;
}

.tn-redesign #checkout-cart .us-cart-block-total-right {
  display: grid !important;
  gap: 10px !important;
  width: 360px !important;
  max-width: 100% !important;
}

.tn-redesign #checkout-cart .us-cart-block-total {
  margin: 0 !important;
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  text-align: left !important;
}

.tn-redesign #checkout-cart .us-cart-block-total-price {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.tn-redesign #checkout-cart .us-cart-block-total-price span {
  color: #282828 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.tn-redesign #checkout-cart .cart-btn-group {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 242px !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 0 30px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 32px rgba(18, 184, 242, 0.2) !important;
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action:hover,
.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action:focus {
  background: #00A8DF !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 36px rgba(18, 184, 242, 0.26) !important;
}

.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action.is-preorder {
  background: #FF9F2D !important;
  box-shadow: 0 14px 30px rgba(255, 159, 45, 0.22) !important;
}

.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action.is-preorder:hover,
.tn-redesign #checkout-cart .cart-btn-group .tn-cart-checkout-action.is-preorder:focus {
  background: #F08A17 !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-card {
  display: grid !important;
  place-items: center !important;
  min-height: 360px !important;
  padding: 56px 24px !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: min(100%, 520px) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-icon {
  display: grid !important;
  place-items: center !important;
  width: 82px !important;
  height: 82px !important;
  margin: 0 0 22px !important;
  border-radius: 22px !important;
  background: rgba(18, 184, 242, 0.1) !important;
  color: #12B8F2 !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-icon svg {
  width: 46px !important;
  height: 46px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-title {
  margin: 0 0 10px !important;
  color: #282828 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 34px !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-text {
  margin: 0 0 28px !important;
  color: #777 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12B8F2 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 18px 34px rgba(18, 184, 242, 0.2) !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.tn-redesign #checkout-cart .tn-cart-empty-action:hover,
.tn-redesign #checkout-cart .tn-cart-empty-action:focus {
  background: #00A8DF !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 38px rgba(18, 184, 242, 0.26) !important;
}

@media (max-width: 1199px) {
  .tn-redesign #checkout-cart .us-cart-item {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-right {
    grid-template-columns: 150px minmax(180px, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .tn-redesign #checkout-cart.container {
    max-width: calc(100% - 24px) !important;
    padding: 28px 0 54px !important;
  }

  .tn-redesign #checkout-cart > .row,
  .tn-redesign #checkout-cart .tn-cart-panel .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .tn-redesign #checkout-cart > .row > [class*="col-"],
  .tn-redesign #checkout-cart .tn-cart-panel .row > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .tn-redesign #checkout-cart .tn-cart-title {
    margin-bottom: 24px !important;
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-panel {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-empty-card {
    min-height: 300px !important;
    padding: 42px 18px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-empty-icon {
    width: 70px !important;
    height: 70px !important;
    border-radius: 18px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-empty-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-empty-text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-empty-action {
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-redesign #checkout-cart .tn-cart-page-title {
    margin-bottom: 18px !important;
    font-size: 21px !important;
    line-height: 27px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item {
    padding: 16px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-left {
    grid-template-columns: 34px 104px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-img-link {
    width: 104px !important;
    min-width: 104px !important;
    height: 96px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-img {
    max-width: 92px !important;
    max-height: 82px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-link {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-right {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .tn-redesign #checkout-cart .us-cart-block-total-wrapper,
  .tn-redesign #checkout-cart .cart-btn-group {
    justify-content: stretch !important;
  }

  .tn-redesign #checkout-cart .us-cart-block-total-right,
  .tn-redesign #checkout-cart .cart-btn-group .us-module-btn {
    width: 100% !important;
  }
}

@media (max-width: 479px) {
  .tn-redesign #checkout-cart .us-cart-item-left {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-img-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-bottom: 10px !important;
  }

  .tn-redesign #checkout-cart .us-cart-item-desc {
    grid-column: 1 / -1 !important;
  }

  .tn-redesign #checkout-cart .us-product-quantity .btn-group {
    width: 100% !important;
    grid-template-columns: 48px 1fr 48px !important;
  }
}

/* Sticky header mainbar and stable search icon */
.tn-redesign .tn-clean-header {
  --tn-header-topline-offset: 50px;
  --tn-search-button-size: 54px;
  position: sticky !important;
  top: calc(-1 * var(--tn-header-topline-offset)) !important;
  z-index: 140 !important;
  overflow: visible !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 31, 44, .07) !important;
}

.tn-redesign .tn-clean-header .tn-clean-mainbar {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #search.header-input-group,
.tn-redesign .tn-clean-header .tn-clean-search .header-input-group,
.tn-redesign .tn-clean-header .tn-clean-search .input-group {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.tn-redesign .tn-clean-header .tn-clean-search .header-input-group > [itemprop="potentialAction"],
.tn-redesign .tn-clean-header .tn-clean-search .input-group > [itemprop="potentialAction"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
}

.tn-redesign .tn-clean-header .tn-clean-search input,
.tn-redesign .tn-clean-header .tn-clean-search .header-input,
.tn-redesign .tn-clean-header .tn-clean-search .form-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding-right: 48px !important;
  line-height: normal !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close {
  position: absolute !important;
  top: 50% !important;
  right: var(--tn-search-button-size) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #8f8f8f !important;
  box-shadow: none !important;
  opacity: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  z-index: 6 !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close.visible {
  display: flex !important;
  opacity: 1 !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close i {
  color: currentColor !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: none !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close:hover,
.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close:focus {
  background: rgba(18, 184, 242, .1) !important;
  color: #079FDD !important;
}

.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close:hover i,
.tn-redesign .tn-clean-header .tn-clean-search #us_livesearch_close:focus i {
  transform: none !important;
}

header #search #us_livesearch_close {
  position: absolute !important;
  top: 50% !important;
  right: var(--tn-search-button-size, 54px) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #8f8f8f !important;
  box-shadow: none !important;
  opacity: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  z-index: 6 !important;
}

header #search #us_livesearch_close.visible {
  display: flex !important;
  opacity: 1 !important;
}

header #search #us_livesearch_close i {
  color: currentColor !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: none !important;
}

header #search #us_livesearch_close:hover,
header #search #us_livesearch_close:focus {
  background: rgba(18, 184, 242, .1) !important;
  color: #079FDD !important;
}

header #search #us_livesearch_close:hover i,
header #search #us_livesearch_close:focus i {
  transform: none !important;
}

.tn-redesign .tn-clean-header .tn-clean-search .header-btn-search,
.tn-redesign .tn-clean-header .tn-clean-search button {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--tn-search-button-size) !important;
  width: var(--tn-search-button-size) !important;
  min-width: var(--tn-search-button-size) !important;
  max-width: var(--tn-search-button-size) !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  transform: none !important;
}

.tn-redesign .tn-clean-header .tn-clean-search .header-btn-search:hover {
  background: transparent !important;
  color: #8f8f8f !important;
  transform: none !important;
}

.tn-redesign .tn-clean-header .tn-clean-search .tn-search-svg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  color: #8f8f8f !important;
  transform: none !important;
  pointer-events: none !important;
}

.tn-redesign .tn-clean-header .tn-clean-search .tn-search-svg svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transform: none !important;
}

@media (max-width: 991px) {
  .tn-redesign .tn-clean-header {
    --tn-header-topline-offset: 0px;
    --tn-search-button-size: 42px;
    position: sticky !important;
    top: 0 !important;
  }

  .tn-redesign .tn-clean-header .tn-clean-search .tn-search-svg,
  .tn-redesign .tn-clean-header .tn-clean-search .tn-search-svg svg {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }
}

/* Sticky header optical spacing tweak */
@media (min-width: 992px) {
  .tn-redesign {
    --tn-sticky-mainbar-gap: 8px;
    --tn-sticky-mainbar-height: 64px;
    --tn-sticky-category-tabs-top: calc(var(--tn-sticky-mainbar-height) + (var(--tn-sticky-mainbar-gap) * 2));
    --tn-category-tabs-height: 46px;
    --tn-category-tabs-pad-top: 10px;
    --tn-category-tabs-pad-bottom: 10px;
  }

  .tn-redesign .tn-clean-header {
    --tn-sticky-mainbar-gap: 8px;
    --tn-sticky-mainbar-height: 64px;
    top: calc(var(--tn-sticky-mainbar-gap) - var(--tn-header-topline-offset)) !important;
    min-height: calc(var(--tn-header-topline-offset) + var(--tn-sticky-mainbar-height) + var(--tn-sticky-mainbar-gap)) !important;
    padding-bottom: 0 !important;
  }

  .tn-redesign .tn-clean-header .tn-clean-mainbar {
    height: var(--tn-sticky-mainbar-height) !important;
    min-height: var(--tn-sticky-mainbar-height) !important;
  }
}

/* Sticky category tabs under sticky header */
@media (min-width: 992px) {
  .tn-redesign .tn-figma-category-tabs {
    position: sticky !important;
    top: var(--tn-sticky-category-tabs-top) !important;
    z-index: 130 !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100vw;
    max-width: 100vw;
    height: var(--tn-category-tabs-height) !important;
    min-height: var(--tn-category-tabs-height) !important;
    margin: 0 calc((100% - 100vw) / 2) 40px;
    padding-left: calc((100vw - 100%) / 2 + 12px);
    padding-right: calc((100vw - 100%) / 2 + 12px);
    padding-top: var(--tn-category-tabs-pad-top) !important;
    padding-bottom: var(--tn-category-tabs-pad-bottom) !important;
    background: #F7F7F8 !important;
    box-shadow: 0 10px 18px rgba(31, 31, 31, .035) !important;
  }

  .tn-redesign .tn-figma-category-tab {
    align-items: center !important;
    height: 100% !important;
    min-height: 0 !important;
    line-height: 24px !important;
  }
}

/* Stateful product cards */
.tn-redesign .tn-clean-card-code,
.tn-redesign .tn-figma-category .tn-clean-card-code,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-code,
.tn-redesign .tn-figma-search .tn-clean-card-code {
  display: block !important;
  min-height: 20px !important;
  color: #8A8A8A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-decoration: none !important;
}

.tn-redesign .tn-clean-card-meta,
.tn-redesign .tn-figma-category .tn-clean-card-meta,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-meta,
.tn-redesign .tn-figma-search .tn-clean-card-meta {
  display: flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.tn-redesign .tn-clean-card-stock,
.tn-redesign .tn-figma-category .tn-clean-card-stock,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-stock,
.tn-redesign .tn-figma-search .tn-clean-card-stock {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
  background: rgba(93, 194, 54, .12) !important;
  color: #49A52C !important;
  padding: 3px 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  white-space: nowrap !important;
}

.tn-redesign .tn-clean-card-meta .tn-clean-card-stock {
  margin-top: 0 !important;
}

.tn-redesign .tn-clean-card-rating,
.tn-redesign .tn-figma-category .tn-clean-card-rating,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-rating,
.tn-redesign .tn-figma-search .tn-clean-card-rating {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: fit-content !important;
  max-width: calc(100% - 28px) !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  border: 1px solid rgba(218, 228, 236, .86) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 8px 18px rgba(19, 35, 51, .08) !important;
  color: var(--tn-muted) !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.tn-redesign .tn-clean-card-rating-stars {
  flex: 0 1 auto !important;
  overflow: hidden !important;
  font-size: 13px !important;
}

.tn-redesign .tn-clean-card-rating-value {
  flex: 0 0 auto !important;
  color: var(--tn-ink) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.tn-redesign .tn-clean-card-stock.is-preorder,
.tn-redesign .tn-figma-category .tn-clean-card-stock.is-preorder,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-stock.is-preorder,
.tn-redesign .tn-figma-search .tn-clean-card-stock.is-preorder {
  background: rgba(255, 159, 45, .14) !important;
  color: #D97300 !important;
}

.tn-redesign .tn-clean-card-cart.is-preorder,
.tn-redesign .tn-clean-cart-submit.is-preorder {
  border-color: #FF9F2D !important;
  background: #FF9F2D !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(255, 159, 45, .24) !important;
}

.tn-redesign .tn-popup-cart-stock,
.tn-redesign .tn-simplecheckout-stock,
.tn-redesign .tn-cart-stock-preorder {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  margin-top: 6px !important;
  border-radius: 999px !important;
  background: rgba(93, 194, 54, .12) !important;
  color: #49A52C !important;
  padding: 3px 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
}

.tn-redesign .tn-popup-cart-stock.is-preorder,
.tn-redesign .tn-simplecheckout-stock.is-preorder,
.tn-redesign .tn-cart-stock-preorder {
  background: #E3F8FF !important;
  color: #12B8F2 !important;
}

.tn-redesign .tn-clean-module-products {
  margin-top: 44px !important;
  margin-bottom: 56px !important;
}

.tn-redesign .tn-clean-module-products .tn-clean-section-head {
  margin-bottom: 28px !important;
}

.tn-redesign .tn-clean-module-more {
  display: flex !important;
  justify-content: center !important;
  margin-top: 32px !important;
}

.tn-redesign .tn-clean-module-products-column {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.tn-redesign .tn-clean-module-products-column .tn-clean-product-grid {
  grid-template-columns: 1fr !important;
}

.tn-redesign .tn-clean-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px 48px !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}

.tn-redesign .tn-clean-card-cart-control {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
}

.tn-redesign .tn-clean-card-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tn-redesign .tn-clean-card-actions .tn-clean-card-cart,
.tn-redesign .tn-clean-card-cart-control .tn-clean-card-cart,
.tn-redesign .tn-figma-category .tn-clean-card-actions .tn-clean-card-cart,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-actions .tn-clean-card-cart,
.tn-redesign .tn-figma-search .tn-clean-card-actions .tn-clean-card-cart {
  width: 100% !important;
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
}

.tn-redesign .tn-clean-card-actions .tn-clean-card-cart:hover,
.tn-redesign .tn-clean-card-actions .tn-clean-card-cart:focus,
.tn-redesign .tn-clean-card-cart-control .tn-clean-card-cart:hover,
.tn-redesign .tn-clean-card-cart-control .tn-clean-card-cart:focus {
  border-color: #0AA7C7 !important;
  background: #0AA7C7 !important;
  color: #fff !important;
  transform: none !important;
}

.tn-redesign .tn-clean-card-actions .tn-clean-card-cart.is-preorder:hover,
.tn-redesign .tn-clean-card-actions .tn-clean-card-cart.is-preorder:focus,
.tn-redesign .tn-clean-card-cart-control .tn-clean-card-cart.is-preorder:hover,
.tn-redesign .tn-clean-card-cart-control .tn-clean-card-cart.is-preorder:focus,
.tn-redesign .tn-clean-cart-submit.is-preorder:hover,
.tn-redesign .tn-clean-cart-submit.is-preorder:focus {
  border-color: #F08A17 !important;
  background: #F08A17 !important;
  color: #fff !important;
  transform: none !important;
}

.tn-redesign .tn-clean-card-cart-control.is-in-cart .tn-clean-card-cart {
  display: none !important;
}

.tn-clean-card-stepper {
  display: grid !important;
  grid-template-columns: 38px minmax(34px, 1fr) 38px !important;
  align-items: center !important;
  width: 100% !important;
  height: 38px !important;
  overflow: hidden !important;
  border: 1px solid rgba(18, 184, 242, .38) !important;
  border-radius: 10px !important;
  background: #E3F8FF !important;
  box-shadow: 0 10px 22px rgba(18, 184, 242, .12) !important;
}

.tn-clean-card-stepper[hidden] {
  display: none !important;
}

.tn-clean-card-stepper button {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #12B8F2 !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.tn-redesign .tn-clean-card-actions .tn-clean-card-stepper button {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #12B8F2 !important;
  box-shadow: none !important;
}

.tn-clean-card-stepper button:hover,
.tn-clean-card-stepper button:focus {
  background: rgba(18, 184, 242, .12) !important;
  color: #079FDD !important;
  transform: none !important;
}

.tn-clean-card-stepper span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 100% !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.tn-redesign .tn-clean-card-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #E1E4E8 !important;
  color: #9A9A9A !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.tn-redesign .tn-clean-card-svg,
.tn-redesign .tn-clean-card-svg svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
}

.tn-redesign .tn-clean-card-svg svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

.tn-redesign .tn-clean-card-icon:hover,
.tn-redesign .tn-clean-card-icon:focus {
  border-color: rgba(18, 184, 242, .45) !important;
  color: #12B8F2 !important;
  transform: none !important;
}

.tn-clean-card-icon.is-selected,
.tn-redesign .tn-clean-card-icon.is-selected,
.tn-redesign .tn-clean-card-icon.is-active {
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(18, 184, 242, .18) !important;
}

.tn-redesign .tn-clean-card-icon.is-selected:hover,
.tn-redesign .tn-clean-card-icon.is-selected:focus,
.tn-redesign .tn-clean-card-icon.is-active:hover,
.tn-redesign .tn-clean-card-icon.is-active:focus {
  border-color: #079FDD !important;
  background: #079FDD !important;
  color: #fff !important;
}

.tn-figma-icon-action.is-selected {
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 16px 30px rgba(18, 184, 242, .18) !important;
}

.tn-redesign .tn-figma-product-actions .tn-figma-icon-action.is-selected:hover,
.tn-redesign .tn-figma-product-actions .tn-figma-icon-action.is-selected:focus {
  border-color: #079FDD !important;
  background: #079FDD !important;
  color: #fff !important;
}

.tn-redesign .tn-figma-search .tn-clean-card-stepper {
  grid-template-columns: 44px minmax(38px, 1fr) 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
}

@media (max-width: 991px) {
  .tn-redesign .tn-clean-card-code {
    min-height: 18px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .tn-redesign .tn-clean-card-stock {
    min-height: 20px !important;
    margin-top: 6px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .tn-redesign .tn-clean-card-meta .tn-clean-card-stock {
    margin-top: 0 !important;
  }

  .tn-redesign .tn-clean-card-rating {
    top: 12px !important;
    right: 12px !important;
    max-width: calc(100% - 24px) !important;
    gap: 4px !important;
    padding: 5px 7px !important;
  }

  .tn-redesign .tn-clean-card-rating-stars {
    font-size: 13px !important;
  }

  .tn-redesign .tn-clean-card-actions {
    grid-template-columns: minmax(0, 1fr) 40px 40px !important;
    gap: 8px !important;
  }

  .tn-redesign .tn-clean-card-icon {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  .tn-redesign .tn-clean-card-stepper {
    grid-template-columns: 32px minmax(28px, 1fr) 32px !important;
    height: 38px !important;
  }

  .tn-redesign .tn-clean-card-stepper span {
    font-size: 14px !important;
  }

  .tn-redesign .tn-clean-card-stepper button {
    font-size: 18px !important;
  }
}

.tn-redesign .tn-figma-category .tn-clean-product-card,
.tn-redesign .tn-figma-reco-grid .tn-clean-product-card,
.tn-redesign .tn-figma-search .tn-search-product-card {
  height: auto !important;
  min-height: 436px !important;
  overflow: visible !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-footer,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-footer,
.tn-redesign .tn-figma-search .tn-clean-card-footer {
  min-width: 0 !important;
  padding-bottom: 14px !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-actions,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-actions,
.tn-redesign .tn-figma-search .tn-clean-card-actions {
  grid-template-columns: minmax(0, 1fr) 48px 48px !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-actions .tn-clean-card-cart,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-actions .tn-clean-card-cart,
.tn-redesign .tn-figma-search .tn-clean-card-actions .tn-clean-card-cart {
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-actions .tn-clean-card-icon,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-actions .tn-clean-card-icon,
.tn-redesign .tn-figma-search .tn-clean-card-actions .tn-clean-card-icon {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-stepper,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-stepper,
.tn-redesign .tn-figma-search .tn-clean-card-stepper {
  grid-template-columns: 32px minmax(28px, 1fr) 32px !important;
  height: 48px !important;
  border-radius: 12px !important;
}

.tn-redesign .tn-home-product-section .tn-home-reco-head {
  margin-bottom: 22px !important;
}

.tn-redesign .tn-home-reco-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.tn-redesign .tn-home-reco-grid .tn-clean-product-card {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 16px !important;
}

.tn-redesign .tn-home-reco-grid .tn-clean-card-media {
  background: #fff !important;
}

.tn-redesign .tn-home-reco-grid .tn-clean-card-actions {
  grid-template-columns: minmax(0, 1fr) 48px 48px !important;
}

@media (max-width: 991px) {
  .tn-redesign .tn-home-reco-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 719px) {
  .tn-redesign .tn-figma-category .tn-clean-product-card,
  .tn-redesign .tn-figma-reco-grid .tn-clean-product-card,
  .tn-redesign .tn-figma-search .tn-search-product-card {
    min-height: 408px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-actions,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-actions,
  .tn-redesign .tn-figma-search .tn-clean-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-cart-control,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-cart-control,
  .tn-redesign .tn-figma-search .tn-clean-card-cart-control {
    grid-column: 1 / -1 !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-actions .tn-clean-card-cart,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-actions .tn-clean-card-cart,
  .tn-redesign .tn-figma-search .tn-clean-card-actions .tn-clean-card-cart {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 13px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-actions .tn-clean-card-icon,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-actions .tn-clean-card-icon,
  .tn-redesign .tn-figma-search .tn-clean-card-actions .tn-clean-card-icon {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-stepper,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-stepper,
  .tn-redesign .tn-figma-search .tn-clean-card-stepper {
    grid-template-columns: 40px minmax(34px, 1fr) 40px !important;
    height: 40px !important;
  }

  .tn-redesign .tn-home-reco-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Stable product-card vertical zones */
.tn-redesign .tn-figma-category .tn-clean-product-card,
.tn-redesign .tn-figma-reco-grid .tn-clean-product-card,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-search-product-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(102px, auto) auto !important;
  grid-template-areas:
    "media"
    "body"
    "footer" !important;
  row-gap: 0 !important;
  align-content: start !important;
  height: auto !important;
  min-height: 436px !important;
  overflow: visible !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-media,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-media,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-media {
  grid-area: media !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-body,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-body,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-body {
  grid-area: body !important;
  display: grid !important;
  grid-template-rows: minmax(72px, auto) minmax(22px, auto) minmax(30px, auto) !important;
  gap: 6px !important;
  align-content: start !important;
  min-width: 0 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-title,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-title,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title {
  grid-row: 1 !important;
  display: -webkit-box !important;
  min-height: 72px !important;
  max-height: 72px !important;
  overflow: hidden !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
}

.tn-redesign .tn-figma-category .tn-clean-card-title.is-title-compact,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-title.is-title-compact,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title.is-title-compact {
  min-height: 54px !important;
  max-height: 54px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 3 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-title.is-title-ultra,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-title.is-title-ultra,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title.is-title-ultra {
  min-height: 51px !important;
  max-height: 51px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 3 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-code,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-code,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-code {
  grid-row: 2 !important;
  min-height: 22px !important;
  margin: 0 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-meta,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-meta,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-meta {
  grid-row: 3 !important;
  min-height: 30px !important;
  margin: 0 !important;
  align-self: start !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-desc,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-desc,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-desc {
  grid-row: 4 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-footer,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-footer {
  grid-area: footer !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 18px 14px !important;
}

.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-footer {
  grid-area: footer !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tn-redesign .tn-figma-category .tn-clean-card-price,
.tn-redesign .tn-figma-reco-grid .tn-clean-card-price,
.tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-price {
  min-height: 34px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 719px) {
  .tn-redesign .tn-figma-category .tn-clean-product-card,
  .tn-redesign .tn-figma-reco-grid .tn-clean-product-card,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-search-product-card {
    grid-template-rows: auto minmax(92px, auto) auto !important;
    min-height: 408px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-body,
    .tn-redesign .tn-figma-reco-grid .tn-clean-card-body,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-body {
    grid-template-rows: minmax(64px, auto) minmax(20px, auto) minmax(28px, auto) !important;
    gap: 5px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-title,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-title,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title {
    min-height: 64px !important;
    max-height: 64px !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-title.is-title-compact,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-title.is-title-compact,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title.is-title-compact,
  .tn-redesign .tn-figma-category .tn-clean-card-title.is-title-ultra,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-title.is-title-ultra,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-title.is-title-ultra {
    min-height: 51px !important;
    max-height: 51px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .tn-redesign .tn-figma-category .tn-clean-card-meta,
  .tn-redesign .tn-figma-reco-grid .tn-clean-card-meta,
  .tn-redesign .tn-figma-search .tn-search-grid-view .tn-clean-card-meta {
    min-height: 28px !important;
  }
}

/* Account password recovery */
.tn-redesign .tn-account-auth-page {
  padding-top: 34px !important;
  padding-bottom: 64px !important;
}

.tn-redesign .tn-account-auth-page .us-main-shop-title {
  margin: 0 0 34px !important;
  color: #282828 !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
}

.tn-redesign .tn-account-auth-layout {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tn-redesign .tn-account-auth-content {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: calc(100% - 308px) !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign .tn-account-auth-card {
  display: block !important;
  width: 100% !important;
  min-height: 420px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 42px 46px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .24) !important;
  overflow: visible !important;
}

.tn-redesign .tn-account-auth-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  margin-bottom: 16px !important;
  border-radius: 999px !important;
  background: rgba(18, 184, 242, .11) !important;
  color: #12B8F2 !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
}

.tn-redesign .tn-account-auth-card h2 {
  max-width: 720px !important;
  margin: 0 0 16px !important;
  color: #282828 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 38px !important;
}

.tn-redesign .tn-account-auth-card p {
  max-width: 850px !important;
  margin: 0 0 30px !important;
  color: #555 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
}

.tn-redesign .tn-account-auth-form {
  max-width: 860px !important;
  margin: 0 !important;
}

.tn-redesign .tn-account-field {
  margin: 0 0 24px !important;
}

.tn-redesign .tn-account-field label {
  display: block !important;
  margin: 0 0 10px !important;
  color: #282828 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 22px !important;
}

.tn-redesign .tn-account-field .required {
  color: #EB5757 !important;
  margin-right: 4px !important;
}

.tn-redesign .tn-account-field .form-control {
  width: 100% !important;
  min-height: 58px !important;
  border: 1px solid #DCE3EA !important;
  border-radius: 14px !important;
  background: #F7F8FA !important;
  color: #282828 !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.tn-redesign .tn-account-field .form-control:focus {
  border-color: #12B8F2 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .14) !important;
}

.tn-redesign .tn-account-form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

.tn-redesign .tn-account-primary-button,
.tn-redesign .tn-account-secondary-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 178px !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 14px !important;
  padding: 0 28px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 56px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.tn-redesign .tn-account-primary-button {
  border: 0 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 18px 30px rgba(18, 184, 242, .2) !important;
}

.tn-redesign .tn-account-secondary-button {
  border: 1px solid #DCE3EA !important;
  background: #fff !important;
  color: #282828 !important;
  box-shadow: none !important;
}

.tn-redesign .tn-account-primary-button:hover,
.tn-redesign .tn-account-primary-button:focus {
  background: #079FDD !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.tn-redesign .tn-account-secondary-button:hover,
.tn-redesign .tn-account-secondary-button:focus {
  border-color: #12B8F2 !important;
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
}

.tn-account-side-menu,
.tn-redesign .tn-account-auth-page #column-right {
  flex: 0 0 278px !important;
  width: 278px !important;
  max-width: 278px !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-list {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 10px !important;
  box-shadow: 0 18px 42px -34px rgba(31, 31, 31, .22) !important;
  overflow: hidden !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-item {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-item + .us-account-item {
  border-top: 1px solid #EEF1F4 !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-link {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  color: #282828 !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-link:hover {
  background: rgba(18, 184, 242, .08) !important;
  color: #12B8F2 !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-link i {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: rgba(18, 184, 242, .1) !important;
  color: #12B8F2 !important;
  font-size: 15px !important;
  line-height: 32px !important;
  text-align: center !important;
}

.tn-redesign .tn-account-auth-page #column-right .us-account-link span {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .tn-redesign .tn-account-auth-page {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
  }

  .tn-redesign .tn-account-auth-content,
  .tn-redesign .tn-account-auth-page #column-right {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign .tn-account-auth-page {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding-top: 24px !important;
    padding-bottom: 44px !important;
  }

  .tn-redesign .tn-account-auth-page .us-main-shop-title {
    margin-bottom: 20px !important;
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .tn-redesign .tn-account-auth-card {
    min-height: 0 !important;
    border-radius: 18px !important;
    padding: 24px 18px !important;
  }

  .tn-redesign .tn-account-auth-card h2 {
    font-size: 24px !important;
    line-height: 31px !important;
  }

  .tn-redesign .tn-account-auth-card p {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .tn-redesign .tn-account-form-actions {
    align-items: stretch !important;
  }

  .tn-redesign .tn-account-primary-button,
  .tn-redesign .tn-account-secondary-button {
    width: 100% !important;
  }
}

/* Approved video hero: ping-pong AI LED top hero; rack aisle banner stays lower. */
.tn-redesign .tn-home-hero,
.tn-redesign .tn-clean-hero.tn-home-hero {
  position: relative !important;
  min-height: 580px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #020611 !important;
  background-image: url('/image/catalog/tehnika-redesign/tehnika24-real-ai-leds-desktop-pingpong-poster.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.tn-redesign .tn-home-hero-video {
  position: absolute !important;
  top: -8% !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: -3 !important;
  display: block !important;
  width: 100% !important;
  height: 108% !important;
  object-fit: cover !important;
  object-position: right bottom !important;
  opacity: .96 !important;
  filter: contrast(1.05) brightness(.92) saturate(1.08) !important;
  transform: none !important;
  transform-origin: right bottom !important;
  pointer-events: none !important;
}

.tn-redesign .tn-home-hero::before,
.tn-redesign .tn-clean-hero.tn-home-hero::before {
  z-index: -2 !important;
  background-image:
    linear-gradient(90deg, rgba(0, 6, 15, .78) 0%, rgba(0, 8, 18, .5) 38%, rgba(0, 6, 15, .12) 72%),
    radial-gradient(circle at 74% 32%, rgba(35, 203, 246, .1), transparent 24%) !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

.tn-redesign .tn-home-hero::after,
.tn-redesign .tn-clean-hero.tn-home-hero::after {
  z-index: -1 !important;
  opacity: .1 !important;
  background:
    radial-gradient(circle at 77% 31%, rgba(164, 241, 255, .38), rgba(56, 208, 255, .14) 8%, transparent 24%),
    radial-gradient(circle at 66% 77%, rgba(31, 204, 255, .18), transparent 21%) !important;
  animation: tnHomeVideoCyanBreath 6s linear infinite !important;
}

.tn-redesign .tn-home-hero-inner,
.tn-redesign .tn-home-hero .container.tn-home-hero-inner,
.tn-redesign .tn-home-figma .container.tn-home-hero-inner {
  min-height: 580px !important;
}

.tn-redesign .tn-home-blackout-banner {
  position: relative !important;
  min-height: 360px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(42, 216, 255, .14) !important;
  border-radius: 20px !important;
  background-color: #020611 !important;
  background-image: url('/image/catalog/tehnika-redesign/tehnika24-lower-banner-leds-pingpong-desktop-poster.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: 0 24px 56px rgba(4, 12, 24, .14), 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
}

.tn-redesign .tn-home-blackout-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .96 !important;
  filter: contrast(1.08) brightness(.76) saturate(1.12) !important;
  pointer-events: none !important;
}

.tn-redesign .tn-home-blackout-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(0, 5, 13, .99) 0%, rgba(0, 6, 15, .92) 31%, rgba(0, 8, 18, .54) 57%, rgba(0, 7, 15, .18) 100%),
    radial-gradient(circle at 20% 80%, rgba(24, 198, 246, .26), transparent 26%),
    radial-gradient(circle at 76% 33%, rgba(38, 210, 255, .16), transparent 22%) !important;
}

.tn-redesign .tn-home-blackout-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .34 !important;
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(72, 224, 255, .16) 48%, transparent 50% 100%),
    radial-gradient(circle at 72% 38%, rgba(188, 246, 255, .34), rgba(34, 202, 255, .13) 9%, transparent 25%),
    radial-gradient(circle at 24% 80%, rgba(31, 204, 255, .2), transparent 20%) !important;
  animation: tnHomeVideoCyanBreath 6.5s linear infinite !important;
}

.tn-redesign .tn-home-blackout-banner .tn-home-promo-copy {
  position: relative !important;
  z-index: 1 !important;
  max-width: 520px !important;
  padding: 74px 0 72px !important;
  padding-left: clamp(28px, 5vw, 82px) !important;
}

.tn-redesign .tn-home-blackout-banner h2 {
  max-width: 500px !important;
  color: #fff !important;
  text-shadow: 0 2px 30px rgba(0, 0, 0, .62) !important;
}

.tn-redesign .tn-home-blackout-banner p {
  max-width: 420px !important;
  color: rgba(255, 255, 255, .88) !important;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .68) !important;
}

.tn-redesign .tn-home-blackout-banner a {
  background: linear-gradient(180deg, #24c4f3, #13aadf) !important;
  color: #fff !important;
  box-shadow: 0 0 34px rgba(32, 200, 246, .24) !important;
}

@keyframes tnHomeVideoCyanBreath {
  0%, 100% {
    opacity: .14;
  }
  42% {
    opacity: .32;
  }
  52% {
    opacity: .22;
  }
}

@media (max-width: 1180px) {
  .tn-redesign .tn-home-hero {
    background-image: url('/image/catalog/tehnika-redesign/tehnika24-real-ai-leds-desktop-pingpong-poster.jpg') !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign .tn-home-hero,
  .tn-redesign .tn-clean-hero.tn-home-hero {
    min-height: 620px !important;
    height: min(760px, calc(100svh - 84px)) !important;
    background-image: url('/image/catalog/tehnika-redesign/tehnika24-real-ai-leds-mobile-pingpong-poster.jpg') !important;
  }

  .tn-redesign .tn-home-hero-video {
    top: -12% !important;
    bottom: auto !important;
    height: 112% !important;
    object-position: right bottom !important;
    filter: contrast(1.05) brightness(.88) saturate(1.06) !important;
    transform: none !important;
    transform-origin: right bottom !important;
  }

  .tn-redesign .tn-home-hero::before,
  .tn-redesign .tn-clean-hero.tn-home-hero::before {
    background-image:
      linear-gradient(90deg, rgba(0, 6, 15, .82) 0%, rgba(0, 8, 18, .62) 44%, rgba(0, 6, 15, .18) 75%),
      linear-gradient(180deg, rgba(0, 5, 12, .03) 0%, rgba(0, 5, 12, .1) 51%, rgba(0, 5, 12, .46) 100%),
      radial-gradient(circle at 75% 73%, rgba(35, 203, 246, .1), transparent 27%) !important;
  }

  .tn-redesign .tn-home-hero-inner,
  .tn-redesign .tn-home-hero .container.tn-home-hero-inner,
  .tn-redesign .tn-home-figma .container.tn-home-hero-inner {
    min-height: 620px !important;
  }

  .tn-redesign .tn-home-blackout-banner {
    min-height: 520px !important;
    background-image: url('/image/catalog/tehnika-redesign/tehnika24-lower-banner-leds-pingpong-mobile-poster.jpg') !important;
  }

  .tn-redesign .tn-home-blackout-video {
    object-position: 58% 50% !important;
    filter: contrast(1.08) brightness(.7) saturate(1.1) !important;
  }

  .tn-redesign .tn-home-blackout-banner::before {
    background-image:
      linear-gradient(90deg, rgba(0, 5, 13, .99) 0%, rgba(0, 8, 18, .92) 45%, rgba(0, 6, 15, .34) 100%),
      linear-gradient(180deg, rgba(0, 5, 12, .12) 0%, rgba(0, 5, 12, .2) 52%, rgba(0, 5, 12, .86) 100%),
      radial-gradient(circle at 75% 73%, rgba(35, 203, 246, .18), transparent 27%) !important;
  }

  .tn-redesign .tn-home-blackout-banner .tn-home-promo-copy {
    max-width: 320px !important;
    padding: 260px 24px 58px !important;
    padding-left: 24px !important;
  }
}

.tn-figma-category .tn-clean-card-media,
.tn-figma-reco-grid .tn-clean-card-media,
.tn-figma-search .tn-clean-card-media {
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
}

/* Header live search */
.tn-redesign .tn-clean-header .tn-clean-search #search.header-input-group.is-live-search-ready,
.tn-redesign .tn-clean-header .tn-clean-search #search.header-input-group.is-live-search-ready > [itemprop="potentialAction"] {
  overflow: visible !important;
}

.tn-redesign .tn-clean-header #us_livesearch {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10030 !important;
  max-height: min(560px, calc(100vh - 180px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid rgba(18, 184, 242, .14) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 22px 54px rgba(8, 16, 24, .16) !important;
}

.tn-redesign .tn-clean-header #us_livesearch:not(.expanded) {
  display: none !important;
}

.tn-live-search {
  width: 100%;
}

.tn-live-search-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  padding: 8px !important;
}

.tn-live-search-item {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 10px !important;
  border-radius: 8px !important;
  color: #2b2b2b !important;
  text-decoration: none !important;
  transition: background-color .16s ease, color .16s ease !important;
}

.tn-live-search-item:hover,
.tn-live-search-item:focus {
  background: #F4FAFE !important;
  color: #2b2b2b !important;
  text-decoration: none !important;
}

.tn-live-search-media {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  width: 92px !important;
  min-width: 0 !important;
}

.tn-live-search-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  overflow: hidden !important;
  border: 1px solid #EEF2F5 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.tn-live-search-thumb img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
}

.tn-live-search-rating {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  max-width: 92px !important;
  color: #8A8A8A !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.tn-live-search-rating-stars {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  color: #D8DEE6 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.tn-live-search-rating-stars-base,
.tn-live-search-rating-stars-fill {
  display: block !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.tn-live-search-rating-stars-fill {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: var(--tn-live-search-rating, 0%) !important;
  overflow: hidden !important;
  color: #FFB13B !important;
}

.tn-live-search-rating-value {
  color: #2b2b2b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.tn-live-search-rating-count {
  color: #9AA2AC !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.tn-live-search-body {
  display: grid !important;
  min-width: 0 !important;
  gap: 7px !important;
}

.tn-live-search-name {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #2b2b2b !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.tn-live-search-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tn-live-search-code {
  overflow: hidden !important;
  color: #8A8A8A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tn-live-search-status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

.tn-live-search-status.is-instock {
  background: #EAF8E6 !important;
  color: #43B02A !important;
}

.tn-live-search-status.is-preorder {
  background: #FFF2DF !important;
  color: #D66C00 !important;
}

.tn-live-search-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #282828 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.tn-live-search-empty {
  padding: 18px 20px !important;
  color: #777 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  .tn-redesign .tn-clean-header #us_livesearch {
    max-height: min(480px, calc(100vh - 140px)) !important;
  }

  .tn-live-search-item {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 104px !important;
    gap: 12px !important;
  }

  .tn-live-search-media {
    width: 78px !important;
    gap: 6px !important;
  }

  .tn-live-search-thumb,
  .tn-live-search-thumb img {
    width: 64px !important;
    height: 64px !important;
  }

  .tn-live-search-rating {
    max-width: 78px !important;
    gap: 3px !important;
    font-size: 10px !important;
  }

  .tn-live-search-rating-stars,
  .tn-live-search-rating-value {
    font-size: 10px !important;
  }

  .tn-live-search-rating-count {
    font-size: 9px !important;
  }
}

/* Home category filter picker. */
.tn-home-picker-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.tn-home-picker-card {
  display: grid;
  grid-template-rows: 62px minmax(260px, auto);
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 225, 234, .88);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(24, 35, 48, .06);
}

.tn-home-picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 0 18px 0 20px;
  border-bottom: 1px solid rgba(216, 225, 234, .88);
  background: linear-gradient(180deg, #fff 0%, #f7f9fb 100%);
}

.tn-home-picker-title {
  min-width: 0;
  color: #23282f;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
}

.tn-home-picker-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid rgba(31, 184, 224, .32);
  border-radius: 999px;
  background: rgba(31, 184, 224, .08);
  color: #108fbd;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.tn-home-picker-main:hover,
.tn-home-picker-main:focus-visible {
  border-color: rgba(31, 184, 224, .52);
  background: rgba(31, 184, 224, .15);
  color: #047aa7;
  text-decoration: none;
}

.tn-home-picker-body {
  display: grid;
  grid-template-columns: minmax(246px, 274px) minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 14px 20px 20px;
}

.tn-home-picker-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 236px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.tn-home-picker-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0;
}

.tn-home-picker-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.tn-home-picker-note {
  max-width: 360px;
  min-height: 58px;
  margin: 0 0 16px;
  color: #5f6b76;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.42;
}

.tn-home-picker-links {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: start;
  gap: 8px;
  max-width: 326px;
  min-width: 0;
}

.tn-home-picker-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid #d7e1ea;
  border-radius: 12px;
  background: #fff;
  color: #252b33;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.tn-home-picker-link::after {
  content: ">";
  margin-left: 8px;
  color: currentColor;
  opacity: .72;
}

.tn-home-picker-link.is-primary {
  border-color: #19b7df;
  background: #19b7df;
  color: #fff;
}

.tn-home-picker-link:hover,
.tn-home-picker-link:focus-visible {
  border-color: rgba(31, 184, 224, .6);
  background: #eef9fc;
  color: #047aa7;
  text-decoration: none;
}

.tn-home-picker-link.is-primary:hover,
.tn-home-picker-link.is-primary:focus-visible {
  border-color: #089fc9;
  background: #089fc9;
  color: #fff;
}

@media (max-width: 991px) {
  .tn-home-picker-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .tn-home-picker-card {
    grid-template-rows: 56px minmax(234px, auto);
    border-radius: 16px;
  }

  .tn-home-picker-head {
    padding: 0 14px 0 16px;
  }

  .tn-home-picker-title {
    font-size: 18px;
    line-height: 22px;
  }

  .tn-home-picker-body {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 14px;
    padding: 14px 14px 16px;
  }

  .tn-home-picker-media {
    height: 218px;
  }

  .tn-home-picker-media img {
    padding: 0;
  }

  .tn-home-picker-note {
    max-width: 390px;
    min-height: 54px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.38;
  }

  .tn-home-picker-links {
    gap: 7px;
  }

  .tn-home-picker-link {
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 11px;
    font-size: 13px;
    line-height: 18px;
  }
}

@media (max-width: 480px) {
  .tn-home-picker-head {
    gap: 10px;
  }

  .tn-home-picker-main {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 12px;
  }

  .tn-home-picker-body {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .tn-home-picker-media {
    height: 252px;
  }

  .tn-home-picker-copy {
    align-items: flex-start;
  }

  .tn-home-picker-note {
    min-height: 0;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.36;
  }

  .tn-home-picker-link {
    min-height: 30px;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .tn-home-picker-link::after {
    margin-left: 6px;
  }
}

.tn-redesign .tn-figma-product .tn-clean-gallery {
  height: auto !important;
  min-height: 500px !important;
}

.tn-redesign .tn-figma-product .tn-clean-main-image {
  width: 510px !important;
  height: 430px !important;
  min-height: 430px !important;
  margin: 0 auto !important;
  padding: 18px !important;
  border: 0 !important;
  background: #fff !important;
  cursor: zoom-in;
  overflow: hidden !important;
}

.tn-redesign .tn-figma-product .tn-clean-main-image img {
  width: 100% !important;
  max-width: 466px !important;
  max-height: 394px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  clip-path: inset(1px);
}

.tn-product-gallery-main {
  appearance: none;
  border: 0;
}

.tn-product-gallery-thumbs {
  display: block !important;
  margin-top: 14px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  overflow-x: auto;
  scrollbar-width: thin;
}

.tn-redesign .tn-figma-product .tn-product-gallery-thumbs #image-additional {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: max-content;
  max-width: 100%;
  margin: 0 auto !important;
  min-width: 0;
}

.tn-redesign .tn-figma-product .tn-product-gallery-thumb {
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 4px !important;
  border: 1px solid #E1E4E8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.tn-redesign .tn-figma-product .tn-product-gallery-thumb.active,
.tn-redesign .tn-figma-product .tn-product-gallery-thumb:hover,
.tn-redesign .tn-figma-product .tn-product-gallery-thumb:focus {
  border-color: #12B8F2 !important;
  box-shadow: 0 8px 18px rgba(18, 184, 242, .16) !important;
}

.tn-redesign .tn-figma-product .tn-product-gallery-thumb img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

.tn-product-lightbox .fancybox-bg {
  background: #0B1118;
  opacity: .96 !important;
}

.tn-product-lightbox .fancybox-slide--image {
  padding: 28px 28px 146px;
}

.tn-product-lightbox .fancybox-image {
  object-fit: contain;
}

.tn-product-lightbox .fancybox-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 28px 24px;
  background: linear-gradient(180deg, rgba(11, 17, 24, 0), rgba(11, 17, 24, .92) 28%, rgba(11, 17, 24, .98));
}

.tn-product-lightbox-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  width: min(1040px, 100%);
  margin: 0 auto;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(15, 23, 32, .92);
  color: #fff;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
}

.tn-product-lightbox-copy {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  line-height: 18px;
}

.tn-product-lightbox-copy strong {
  max-width: 450px;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tn-product-lightbox-copy span {
  white-space: nowrap;
}

.tn-product-lightbox-actions {
  display: grid;
  grid-template-columns: minmax(154px, 184px) 48px 48px;
  gap: 8px;
  align-items: center;
}

.tn-product-lightbox-cart-control {
  min-width: 0;
}

.tn-product-lightbox-cart-control.is-in-cart .tn-clean-card-cart {
  display: none !important;
}

.tn-product-lightbox .tn-clean-card-cart {
  height: 48px !important;
  border-radius: 12px !important;
}

.tn-product-lightbox .tn-clean-card-stepper {
  height: 48px !important;
  border-radius: 12px !important;
}

.tn-product-lightbox-action {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

.tn-product-lightbox-action.is-selected {
  border-color: #12B8F2 !important;
  background: #12B8F2 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(18, 184, 242, .22) !important;
}

@media (max-width: 640px) {
  .tn-redesign .tn-figma-product .tn-clean-main-image {
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    margin: 0 auto !important;
  }

  .tn-redesign .tn-figma-product .tn-product-gallery-main {
    display: grid !important;
    place-items: center !important;
  }

  .tn-redesign .tn-figma-product .tn-product-gallery-thumbs {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .tn-product-lightbox .fancybox-slide--image {
    padding: 16px 10px 216px;
  }

  .tn-product-lightbox .fancybox-caption {
    padding: 0 10px 12px;
  }

  .tn-product-lightbox-bar {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }

  .tn-product-lightbox-copy {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .tn-product-lightbox-copy strong {
    max-width: 100%;
    white-space: normal;
  }

  .tn-product-lightbox-actions {
    grid-template-columns: minmax(0, 1fr) 44px 44px;
  }

  .tn-product-lightbox-action {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

.tn-figma-product .tn-product-price-stack {
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-items: end !important;
  gap: 8px !important;
  width: 241px !important;
  max-width: 100% !important;
}

.tn-figma-product .tn-product-price-stack .tn-product-top-rating {
  justify-self: end !important;
  margin: 0 2px 0 0 !important;
}

.tn-figma-product .tn-product-price-stack .tn-clean-price-block {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .tn-figma-product .tn-product-price-stack {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-items: start !important;
    width: 100% !important;
  }

  .tn-figma-product .tn-product-price-stack .tn-product-top-rating {
    justify-self: start !important;
    margin-right: 0 !important;
  }
}

/* Product page responsive audit fixes: keep detail sections and related cards inside the viewport. */
@media (max-width: 1199px) {
  .tn-redesign .tn-figma-product .tn-clean-detail-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-detail-section,
  .tn-redesign .tn-figma-product .tn-clean-description,
  .tn-redesign .tn-figma-product .tn-clean-attr-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-attr-table div {
    grid-template-columns: minmax(190px, 300px) minmax(0, 1fr) !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-attr-table strong {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (min-width: 720px) and (max-width: 1199px) {
  .tn-redesign .tn-figma-product .tn-clean-related .tn-figma-reco-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-product-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 430px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-footer {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-actions {
    display: grid !important;
    grid-template-columns: minmax(128px, 1fr) 44px 44px !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-cart-control {
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-cart {
    width: 100% !important;
    min-width: 128px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-actions .tn-clean-card-icon {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

@media (max-width: 719px) {
  .tn-redesign .tn-figma-product .tn-clean-detail-grid {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-detail-section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-attr-table div {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-actions {
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-cart-control,
  .tn-redesign .tn-figma-product .tn-clean-related .tn-clean-card-cart {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Account area: cleaner profile and order details. */
.tn-redesign #account-account .tn-account-profile {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 0 28px !important;
  padding: 18px !important;
  border: 1px solid rgba(18, 184, 242, .18) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.tn-redesign #account-account .tn-account-avatar {
  width: 72px !important;
  height: 72px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #e9faff !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  color: #18b8f2 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.tn-redesign .tn-account-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
}

.tn-redesign #account-account .tn-account-profile-main {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tn-redesign #account-account .tn-account-profile-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: baseline !important;
  color: #8a8f96 !important;
  font-size: 16px !important;
}

.tn-redesign #account-edit .tn-account-avatar-upload {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin: 0 0 24px !important;
  padding: 18px !important;
  border: 1px solid rgba(18, 184, 242, .18) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.tn-redesign #account-edit .tn-account-avatar-upload .tn-account-avatar {
  width: 96px !important;
  height: 96px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  background: #e9faff !important;
  color: #18b8f2 !important;
  overflow: hidden !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tn-redesign #account-edit .tn-account-avatar-file {
  display: none !important;
}

.tn-redesign #account-edit .tn-account-avatar-upload-main {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.tn-redesign #account-edit .tn-account-avatar-upload-label {
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.tn-redesign #account-edit .tn-account-avatar-upload-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-edit .tn-account-avatar-pick,
.tn-redesign #account-edit .tn-account-avatar-apply {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid #18b8f2 !important;
  border-radius: 12px !important;
  background: #18b8f2 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

.tn-redesign #account-edit .tn-account-avatar-reset {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid #e1e7ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #7a8189 !important;
  font-weight: 900 !important;
}

.tn-redesign #account-edit .tn-account-avatar-reset[hidden] {
  display: none !important;
}

.tn-redesign #account-edit .tn-account-avatar-crop {
  display: grid !important;
  grid-template-columns: 220px minmax(160px, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

.tn-redesign #account-edit .tn-account-avatar-crop[hidden] {
  display: none !important;
}

.tn-redesign #account-edit .tn-account-avatar-crop canvas {
  width: 220px !important;
  height: 220px !important;
  border-radius: 18px !important;
  border: 1px solid #dfe7ee !important;
  background: #fff !important;
  cursor: grab !important;
}

.tn-redesign #account-edit .tn-account-avatar-zoom {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #282828 !important;
  font-weight: 800 !important;
}

.tn-redesign #account-edit .tn-account-avatar-zoom input {
  width: 100% !important;
}

.tn-redesign #simpleedit .tn-account-avatar-upload {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin: 0 0 24px !important;
  padding: 18px !important;
  border: 1px solid rgba(18, 184, 242, .18) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.tn-redesign #simpleedit .tn-account-avatar-upload .tn-account-avatar {
  width: 96px !important;
  height: 96px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  background: #e9faff !important;
  color: #18b8f2 !important;
  overflow: hidden !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-file {
  display: none !important;
}

.tn-redesign #simpleedit .tn-account-avatar-upload-main {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-upload-label {
  color: #282828 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-upload-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #simpleedit .tn-account-avatar-pick,
.tn-redesign #simpleedit .tn-account-avatar-apply {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid #18b8f2 !important;
  border-radius: 12px !important;
  background: #18b8f2 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-reset {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid #e1e7ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #7a8189 !important;
  font-weight: 900 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-reset[hidden] {
  display: none !important;
}

.tn-redesign #simpleedit .tn-account-avatar-crop {
  display: grid !important;
  grid-template-columns: 220px minmax(160px, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

.tn-redesign #simpleedit .tn-account-avatar-crop[hidden] {
  display: none !important;
}

.tn-redesign #simpleedit .tn-account-avatar-crop canvas {
  width: 220px !important;
  height: 220px !important;
  border-radius: 18px !important;
  border: 1px solid #dfe7ee !important;
  background: #fff !important;
  cursor: grab !important;
}

.tn-redesign #simpleedit .tn-account-avatar-zoom {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #282828 !important;
  font-weight: 800 !important;
}

.tn-redesign #simpleedit .tn-account-avatar-zoom input {
  width: 100% !important;
}

.tn-redesign #account-account .tn-account-profile-row strong {
  min-width: 0 !important;
  color: #282828 !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}

.tn-redesign #account-account .tn-account-profile-edit,
.tn-redesign #account-order .tn-account-order-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  background: #e9faff !important;
  color: #0a9fd1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

.tn-redesign #account-account #content a.tn-account-profile-edit:hover,
.tn-redesign #account-account #content a.tn-account-profile-edit:focus,
.tn-redesign #account-order .tn-account-order-back:hover {
  background: #18b8f2 !important;
  border-color: #18b8f2 !important;
  color: #fff !important;
  text-shadow: none !important;
  transform: translateY(-1px) !important;
}

.tn-redesign #account-order .tn-account-order-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-order .tn-account-preorder-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-height: 28px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 159, 45, .14) !important;
  color: #d87600 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.tn-redesign #account-account .tn-account-preorder-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-height: 26px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 159, 45, .14) !important;
  color: #d87600 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.tn-redesign .tn-account-order-number-content {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-order .tn-account-order-history-table {
  min-width: 880px !important;
  table-layout: fixed !important;
}

.tn-redesign #account-order .tn-account-order-history-col-number {
  width: 17% !important;
}

.tn-redesign #account-order .tn-account-order-history-col-recipient {
  width: 17% !important;
}

.tn-redesign #account-order .tn-account-order-history-col-count {
  width: 8% !important;
}

.tn-redesign #account-order .tn-account-order-history-col-status {
  width: 22% !important;
}

.tn-redesign #account-order .tn-account-order-history-col-total {
  width: 17% !important;
}

.tn-redesign #account-order .tn-account-order-history-col-date {
  width: 19% !important;
}

.tn-redesign #account-order .tn-account-order-history-table thead th {
  padding: 18px 22px !important;
  white-space: nowrap !important;
}

.tn-redesign #account-order .tn-account-order-history-table tbody td {
  padding: 24px 22px !important;
  line-height: 1.32 !important;
}

.tn-redesign #account-order .tn-account-order-history-table th:nth-child(3),
.tn-redesign #account-order .tn-account-order-history-table td:nth-child(3) {
  text-align: center !important;
}

.tn-redesign #account-order .tn-account-order-history-total,
.tn-redesign #account-order .tn-account-order-history-table td:nth-child(6) {
  white-space: nowrap !important;
}

.tn-redesign #account-order .tn-account-order-history-status {
  min-width: 170px !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.tn-redesign #account-order .tn-account-order-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #F4F7FA !important;
  color: #282828 !important;
  padding: 5px 14px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

.tn-redesign .tn-account-order-summary-table .tn-account-order-history-status {
  min-width: 170px !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.tn-redesign .tn-account-order-summary-table .tn-account-order-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #F4F7FA !important;
  color: #282828 !important;
  padding: 5px 14px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

.tn-redesign #account-order .tn-account-order-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 18px !important;
  margin-top: 18px !important;
}

.tn-redesign #account-order .tn-account-order-summary-item {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: baseline !important;
  margin: 0 !important;
  color: #6f7379 !important;
}

.tn-redesign #account-order .tn-account-order-summary-item.is-wide {
  grid-column: 1 / -1 !important;
}

.tn-redesign #account-order .tn-account-order-summary-item span {
  color: #7b8087 !important;
  font-weight: 700 !important;
}

.tn-redesign #account-order .tn-account-order-summary-item b {
  color: #282828 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.tn-redesign #account-order .tn-account-order-table-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 8px !important;
  border-radius: 18px !important;
  background: linear-gradient(to bottom, #282828 0, #282828 58px, #fff 58px, #fff 100%) !important;
}

.tn-redesign #account-order .tn-account-order-table {
  position: relative !important;
  width: 100% !important;
  min-width: 760px !important;
  margin-bottom: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.tn-redesign #account-order .tn-account-order-col-product {
  width: auto !important;
}

.tn-redesign #account-order .tn-account-order-col-model {
  width: 13% !important;
}

.tn-redesign #account-order .tn-account-order-col-quantity {
  width: 9% !important;
}

.tn-redesign #account-order .tn-account-order-col-price,
.tn-redesign #account-order .tn-account-order-col-total {
  width: 14% !important;
}

.tn-redesign #account-order .tn-account-order-col-actions {
  width: 150px !important;
}

.tn-redesign #account-order .tn-account-order-table th,
.tn-redesign #account-order .tn-account-order-table td {
  vertical-align: middle !important;
}

.tn-redesign #account-order .tn-account-order-table thead {
  background: #282828 !important;
}

.tn-redesign #account-order .tn-account-order-table thead tr {
  background: #282828 !important;
}

.tn-redesign #account-order .tn-account-order-table thead th {
  position: relative !important;
  background: #282828 !important;
  border-color: #282828 !important;
  padding: 18px 16px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.tn-redesign #account-order .tn-account-order-table thead th:first-child {
  padding-left: 22px !important;
  border-top-left-radius: 18px !important;
}

.tn-redesign #account-order .tn-account-order-table thead th:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top-right-radius: 18px !important;
}

.tn-redesign #account-order .tn-account-order-actions-head::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-top-right-radius: 18px !important;
  background: #282828 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.tn-redesign #account-order .tn-account-order-table th:nth-child(2),
.tn-redesign #account-order .tn-account-order-table td:nth-child(2) {
  width: 13% !important;
  min-width: 96px !important;
}

.tn-redesign #account-order .tn-account-order-table th:nth-child(3),
.tn-redesign #account-order .tn-account-order-table td:nth-child(3) {
  width: 9% !important;
  min-width: 72px !important;
  text-align: center !important;
}

.tn-redesign #account-order .tn-account-order-table th:nth-child(4),
.tn-redesign #account-order .tn-account-order-table td:nth-child(4),
.tn-redesign #account-order .tn-account-order-table th:nth-child(5),
.tn-redesign #account-order .tn-account-order-table td:nth-child(5) {
  width: 14% !important;
  min-width: 112px !important;
  white-space: nowrap !important;
}

.tn-redesign #account-order .tn-account-order-table th:nth-child(6),
.tn-redesign #account-order .tn-account-order-table td:nth-child(6),
.tn-redesign #account-order .tn-account-order-actions-head {
  width: 150px !important;
  min-width: 150px !important;
}

.tn-redesign #account-order .tn-account-order-product {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.tn-redesign #account-order .tn-account-product-thumb {
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  border: 1px solid #e4e9ee !important;
  background: #fff !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.tn-redesign #account-order .tn-account-product-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.tn-redesign #account-order .tn-account-order-product-main {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.tn-redesign #account-order .tn-account-order-product-name {
  color: #282828 !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}

.tn-redesign #account-order a.tn-account-order-product-name:hover {
  color: #18b8f2 !important;
}

.tn-redesign #account-order .tn-account-order-option {
  display: block !important;
  color: #8a8f96 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.tn-redesign #account-order .tn-account-order-actions-cell {
  width: 150px !important;
  min-width: 150px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.tn-redesign #account-order .tn-account-order-table tbody tr:hover td {
  background: #f8f8f8 !important;
}

.tn-redesign #account-order .tn-account-order-table tbody tr:hover td:last-child {
  background: #f8f8f8 !important;
  box-shadow: 90px 0 0 #f8f8f8 !important;
}

.tn-redesign #account-order .tn-account-order-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 112px !important;
  min-width: 112px !important;
}

.tn-redesign #account-order .tn-account-order-action {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #e1e7ec !important;
  background: #fff !important;
  color: #282828 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.tn-redesign #account-order .tn-account-order-action i {
  line-height: 1 !important;
}

.tn-redesign #account-order .tn-account-action-tooltip {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 8px) !important;
  z-index: 5 !important;
  max-width: 150px !important;
  padding: 6px 9px !important;
  border-radius: 10px !important;
  background: #282828 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, 4px) !important;
  transition: opacity .14s ease, transform .14s ease !important;
}

.tn-redesign #account-order .tn-account-order-action:hover .tn-account-action-tooltip,
.tn-redesign #account-order .tn-account-order-action:focus .tn-account-action-tooltip {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}

.tn-redesign #account-order .tn-account-order-cart-control {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
}

.tn-redesign #account-order .tn-account-order-cart-control.is-in-cart {
  width: 112px !important;
  min-width: 112px !important;
  grid-column: 1 / -1 !important;
}

.tn-redesign #account-order .tn-account-order-cart-control.is-in-cart .tn-account-order-cart-add {
  display: none !important;
}

.tn-redesign #account-order .tn-account-order-stepper[hidden] {
  display: none !important;
}

.tn-redesign #account-order .tn-account-order-stepper {
  display: grid !important;
  grid-template-columns: 32px minmax(30px, 1fr) 32px !important;
  align-items: center !important;
  width: 112px !important;
  height: 34px !important;
  border: 1px solid rgba(18, 184, 242, .35) !important;
  border-radius: 10px !important;
  background: #e9faff !important;
  overflow: hidden !important;
}

.tn-redesign #account-order .tn-account-order-stepper button,
.tn-redesign #account-order .tn-account-order-stepper span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0a9fd1 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tn-redesign #account-order .tn-account-order-stepper button {
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease !important;
}

.tn-redesign #account-order .tn-account-order-stepper button:hover,
.tn-redesign #account-order .tn-account-order-stepper button:focus {
  background: #18b8f2 !important;
  color: #fff !important;
}

.tn-redesign #account-order .tn-account-order-stepper span {
  color: #282828 !important;
  border-left: 1px solid rgba(18, 184, 242, .18) !important;
  border-right: 1px solid rgba(18, 184, 242, .18) !important;
}

.tn-redesign #account-order .tn-account-order-cart-add {
  border-color: #18b8f2 !important;
  background: #18b8f2 !important;
  color: #fff !important;
}

.tn-redesign #account-order .tn-account-order-cart-add.is-preorder {
  border-color: #ffa22b !important;
  background: #ffa22b !important;
}

.tn-redesign #account-order .tn-account-order-action.is-review {
  border-color: rgba(18, 184, 242, .25) !important;
  background: #e9faff !important;
  color: #0a9fd1 !important;
}

.tn-redesign #account-order .tn-account-order-action.is-return {
  border-color: rgba(239, 82, 87, .22) !important;
  background: #fff6f6 !important;
  color: #d64545 !important;
}

.tn-redesign #account-order .tn-account-order-action:hover,
.tn-redesign #account-order .tn-account-order-action:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(35, 43, 50, .08) !important;
}

.tn-redesign #account-order .tn-account-order-footer-actions {
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 22px !important;
}

.tn-redesign #account-order .tn-order-address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-order .tn-order-address-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(18, 184, 242, .28) !important;
  background: #e9faff !important;
  color: #0a9fd1 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, color .16s ease !important;
}

.tn-redesign #account-address .tn-order-address-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 11px 20px !important;
  border: 1px solid #18b8f2 !important;
  border-radius: 14px !important;
  background: #18b8f2 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(18, 184, 242, .18) !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.tn-redesign #account-order .tn-order-address-action:hover,
.tn-redesign #account-order .tn-order-address-action:focus {
  border-color: #18b8f2 !important;
  background: #18b8f2 !important;
  color: #fff !important;
  text-shadow: none !important;
  transform: translateY(-1px) !important;
}

.tn-redesign #account-address .tn-order-address-action:hover,
.tn-redesign #account-address .tn-order-address-action:focus {
  border-color: #0a9fd1 !important;
  background: #0a9fd1 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 30px rgba(18, 184, 242, .24) !important;
}

.tn-redesign #account-address .tn-order-address-action.is-secondary {
  background: #e9faff !important;
  color: #0a9fd1 !important;
  box-shadow: none !important;
}

.tn-redesign #account-address .tn-order-address-action.is-secondary:hover,
.tn-redesign #account-address .tn-order-address-action.is-secondary:focus {
  background: #18b8f2 !important;
  color: #fff !important;
}

.tn-redesign #account-order .tn-order-address-locked {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255, 162, 43, .28) !important;
  border-radius: 999px !important;
  background: rgba(255, 162, 43, .11) !important;
  color: #d87500 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.tn-redesign #account-address .tn-order-address-form {
  display: grid !important;
  gap: 22px !important;
}

.tn-redesign #account-address .tn-order-address-form-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.tn-redesign #account-address .tn-order-address-form-head .us-content-text {
  margin: 6px 0 0 !important;
  color: #8a8a8a !important;
}

.tn-redesign #account-address .tn-order-address-list {
  display: grid !important;
  gap: 14px !important;
}

.tn-redesign #account-address .tn-order-address-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(31, 42, 51, .04) !important;
}

.tn-redesign #account-address .tn-order-address-card.is-selected {
  border-color: rgba(18, 184, 242, .45) !important;
  box-shadow: 0 14px 32px rgba(18, 184, 242, .11) !important;
}

.tn-redesign #account-address .tn-order-address-choice {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.tn-redesign #account-address .tn-order-address-choice input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.tn-redesign #account-address .tn-order-address-dot {
  width: 22px !important;
  height: 22px !important;
  margin-top: 2px !important;
  border: 2px solid #b7c1cc !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 5px #fff !important;
}

.tn-redesign #account-address .tn-order-address-choice input:checked + .tn-order-address-dot {
  border-color: #18b8f2 !important;
  background: #18b8f2 !important;
}

.tn-redesign #account-address .tn-order-address-text {
  color: #555 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

.tn-redesign #account-address .tn-order-address-card-edit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(18, 184, 242, .2) !important;
  border-radius: 12px !important;
  background: #f3fbff !important;
  color: #0a9fd1 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.tn-redesign #account-address .tn-order-address-card-edit:hover,
.tn-redesign #account-address .tn-order-address-card-edit:focus {
  background: #18b8f2 !important;
  color: #fff !important;
}

.tn-redesign #account-address .tn-order-address-card-edit:hover span,
.tn-redesign #account-address .tn-order-address-card-edit:hover i,
.tn-redesign #account-address .tn-order-address-card-edit:focus span,
.tn-redesign #account-address .tn-order-address-card-edit:focus i {
  color: #fff !important;
}

.tn-redesign #account-address .tn-order-address-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-address .tn-address-book-list {
  display: grid !important;
  gap: 16px !important;
}

.tn-redesign #account-address .tn-address-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 22px !important;
  align-items: start !important;
  padding: 24px !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 42, 51, .05) !important;
}

.tn-redesign #account-address .tn-address-card-body {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  min-width: 0 !important;
}

.tn-redesign #account-address .tn-address-card-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: rgba(18, 184, 242, .1) !important;
  color: #12b8f2 !important;
  font-size: 18px !important;
}

.tn-redesign #account-address .tn-address-card-text {
  min-width: 0 !important;
  color: #6f757b !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.tn-redesign #account-address .tn-address-card-recipient {
  display: grid !important;
  row-gap: 3px !important;
  margin: 0 0 12px !important;
  color: #2c2c2c !important;
}

.tn-redesign #account-address .tn-order-address-text .tn-address-card-recipient {
  margin-bottom: 10px !important;
  font-size: 16px !important;
}

.tn-redesign #account-address .tn-address-card-recipient span,
.tn-redesign #account-address .tn-address-card-line span {
  color: #9aa2aa !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.tn-redesign #account-address .tn-address-card-recipient b,
.tn-redesign #account-address .tn-address-card-line b {
  color: #555 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.tn-redesign #account-address .tn-address-card-lines {
  display: grid !important;
  row-gap: 9px !important;
}

.tn-redesign #account-address .tn-address-card-line {
  display: grid !important;
  row-gap: 3px !important;
}

.tn-redesign #account-address .tn-order-address-text .tn-address-card-lines {
  row-gap: 7px !important;
}

.tn-redesign #account-address .tn-address-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.tn-redesign #account-address .tn-address-card-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.tn-redesign #account-address .tn-address-card-delete {
  border: 1px solid rgba(239, 82, 87, .22) !important;
  background: #fff6f6 !important;
  color: #d64545 !important;
}

.tn-redesign #account-address .tn-address-card-action:hover,
.tn-redesign #account-address .tn-address-card-action:focus {
  transform: translateY(-1px) !important;
}

.tn-redesign #account-address .tn-address-card-delete:hover,
.tn-redesign #account-address .tn-address-card-delete:focus {
  border-color: #ef5257 !important;
  background: #ef5257 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(239, 82, 87, .16) !important;
}

.tn-redesign #account-address .tn-address-card-delete:hover span,
.tn-redesign #account-address .tn-address-card-delete:hover i,
.tn-redesign #account-address .tn-address-card-delete:focus span,
.tn-redesign #account-address .tn-address-card-delete:focus i {
  color: #fff !important;
}

.tn-redesign #account-address .tn-address-list-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.tn-redesign #account-address .tn-address-list-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.tn-redesign #account-address .tn-address-list-action.is-secondary {
  border: 1px solid #dfe6ed !important;
  background: #fff !important;
  color: #2c2c2c !important;
}

.tn-redesign #account-address .tn-address-list-action.is-primary {
  border: 1px solid #18b8f2 !important;
  background: #18b8f2 !important;
  color: #fff !important;
  box-shadow: 0 16px 30px rgba(18, 184, 242, .2) !important;
}

.tn-redesign #account-address .tn-address-list-action.is-primary span,
.tn-redesign #account-address .tn-address-list-action.is-primary i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.tn-redesign #account-address input.tn-address-list-action.is-primary {
  color: #fff !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #fff !important;
}

.tn-redesign #account-address .tn-address-list-action:hover,
.tn-redesign #account-address .tn-address-list-action:focus {
  transform: translateY(-1px) !important;
}

.tn-redesign #account-address .tn-address-list-action.is-secondary:hover,
.tn-redesign #account-address .tn-address-list-action.is-secondary:focus {
  border-color: #18b8f2 !important;
  color: #0a9fd1 !important;
}

.tn-redesign #account-address .tn-address-list-action.is-primary:hover,
.tn-redesign #account-address .tn-address-list-action.is-primary:focus {
  border-color: #0a9fd1 !important;
  background: #0a9fd1 !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(18, 184, 242, .26) !important;
}

.tn-redesign #account-address input.tn-address-list-action.is-primary:hover,
.tn-redesign #account-address input.tn-address-list-action.is-primary:focus {
  color: #fff !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #fff !important;
}

.tn-redesign #account-address .tn-address-list-action.is-primary:hover span,
.tn-redesign #account-address .tn-address-list-action.is-primary:hover i,
.tn-redesign #account-address .tn-address-list-action.is-primary:focus span,
.tn-redesign #account-address .tn-address-list-action.is-primary:focus i {
  color: #fff !important;
}

.tn-redesign #account-address .tn-order-address-card .us-acc-info-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(18, 184, 242, .2) !important;
  border-radius: 12px !important;
  background: #f3fbff !important;
  color: #0a9fd1 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.tn-redesign #account-address .tn-order-address-card .us-acc-info-link:hover,
.tn-redesign #account-address .tn-order-address-card .us-acc-info-link:focus {
  background: #18b8f2 !important;
  color: #fff !important;
}

.tn-redesign #account-address .tn-address-form {
  display: grid !important;
  gap: 24px !important;
}

.tn-redesign #account-address .tn-address-form fieldset {
  margin: 0 !important;
}

.tn-redesign #account-address .tn-address-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
}

.tn-redesign #account-address .tn-address-form-wide {
  grid-column: 1 / -1 !important;
}

.tn-redesign #account-address .tn-address-form .form-group {
  margin: 0 !important;
}

.tn-redesign #account-address .tn-address-form label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #2c2c2c !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.tn-redesign #account-address .tn-address-form .form-control,
.tn-redesign #account-address .tn-address-form .us-acc-select {
  width: 100% !important;
  min-height: 54px !important;
  padding: 12px 16px !important;
  border: 1px solid #dfe6ed !important;
  border-radius: 14px !important;
  background: #f9fbfd !important;
  color: #2c2c2c !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.tn-redesign #account-address .tn-address-form .form-control:focus,
.tn-redesign #account-address .tn-address-form .us-acc-select:focus {
  border-color: rgba(18, 184, 242, .55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(18, 184, 242, .1) !important;
}

.tn-redesign #account-address .tn-address-form-actions {
  margin-top: 2px !important;
  gap: 16px !important;
}

@media (max-width: 767px) {
  .tn-redesign #account-account .tn-account-profile {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .tn-redesign #account-account .tn-account-avatar {
    width: 58px !important;
    height: 58px !important;
    font-size: 23px !important;
  }

  .tn-redesign #account-account .tn-account-profile-edit {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .tn-redesign #account-account .tn-account-profile-row {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }

  .tn-clean-header .tn-clean-action-profile .tn-clean-action-label {
    max-width: 62px !important;
  }

  .tn-redesign #account-edit .tn-account-avatar-upload {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .tn-redesign #account-edit .tn-account-avatar-upload-main {
    width: 100% !important;
  }

  .tn-redesign #account-edit .tn-account-avatar-upload-actions {
    justify-content: center !important;
  }

  .tn-redesign #account-edit .tn-account-avatar-crop {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .tn-redesign #simpleedit .tn-account-avatar-upload {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .tn-redesign #simpleedit .tn-account-avatar-upload-main {
    width: 100% !important;
  }

  .tn-redesign #simpleedit .tn-account-avatar-upload-actions {
    justify-content: center !important;
  }

  .tn-redesign #simpleedit .tn-account-avatar-crop {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .tn-redesign #account-order .tn-account-order-product {
    grid-template-columns: 56px minmax(150px, 1fr) !important;
    min-width: 230px !important;
  }

  .tn-redesign #account-order .tn-account-product-thumb {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
  }

  .tn-redesign #account-order .tn-account-order-actions {
    min-width: 112px !important;
  }

  .tn-redesign #account-address .tn-order-address-form-head,
  .tn-redesign #account-address .tn-order-address-card {
    grid-template-columns: 1fr !important;
  }

  .tn-redesign #account-address .tn-address-card {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  .tn-redesign #account-address .tn-address-card-actions {
    justify-content: flex-start !important;
  }

  .tn-redesign #account-address .tn-address-card-action {
    min-height: 40px !important;
    padding: 0 14px !important;
  }

  .tn-redesign #account-address .tn-address-list-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .tn-redesign #account-address .tn-address-list-action {
    width: 100% !important;
  }

  .tn-redesign #account-address .tn-order-address-form-head {
    display: grid !important;
  }

  .tn-redesign #account-address .tn-order-address-action,
  .tn-redesign #account-address .tn-account-order-back {
    width: 100% !important;
  }

  .tn-redesign #account-address .tn-address-form-grid {
    grid-template-columns: 1fr !important;
  }

  .tn-redesign #account-address .tn-address-form-actions {
    flex-direction: column !important;
  }

  .tn-redesign #account-address .tn-address-form-actions .tn-address-list-action {
    width: 100% !important;
  }
}

.tn-redesign .tn-password-field {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.tn-redesign .tn-password-input,
.tn-redesign .tn-password-field > input.form-control,
.tn-redesign .tn-password-field > input[type="password"],
.tn-redesign .tn-password-field > input[type="text"] {
  padding-right: 56px !important;
}

.tn-redesign .tn-password-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #9AA3AD !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
  cursor: pointer !important;
}

.tn-redesign .tn-password-toggle:hover,
.tn-redesign .tn-password-toggle:focus {
  border-color: rgba(18, 184, 242, .28) !important;
  background: rgba(18, 184, 242, .10) !important;
  color: #12B8F2 !important;
  outline: none !important;
}

.tn-redesign .tn-password-toggle.is-visible {
  border-color: rgba(18, 184, 242, .32) !important;
  background: rgba(18, 184, 242, .14) !important;
  color: #12B8F2 !important;
}

.tn-redesign .tn-password-toggle svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tn-redesign .tn-password-toggle .tn-password-eye-off {
  display: none !important;
}

.tn-redesign .tn-password-toggle.is-visible .tn-password-eye {
  display: none !important;
}

.tn-redesign .tn-password-toggle.is-visible .tn-password-eye-off {
  display: inline-flex !important;
}

/* Variant A characteristic groups: product dimensions stay high; package dimensions sit in a quiet bottom block. */
.tn-redesign .tn-figma-product .tn-clean-attr-table-standard {
  border-top: 1px solid rgba(18, 184, 242, .14) !important;
}

.tn-redesign .tn-figma-product .tn-clean-attr-table-packaging {
  margin-top: 22px !important;
  border: 1px solid #E5E8EC !important;
  border-radius: 10px !important;
  background: #FAFBFC !important;
}

.tn-redesign .tn-figma-product .tn-clean-attr-table-packaging h3::after {
  content: "упаковка";
  display: inline-flex;
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #EEF1F4;
  color: #8A8A8A;
  font-size: 11px;
  font-weight: 800;
  line-height: 14px;
  vertical-align: middle;
}

.tn-redesign .tn-figma-product .tn-clean-attr-table-packaging div {
  background: transparent !important;
}

.tn-figma-compare-table .tn-compare-group-row-standard td {
  border-top: 10px solid #F4F6F8 !important;
  border-bottom: 1px solid rgba(18, 184, 242, .18) !important;
  background: linear-gradient(90deg, #E7F8FE 0%, #F5FCFF 100%) !important;
  color: #1F2A33 !important;
}

.tn-figma-compare-table .tn-compare-group-row-standard .tn-compare-group-label {
  border-left: 5px solid #12B8F2 !important;
}

.tn-figma-compare-table .tn-compare-group-row .tn-compare-group-label strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
}

.tn-figma-compare-table .tn-compare-group-row .tn-compare-group-fill {
  background: inherit !important;
}

.tn-figma-compare-table .tn-compare-group-row-packaging td {
  border-top: 18px solid #F0F2F5 !important;
  border-bottom: 1px solid #E1E5EA !important;
  background: linear-gradient(90deg, #F0F3F6 0%, #FAFBFC 100%) !important;
  color: #8A8A8A !important;
}

.tn-figma-compare-table .tn-compare-group-row-packaging .tn-compare-group-label {
  border-left: 5px solid #AEB7C2 !important;
}

.tn-figma-compare-table .tn-compare-group-row-packaging .tn-compare-group-label strong::after {
  content: "упаковка";
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #ECEFF3;
  color: #8A8A8A;
  font-size: 10px;
  font-weight: 800;
  line-height: 13px;
  text-transform: uppercase;
}

/* Account breadcrumbs: one visual contract for every cabinet page and legacy fallback. */
.tn-redesign [id^="account-"] .tn-figma-breadcrumbs,
.tn-redesign [id^="account-"] .breadcrumb,
.tn-redesign [id^="account-"] .us-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 24px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7b7b7b !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.tn-redesign [id^="account-"] .tn-figma-breadcrumbs a,
.tn-redesign [id^="account-"] .breadcrumb a,
.tn-redesign [id^="account-"] .us-breadcrumb a,
.tn-redesign [id^="account-"] .tn-figma-breadcrumbs span,
.tn-redesign [id^="account-"] .breadcrumb span,
.tn-redesign [id^="account-"] .us-breadcrumb span {
  color: #7b7b7b !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  text-decoration: none !important;
}

.tn-redesign [id^="account-"] .tn-figma-breadcrumbs a:hover,
.tn-redesign [id^="account-"] .breadcrumb a:hover,
.tn-redesign [id^="account-"] .us-breadcrumb a:hover {
  color: #0cbdfb !important;
}

.tn-redesign [id^="account-"] .tn-clean-breadcrumb-separator,
.tn-redesign [id^="account-"] .breadcrumb-item + .breadcrumb-item::before {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  color: #c9c9c9 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  content: "/" !important;
}

.tn-redesign [id^="account-"] .breadcrumb-item,
.tn-redesign [id^="account-"] .us-breadcrumb li,
.tn-redesign [id^="account-"] .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tn-redesign [id^="account-"] .breadcrumb .fa-home,
.tn-redesign [id^="account-"] .tn-figma-breadcrumbs .fa-home,
.tn-redesign [id^="account-"] .us-breadcrumb .fa-home {
  display: none !important;
}

.tn-redesign [id^="account-"] .tn-figma-breadcrumbs a:first-child:has(.fa-home)::after {
  content: "Главная";
}

.tn-redesign [id^="account-"] .breadcrumb .breadcrumb-item:first-child a::after,
.tn-redesign [id^="account-"] .us-breadcrumb li:first-child a::after {
  content: "Главная";
}

@media (max-width: 767px) {
  .tn-redesign [id^="account-"].container > .row,
  .tn-redesign [id^="account-"].container #content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .tn-redesign [id^="account-"].container > .row > [class*="col-"],
  .tn-redesign [id^="account-"].container #content > .row > [class*="col-"],
  .tn-redesign [id^="account-"].container > .row > #content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tn-redesign .tn-mobile-table-scroll,
  .tn-redesign .table-responsive,
  .tn-redesign .table-responsive-sm,
  .tn-redesign .us-table-box,
  .tn-redesign .tn-info-table-wrap,
  .tn-redesign .tn-account-order-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

  .tn-redesign .tn-mobile-table-scroll > table,
  .tn-redesign .table-responsive > table,
  .tn-redesign .table-responsive-sm > table,
  .tn-redesign .us-table-box > table,
  .tn-redesign .tn-info-table-wrap > table,
  .tn-redesign .tn-account-order-table-wrap > table,
  .tn-redesign #content > table.table:not(.tn-figma-compare-table):not(.tn-compare-sticky-head-table):not(.tn-compare-sticky-head-left),
  .tn-redesign #content .us-content > table.table:not(.tn-figma-compare-table):not(.tn-compare-sticky-head-table):not(.tn-compare-sticky-head-left),
  .tn-redesign #content .us-module > table.table:not(.tn-figma-compare-table):not(.tn-compare-sticky-head-table):not(.tn-compare-sticky-head-left) {
    width: 100% !important;
    min-width: 680px !important;
  }

  .tn-redesign #account-order .tn-account-order-history-table {
    min-width: 880px !important;
  }
}

/* Cart cards and product organization price polish. */
.tn-redesign #checkout-cart .tn-cart-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 176px minmax(0, 1fr) minmax(300px, auto) !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 0 18px !important;
  padding: 22px 24px !important;
  border: 1px solid #edf2f5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15, 31, 44, .06) !important;
}

.tn-redesign #checkout-cart .tn-cart-card:last-child {
  margin-bottom: 0 !important;
}

.tn-redesign #checkout-cart .tn-cart-card-media {
  display: grid !important;
  place-items: center !important;
  width: 176px !important;
  height: 148px !important;
  border: 1px solid #edf2f5 !important;
  border-radius: 8px !important;
  background: #f7fafc !important;
  overflow: hidden !important;
}

.tn-redesign #checkout-cart .tn-cart-card-media img {
  width: auto !important;
  max-width: 148px !important;
  height: auto !important;
  max-height: 122px !important;
  object-fit: contain !important;
}

.tn-redesign #checkout-cart .tn-cart-card-main {
  min-width: 0 !important;
}

.tn-redesign #checkout-cart .tn-cart-card-title {
  display: block !important;
  margin: 0 0 12px !important;
  color: #282828 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 26px !important;
  text-decoration: none !important;
}

.tn-redesign #checkout-cart .tn-cart-card-title:hover,
.tn-redesign #checkout-cart .tn-cart-card-title:focus {
  color: #12B8F2 !important;
}

.tn-redesign #checkout-cart .tn-cart-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tn-redesign #checkout-cart .tn-cart-card-meta li {
  margin: 0 !important;
  color: #858585 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-meta span {
  color: #282828 !important;
  font-weight: 750 !important;
}

.tn-redesign #checkout-cart .tn-cart-card-controls {
  display: grid !important;
  grid-template-columns: 150px minmax(138px, auto) !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 24px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-prices {
  display: grid !important;
  gap: 6px !important;
  min-width: 138px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-total,
.tn-redesign #checkout-cart .tn-cart-card-price {
  margin: 0 !important;
  color: #282828 !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-total {
  font-size: 18px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-price {
  color: #777 !important;
  font-size: 14px !important;
}

.tn-redesign #checkout-cart .tn-cart-card-remove {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #e4ebf0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #9b9b9b !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.tn-redesign #checkout-cart .tn-cart-card-remove:hover,
.tn-redesign #checkout-cart .tn-cart-card-remove:focus {
  border-color: rgba(230, 57, 70, .28) !important;
  background: rgba(230, 57, 70, .08) !important;
  color: #d84952 !important;
}

.tn-redesign #checkout-cart.tn-cart-updating .tn-cart-card {
  opacity: .72 !important;
  pointer-events: none !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-company-emphasis {
  min-width: 238px !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f0fbff !important;
  box-shadow: inset 0 0 0 1px rgba(18, 184, 242, .2) !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-company-emphasis span {
  color: #5f6f7a !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 18px !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-company-emphasis strong {
  color: #0F9FCE !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-simple {
  display: grid !important;
  justify-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 360px !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 16px !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-simple .tn-clean-price-retail {
  color: #282828 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.tn-redesign .tn-figma-product .tn-clean-price-simple .tn-clean-price-company-emphasis {
  display: grid !important;
  justify-items: end !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
}

.tn-redesign .tn-figma-product .tn-clean-attr-preview {
  margin-top: 10px !important;
  clear: both !important;
}

@media (max-width: 991px) {
  .tn-redesign #checkout-cart .tn-cart-card {
    grid-template-columns: 136px minmax(0, 1fr) !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-controls {
    grid-column: 2 !important;
    justify-content: start !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-media {
    width: 136px !important;
    height: 126px !important;
  }
}

@media (max-width: 640px) {
  .tn-redesign #checkout-cart .tn-cart-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-media {
    width: 96px !important;
    height: 92px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-media img {
    max-width: 82px !important;
    max-height: 76px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-title {
    padding-right: 42px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-controls {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-prices {
    min-width: 0 !important;
  }

  .tn-redesign #checkout-cart .tn-cart-card-remove {
    top: 12px !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-price-company-emphasis {
    width: 100% !important;
    min-width: 0 !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-price-company-emphasis strong {
    font-size: 22px !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-price-simple {
    max-width: none !important;
  }

  .tn-redesign .tn-figma-product .tn-clean-price-simple .tn-clean-price-retail {
    font-size: 28px !important;
    text-align: left !important;
  }
}