/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 24 2026 | 21:17:12 */
/* ============================================
   02. АТОМАРНЫЕ КЛАССЫ (Утилиты)
   ============================================ */

/* --------------------------------------------
   ЦВЕТА ФОНА
   -------------------------------------------- */

.bg-base { background-color: var(--color-base); }
.bg-contrast { background-color: var(--color-contrast); }

.bg-accent-1 { background-color: var(--color-accent-1); }
.bg-accent-2 { background-color: var(--color-accent-2); }
.bg-accent-3 { background-color: var(--color-accent-3); }
.bg-accent-4 { background-color: var(--color-accent-4); }
.bg-accent-5 { background-color: var(--color-accent-5); }
.bg-accent-6 { background-color: var(--color-accent-6); }

.bg-neutral-1 { background-color: var(--color-neutral-1); }
.bg-neutral-2 { background-color: var(--color-neutral-2); }
.bg-neutral-3 { background-color: var(--color-neutral-3); }
.bg-neutral-4 { background-color: var(--color-neutral-4); }
.bg-neutral-5 { background-color: var(--color-neutral-5); }
.bg-neutral-6 { background-color: var(--color-neutral-6); }
.bg-neutral-7 { background-color: var(--color-neutral-7); }
.bg-neutral-8 { background-color: var(--color-neutral-8); }

.bg-surface-1 { background-color: var(--color-surface-1); }
.bg-surface-2 { background-color: var(--color-surface-2); }
.bg-surface-3 { background-color: var(--color-surface-3); }

/* .bg-accent-1-hover { background-color: var(--color-accent-1-hover); } */
.bg-accent-1-lighter-1 { background-color: var(--color-accent-1-lighter-1); }
.bg-accent-1-lighter-2 { background-color: var(--color-accent-1-lighter-2); }
.bg-accent-1-lighter-3 { background-color: var(--color-accent-1-lighter-3); }
.bg-accent-1-darker-1 { background-color: var(--color-accent-1-darker-1); }
.bg-accent-1-darker-2 { background-color: var(--color-accent-1-darker-2); }
.bg-accent-1-darker-3 { background-color: var(--color-accent-1-darker-3); }
.bg-accent-1-transparent-10 { background-color: var(--color-accent-1-transparent-10); }
.bg-accent-1-transparent-20 { background-color: var(--color-accent-1-transparent-20); }
.bg-accent-1-transparent-50 { background-color: var(--color-accent-1-transparent-50); }
/* .bg-accent-2-hover { background-color: var(--color-accent-2-hover); } */
.bg-accent-2-lighter-1 { background-color: var(--color-accent-2-lighter-1); }
.bg-accent-2-darker-1 { background-color: var(--color-accent-2-darker-1); }
.bg-accent-2-transparent-10 { background-color: var(--color-accent-2-transparent-10); }
.bg-accent-2-transparent-20 { background-color: var(--color-accent-2-transparent-20); }
/* .bg-accent-3-hover { background-color: var(--color-accent-3-hover); } */
.bg-accent-3-lighter-1 { background-color: var(--color-accent-3-lighter-1); }

/*  *
.bg-success { background-color: var(--color-success); }
/* .bg-success-hover { background-color: var(--color-success-hover); } */
/* .bg-success-lighter-1 { background-color: var(--color-success-lighter-1); } */

/*  *
.bg-warning { background-color: var(--color-warning); }
/* .bg-warning-hover { background-color: var(--color-warning-hover); } */
/* .bg-warning-lighter-1 { background-color: var(--color-warning-lighter-1); } */

/*  *
.bg-error { background-color: var(--color-error); }
/* .bg-error-hover { background-color: var(--color-error-hover); } */
/* .bg-error-lighter-1 { background-color: var(--color-error-lighter-1); } */


/* --------------------------------------------
   ЦВЕТА ТЕКСТА
   -------------------------------------------- */

.text-base { color: var(--color-base); }
.text-contrast { color: var(--color-contrast); }

.text-accent-1 { color: var(--color-accent-1); }
.text-accent-2 { color: var(--color-accent-2); }
.text-accent-3 { color: var(--color-accent-3); }
.text-accent-4 { color: var(--color-accent-4); }
.text-accent-5 { color: var(--color-accent-5); }
.text-accent-6 { color: var(--color-accent-6); }

.text-neutral-1 { color: var(--color-neutral-1); }
.text-neutral-2 { color: var(--color-neutral-2); }
.text-neutral-3 { color: var(--color-neutral-3); }
.text-neutral-4 { color: var(--color-neutral-4); }
.text-neutral-5 { color: var(--color-neutral-5); }
.text-neutral-6 { color: var(--color-neutral-6); }
.text-neutral-7 { color: var(--color-neutral-7); }
.text-neutral-8 { color: var(--color-neutral-8); }

/* .text-accent-1-hover { color: var(--color-accent-1-hover); } */
.text-accent-1-lighter-1 { color: var(--color-accent-1-lighter-1); }
.text-accent-1-lighter-2 { color: var(--color-accent-1-lighter-2); }
.text-accent-1-lighter-3 { color: var(--color-accent-1-lighter-3); }
.text-accent-1-darker-1 { color: var(--color-accent-1-darker-1); }
.text-accent-1-darker-2 { color: var(--color-accent-1-darker-2); }
.text-accent-1-darker-3 { color: var(--color-accent-1-darker-3); }
.text-accent-1-transparent-10 { color: var(--color-accent-1-transparent-10); }
.text-accent-1-transparent-20 { color: var(--color-accent-1-transparent-20); }
.text-accent-1-transparent-50 { color: var(--color-accent-1-transparent-50); }
/* .text-accent-2-hover { color: var(--color-accent-2-hover); } */
.text-accent-2-lighter-1 { color: var(--color-accent-2-lighter-1); }
.text-accent-2-darker-1 { color: var(--color-accent-2-darker-1); }
.text-accent-2-transparent-10 { color: var(--color-accent-2-transparent-10); }
.text-accent-2-transparent-20 { color: var(--color-accent-2-transparent-20); }
/* .text-accent-3-hover { color: var(--color-accent-3-hover); } */
.text-accent-3-lighter-1 { color: var(--color-accent-3-lighter-1); }

/*  *
.text-success { color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.text-error { color: var(--color-error); }
/*  */

.text-heading { color: var(--color-heading); }
.text-link { color: var(--color-link-regular); }
.text-link-regular { color: var(--color-link-regular); }
/* .text-link-hover { color: var(--color-link-hover); } */

/* --------------------------------------------
   ЦВЕТА ГРАНИЦ
   -------------------------------------------- */

/*  */
.border-base { border-color: var(--color-base); }
.border-contrast { border-color: var(--color-contrast); }
.border-accent-1 { border-color: var(--color-accent-1); }
.border-accent-2 { border-color: var(--color-accent-2); }
/*  *
.border-neutral-1 { border-color: var(--color-neutral-1); }
.border-neutral-2 { border-color: var(--color-neutral-2); }
.border-neutral-3 { border-color: var(--color-neutral-3); }
.border-neutral-4 { border-color: var(--color-neutral-4); }
/*  */
.border-success { border-color: var(--color-success); }
.border-warning { border-color: var(--color-warning); }
.border-error { border-color: var(--color-error); }
/*  */

/* --------------------------------------------
   ОТСТУПЫ (Padding & Margin)
   -------------------------------------------- */

/* Padding *
.p-0 { padding: var(--spacing-0); }
.p-1 { padding: var(--spacing-1); }
.p-2 { padding: var(--spacing-2); }
.p-3 { padding: var(--spacing-3); }
.p-4 { padding: var(--spacing-4); }
.p-5 { padding: var(--spacing-5); }
.p-6 { padding: var(--spacing-6); }
.p-7 { padding: var(--spacing-7); }
.p-8 { padding: var(--spacing-8); }
.p-9 { padding: var(--spacing-9); }
.p-10 { padding: var(--spacing-10); }

.px-0 { padding-left: var(--spacing-0); padding-right: var(--spacing-0); }
.px-1 { padding-left: var(--spacing-1); padding-right: var(--spacing-1); }
.px-2 { padding-left: var(--spacing-2); padding-right: var(--spacing-2); }
.px-3 { padding-left: var(--spacing-3); padding-right: var(--spacing-3); }
.px-4 { padding-left: var(--spacing-4); padding-right: var(--spacing-4); }
.px-5 { padding-left: var(--spacing-5); padding-right: var(--spacing-5); }
.px-6 { padding-left: var(--spacing-6); padding-right: var(--spacing-6); }

.py-0 { padding-top: var(--spacing-0); padding-bottom: var(--spacing-0); }
.py-1 { padding-top: var(--spacing-1); padding-bottom: var(--spacing-1); }
.py-2 { padding-top: var(--spacing-2); padding-bottom: var(--spacing-2); }
.py-3 { padding-top: var(--spacing-3); padding-bottom: var(--spacing-3); }
.py-4 { padding-top: var(--spacing-4); padding-bottom: var(--spacing-4); }
.py-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
.py-6 { padding-top: var(--spacing-6); padding-bottom: var(--spacing-6); }

.pt-1 { padding-top: var(--spacing-1); }
.pt-2 { padding-top: var(--spacing-2); }
.pt-3 { padding-top: var(--spacing-3); }
.pt-4 { padding-top: var(--spacing-4); }
.pt-5 { padding-top: var(--spacing-5); }
.pt-6 { padding-top: var(--spacing-6); }

.pb-1 { padding-bottom: var(--spacing-1); }
.pb-2 { padding-bottom: var(--spacing-2); }
.pb-3 { padding-bottom: var(--spacing-3); }
.pb-4 { padding-bottom: var(--spacing-4); }
.pb-5 { padding-bottom: var(--spacing-5); }
.pb-6 { padding-bottom: var(--spacing-6); }
/*  */

/* Margin *
.m-0 { margin: var(--spacing-0); }
.m-1 { margin: var(--spacing-1); }
.m-2 { margin: var(--spacing-2); }
.m-3 { margin: var(--spacing-3); }
.m-4 { margin: var(--spacing-4); }
.m-5 { margin: var(--spacing-5); }
.m-6 { margin: var(--spacing-6); }
.m-7 { margin: var(--spacing-7); }
.m-8 { margin: var(--spacing-8); }
.m-9 { margin: var(--spacing-9); }
.m-10 { margin: var(--spacing-10); }

.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0 { margin-left: var(--spacing-0); margin-right: var(--spacing-0); }
.mx-1 { margin-left: var(--spacing-1); margin-right: var(--spacing-1); }
.mx-2 { margin-left: var(--spacing-2); margin-right: var(--spacing-2); }
.mx-3 { margin-left: var(--spacing-3); margin-right: var(--spacing-3); }
.mx-4 { margin-left: var(--spacing-4); margin-right: var(--spacing-4); }
.mx-5 { margin-left: var(--spacing-5); margin-right: var(--spacing-5); }

.my-0 { margin-top: var(--spacing-0); margin-bottom: var(--spacing-0); }
.my-1 { margin-top: var(--spacing-1); margin-bottom: var(--spacing-1); }
.my-2 { margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); }
.my-3 { margin-top: var(--spacing-3); margin-bottom: var(--spacing-3); }
.my-4 { margin-top: var(--spacing-4); margin-bottom: var(--spacing-4); }
.my-5 { margin-top: var(--spacing-5); margin-bottom: var(--spacing-5); }
.my-6 { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6); }

.mt-1 { margin-top: var(--spacing-1); }
.mt-2 { margin-top: var(--spacing-2); }
.mt-3 { margin-top: var(--spacing-3); }
.mt-4 { margin-top: var(--spacing-4); }
.mt-5 { margin-top: var(--spacing-5); }
.mt-6 { margin-top: var(--spacing-6); }
.mt-7 { margin-top: var(--spacing-7); }
.mt-8 { margin-top: var(--spacing-8); }

.mb-1 { margin-bottom: var(--spacing-1); }
.mb-2 { margin-bottom: var(--spacing-2); }
.mb-3 { margin-bottom: var(--spacing-3); }
.mb-4 { margin-bottom: var(--spacing-4); }
.mb-5 { margin-bottom: var(--spacing-5); }
.mb-6 { margin-bottom: var(--spacing-6); }
.mb-7 { margin-bottom: var(--spacing-7); }
.mb-8 { margin-bottom: var(--spacing-8); }
/*  */

/* --------------------------------------------
   ШИРИНА / КОНТЕЙНЕР
   -------------------------------------------- */

.w-full { width: 100%; }
.w-auto { width: auto; }
.w-screen { width: 100vw; }

/* .container { */
.tk-container {
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* TODO: Удалить/Переименовать класс? | Использовать флаг "Использовать всю ширину контента"
:
--wp--style--global--content-size: 645px;
--wp--style--global--wide-size: 1340px;
*/
.u-wrapper-width {
	margin: 0 auto;
/* 	padding: 30px 16px; */
	max-width: var(--wp--style--global--wide-size);
}

/* --------------------------------------------
   РАДИУСЫ
   -------------------------------------------- */

/*  */
.rounded-none { border-radius: 0; }
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-xl { border-radius: var(--radius-xl); }
.rounded-full { border-radius: var(--radius-full); }
/*  */

/* --------------------------------------------
   ТЕНИ
   -------------------------------------------- */

/*  *
.shadow-none { box-shadow: none; }
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }
/*  */

/* --------------------------------------------
   ПЕРЕХОДЫ (Transitions)
   -------------------------------------------- */

/*  */
.transition-fast { transition: all var(--transition-fast); }
.transition-base { transition: all var(--transition-base); }
.transition-slow { transition: all var(--transition-slow); }
/*  */

/* --------------------------------------------
   Видимость
   -------------------------------------------- */

/* Используется для наложения навигации на Главной */
.tk--opacity--m03 { opacity: 0.97 !important; }
/* .opacity-97 { opacity: 0.97 !important; } */

/* --------------------------------------------
   ПОЗИЦИОНИРОВАНИЕ
   -------------------------------------------- */

/*  */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
/*  */

/* --------------------------------------------
   ДИСПЛЕЙ
   -------------------------------------------- */

/*  */
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
/*  */
.hidden { display: none; }

/* --------------------------------------------
   FLEXBOX
   -------------------------------------------- */

/*  */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }

.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }

.gap-1 { gap: var(--spacing-1); }
.gap-2 { gap: var(--spacing-2); }
.gap-3 { gap: var(--spacing-3); }
.gap-4 { gap: var(--spacing-4); }
.gap-5 { gap: var(--spacing-5); }
.gap-6 { gap: var(--spacing-6); }
.gap-7 { gap: var(--spacing-7); }
.gap-8 { gap: var(--spacing-8); }
/*  */

/* --------------------------------------------
   ТЕКСТОВОЕ ВЫРАВНИВАНИЕ
   -------------------------------------------- */

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

/* --------------------------------------------
   РАЗМЕРЫ ШРИФТА
   -------------------------------------------- */

/*  *
.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-md { font-size: var(--font-size-md); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.text-2xl { font-size: var(--font-size-2xl); }
.text-3xl { font-size: var(--font-size-3xl); }
.text-4xl { font-size: var(--font-size-4xl); }
.text-5xl { font-size: var(--font-size-5xl); }
/*  */

/* --------------------------------------------
   ВЕС ШРИФТА
   -------------------------------------------- */

/*  *
.font-light { font-weight: var(--font-weight-light); }
.font-normal { font-weight: var(--font-weight-normal); }
.font-medium { font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold { font-weight: var(--font-weight-bold); }
/*  */

/* --------------------------------------------
   ВЫСОТА СТРОКИ
   -------------------------------------------- */

/*  *
.leading-tight { line-height: var(--line-height-tight); }
.leading-normal { line-height: var(--line-height-normal); }
.leading-relaxed { line-height: var(--line-height-relaxed); }
/*  */

/* --------------------------------------------
   МЕЖБУКВЕННЫЙ ИНТЕРВАЛ
   -------------------------------------------- */

/*  *
.tracking-tight { letter-spacing: var(--letter-spacing-tight); }
.tracking-normal { letter-spacing: var(--letter-spacing-normal); }
.tracking-wide { letter-spacing: var(--letter-spacing-wide); }
/*  */

/* --------------------------------------------
   УТИЛИТЫ ДЛЯ HOVER
   -------------------------------------------- */

.hover\:bg-accent-1-hover:hover { background-color: var(--color-accent-1-hover); }
.hover\:bg-accent-2-hover:hover { background-color: var(--color-accent-2-hover); }
.hover\:bg-accent-3-hover:hover { background-color: var(--color-accent-3-hover); }
/*  *
.hover\:bg-success-hover:hover { background-color: var(--color-success-hover); }
.hover\:bg-error-hover:hover { background-color: var(--color-error-hover); }
.hover\:bg-warning-hover:hover { background-color: var(--color-warning-hover); }
/*  */



/* .hover\:text-accent-1:hover { color: var(--color-accent-1); } */
.hover\:text-accent-1-hover:hover { color: var(--color-accent-1-hover); }
.hover\:text-accent-2-hover:hover { color: var(--color-accent-2-hover); }
.hover\:text-accent-3-hover:hover { color: var(--color-accent-3-hover); }

.hover\:text-link-hover:hover { color: var(--color-link-hover); }
.hover\:text-link-regular-hover:hover { color: var(--color-link-regular-hover); }



/*  *
.hover\:shadow-lg:hover { box-shadow: var(--shadow-lg); }
.hover\:shadow-xl:hover { box-shadow: var(--shadow-xl); }
/*  */


.hover\:scale-p-1:hover { transform: scale(1.02); }
.hover\:scale-p-2:hover { transform: scale(1.05); }
.hover\:scale-p-3:hover { transform: scale(1.1); }
.hover\:scale-p-4:hover { transform: scale(1.5); }
.hover\:scale-n-1:hover { transform: scale(.98); }
.hover\:scale-n-2:hover { transform: scale(.95); }
.hover\:scale-n-3:hover { transform: scale(.9); }
.hover\:scale-n-4:hover { transform: scale(.5); }


/* --------------------------------------------
   УТИЛИТЫ ДЛЯ ОТВЕТСТВЕННОСТИ
   -------------------------------------------- */

/*  *
@media (--breakpoint-md) {
  .md\:flex-row { flex-direction: row; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-wrap { flex-wrap: wrap; }
  
  .md\:text-left { text-align: left; }
  .md\:text-center { text-align: center; }
  .md\:text-right { text-align: right; }
  
  .md\:p-5 { padding: var(--spacing-5); }
  .md\:p-6 { padding: var(--spacing-6); }
  .md\:p-7 { padding: var(--spacing-7); }
}
/*  */
/* --- */