/* ===================================================================
   Squircle Masks
   =================================================================== */
.squircle70, .squircle40, .squircle30, .squircle20, .squircle10,
/*.t-img,*/ .t404__img, .t404__imgbox, .bubble-phrase {
  mask-image: paint(squircle);
  -webkit-mask-image: paint(squircle);
}
.squircle70 { --squircle-radius: 70px; --squircle-smooth: 1; }

@media (max-width: 640px){
    .squircle70 { --squircle-radius: 40px;}
    .squircle40 { --squircle-radius: 20px;}
    
}

.squircle40 { --squircle-radius: 40px; --squircle-smooth: 1; }
.squircle30 { --squircle-radius: 30px; --squircle-smooth: 1; }
.squircle20 { --squircle-radius: 20px; --squircle-smooth: 1; }
.squircle10 { --squircle-radius: 10px; --squircle-smooth: 1; }

/* ===================================================================
   Form Success Box
   =================================================================== */
.t-form__successbox {
  background: #62c584;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
}
/* ===================================================================
   Breadcrumbs
   =================================================================== */
/* Breadcrumbs */
.breadcrumbs-container {
  
  max-width: var(--max-width);
  /*background: linear-gradient(0.5turn, #fff 0%, #f8f9fd 100%);*/
  margin: 0 auto;
  padding: 10px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: nowrap;                    /* запретить перенос */
  overflow-x: auto;                     /* горизонтальный скролл */
  -webkit-overflow-scrolling: touch;     /* плавный скролл на iOS */

  /* Скрыть скроллбар */
  -ms-overflow-style: none;             /* IE, Edge */
  scrollbar-width: none;                /* Firefox */

  align-items: center;
  font-family: var(--main-font);
  font-size: var(--fs-breadcrumb);
  color: var(--clr-text);
  list-style: none;
  white-space: nowrap;                  /* не разрывать слова */
  margin: 0 auto;
   max-width: var(--max-width);
}

/* Скрыть скроллбар в WebKit-браузерах */
.breadcrumbs::-webkit-scrollbar {
  display: none;
}

.breadcrumbs li {
  flex: 0 0 auto;                       /* фиксированная ширина по содержимому */
}

.breadcrumbs li + li::before {
  content: '/';
  margin: 0 var(--gap);
  color: var(--clr-text);
}

.breadcrumb-link {
  color: var(--clr-link);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.breadcrumb-link:hover {
  color: var(--clr-accent);
  text-decoration: underline;
}

.breadcrumb-current {
  font-weight: 500;
  color: var(--clr-text);
  max-width: 80vw;                      /* ограничение ширины */
  overflow: hidden;
  text-overflow: ellipsis;              /* «…» при обрезке */
  white-space: nowrap;
}



/* =========================================================
   BUTTON CTA — HOVER ANIMATION
========================================================= */

.button-cta {
  cursor: pointer;
}


/* Вся кнопка */

.button-cta > .tn-molecule {
  transform: scale(1);
  transform-origin: center center;

  transition:
    transform 0.3s ease !important;
}


/* Иконка */

.button-cta-icon {
  transform: rotate(0deg);
  transform-origin: center center;

  transition:
    transform 0.4s ease !important;
}


/* Hover — увеличение кнопки */

.button-cta:hover > .tn-molecule {
  transform: scale(1.03);
}


/* Hover — поворот иконки */

.button-cta:hover .button-cta-icon {
  transform: rotate(180deg);
}