/* Хлібні крихти (template-parts/breadcrumbs.php) для about, contacts, seo-landing.
   Копія блоку з content-pages.css, який на цих сторінках не підключається. */

.breadcrumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; }
  .breadcrumbs__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 16px;
    overflow-y: auto;
    white-space: nowrap;
    padding-bottom: 15px;
    margin-bottom: -15px; }
  .breadcrumbs__item {
    font-size: 15px;
    line-height: 150%; }
    .breadcrumbs__item:not(:last-child) {
      position: relative; }
      .breadcrumbs__item:not(:last-child)::after {
        content: "/";
        width: 8px;
        height: 100%;
        position: absolute;
        font-size: 16px;
        line-height: 150%;
        /* Слеш-роздільник: сірий на світлому тлі (раніше був #fff для темної плашки). */
        color: #666f8d;
        right: -4px;
        top: calc(50% - 1px);
        transform: translateY(-50%) translateX(100%); }
  /* Останній пункт (поточна сторінка) — сірий на світлому фоні. */
  .breadcrumbs__item:last-child {
    color: #666f8d; }
  .breadcrumbs__link {
    text-decoration: none;
    color: #d41a45; }

/* В hero (.page-hero, темний градієнт) поточна сторінка й розділювач світлі, а не сіро-сині. */
.page-hero .breadcrumbs__item:last-child {
  color: #fff; }
.page-hero .breadcrumbs__item:not(:last-child)::after {
  color: rgba(255, 255, 255, 0.55); }

.container--medium {
  max-width: calc(1366px + 15px + 15px); }

.btn {
  min-width: 163px;
  min-height: 46px;
  border: 2px solid #d41a45;
  background: #d41a45;
  border-radius: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #fff;
  font-size: 16px;
  padding: 6.5px 24px;
  text-decoration: none;
  transition: all 0.9s ease; }


.btn:hover {
  color: #fff;
  background-color: #d41a45;
  transform: translateY(-2px);
  box-shadow: 0 18px 40px -8px rgba(230,53,83,.75);
}

.container-small {
  width: 100%;
  max-width: calc(760px + 16px + 16px);
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto; }