/*  
========================================
 🖼 БАЗА
========================================
*/
* { transition: var(--transition); }
html, body { background: var(--main-bg); color: var(--main-text); line-height: var(--line-height); }

/* Подсветка выделения текста */
html ::selection,
body ::selection,
html ::-moz-selection,
body ::-moz-selection {
  background: var(--color-primary) !important;
  color: #fff !important;
}

/*  
========================================
 🧭 ХЭДЕР
========================================
*/
.t228 { background: var(--color-primary) !important; }
.t228__logo,
.t228__list_item a.t-menu__link-item,
.t228__right_descr { color: #000000 !important; }
.t228__list_item a.t-menu__link-item:hover,
.t228__list_item a.t-active { color: var(--color-secondary) !important; }

/*  
========================================
 🦶 ФУТЕР
========================================
*/
/* Стандартный футер (t420) */
#t-footer,
#t-footer .t420,
#t-footer .t-rec {
  background: var(--color-primary-light) !important;
}
#t-footer .t420__logo,
#t-footer .t420__title,
#t-footer .t420__descr,
#t-footer .t420__descr a { color: #fff !important; }
#t-footer .t420__descr a:hover { color: var(--color-secondary) !important; }
#t-footer .t-sociallinks__svg path { fill: #fff !important; }
#t-footer .t-sociallinks__svg:hover path { fill: var(--color-secondary) !important; }

/* Zero-блок футера (t396) */
.footer-block .t396__artboard,
.footer-block .t396__filter {
  background: var(--color-primary-light) !important;
}
.footer-block .tn-elem,
.footer-block .tn-elem a { color: #fff !important; }
.footer-block .tn-elem a:hover { color: var(--color-secondary) !important; }

/* Перебиваем inline-фон Zero (жёстко на rec) */
#rec1319647891 .t396__artboard,
#rec1319647891 .t396__filter {
  background: var(--color-primary-light) !important;
}

/*  
========================================
 🦓 ЗЕБРА
========================================
*/
/* Чередование: белый ↔ светло-серый */
#allrecords .t-rec:nth-child(odd)  { background: #ffffff !important; color: var(--main-text); }
#allrecords .t-rec:nth-child(even) { background: #f7f7f7 !important; color: var(--main-text); }

/* Акцентный блок — вручную добавляй класс accent-bg */
.accent-bg { background: var(--color-primary) !important; color: #fff; }

========================================
 🔤 ТИПОГРАФИКА
========================================
*/
.t-title_xl { font-size: var(--h1-size); color: var(--main-text); }
.t-title_lg { font-size: var(--h2-size); color: var(--main-text); }
.t-title_md { font-size: var(--h3-size); color: var(--main-text); }

.t-descr, p {
  font-size: var(--p-size);
  color: var(--secondary-text);
}

a {
  color: var(--link);
  text-decoration: none;
}
a:hover { opacity: 0.8; }

/*  
========================================
 🔘 КНОПКИ
========================================
*/
.t-btn {
  background: var(--accent) !important;
  border-radius: var(--btn-radius) !important;
  color: #fff !important;
}
.t-btn:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}

/*  
========================================
 📦 КАРТОЧКИ (универсально + конкретные блоки)
========================================
*/
.t-card__wrap,
.t-store__card,
.t-product__wrap,
.t754__card,
.t228__card,
.t-store__card__wrap,
.t983__card,
.t472__blockimg {
  border-radius: var(--card-radius) !important;
  overflow: hidden;
}
.t-card__wrap:hover,
.t-store__card:hover,
.t754__card:hover,
.t228__card:hover,
.t983__card:hover,
.t472__blockimg:hover {
  transform: translateY(var(--hover-lift));
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Для оверлеев и фоновых картинок внутри */
.t983__card-overlay,
.t983__bgimg,
.t-bgimg {
  border-radius: var(--card-radius) !important;
  overflow: hidden;
}

/*  
========================================
 🖼 КАРТИНКИ
========================================
*/
img {
  border-radius: var(--img-radius);
}
img:hover {
  opacity: 0.9;
}

/* 

/* Кастомный скроллбар */

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 10px; /* ширина */
}
::-webkit-scrollbar-thumb {
  background: var(--color-primary); /* фирменный цвет */
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-dark);
}
::-webkit-scrollbar-track {
  background: #f0f0f0;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary) #f0f0f0;
}

/* Общие стили для всех форм с классом .custom-form */
.custom-form {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  border-radius: 12px;
  background: var(--bg-light);
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.custom-form input,
.custom-form textarea,
.custom-form select {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

.custom-form button,
.custom-form .t-submit {
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: var(--btn-radius);
  padding: 12px 20px;
  cursor: pointer;
  transition: var(--transition);
}

.custom-form button:hover,
.custom-form .t-submit:hover {
  background: var(--color-primary-dark);
}

/* === Кнопки форм (submit) === */
.t-form .t-submit {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-radius: var(--btn-radius) !important;
  border: none !important;
  box-shadow: none !important;
  transition: var(--transition);
}

.t-form .t-submit:hover {
  background: var(--color-primary-dark) !important;
}

.card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.card .t-bgimg {
  background-position: center !important;
  background-size: 100% !important;
  transition: background-size 0.4s ease-in-out, background-position 0.4s ease-in-out;
}

.card:hover .t-bgimg {
  background-size: 120% !important;  /* увеличиваем фон */
  background-position: center !important; /* всегда центрируем */
}