/* ============================================
   DLS — Давай Лови Стиль
   Custom CSS для Tilda
   Вставить: Настройки сайта → Ещё → Custom CSS
   ============================================ */

/* Основные цвета */
:root {
  --dls-orange: #FF5722;
  --dls-black:  #1C1C1C;
  --dls-yellow: #FFD600;
  --dls-white:  #FFFFFF;
}

/* ——— Кнопки ——— */
.t-btn {
  background:    var(--dls-orange)          !important;
  border-radius: 4px                        !important;
  font-family:   'Montserrat', sans-serif   !important;
  font-weight:   700                        !important;
  letter-spacing: 1px                       !important;
  color:         var(--dls-white)           !important;
  transition:    background 0.2s ease       !important;
}
.t-btn:hover {
  background: #e64a19 !important; /* чуть темнее оранжевый */
}

/* ——— Заголовки ——— */
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800                      !important;
  color:       var(--dls-black)         !important;
}

/* ——— Акцент-линия (декор под заголовком) ——— */
.dls-accent-line {
  width:      80px;
  height:     4px;
  background: var(--dls-orange);
  margin:     12px 0 24px 0;
  border:     none;
}

/* ——— Карточки товаров ——— */
.t-card {
  transition: transform 0.3s ease,
              box-shadow 0.3s ease;
}
.t-card:hover {
  transform:  translateY(-4px);
  box-shadow: 0 12px 32px rgba(255, 87, 34, 0.15);
}

/* ——— Шапка сайта ——— */
.t-header {
  background: var(--dls-black) !important;
}
.t-header a {
  color: var(--dls-white) !important;
}
.t-header a:hover {
  color: var(--dls-orange) !important;
}

/* ——— Бейдж / плашка скидки ——— */
.dls-badge {
  display:          inline-block;
  background:       var(--dls-orange);
  color:            var(--dls-white);
  font-family:      'Montserrat', sans-serif;
  font-weight:      700;
  font-size:        13px;
  letter-spacing:   1px;
  padding:          4px 12px;
  border-radius:    2px;
  text-transform:   uppercase;
}

/* ——— Цена ——— */
.t-store-product-price {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800                      !important;
  color:       var(--dls-orange)        !important;
}

/* ——— Подвал ——— */
.t-footer {
  background: var(--dls-black) !important;
  color:      var(--dls-white) !important;
}