/* ================================================
   ALYA-CHEE × AIRA — Tilda Custom CSS
   Стиль: Dopamine Design / Bubble Gum Pop
   Версия: 1.0
   Подключить: Настройки сайта → Ещё → CSS
   ================================================ */

/* ============ 1. GOOGLE FONTS ============ */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Comfortaa:wght@400;600;700&display=swap');

/* ============ 2. CSS ПЕРЕМЕННЫЕ (ЦВЕТА) ============ */
:root {
  --pink:        #FF6B9D;
  --pink-light:  #FFB3D0;
  --pink-glow:   #ff8fb8;
  --lime:        #A8E06C;
  --lime-light:  #d4f5a8;
  --blue:        #7EC8E3;
  --blue-light:  #c5e8f7;
  --sky:         #E8F4FD;
  --yellow:      #FFD93D;
  --yellow-light:#FFF3B0;
  --purple:      #C084FC;
  --dark:        #2d2d3a;
  --gray:        #6b7280;
  --bg-gradient: linear-gradient(135deg, #E8F4FD 0%, #FFF0F5 50%, #F0FFF0 100%);
  --card-shadow: 0 8px 32px rgba(255, 107, 157, 0.15);
  --bubble-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* ============ 3. БАЗОВЫЕ СТИЛИ САЙТА ============ */
body {
  font-family: "Nunito", sans-serif !important;
  color: var(--dark) !important;
  background: #f0f4ff !important;
  line-height: 1.6;
}

/* ============ 4. ТИПОГРАФИКА — ЗАГОЛОВКИ ============ */
/* Все заголовки h1-h4 в Tilda */
.t-title,
.t-heading,
[class*="t-title"],
.tn-atom[field="title"],
.t396__elem.tn-elem[field="title"] .tn-atom {
  font-family: "Comfortaa", "Nunito", sans-serif !important;
  font-weight: 700 !important;
}

/* Градиентный заголовок (для Hero секции) */
.t-title__gradient,
.t-rec--first .t-title,
.t-rec--first .tn-atom[field="title"] {
  background: linear-gradient(135deg, var(--pink) 0%, var(--purple) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Подзаголовки / описания */
.t-descr,
.tn-atom[field="descr"],
.t-text {
  font-family: "Nunito", sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* ============ 5. КНОПКИ ============ */
/* Основная кнопка (розовый градиент) */
.t-btn,
.t396__elem .tn-atom[field="btn"],
.t-btn__default {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 16px 40px !important;
  box-shadow: 0 6px 24px rgba(255, 107, 157, 0.4) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.3px !important;
}
.t-btn:hover,
.t396__elem .tn-atom[field="btn"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(255, 107, 157, 0.5) !important;
}

/* Вторичная кнопка (белая с розовой рамкой) */
.t-btn__secondary {
  background: white !important;
  color: var(--pink) !important;
  border: 2px solid var(--pink) !important;
  box-shadow: none !important;
}
.t-btn__secondary:hover {
  background: var(--pink) !important;
  color: white !important;
}

/* ============ 6. ФОНЫ СЕКЦИЙ ============ */
/* Hero секция — воздушный градиент */
.t-rec--first,
.t-section--hero {
  background: var(--bg-gradient) !important;
  position: relative;
  overflow: hidden;
}
/* Декоративные пятна в Hero */
.t-rec--first::before {
  content: "";
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, var(--pink-light) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.t-rec--first::after {
  content: "";
  position: absolute;
  bottom: -80px; left: -80px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, var(--lime-light) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

/* Белые секции */
.t-section--white {
  background: #ffffff !important;
}

/* Секции с градиентным фоном */
.t-section--gradient {
  background: var(--bg-gradient) !important;
}

/* Секция финального CTA — розово-фиолетовый градиент */
.t-section--cta {
  background: linear-gradient(135deg, var(--pink) 0%, var(--purple) 100%) !important;
}
.t-section--cta .t-title,
.t-section--cta .t-descr,
.t-section--cta .t-text {
  color: white !important;
  -webkit-text-fill-color: white !important;
}
.t-section--cta .t-btn {
  background: white !important;
  color: var(--pink) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.15) !important;
}

/* ============ 7. КАРТОЧКИ ТОВАРОВ ============ */
/* Блоки ST (Shop/Store) в Tilda */
.t-store__col,
.t-slds__item,
.t-card {
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: var(--card-shadow) !important;
  transition: transform 0.3s ease !important;
  background: white !important;
}
.t-store__col:hover,
.t-slds__item:hover,
.t-card:hover {
  transform: translateY(-6px) !important;
}

/* Цена товара */
.t-store__product-price,
.t-card__price {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: var(--pink) !important;
  font-family: "Comfortaa", sans-serif !important;
}

/* Название товара */
.t-store__product-title,
.t-card__title {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
  color: var(--dark) !important;
}

/* Кнопка купить в карточке */
.t-store__btn-addtocart,
.t-store__btn-buy {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, var(--pink) 0%, var(--pink-glow) 100%) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(255, 107, 157, 0.35) !important;
  transition: all 0.3s ease !important;
  padding: 12px 28px !important;
}
.t-store__btn-addtocart:hover,
.t-store__btn-buy:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255, 107, 157, 0.5) !important;
}

/* ============ 8. КАРТОЧКИ ПРЕИМУЩЕСТВ / ИКОНКИ ============ */
/* Блоки с иконками (BF, IC серии) */
.t-bf__col,
.t-ic__col,
.t-features__col {
  border-radius: 24px !important;
  padding: 36px 28px !important;
  text-align: center !important;
  transition: transform 0.3s ease !important;
  position: relative;
  overflow: hidden;
}
.t-bf__col:hover,
.t-ic__col:hover {
  transform: translateY(-6px) !important;
}
/* Чередование цветов карточек */
.t-bf__col:nth-child(1),
.t-ic__col:nth-child(1) {
  background: linear-gradient(135deg, #FFF0F5, #FFE0EB) !important;
}
.t-bf__col:nth-child(2),
.t-ic__col:nth-child(2) {
  background: linear-gradient(135deg, #F0FFF0, #E0FFE0) !important;
}
.t-bf__col:nth-child(3),
.t-ic__col:nth-child(3) {
  background: linear-gradient(135deg, #E8F4FD, #D0ECFF) !important;
}
.t-bf__col:nth-child(4),
.t-ic__col:nth-child(4) {
  background: linear-gradient(135deg, #FFFBF0, #FFF3B0) !important;
}

/* ============ 9. ШАГИ (STEPS) ============ */
.t-steps__col,
.t-process__col {
  background: white !important;
  border-radius: 24px !important;
  padding: 36px 24px !important;
  box-shadow: var(--bubble-shadow) !important;
  text-align: center !important;
}
/* Номер шага */
.t-steps__num,
.t-process__num {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--pink), var(--purple)) !important;
  color: white !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
  font-family: "Comfortaa", sans-serif !important;
}

/* ============ 10. FAQ АККОРДЕОН ============ */
.t-faq__item,
.t-accordion__item {
  background: white !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  box-shadow: var(--bubble-shadow) !important;
  border: none !important;
}
.t-faq__question,
.t-accordion__question {
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: var(--dark) !important;
  padding: 20px 24px !important;
}
.t-faq__answer,
.t-accordion__answer {
  color: var(--gray) !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  padding: 0 24px 20px !important;
}

/* ============ 11. ОТЗЫВЫ ============ */
.t-reviews__col,
.t-testimonials__col {
  background: white !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: var(--bubble-shadow) !important;
  position: relative !important;
}
.t-reviews__col::before {
  content: "C" !important;
  font-size: 4rem !important;
  color: var(--pink-light) !important;
  position: absolute !important;
  top: -10px !important;
  left: 20px !important;
  font-family: serif !important;
  line-height: 1 !important;
}
.t-reviews__name,
.t-testimonials__name {
  font-weight: 800 !important;
  color: var(--dark) !important;
  font-family: "Comfortaa", sans-serif !important;
}

/* ============ 12. НАВИГАЦИЯ (HEADER) ============ */
.t-menu,
.t-header {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 20px rgba(255, 107, 157, 0.1) !important;
}
.t-menu__link,
.t-header__link {
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  color: var(--dark) !important;
  transition: color 0.2s ease !important;
}
.t-menu__link:hover,
.t-header__link:hover {
  color: var(--pink) !important;
}

/* ============ 13. ФУТЕР ============ */
.t-footer,
.t-rec--last {
  background: var(--dark) !important;
  color: rgba(255,255,255,0.7) !important;
}
.t-footer a,
.t-rec--last a {
  color: var(--pink-light) !important;
  text-decoration: none !important;
}
.t-footer a:hover {
  text-decoration: underline !important;
}

/* ============ 14. ФОРМА ЗАКАЗА ============ */
.t-input,
.t-form__inputsbox input,
.t-form__inputsbox textarea {
  border-radius: 16px !important;
  border: 2px solid #f0e0ea !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 1rem !important;
  padding: 14px 20px !important;
  transition: border-color 0.2s ease !important;
  background: white !important;
}
.t-input:focus,
.t-form__inputsbox input:focus {
  border-color: var(--pink) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.15) !important;
}

/* ============ 15. БЕЙДЖИ / ЛЕЙБЛЫ ============ */
.t-badge,
.t-label {
  border-radius: 50px !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  padding: 6px 16px !important;
}
.t-badge--hit { background: var(--yellow) !important; color: var(--dark) !important; }
.t-badge--new { background: var(--lime-light) !important; color: var(--dark) !important; }
.t-badge--sale { background: var(--pink) !important; color: white !important; }

/* ============ 16. СТАТИСТИКА / ЦИФРЫ ============ */
.t-stat__num,
.t-counter__num {
  font-size: 2rem !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--pink), var(--purple)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-family: "Comfortaa", sans-serif !important;
}
.t-stat__label,
.t-counter__label {
  font-size: 0.9rem !important;
  color: var(--gray) !important;
  margin-top: 4px !important;
}

/* ============ 17. РАЗДЕЛИТЕЛИ СЕКЦИЙ ============ */
.t-section-separator {
  height: 4px;
  background: linear-gradient(90deg, var(--pink), var(--purple), var(--blue));
  border: none;
  margin: 0;
}

/* ============ 18. АДАПТИВНОСТЬ ============ */
@media (max-width: 768px) {
  .t-title { font-size: clamp(1.6rem, 6vw, 2.5rem) !important; }
  .t-descr { font-size: 1rem !important; }
  .t-btn { padding: 14px 28px !important; font-size: 1rem !important; }
  .t-store__col { margin-bottom: 20px !important; }
  .t-bf__col, .t-ic__col { margin-bottom: 16px !important; }
}

/* ============ 19. АНИМАЦИИ ============ */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes pulse-pink {
  0%, 100% { box-shadow: 0 6px 24px rgba(255, 107, 157, 0.4); }
  50% { box-shadow: 0 6px 40px rgba(255, 107, 157, 0.7); }
}
/* Применить анимацию к главному изображению Hero */
.t-rec--first .t-img,
.t-rec--first img {
  animation: float 4s ease-in-out infinite;
}
/* Пульсация главной кнопки */
.t-rec--first .t-btn {
  animation: pulse-pink 2.5s ease-in-out infinite;
}

/* ============ 20. УТИЛИТЫ ============ */
/* Центрирование текста в секции */
.t-section--center { text-align: center !important; }
/* Розовый акцент для выделенного текста */
.t-text--pink { color: var(--pink) !important; font-weight: 700 !important; }
/* Карточка с тенью */
.t-card--shadow {
  background: white !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: var(--bubble-shadow) !important;
}


/* ===== РАСШИРЕННЫЕ СТИЛИ ШАПКИ ===== */

/* Sticky шапка */
.t-menu_fixed {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 4px 30px rgba(255, 107, 157, 0.15) !important;
  transition: all 0.3s ease !important;
}

/* Логотип в шапке */
.t-menu__logo img,
.t-header__logo img {
  height: 40px !important;
  width: auto !important;
}

/* Активный пункт меню */
.t-menu__link_active,
.t-header__link_active {
  color: #FF6B9D !important;
  position: relative !important;
}
.t-menu__link_active::after,
.t-header__link_active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #FF6B9D !important;
  border-radius: 2px !important;
}

/* Кнопка в шапке */
.t-menu__button,
.t-header__button {
  background: linear-gradient(135deg, #FF6B9D, #ff8fb8) !important;
  color: white !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.t-menu__button:hover,
.t-header__button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 107, 157, 0.4) !important;
}

/* Мобильное меню */
.t-menu__list-item-link {
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #FFE0EB !important;
  color: #2d2d3a !important;
}
.t-menu__burger-icon span {
  background-color: #FF6B9D !important;
  height: 3px !important;
  border-radius: 3px !important;
}

/* ===== РАСШИРЕННЫЕ СТИЛИ ФУТЕРА ===== */

/* Заголовки колонок */
.t-footer h4,
.t-footer .t-name,
.t-rec--last h4 {
  font-family: "Comfortaa", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #FF6B9D !important;
  margin-bottom: 16px !important;
}

/* Иконки соцсетей */
.t-sociallinks__item a {
  color: #FFB3D0 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}
.t-sociallinks__item a:hover {
  color: #FF6B9D !important;
  transform: scale(1.2) !important;
}

/* Разделитель копирайта */
.t-footer__copyright,
.t-rec--last .t-copyright {
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding-top: 20px !important;
  margin-top: 40px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.4) !important;
  text-align: center !important;
  font-family: "Nunito", sans-serif !important;
}