.fixed-aspect {
  aspect-ratio: 1 / 1;
}

.aspect-1-1 { aspect-ratio: 1 / 1; }
.aspect-4-3 { aspect-ratio: 4 / 3; }
.aspect-3-2 { aspect-ratio: 3 / 2; }
.aspect-16-9 { aspect-ratio: 16 / 9; }
.aspect-21-9 { aspect-ratio: 21 / 9; }
.aspect-4-5 { aspect-ratio: 4 / 5; }

.uc-bigform button.t-submit {
    width: 100% !important;
}

/* hover по кнопке wb */

.wb-bttn {
  border-radius: 999px;
  border: 1px solid #121522;
  transition: border-color .25s ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: #FEFDF7;
  transition: all .25s ease;
}

.wb-bttn .wb-logo * {
    fill: #CB11AB;
    transition: all .25s ease;
}

.wb-bttn .bttn-text {
  transition: all .25s ease;
}

.wb-bttn:hover {
  background-color: #CB11AB;
}

.wb-bttn:hover .wb-logo * {
  fill: #FFFFFF !important;
}

.wb-bttn:hover .bttn-text {
  color: #FFFFFF !important;
}

.wb-bttn:hover {
  border-color: #CB11AB;
}


/* hover по кнопке wb */

.ozon-bttn {
    background-color: #FEFDF7;
    border-radius: 999px;
    border: 1px solid #121522;
    transition: border-color .25s ease, background-color .25s ease;
    -webkit-appearance: none;
    appearance: none;
}

.ozon-bttn .ozon-logo * {
  fill: #005BFF;
  transition: fill .25s ease;
}

.ozon-bttn .bttn-text {
  transition: color .25s ease;
}

/* Ховер — фон, обводка, svg и текст */
.ozon-bttn:hover {
  background-color: #005BFF;
  border-color: #005BFF;
}

.ozon-bttn:hover .ozon-logo * {
  fill: #FFFFFF !important;
}

.ozon-bttn:hover .bttn-text {
  color: #FFFFFF !important;
}


/*ховер по карточке*/

/* Стартовое состояние */
.card-container .arrow-container {
    border-radius: 999px;
    background-color: #121522 !important;
    transition: background-color .25s ease, transform .25s ease;
    transform-origin: center center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.arrow svg,
.arrow svg * {
  fill: #FEFDF7 !important;
  transition: fill .25s ease;
}

/* Ховер по всей карточке */
.card-container:hover .arrow-container {
  background-color: #c4f0ff !important;
  transform: rotate(45deg);
}

/*.card-container:hover .arrow svg,*/
.card-container:hover .arrow svg * {
  fill: #121522 !important;
}



/*Стили ссылок*/

/* Ссылки без подчеркивания */
a.no-underline::after {
    content: none !important;
}

a.underline {
  position: relative;
  color: inherit;
}

/* общий стиль underline */
a.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 100%;
  transform: scaleX(1);
  transform-origin: left;
  transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}

/* варианты цвета по умолчанию */
a.underline.black::after {
  background-color: #121522;
}

a.underline.white::after {
  background-color: #FEFDF7;
}

/* hover для всех */
a.underline:hover::after {
  background-color: #401EFF;
}


/* Остальные ссылки — стандартная анимация */
a:not(.no-underline):not(.underline) {
  position: relative;
}

a:not(.no-underline):not(.underline)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 100%;
  background-color: #401EFF;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}

a:not(.no-underline):not(.underline):hover::after {
  transform: scaleX(1);
}

/*Убираем подчеркивание для стрелки в слайдере*/

.uc-slider a:not(.no-underline):not(.underline)::after {
    content: none !important;
}

.uc-contact-popup .t-contact-method__title {
    color: #fefdf7;
}

/*Кнопки меню мобильного бургера на всю ширину*/

.t450__right_buttons_but {
    width: 100% !important;
}

.t450__right_buttons_but .t-btnflex_md {
    width: 100% !important;
}