/* OTDELKA78 V1.15.5 — MOBILE UX / PRICES CLEANUP
   Final mobile override after V1.15.4. Scope: menu contrast, mobile typography,
   home CTA density, clearer link affordance and prices-page mobile navigation. */

/* Mobile drawer must not inherit a page's body text color. */
.mobile-nav a { color: #f3efe7; }
.mobile-nav a:hover,
.mobile-nav a:focus-visible { color: var(--bronze-hi, #caa66f); }
.mobile-nav .mobile-call { color: var(--bronze-hi, #caa66f); }

/* Make the conversion path read like navigation, not static statistics. */
.evidence-link strong::after {
  content: "↗";
  margin-left: .45em;
  color: var(--bronze-hi, #caa66f);
  font-size: .72em;
  vertical-align: .08em;
}

@media (max-width: 760px) {
  /* Prevent the preposition in the home H1 from becoming an orphan line. */
  .home-page .hero h1 {
    font-size: clamp(36px, 10vw, 44px);
    line-height: 1.01;
    letter-spacing: -.045em;
    text-wrap: initial;
  }
  .home-page .hero-city {
    display: block;
    white-space: nowrap;
    font-size: .92em;
    letter-spacing: -.05em;
    margin-top: .08em;
  }

  /* Reduce oversized editorial headings on the phone while preserving hierarchy. */
  .home-page .section-title,
  .prices-page .section-title {
    font-size: clamp(34px, 9vw, 42px);
    line-height: 1.04;
    letter-spacing: -.038em;
    text-wrap: balance;
  }

  .home-page .direction-section .section-title,
  .home-page .archive-section .section-title {
    max-width: 12ch;
  }

  /* Hero already has a persistent call action in the header; keep two primary choices. */
  .home-page .hero-actions .button {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
  }

  /* Home conversion path: retain the cards but signal that all rows are actionable. */
  .home-page .evidence-item {
    min-height: 0;
    padding: 24px 20px;
  }

  /* Prices page: four anchors fit as a 2x2 navigation instead of a clipped strip. */
  .prices-page .price-index-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    scroll-snap-type: none;
  }
  .prices-page .price-index a {
    min-width: 0;
    min-height: 58px;
    padding: 16px 14px;
    border-right: 1px solid #353833;
    border-bottom: 1px solid #353833;
    white-space: nowrap;
  }
  .prices-page .price-index a:nth-child(even) { border-right: 0; }
  .prices-page .price-index a:nth-last-child(-n+2) { border-bottom: 0; }

  /* Compact the prices narrative: useful content appears sooner. */
  .prices-page .price-factors,
  .prices-page .price-scenarios,
  .prices-page .price-brief,
  .prices-page .price-faq {
    padding-block: 64px;
  }
  .prices-page .price-factor-grid,
  .prices-page .price-scenario-grid {
    margin-top: 34px;
  }
  .prices-page .price-brief-grid { gap: 38px; }
  .prices-page .price-brief-list { margin-top: 0; }

  /* Improve legibility of light-page secondary copy seen on real 390 px device. */
  .prices-page .price-scenarios .section-lead,
  .prices-page .price-scenario-card p {
    color: #68645d;
  }
}

@media (max-width: 390px) {
  .home-page .hero h1 { font-size: 36px; }
  .home-page .hero-city { font-size: .88em; }
  .home-page .section-title,
  .prices-page .section-title { font-size: 34px; }
  .prices-page .price-index a { font-size: 13px; padding-inline: 12px; }
  .prices-page .price-index a span { margin-right: 10px; }
}