/* ==================== МЕДИАЗАПРОСЫ ==================== */
/* Сюда переносятся все @media из main.css по мере переноса секций. */

/* ── hero-оверлей ── */
@media (max-width: 980px) {
  .hero-backdrop__headline { max-width: 100%; font-size: clamp(34px, 9vw, 72px); }
  .hero-backdrop__lead { text-align: left; }
}
@media (max-width: 768px) {
  .hero-hint { display: none; }
  .hero-backdrop__inner { justify-content: flex-end; padding: 12vh var(--pad-x) 4vh; gap: 14px; }
  .hero-backdrop__headline { font-size: clamp(36px, 10.5vw, 60px); }
  .hero-backdrop__bottom { position: static; flex-direction: column-reverse; align-items: stretch; gap: 14px; }
  .hero-cta { align-self: stretch; justify-content: space-between; }
  .hero-backdrop__lead { text-align: left; max-width: 100%; }
}

/* ── шапка / меню ── */
@media (max-width: 860px) {
  .header__nav { display: none; }
  .header__menu-btn { width: 44px; height: 44px; }
}
@media (max-width: 560px) {
  .menu__panel { width: 100%; padding-left: 20px; padding-right: 20px; }
  .menu__close { width: 44px; height: 44px; }
}

/* ── секции: планшет ── */
@media (max-width: 980px) {
  .news__card { flex-basis: calc((100% - 24px) / 2); }
  .buy__card { flex-basis: calc((100% - 24px) / 2); }
}

/* ── что внутри / преимущества ── */
@media (max-width: 900px) {
  .comp__top { position: static; padding: 30vh var(--pad-x) 0; max-width: 70%; }
  .comp__title { font-size: clamp(40px, 13vw, 72px); }
  .comp__lead { max-width: 100%; }
  .comp__cards { position: static; flex-direction: column; gap: 12px; padding: 5vh var(--pad-x) 14vh; pointer-events: auto; }
  .comp__col { width: 100%; }
  .comp__col:first-child { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .comp__card { padding: 24px 20px; min-height: 116px; }
  .comp__card b { font-size: clamp(18px, 5vw, 26px); white-space: normal; }
  .comp__card small { font-size: 11px; }
  .proof__item { flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 0 var(--pad-x) 12vh; gap: 16px; }
  .proof__title, .proof__desc { width: 100%; }
}

/* ── короткие по высоте экраны (состав) ── */
@media (min-width: 901px) and (max-height: 780px) {
  .comp__top { top: 9vh; }
  .comp__title { font-size: clamp(40px, 5.4vw, 88px); }
  .comp__lead { margin-top: 16px; }
  .comp__cards { bottom: 6vh; }
  .comp__card { min-height: 120px; padding: 24px 30px; }
  .comp__card b { font-size: clamp(20px, 1.6vw, 28px); }
  .comp__card small { margin-top: 8px; }
}
@media (min-width: 901px) and (max-height: 640px) {
  .comp__top { top: 6vh; max-width: 560px; }
  .comp__title { font-size: clamp(34px, 4.6vw, 62px); }
  .comp__lead { margin-top: 12px; font-size: 13.5px; }
  .comp__cards { bottom: 5vh; }
  .comp__col { gap: 10px; }
  .comp__card { min-height: 92px; padding: 16px 22px; border-radius: 14px; }
  .comp__card b { font-size: clamp(18px, 1.4vw, 25px); }
  .comp__card small { font-size: 11px; margin-top: 6px; }
}

/* ── мобильные секции ── */
@media (max-width: 768px) {
  .flavors__item { top: auto; bottom: 6vh; left: var(--pad-x); right: var(--pad-x); width: auto; transform: none; }
  .flavors__mid { margin-top: 2vh; }
  .flavors__chips { display: none; }
  .flavors__name { font-size: clamp(40px, 12vw, 64px); }
  .flavors__sub { font-size: clamp(18px, 4.5vw, 24px); }

  .news__head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .news__card { flex-basis: 86%; min-height: clamp(380px, 90vw, 480px); }
  .news__actions { display: none; }
  .news__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 22px; }
  .news { min-height: auto; padding: 6vh var(--pad-x); }

  .buy__head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .buy__card { flex-basis: 80%; min-height: clamp(260px, 70vw, 340px); }
  .buy__nav-top { display: none; }
  .buy__nav-bottom { display: flex; justify-content: flex-start; margin-top: 22px; }
  .buy { min-height: auto; padding: 9vh var(--pad-x) 6vh; }

  .footer { margin-top: 2vh; padding: 36px var(--pad-x) 32px; }
  .footer__big { width: clamp(200px, 66vw, 340px); }
}

/* ── навигатор вкусов: мобила (только цветные точки) ── */
@media (max-width: 980px) {
  .flavor-nav { right: 12px; }
  .flavor-nav__list {
    padding: 9px 8px;
    gap: 12px;
    border-radius: 999px;
    max-height: 64vh;
  }
  .flavor-nav__tab {
    gap: 0;
    padding: 0;
    border: none;
    background: transparent;
  }
  .flavor-nav__tab:hover,
  .flavor-nav__tab[data-active="true"] {
    background: transparent;
    box-shadow: none;
  }
  .flavor-nav__meta { display: none; }
  .flavor-nav__thumb-img { display: none; }
  .flavor-nav__thumb {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
    opacity: 0.55;
    transition: opacity 0.3s var(--ease), transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
  }
  .flavor-nav__tab[data-active="true"] .flavor-nav__thumb {
    opacity: 1;
    transform: scale(1.25);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 3px rgba(255, 255, 255, 0.85);
  }
}

/* ── список новостей ── */
@media (max-width: 980px) { .news-page__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .news-page__grid { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .hero-backdrop__line-inner { animation: none; transform: none; filter: none; opacity: 1; }
  .hero-hint__dot { animation: none; left: 50%; }
  .hero-hint { animation: none; opacity: 1; }
}