﻿/* =====================================================
   PALOMA WAVE — фирменная волнистая строка (× YOU PALOMA)
   Текст идёт по синусоиде (SVG textPath), как в инстаграме.
   Один общий файл для всех страниц.
   ===================================================== */

.paloma-wave {
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  line-height: 0;
}

.paloma-wave__svg {
  display: block;
  width: 100%;
  /* Явная высота обязательна — height:auto/aspect-ratio схлопывается в 0px
     на некоторых браузерах когда SVG в блоке без явного размера.
     160px = крупная дуга (viewBox 1200×150), волна видна полностью. */
  height: 160px;
  overflow: visible;
}

.paloma-wave__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  fill: rgba(27, 26, 24, 0.62);
}

/* Полноширинная полоса-разделитель на кремовом фоне */
.paloma-wave-band {
  background: #FFFFFF;
  padding: clamp(8px, 1.6vw, 20px) 0;
}

/* Вариант внутри светлой карточки подписки (на главной).
   Та же фирменная большая волна, во всю ширину карточки. */
.home-subscription__wave {
  position: relative;
  z-index: 4;
  width: 100%;
  margin: 0 auto 18px;
}

.home-subscription__wave .paloma-wave__svg {
  height: clamp(70px, 9vw, 110px);
}

.home-subscription__wave .paloma-wave__text {
  fill: rgba(42, 18, 12, 0.85);
}

@media (max-width: 768px) {
  .paloma-wave__text { font-size: 11px; letter-spacing: 0.16em; }
  .home-subscription__wave { margin-bottom: 22px; }
}
