/* Дополнительные стили поверх Tailwind */

html { scroll-behavior: smooth; }

.shadow-soft { box-shadow: 0 1px 2px rgba(19, 35, 58, .04), 0 8px 24px -8px rgba(19, 35, 58, .10); }
.shadow-lift { box-shadow: 0 2px 4px rgba(19, 35, 58, .05), 0 18px 40px -12px rgba(19, 35, 58, .18); }

/* Горизонтальная лента чипов без полосы прокрутки */
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Виртуальная карта в hero */
.savey-card {
  aspect-ratio: 1.586;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .45), transparent 55%),
    linear-gradient(135deg, #FFD95A 0%, #FFC21A 50%, #F5A800 100%);
}
.savey-card--paid {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(242, 163, 58, .35), transparent 55%),
    linear-gradient(135deg, #1C3150 0%, #13233A 100%);
}
/* Чип на жёлтой карте: золотой, с тёмной обводкой, чтобы не сливался */
.savey-card__chip {
  background: linear-gradient(135deg, #FFF1BF 0%, #E9B949 45%, #B57F0E 100%);
  box-shadow: inset 0 0 0 1.5px rgba(19, 35, 58, .45), 0 1px 2px rgba(19, 35, 58, .25);
}
.hero-glow {
  background:
    radial-gradient(40rem 24rem at 85% 10%, rgba(255, 194, 26, .22), transparent 70%),
    radial-gradient(30rem 20rem at 0% 90%, rgba(242, 163, 58, .12), transparent 70%);
}

/* Оценка звёздами: радиокнопки идут 5→1, показываем 1→5 */
.star-input { display: inline-flex; flex-direction: row-reverse; gap: .25rem; }
.star-input input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.star-input label { font-size: 2rem; line-height: 1; color: #D6DBE1; cursor: pointer; transition: color .15s, transform .15s; }
.star-input label:hover { transform: scale(1.1); }
.star-input input:checked ~ label,
.star-input label:hover,
.star-input label:hover ~ label { color: #F2A33A; }
.star-input input:focus-visible + label { outline: 2px solid #E0A800; outline-offset: 2px; border-radius: 4px; }

/* FAQ */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-plus { transform: rotate(45deg); }
.faq-plus { transition: transform .2s; }

/* Индикатор загрузки htmx */
.htmx-request #results, #results.htmx-request, .htmx-request #home-results, #home-results.htmx-request { opacity: .55; transition: opacity .15s; }