/* ─── RESPONSIVE ─────────────────────────────────────────────── */

/* ─── TREND ARCHIVE RESPONSIVE ─── */
@media (max-width: 1024px) {
  .trend-heatmap-grid { grid-template-columns: repeat(2, 1fr); }
  .trend-grid          { grid-template-columns: repeat(2, 1fr); }
  .trend-archive-header__stats { gap: 20px; }
}

@media (max-width: 768px) {
  .trend-archive-header__title { line-height: 1.15; }
}

@media (max-width: 640px) {
  .trend-heatmap-grid { grid-template-columns: 1fr; }
  .trend-grid          { grid-template-columns: 1fr; }
  .trend-archive-header__stats { flex-direction: column; gap: 12px; }
  .trend-archive-header__stat  { flex-direction: row; align-items: center; gap: 10px; }
  .trend-archive-header__dot   { display: none; }
  .trend-tv-widget .tradingview-widget-container { height: 380px !important; }
  .trend-buzz--5 { font-size: clamp(28px, 9vw, 40px); }
  .trend-buzz--4 { font-size: clamp(20px, 6vw, 30px); }
  .trend-buzz--3 { font-size: clamp(15px, 4.5vw, 22px); }
  .trend-buzz--2 { font-size: clamp(12px, 3.5vw, 16px); }
  .trend-buzz--1 { font-size: 11px; }
}

@media (max-width: 480px) {
  .trend-archive-header { padding: clamp(24px, 5vw, 40px) 0 clamp(32px, 5vw, 48px); }
  .trend-filter-pill    { padding: 6px 12px; font-size: 12px; }
}

/* ─── ANALYSE ARCHIVE RESPONSIVE (Phase 2) ─── */
@media (max-width: 1024px) {
  .analyse-duo { gap: 20px; }
  .analyse-duo__main { padding-right: 20px; }
  .analyse-cats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .analyse-duo { flex-direction: column; }
  .analyse-duo__main { flex: none; padding-right: 0; border-right: none; border-bottom: 1px solid #e8eaed; padding-bottom: 24px; }
  .analyse-duo__side { flex: none; }
  .analyse-trio { grid-template-columns: 1fr 1fr; }
  .analyse-cats { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .analyse-trio { grid-template-columns: 1fr; }
  .analyse-cats { grid-template-columns: 1fr 1fr; }
  .analyse-archive-header__stats { flex-wrap: wrap; gap: 4px; }
  .analyse-list-item__img-link { width: 90px; height: 64px; }
}

@media (max-width: 480px) {
  .analyse-cats { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
  .nav {
    height: auto;
    min-height: 82px;
    padding-top: 18px;
    padding-bottom: 18px;
    flex-wrap: wrap;
  }
  .nav-panel {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    padding: 22px var(--pad) 26px;
    background: linear-gradient(180deg, rgba(11,14,20,.99) 0%, rgba(16,20,30,.99) 100%);
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: grid;
    gap: 18px;
    transform: translateY(-18px);
    opacity: 0;
    pointer-events: none;
    transition: transform .2s ease, opacity .2s ease;
    z-index: 860;
  }
  body.nav-open .nav-panel {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .nav-links {
    position: static;
    transform: none;
    display: grid;
    gap: 10px;
  }
  .nav-links a,
  .nav-links .menu-item a {
    display: block;
    padding: 10px 0;
    color: rgba(255,255,255,.8);
  }
  .nav-toggle { display: inline-flex; }
  .fokus-grid, .ansatz-grid { grid-template-columns: 1fr; max-width: 520px; }
  .vorsprung-grid { grid-template-columns: 1fr; }
  .vorsprung-card--wide { grid-template-columns: 1fr; }
  .mission-header { grid-template-columns: 1fr; gap: 28px; }
  .mission-layout { grid-template-columns: 1fr; gap: 32px; }
  .kontakt-grid { grid-template-columns: 1fr; }
  .post-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .nav {
    display: grid;
    grid-template-columns: 20% 50% 30%;
    grid-template-areas: 'menu logo cta';
    align-items: center;
    min-height: 76px;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 6px;
  }
  .logo {
    grid-area: logo;
    position: static;
    justify-self: center;
    transform: none;
    z-index: 1;
    max-width: 100%;
  }
  .logo img {
    height: 38px;
    max-width: 100%;
  }
  .nav-toggle {
    grid-area: menu;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    z-index: 2;
    justify-self: start;
  }
  .btn-nav {
    grid-area: cta;
    justify-self: end;
    margin-left: 0;
    padding: 8px 10px;
    font-size: 0;
    line-height: 1.15;
    border-radius: 9px;
    box-shadow: 0 4px 16px rgba(255,102,0,.28);
    text-align: center;
    white-space: normal;
    width: 100%;
    max-width: 112px;
    position: relative;
    z-index: 2;
  }
  .btn-nav::before {
    content: 'AKTUELLE EMPFEHLUNG';
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .nav-panel {
    top: 76px;
    padding-top: 20px;
  }
  .stats-grid { grid-template-columns: 1fr; }
  .stats { padding-top: 20px; }
  .stat { padding: 26px 22px 24px; }
  .cta-checks { flex-direction: column; align-items: center; }
  .footer-inner { flex-direction: column; align-items: flex-start; }
  .pyramid-item { width: 180px; height: 115px; }
  .stammdaten-grid { grid-template-columns: 1fr 1fr; }
}

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