/* Мобильная шапка «Ароматов» (ME770): логотип-круг меньше */
@media screen and (max-width: 980px) {
  .tmenu-mobile__imglogo[src*="jurava-logo-circle"],
  .t770__imglogomobile[src*="jurava-logo-circle"] {
    width: 58px !important;
    max-width: 58px !important;
  }
}

/* ===== Шапки в новом стиле (ME257 «Маркетинг» = .t228, ME770 «Ароматы» = .t770) ===== */
:root {
  --jm-copper: #cb834a;
  --jm-espresso: #2e2420;
  --jm-cream: #f8eee2;
  --jm-sand: #f2dfc7;
  --jm-ease: cubic-bezier(.22, .61, .36, 1);
}

/* Пункты меню: медная линия «прорисовывается» при наведении, у текущей страницы стоит всегда */
.t228 .t-menu__link-item, .t770 .t-menu__link-item {
  position: relative;
  transition: color .3s var(--jm-ease) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
.t228 .t-menu__link-item::after, .t770 .t-menu__link-item::after {
  content: "";
  position: absolute !important; left: 0 !important; right: 0; bottom: -6px !important;
  width: 100% !important; height: 1px !important;
  box-shadow: none !important; border: 0 !important; opacity: 1 !important;
  background: var(--jm-copper);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .45s var(--jm-ease);
}
.t228 .t-menu__link-item:hover, .t770 .t-menu__link-item:hover,
.t228 .t-menu__link-item.t-active, .t770 .t-menu__link-item.t-active { color: var(--jm-copper) !important; }
.t228 .t-menu__link-item:hover::after, .t770 .t-menu__link-item:hover::after,
.t228 .t-menu__link-item.t-active::after, .t770 .t-menu__link-item.t-active::after {
  transform: scaleX(1);
  transform-origin: left;
}
.t228 .t-menusub__target-link::after { width: calc(100% - 18px) !important; }

/* «Ароматы»: пункты легче и с разрядкой, как заголовки новых блоков */
@media screen and (min-width: 981px) {
  .t770 .t-menu__link-item {
    font-weight: 400 !important;
    font-size: 13px !important;
    letter-spacing: .14em !important;
  }
}

/* Логотип «ЖУРАВА»: разрядка раскрывается при наведении */
.t228__logo { transition: letter-spacing .5s var(--jm-ease), color .3s; }
.t228__leftcontainer a:hover .t228__logo { letter-spacing: .08em; color: var(--jm-copper); }

/* Логотип-круг «Ароматов»: мягкое увеличение и медное кольцо */
.t770__imglogo { transition: transform .5s var(--jm-ease), box-shadow .5s var(--jm-ease); border-radius: 50%; }
.t770__logowrapper a:hover .t770__imglogo { transform: scale(1.05); box-shadow: 0 0 0 6px rgba(203,131,74,.18); }

/* Иконки соцсетей: лёгкий подъём */
.t228 .t-sociallinks__item a, .t770 .t-sociallinks__item a {
  display: inline-block;
  transition: transform .3s var(--jm-ease), opacity .3s;
}
.t228 .t-sociallinks__item a:hover, .t770 .t-sociallinks__item a:hover { transform: translateY(-3px); opacity: .85; }

/* Кнопка «Обсудить проект»: медь при наведении + стрелка */
.t228 .t-btn {
  transition: background-color .35s var(--jm-ease), transform .35s var(--jm-ease), box-shadow .35s var(--jm-ease) !important;
}
.t228 .t-btn:hover {
  background-color: var(--jm-copper) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(203,131,74,.7);
}
.t228 .t-btn .t-btnflex__text::after {
  content: "→";
  display: inline-block;
  margin-left: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  vertical-align: bottom;
  transition: max-width .35s var(--jm-ease), margin .35s var(--jm-ease), opacity .35s;
}
.t228 .t-btn:hover .t-btnflex__text::after { max-width: 1em; margin-left: 8px; opacity: 1; }

/* Выпадающее «Услуги»: карточка в фирменных цветах */
.t228 .t-menusub__menu, .t228 .t-menusub__content {
  background: #fffaf4 !important;
  border-radius: 16px !important;
}
.t228 .t-menusub__menu {
  border: 1px solid rgba(203,131,74,.22) !important;
  box-shadow: 0 18px 40px -18px rgba(46,36,32,.35) !important;
  padding: 8px !important;
}
.t228 .t-menusub__content { padding: 0 !important; }
.t228 .t-menusub__list-item { padding: 0 !important; margin: 0 0 2px !important; }
.t228 .t-menusub__link-item {
  display: block !important;
  padding: 9px 14px !important;
  border-radius: 10px;
  color: var(--jm-espresso) !important;
  box-sizing: border-box;
  transition: background-color .25s, color .25s !important;
}
.t228 .t-menusub__link-item:hover {
  background: var(--jm-sand);
  color: var(--jm-copper) !important;
}

/* Мобильное меню: пункты выезжают по очереди при открытии */
@keyframes jm-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media screen and (max-width: 980px) {
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li,
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t228__right_buttons,
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-sociallinks,
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t770__alladditional {
    animation: jm-rise .5s var(--jm-ease) both;
  }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(2) { animation-delay: .05s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(3) { animation-delay: .1s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(4) { animation-delay: .15s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(5) { animation-delay: .2s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(6) { animation-delay: .25s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-menu__list > li:nth-child(7) { animation-delay: .3s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t-sociallinks,
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t770__alladditional { animation-delay: .35s; }
  .tmenu-mobile_opened ~ :is(.t228, .t770) .t228__right_buttons { animation-delay: .4s; }

  /* Пункты «Ароматов» на телефоне — тоже легче */
  .t770 .t-menu__link-item { font-weight: 400 !important; letter-spacing: .12em !important; }
  /* Линия под пунктом на телефоне чуть ближе к тексту */
  .t228 .t-menu__link-item::after, .t770 .t-menu__link-item::after { bottom: -4px !important; }
  /* Мобильная кнопка «Обсудить проект» сразу со стрелкой */
  .t228 .t-btn .t-btnflex__text::after { max-width: 1em; margin-left: 8px; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .t228 *, .t770 *, .t228__logo { animation: none !important; transition: none !important; }
}

/* ===== Футер (FT305 = .t977) в новом стиле: тёмный эспрессо, медь, кремовый ===== */
.t-rec:has(> .t977) {
  background-color: var(--jm-espresso, #2e2420) !important;
  padding-top: 72px !important;
  padding-bottom: 48px !important;
  border-top: 1px solid rgba(203,131,74,.35);
}
.t977 { color: #e9d8c3; }

/* Пустая колонка (бывшая «Главная») не занимает место */
.t977__col-inner:not(:has(.t977__descr)) { display: none !important; }

/* Колонка слева: копирайт и юридический текст — спокойно и мелко */
.t977__text, .t977__text span {
  color: rgba(242,223,199,.62) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.t977__text a, .t977__text strong, .t977__text strong a {
  color: var(--jm-copper, #cb834a) !important;
  font-weight: 400 !important;
}
.t977__text a { text-decoration: none; border-bottom: 1px solid rgba(203,131,74,.35); transition: border-color .3s; }
.t977__text a:hover { border-color: var(--jm-copper, #cb834a); }

/* Заголовки колонок (жирные пункты): маленькие, заглавные, с разрядкой */
.t977__descr li a strong, .t977__descr strong {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--jm-copper, #cb834a);
}

/* Ссылки колонок: кремовые, медная линия при наведении — как в меню */
.t977__descr { color: #f2dfc7 !important; font-weight: 300 !important; font-size: 15px !important; }
.t977__descr li { margin-bottom: 12px !important; }
.t977__descr a {
  position: relative;
  color: #f2dfc7 !important;
  transition: color .3s cubic-bezier(.22,.61,.36,1);
}
.t977__descr a::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -3px;
  height: 1px;
  background: var(--jm-copper, #cb834a);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.t977__descr a:hover { color: var(--jm-copper, #cb834a) !important; }
.t977__descr a:hover::after { transform: scaleX(1); transform-origin: left; }

/* Иконки: медные кружки с лёгким подъёмом */
.t977 .t-sociallinks__item a { display: inline-block; transition: transform .3s cubic-bezier(.22,.61,.36,1), opacity .3s; }
.t977 .t-sociallinks__item a:hover { transform: translateY(-3px); opacity: .85; }

/* Телефон: ссылки в две колонки, без лишних пустот */
@media screen and (max-width: 640px) {
  .t-rec:has(> .t977) { padding-top: 48px !important; padding-bottom: 32px !important; }
  .t977__col_center { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 28px; margin-top: 8px; }
  .t977__col-inner, .t977__col-inner_small { width: auto !important; margin: 0 !important; float: none !important; }
  .t977__col-inner:first-child, .t977__col-inner:last-child { grid-column: 1 / -1; }
  /* Сначала ссылки, потом юридический текст */
  .t977__wrapper { display: flex !important; flex-direction: column; }
  .t977__col_center { order: 1; }
  .t977__col_right { order: 2; }
  .t977__col_left { order: 3; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(242,223,199,.14); }
  .t977__descr { font-size: 14px !important; }
  .t977__text { margin-bottom: 32px !important; }
  .t977__socials { margin-top: 28px; }
}