/* =========================================================
   HIFISTORE · T+A PRODUCT DESCRIPTION THEME
   Scope: add class .aa-ta-product to #tabDescription
   Goal: fast brand-wide visual skin without rewriting each description
   ========================================================= */

.aa-ta-product {
  --ta-red: #E11D2E;
  --ta-red-deep: #B91424;
  --ta-ink: #17191B;
  --ta-graphite: #202428;
  --ta-graphite-2: #2A2E32;
  --ta-black: #111315;
  --ta-silver: #D9DCDE;
  --ta-line: #D6D9DB;
  --ta-soft: #F3F3F1;
  --ta-soft-2: #E9EAE8;
  --ta-white: #FFFFFF;
  --ta-muted: #5D646A;
  --ta-muted-dark: #B8BDC1;
}

.aa-ta-product > .content {
  background: transparent !important;
}

.aa-ta-product > .content > div:first-child {
  max-width: 1180px !important;
  margin: 0 auto !important;
  color: var(--ta-ink) !important;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.aa-ta-product h1,
.aa-ta-product h2,
.aa-ta-product h3 {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  text-wrap: balance;
}

.aa-ta-product h1 {
  font-weight: 300 !important;
  letter-spacing: -0.04em !important;
}

.aa-ta-product h2 {
  font-weight: 300 !important;
  letter-spacing: -0.025em !important;
}

.aa-ta-product h3 {
  font-weight: 400 !important;
}

.aa-ta-product p {
  text-wrap: pretty;
}

.aa-ta-product strong {
  font-weight: 600;
}

/* Brand red migration */
.aa-ta-product [style*="color:#a31927"],
.aa-ta-product [style*="color: #a31927"],
.aa-ta-product [style*="color:#A31927"],
.aa-ta-product [style*="color: #A31927"],
.aa-ta-product [style*="color:#e75a67"],
.aa-ta-product [style*="color: #e75a67"],
.aa-ta-product [style*="color:#E75A67"],
.aa-ta-product [style*="color: #E75A67"],
.aa-ta-product [style*="color:#bd1e2d"],
.aa-ta-product [style*="color: #bd1e2d"],
.aa-ta-product [style*="color:#BD1E2D"],
.aa-ta-product [style*="color: #BD1E2D"] {
  color: var(--ta-red) !important;
}

.aa-ta-product [style*="background:#bd1e2d"],
.aa-ta-product [style*="background: #bd1e2d"],
.aa-ta-product [style*="background:#BD1E2D"],
.aa-ta-product [style*="background: #BD1E2D"],
.aa-ta-product [style*="background:#a31927"],
.aa-ta-product [style*="background: #a31927"],
.aa-ta-product [style*="background:#A31927"],
.aa-ta-product [style*="background: #A31927"],
.aa-ta-product [style*="background-color:#bd1e2d"],
.aa-ta-product [style*="background-color:#a31927"] {
  background: var(--ta-red) !important;
}

.aa-ta-product [style*="border-top:3px solid #bd1e2d"],
.aa-ta-product [style*="border-top: 3px solid #bd1e2d"] {
  border-top-color: var(--ta-red) !important;
}

.aa-ta-product [style*="border-bottom:3px solid #bd1e2d"],
.aa-ta-product [style*="border-bottom: 3px solid #bd1e2d"] {
  border-bottom-color: var(--ta-red) !important;
}

/* Hero */
.aa-ta-product > .content > div:first-child > div:first-child {
  background:
    radial-gradient(circle at 82% 12%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(135deg, #181B1E 0%, #2A2E32 55%, #121416 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-ta-product > .content > div:first-child > div:first-child h1 {
  color: #FFFFFF !important;
  text-shadow: none !important;
}

.aa-ta-product > .content > div:first-child > div:first-child p {
  color: #E2E5E7 !important;
}

.aa-ta-product > .content > div:first-child > div:first-child span[style*="border:1px"],
.aa-ta-product > .content > div:first-child > div:first-child span[style*="border: 1px"] {
  border-color: #666D72 !important;
  background: transparent !important;
  color: #F4F5F5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Light / soft surfaces */
.aa-ta-product [style*="background:#ffffff"],
.aa-ta-product [style*="background: #ffffff"] {
  background: var(--ta-white) !important;
}

.aa-ta-product [style*="background:#f4f4f2"],
.aa-ta-product [style*="background: #f4f4f2"] {
  background: #F5F5F3 !important;
}

.aa-ta-product [style*="background:#e8e9e7"],
.aa-ta-product [style*="background: #e8e9e7"] {
  background: #ECEDEB !important;
}

.aa-ta-product [style*="background:#f3f3f1"],
.aa-ta-product [style*="background: #f3f3f1"],
.aa-ta-product [style*="background:#f1f1ef"],
.aa-ta-product [style*="background: #f1f1ef"] {
  background: #F4F4F2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.aa-ta-product [style*="background:#f3f3f1"][style*="padding:24px"],
.aa-ta-product [style*="background:#f1f1ef"][style*="padding:25px"],
.aa-ta-product [style*="background:#ffffff"][style*="padding:28px"] {
  border-left: 1px solid rgba(23,25,27,.06) !important;
  border-right: 1px solid rgba(23,25,27,.06) !important;
  border-bottom-color: #7A8085 !important;
}

/* Images */
.aa-ta-product img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.aa-ta-product [style*="box-shadow:0 18px 40px"],
.aa-ta-product [style*="box-shadow: 0 18px 40px"] {
  box-shadow: 0 16px 34px rgba(17,19,21,.07) !important;
}

/* Dark technical sections */
.aa-ta-product [style*="linear-gradient(135deg,#202428"],
.aa-ta-product [style*="linear-gradient(135deg, #202428"],
.aa-ta-product [style*="background:#202326"],
.aa-ta-product [style*="background: #202326"] {
  background: linear-gradient(135deg, #23272B 0%, #141719 100%) !important;
  color: #FFFFFF !important;
}

.aa-ta-product [style*="linear-gradient(135deg,#202428"] p,
.aa-ta-product [style*="background:#202326"] p {
  color: #D7DADD !important;
}

.aa-ta-product [style*="background:#292c2f"],
.aa-ta-product [style*="background: #292c2f"],
.aa-ta-product [style*="background:#2b2f32"],
.aa-ta-product [style*="background: #2b2f32"],
.aa-ta-product [style*="background:#303640"],
.aa-ta-product [style*="background: #303640"] {
  background: #2A2E32 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Remove large burgundy panel, keep T+A red as accent */
.aa-ta-product [style*="linear-gradient(135deg,#59313b"],
.aa-ta-product [style*="linear-gradient(135deg, #59313b"] {
  background: linear-gradient(135deg, #262A2E 0%, #1D2023 56%, #171A1C 100%) !important;
  color: #FFFFFF !important;
  border-top: 3px solid var(--ta-red) !important;
}

.aa-ta-product [style*="linear-gradient(135deg,#59313b"] [style*="color:#ead6da"] {
  color: #E8A7AE !important;
}

/* Connectivity / dark info blocks */
.aa-ta-product [style*="background:#292c2f"][style*="color:#ffffff"] {
  background: #25292D !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

.aa-ta-product [style*="background:#292c2f"] strong {
  font-weight: 500 !important;
}

/* Review / content cards */
.aa-ta-product [style*="background:#f1f1ef"] {
  border-top: 1px solid #E0E2E3 !important;
}

.aa-ta-product [style*="background:#f1f1ef"] > div:first-child,
.aa-ta-product [style*="background:#ffffff"][style*="padding:28px"] > div:nth-child(2) {
  font-weight: 500 !important;
}

/* Specifications */
.aa-ta-product table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

.aa-ta-product table td {
  border-bottom-color: #3B4044 !important;
}

.aa-ta-product [style*="background:#202326"] table,
.aa-ta-product [style*="linear-gradient(135deg,#202428"] table {
  color: #ECEEEF !important;
}

.aa-ta-product [style*="background:#202326"] table td:first-child,
.aa-ta-product [style*="linear-gradient(135deg,#202428"] table td:first-child {
  color: #AEB4B8 !important;
}

.aa-ta-product [style*="background:#202326"] h3,
.aa-ta-product [style*="linear-gradient(135deg,#202428"] h3 {
  border-bottom-color: #4D5358 !important;
  color: #FFFFFF !important;
  font-weight: 400 !important;
}

/* Micro typography */
.aa-ta-product [style*="letter-spacing:3px"],
.aa-ta-product [style*="letter-spacing: 3px"],
.aa-ta-product [style*="letter-spacing:4px"],
.aa-ta-product [style*="letter-spacing: 4px"] {
  font-weight: 600 !important;
  letter-spacing: .18em !important;
}

.aa-ta-product [style*="font-size:21px"][style*="font-weight:700"],
.aa-ta-product [style*="font-size:22px"][style*="font-weight:700"],
.aa-ta-product [style*="font-size:18px"][style*="font-weight:700"],
.aa-ta-product [style*="font-size:17px"][style*="font-weight:700"] {
  font-weight: 500 !important;
}

/* Closing */
.aa-ta-product > .content > div:first-child > div:last-child {
  border-top: 1px solid #ECEDEF;
}

.aa-ta-product > .content > div:first-child > div:last-child p[style*="font-weight:700"] {
  font-weight: 500 !important;
  color: #24282B !important;
}

/* Mobile */
@media (max-width: 767px) {
  .aa-ta-product > .content > div:first-child {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

  .aa-ta-product > .content > div:first-child > div {
    padding-left: 5.5% !important;
    padding-right: 5.5% !important;
  }

  .aa-ta-product h1 {
    letter-spacing: -0.035em !important;
  }

  .aa-ta-product h2 {
    letter-spacing: -0.02em !important;
  }

  .aa-ta-product table {
    font-size: 14px !important;
  }

  .aa-ta-product table td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .aa-ta-product [style*="padding:28px"],
  .aa-ta-product [style*="padding:25px"],
  .aa-ta-product [style*="padding:24px"] {
    padding: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aa-ta-product *,
  .aa-ta-product *::before,
  .aa-ta-product *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}