

/* Start:/local/components/sh/page.header/templates/.default/style.css?17924927701725*/
/* =========================================================
   ЗАГОЛОВОК ВНУТРЕННЕЙ СТРАНИЦЫ
   ========================================================= */
.page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(49%, 760px);
  align-items: start;
  background: var(--bg);
  overflow: hidden;
}
.page-head--no-media { grid-template-columns: minmax(0, 1fr); }

.page-head__content {
  align-self: center;
  padding: clamp(20px, 2.4vw, 32px) clamp(24px, 3vw, 48px) clamp(24px, 3vw, 40px) max(var(--gutter), calc((100vw - var(--container)) / 2));
}
.page-head--no-media .page-head__content { padding-right: max(var(--gutter), calc((100vw - var(--container)) / 2)); }

.page-head__title {
  margin-top: .3em;
  color: var(--title); font-weight: 900;
  font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.02em;
}
.page-head__lead { margin-top: 14px; max-width: 36em; font-size: clamp(1.02rem, 1.3vw, 1.2rem); line-height: 1.45; color: var(--text-soft); }

.page-head__media img { width: 100%; height: auto; }

/* ---------- Хлебные крошки ---------- */
.crumbs__list { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: .9rem; line-height: 1.4; color: var(--text-soft); }
.crumbs__item + .crumbs__item::before { content: "/"; margin: 0 .6em; color: rgba(43, 58, 51, .4); }
.crumbs__link { color: var(--green-dark); text-decoration: none; transition: color .2s; }
.crumbs__link:hover { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 760px) {
  .page-head { grid-template-columns: minmax(0, 1fr); }
  .page-head__media { order: -1; }
  .page-head__content { padding: 20px var(--gutter) 28px; }
}

/* End */


/* Start:/local/components/sh/media.tabs/templates/.default/style.css?17924938501134*/
/* =========================================================
   МЕДИА: ТАБЫ РАЗДЕЛОВ
   ========================================================= */
.media-tabs { padding: clamp(8px, 1vw, 16px) 0 clamp(24px, 2.6vw, 36px); }
.media-tabs__list { display: flex; flex-wrap: wrap; gap: 10px; }
.media-tabs__tab {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 108px; padding: .7em 1.6em; border-radius: 999px;
  background: var(--tint-beige); color: var(--text);
  font-size: .95rem; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap;
  transition: background-color .2s, color .2s;
}
a.media-tabs__tab:hover { background: #ecdcb4; }
.media-tabs__tab.is-active { background: var(--green-dark); color: #fff; }
a.media-tabs__tab.is-active:hover { background: #14421f; }
.media-tabs__tab.is-disabled { color: rgba(43, 58, 51, .55); cursor: default; }

@media (max-width: 560px) {
  .media-tabs__list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .media-tabs__list::-webkit-scrollbar { display: none; }
  .media-tabs__tab { min-width: 0; }
}

/* End */


/* Start:/local/components/sh/media.grid/templates/.default/style.css?17924938501778*/
/* =========================================================
   МЕДИА: СЕТКА МАТЕРИАЛОВ
   ========================================================= */
.media-grid { padding-bottom: clamp(56px, 8vw, 120px); }
.media-grid__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); }

.media-grid__item {
  position: relative; overflow: hidden;
  aspect-ratio: 16 / 10; border-radius: var(--radius);
  background: var(--tint-beige);
}
.media-grid__item img { width: 100%; height: 100%; object-fit: cover; }

.media-grid__item--empty {
  --corner-top: #dfe3c4;
  --corner-bottom: #ecdcb4;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  padding: 24px; text-align: center;
  background: var(--tint-yellow);
}
.media-grid__item--empty:nth-child(even) {
  --corner-top: #cfdcbc;
  --corner-bottom: #cfdcbc;
  background: var(--tint-green);
}
.media-grid__item--empty::before,
.media-grid__item--empty::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.media-grid__item--empty::before { top: -18%; left: -11%; width: 32%; aspect-ratio: 1; background: var(--corner-top); }
.media-grid__item--empty::after { right: -14%; bottom: -24%; width: 40%; aspect-ratio: 1; background: var(--corner-bottom); }

.media-grid__icon { position: relative; z-index: 1; width: 44px; height: 44px; color: var(--green-dark); stroke-width: 1.6; }
.media-grid__note { position: relative; z-index: 1; font-size: 1rem; font-weight: 500; color: var(--text); }

@media (max-width: 960px) {
  .media-grid__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .media-grid__list { grid-template-columns: minmax(0, 1fr); }
}

/* End */
/* /local/components/sh/page.header/templates/.default/style.css?17924927701725 */
/* /local/components/sh/media.tabs/templates/.default/style.css?17924938501134 */
/* /local/components/sh/media.grid/templates/.default/style.css?17924938501778 */
