.asset-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  color: #718079;
  font-size: .78rem;
}
.asset-breadcrumb a { transition: color .2s; }
.asset-breadcrumb a:hover { color: var(--emerald); }
.asset-breadcrumb span { color: #aeb9b4; }
.asset-breadcrumb b { color: #31423a; font-weight: 600; }

.asset-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #071410;
  border-block: 1px solid rgba(255,255,255,.06);
}
.asset-hero-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 17% 18%, rgba(54,211,153,.17), transparent 30%),
    linear-gradient(122deg, transparent 44%, rgba(255,255,255,.025) 44% 45%, transparent 45% 55%, rgba(255,255,255,.018) 55% 56%, transparent 56%);
}
.asset-hero.gold .asset-hero-glow { background: radial-gradient(circle at 17% 18%, rgba(215,173,85,.22), transparent 31%), linear-gradient(122deg, transparent 44%, rgba(255,255,255,.025) 44% 45%, transparent 45%); }
.asset-hero.crypto .asset-hero-glow { background: radial-gradient(circle at 17% 18%, rgba(119,104,228,.22), transparent 31%), linear-gradient(122deg, transparent 44%, rgba(255,255,255,.025) 44% 45%, transparent 45%); }
.asset-hero.car .asset-hero-glow { background: radial-gradient(circle at 17% 18%, rgba(72,141,214,.19), transparent 31%), linear-gradient(122deg, transparent 44%, rgba(255,255,255,.025) 44% 45%, transparent 45%); }
.asset-hero-grid {
  position: relative;
  z-index: 1;
  min-height: 350px;
  padding-block: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: center;
  gap: 70px;
}
.asset-identity { display: flex; align-items: center; gap: 19px; }
.asset-page-icon {
  width: 76px;
  height: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 23px;
  color: #071410;
  background: var(--emerald-bright);
  box-shadow: 0 18px 45px rgba(54,211,153,.17);
  font-size: 1.2rem;
  font-weight: 900;
  direction: ltr;
}
.gold .asset-page-icon { background: #e0ba68; box-shadow: 0 18px 45px rgba(215,173,85,.17); }
.crypto .asset-page-icon { color: #fff; background: #7768e4; box-shadow: 0 18px 45px rgba(119,104,228,.2); }
.car .asset-page-icon { color: #fff; background: #488dd6; box-shadow: 0 18px 45px rgba(72,141,214,.18); }
.asset-category { color: var(--emerald-bright); font-size: .78rem; font-weight: 700; }
.gold .asset-category { color: #e7c77f; }
.crypto .asset-category { color: #aaa0f5; }
.car .asset-category { color: #88bced; }
.asset-heading h1 { margin: 5px 0 1px; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.3; letter-spacing: -.045em; font-weight: 850; }
.asset-identity p { margin: 0; color: #859991; font-size: .78rem; }
.asset-identity p b { margin-inline: 6px; color: #51665d; }
.asset-summary { max-width: 670px; margin: 22px 0 20px; color: #b8c8c1; font-size: .93rem; line-height: 2; }
.asset-freshness { display: flex; align-items: center; gap: 8px; color: #84988f; font-size: .73rem; }
.asset-freshness i { width: 7px; height: 7px; border-radius: 50%; background: var(--emerald-bright); box-shadow: 0 0 0 5px rgba(54,211,153,.09); }
.asset-freshness time { color: #d4dfda; direction: ltr; }

.asset-price-card {
  padding: 25px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  background: rgba(255,255,255,.065);
  box-shadow: 0 28px 70px rgba(0,0,0,.19);
  backdrop-filter: blur(18px);
}
.asset-price-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9badA5; font-size: .75rem; }
.asset-price-label b { padding: 4px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; color: #d8e4df; font-weight: 500; background: rgba(255,255,255,.04); }
.asset-main-price { display: flex; align-items: baseline; gap: 10px; margin: 15px 0 13px; }
.asset-main-price strong { color: #fff; font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: 1; letter-spacing: -.04em; font-weight: 850; direction: ltr; }
.asset-main-price > span { color: #91a49c; font-size: .76rem; }
.asset-price-change { display: flex; align-items: center; gap: 7px; font-size: .78rem; }
.asset-price-change > span { width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
.asset-price-change b { direction: ltr; }
.asset-price-change small { color: #82968d; }
.asset-price-change.up { color: #50dfa9; }
.asset-price-change.up > span { background: rgba(54,211,153,.12); }
.asset-price-change.down { color: #ff7e87; }
.asset-price-change.down > span { background: rgba(217,75,87,.12); }
.asset-price-change.flat { color: #b1beb8; }
.asset-price-change.flat > span { background: rgba(255,255,255,.07); }
.asset-price-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); color: #80938b; font-size: .7rem; }
.asset-price-card button { padding: 6px 10px; border: 1px solid rgba(54,211,153,.2); border-radius: 8px; color: #b9ead7; background: rgba(54,211,153,.07); cursor: pointer; transition: .2s; }
.asset-price-card button:hover { border-color: rgba(54,211,153,.45); background: rgba(54,211,153,.13); }
.asset-price-card button.loading { opacity: .65; pointer-events: none; }

.asset-content-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, .75fr); align-items: stretch; gap: 18px; padding-block: 72px 26px; }
.asset-chart-panel, .asset-stats-panel, .asset-quotes, .asset-guide, .asset-faq, .asset-related {
  border: 1px solid #e1e8e4;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 38px rgba(7,20,16,.045);
}
.asset-chart-panel { min-width: 0; padding: 25px; }
.asset-chart-panel > header, .asset-stats-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.asset-chart-panel header span, .asset-stats-panel header span, .asset-section-heading > div > span, .asset-guide-copy > span { color: var(--emerald); font-size: .72rem; font-weight: 750; }
.asset-chart-panel h2, .asset-stats-panel h2 { margin: 2px 0 0; font-size: 1.16rem; font-weight: 800; }
.asset-chart-legend { display: flex; align-items: center; gap: 7px; color: #718079; font-size: .67rem; }
.asset-chart-legend i { width: 18px; height: 3px; border-radius: 5px; background: var(--emerald); }
.asset-chart-wrap { position: relative; height: 310px; }
.asset-chart-wrap canvas { display: block; width: 100%; height: 100%; }
.asset-chart-tooltip { position: absolute; z-index: 2; pointer-events: none; min-width: 118px; padding: 8px 10px; border-radius: 9px; color: #fff; background: rgba(7,20,16,.94); box-shadow: 0 8px 24px rgba(0,0,0,.18); font-size: .68rem; text-align: center; transform: translate(-50%, calc(-100% - 12px)); direction: rtl; }
.asset-chart-tooltip b { display: block; margin-bottom: 2px; direction: ltr; font-size: .76rem; }
.asset-chart-range { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 13px; color: #89968f; font-size: .67rem; }
.asset-chart-range time { direction: ltr; }
.asset-chart-empty { min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #718079; text-align: center; }
.asset-chart-empty > span { color: #9eb1a8; font-size: 2.2rem; }
.asset-chart-empty h3 { margin: 5px 0 3px; color: #304139; font-size: .95rem; }
.asset-chart-empty p { margin: 0; font-size: .76rem; }

.asset-stats-panel { padding: 25px; }
.asset-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.asset-stat-grid > div { min-width: 0; min-height: 112px; padding: 14px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #e8eeea; border-radius: 14px; background: #f8faf8; }
.asset-stat-grid small { color: #74827b; font-size: .67rem; }
.asset-stat-grid b { margin: 5px 0 0; overflow: hidden; color: #14251e; font-size: 1.08rem; font-weight: 800; direction: ltr; text-overflow: ellipsis; white-space: nowrap; }
.asset-stat-grid b.up { color: var(--emerald); }
.asset-stat-grid b.down { color: var(--red); }
.asset-stat-grid span { color: #95a19b; font-size: .62rem; }
.asset-stats-panel > p { display: flex; align-items: flex-start; gap: 8px; margin: 15px 0 0; color: #819088; font-size: .65rem; line-height: 1.8; }
.asset-stats-panel > p i { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; color: var(--emerald); background: var(--emerald-pale); font-style: normal; font-weight: 800; }

.asset-quotes, .asset-guide, .asset-faq, .asset-related { margin-block: 22px; padding: 28px; }
.asset-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 22px; }
.asset-section-heading h2 { margin: 2px 0 0; font-size: 1.45rem; letter-spacing: -.025em; font-weight: 850; }
.asset-section-heading > p { max-width: 440px; margin: 0; color: #75837c; font-size: .78rem; }
.asset-section-heading > a { color: var(--emerald); font-size: .76rem; font-weight: 700; }
.asset-quotes-wrap { overflow-x: auto; border: 1px solid #e6ece8; border-radius: 15px; }
.asset-quotes table { width: 100%; border-collapse: collapse; min-width: 720px; }
.asset-quotes th { padding: 11px 15px; color: #6f7e76; background: #f4f7f5; font-size: .68rem; font-weight: 600; text-align: right; }
.asset-quotes td { padding: 14px 15px; border-top: 1px solid #edf1ee; color: #4f6058; font-size: .75rem; }
.asset-quotes td:nth-child(2) { direction: ltr; text-align: right; }
.asset-quotes td strong { display: inline-block; color: #12231c; font-size: .9rem; }
.asset-quotes td small { margin-right: 6px; color: #8d9993; }
.quote-type { display: inline-flex; padding: 4px 8px; border-radius: 7px; color: #50615a; background: #f0f4f1; }
.quote-change { direction: ltr; font-weight: 700; }
.quote-change.up { color: var(--emerald); }
.quote-change.down { color: var(--red); }

.asset-guide { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 50px; margin-top: 46px; background: #0b1c16; border-color: #0b1c16; color: #fff; }
.asset-guide-copy h2 { margin: 4px 0 14px; font-size: 1.65rem; font-weight: 850; }
.asset-guide-copy > p { margin: 8px 0; color: #a9bab3; font-size: .82rem; line-height: 2; }
.asset-disclaimer { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 12px 14px; border: 1px solid rgba(215,173,85,.17); border-radius: 11px; color: #b7c4bf; background: rgba(215,173,85,.06); font-size: .69rem; }
.asset-disclaimer b { color: #e4c474; }
.asset-guide-points { display: grid; align-content: center; gap: 12px; }
.asset-guide-points > div { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.035); }
.asset-guide-points > div > span { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 9px; color: #052218; background: var(--emerald-bright); font-size: .72rem; font-weight: 850; }
.asset-guide-points p { display: grid; margin: 0; }
.asset-guide-points b { font-size: .76rem; }
.asset-guide-points small { color: #849890; font-size: .64rem; }

.asset-faq-list { border-top: 1px solid #e7ece9; }
.asset-faq details { border-bottom: 1px solid #e7ece9; }
.asset-faq summary { padding: 17px 3px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #26372f; font-size: .83rem; font-weight: 700; cursor: pointer; list-style: none; }
.asset-faq summary::-webkit-details-marker { display: none; }
.asset-faq summary span { color: var(--emerald); font-size: 1.05rem; font-weight: 400; transition: transform .2s; }
.asset-faq details[open] summary span { transform: rotate(45deg); }
.asset-faq details p { max-width: 850px; margin: -4px 0 17px; color: #6f7d76; font-size: .76rem; line-height: 2; }

.asset-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.asset-related-grid > a { min-width: 0; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid #e5ebe7; border-radius: 13px; background: #fbfcfb; transition: border-color .2s, transform .2s, box-shadow .2s; }
.asset-related-grid > a:hover { transform: translateY(-2px); border-color: #bcd4c8; box-shadow: 0 10px 24px rgba(7,20,16,.06); }
.asset-related-grid a > span { min-width: 0; display: grid; }
.asset-related-grid b { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.asset-related-grid strong { color: #1d3027; font-size: .78rem; direction: ltr; }
.asset-related-grid small { color: #89968f; font-size: .6rem; }
.asset-related-grid i { color: var(--emerald); font-style: normal; }

.asset-error { min-height: 560px; padding-block: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.asset-error > span { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; border-radius: 18px; color: #a36e08; background: #fff3d2; font-size: 1.5rem; font-weight: 850; }
.asset-error h1 { margin: 18px 0 5px; font-size: 1.55rem; }
.asset-error p { margin: 0 0 18px; color: var(--muted); }
.asset-error a { padding: 9px 17px; border-radius: 10px; color: #052218; background: var(--emerald-bright); font-size: .82rem; font-weight: 750; }

@media (max-width: 980px) {
  .asset-hero-grid { grid-template-columns: 1fr 340px; gap: 35px; }
  .asset-content-grid { grid-template-columns: 1fr; }
  .asset-stat-grid { grid-template-columns: repeat(4, 1fr); }
  .asset-stat-grid > div { min-height: 95px; }
  .asset-guide { grid-template-columns: 1fr; gap: 26px; }
  .asset-related-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .asset-breadcrumb { min-height: 44px; font-size: .68rem; overflow: hidden; white-space: nowrap; }
  .asset-hero-grid { min-height: auto; padding-block: 32px; grid-template-columns: 1fr; gap: 27px; }
  .asset-page-icon { width: 62px; height: 62px; border-radius: 19px; }
  .asset-heading h1 { font-size: 2rem; }
  .asset-summary { margin-block: 17px; font-size: .82rem; }
  .asset-price-card { padding: 20px; }
  .asset-content-grid { padding-top: 34px; }
  .asset-chart-panel, .asset-stats-panel, .asset-quotes, .asset-guide, .asset-faq, .asset-related { border-radius: 17px; }
  .asset-chart-panel, .asset-stats-panel, .asset-quotes, .asset-guide, .asset-faq, .asset-related { padding: 20px; }
  .asset-chart-wrap { height: 255px; }
  .asset-chart-legend { display: none; }
  .asset-stat-grid { grid-template-columns: 1fr 1fr; }
  .asset-section-heading { align-items: start; flex-direction: column; gap: 7px; }
  .asset-section-heading h2 { font-size: 1.25rem; }
  .asset-guide-copy h2 { font-size: 1.4rem; }
  .asset-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .asset-identity { align-items: flex-start; gap: 13px; }
  .asset-page-icon { width: 52px; height: 52px; border-radius: 16px; font-size: .9rem; }
  .asset-heading h1 { font-size: 1.7rem; }
  .asset-main-price strong { font-size: 2rem; }
  .asset-price-card footer { align-items: flex-end; }
  .asset-chart-panel > header { margin-bottom: 10px; }
  .asset-chart-wrap { height: 225px; }
  .asset-chart-range span { display: none; }
  .asset-stat-grid > div { min-height: 100px; }
}