/* Хабы «Новости» / «Блог» (ТЗ «Хаб блога»). main.css не трогаем. */
.wg-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px;font-size:14px;opacity:.8}
.wg-crumbs a{text-decoration:underline}
.wg-hero{margin-bottom:24px}
.wg-hero__sub{max-width:720px;margin:8px 0 20px;font-size:18px;line-height:1.45}
.wg-hero__tools{display:flex;flex-wrap:wrap;gap:12px}
.wg-hero__search,.wg-hero__rubric{height:48px;padding:0 16px;border:1px solid #cfcfcf;border-radius:4px;font:inherit;background:#fff}
.wg-hero__search{flex:1 1 320px;max-width:480px}
.wg-hero__rubric{flex:0 0 220px}
.wg-switch .news-list__item a{display:block;color:inherit;text-decoration:none}
.wg-switch .news-list__item.active{border-bottom:2px solid #9e4a33}
.wg-grid .alm-reveal{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 24px}
.news-item[hidden]{display:none}
.news-item__picture{display:block;aspect-ratio:16/9;height:auto;overflow:hidden;background:none!important}
.news-item__picture img{display:block;width:100%;height:100%;object-fit:cover}
.wg-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px;font-size:13px}
.wg-card-meta__item,.wg-card-meta .news-item__date{opacity:.7;margin:0}
.wg-badge{display:inline-block;padding:3px 10px;border-radius:12px;background:#f1e4df;color:#9e4a33;font-size:12px;font-weight:600;line-height:1.4}
.wg-empty{margin:32px 0;text-align:center;opacity:.7}
.wg-section__title{margin:56px 0 16px;font-size:28px}
.wg-section__sub{margin:0 0 24px;opacity:.7}
.wg-mentions__list{list-style:none;margin:0 0 48px;padding:0}
.wg-mentions__item{display:grid;grid-template-columns:160px 1fr 80px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #e3e3e3}
.wg-mentions__src{font-weight:600}
.wg-mentions__date{text-align:right;font-size:13px;opacity:.6}
.wg-projects{padding:48px 0;background:#f7f4f2}
.wg-projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.wg-flip{perspective:1000px;outline:none}
.wg-flip__inner{position:relative;min-height:380px;transform-style:preserve-3d;transition:transform .6s}
.wg-flip:hover .wg-flip__inner,.wg-flip:focus-within .wg-flip__inner,.wg-flip.is-flipped .wg-flip__inner{transform:rotateY(180deg)}
.wg-flip__face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.wg-flip__front{background:#3a2a25 center/cover no-repeat;color:#fff}
.wg-flip__back{background:#fff;transform:rotateY(180deg);justify-content:space-between;box-shadow:0 2px 16px rgba(0,0,0,.08)}
.wg-flip__loc{font-size:14px;opacity:.85}
.wg-flip__name{font-size:24px}
.wg-flip__stats{margin:0;display:grid;gap:10px}
.wg-flip__stats dt{font-size:13px;opacity:.65}
.wg-flip__stats dd{margin:0;font-size:20px;font-weight:600}
.wg-cta{padding:64px 0;text-align:center;background:#9e4a33;color:#fff}
.wg-cta__title{margin:0 0 12px;font-size:32px}
.wg-cta__text{margin:0 0 24px;opacity:.9}
@media (max-width:767px){
    .wg-grid .alm-reveal{grid-template-columns:1fr}
    .wg-hero__rubric{flex:1 1 100%}
    .wg-mentions__item{grid-template-columns:1fr;gap:4px}
    .wg-mentions__date{text-align:left}
    .wg-cta__title{font-size:24px}
}
[dir=rtl] .wg-mentions__date{text-align:left}
.single-article .wg-crumbs,.news-single .wg-crumbs{margin:0 0 12px}
.wg-card-meta_single{margin:8px 0 16px;font-size:14px}
a.single-article__back{display:inline-flex;align-items:center;gap:8px;text-decoration:none}

/* фиксы хаба 03.11: main.min.css даёт .news-item__picture padding-bottom:63% поверх aspect-ratio; кнопка CTA на кирпичном фоне; фото флип-карточек */
.news-item__picture { padding-bottom: 0 !important; }
.wg-cta .container { display: flex; flex-direction: column; align-items: center; text-align: center; }
.wg-cta .button_default { color: #fff; border-color: rgba(255,255,255,.85); }
.wg-cta .button_default:hover { background: #fff; color: #9e4a30; }
.wg-flip__front { background-size: cover; background-position: center; }
.wg-flip__front::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.65)); }
.wg-flip__front > * { position: relative; }
/* 03.11 правка: заголовок CTA переносится на узких экранах */
.wg-cta .container { gap: 12px; }
.wg-cta .container > * { max-width: 100%; }

/* CTA-карточка 03.11: вместо кирпичной полосы — карточка на фоне блока проектов */
.wg-cta { background: #f7f4f2 !important; padding: 0 0 72px !important; }
.wg-cta .container { display: grid !important; grid-template-columns: 1fr auto; grid-template-areas: "t b" "s b"; align-items: center; gap: 8px 40px !important; text-align: left !important;
  background: #fff; border: 1px solid #e8ded3; border-left: 4px solid #9e4a30; border-radius: 16px; padding: 40px 48px !important; box-shadow: 0 10px 30px rgba(56,83,93,.06); }
.wg-cta .container > * { max-width: none; }
.wg-cta .wg-cta__title { grid-area: t; margin: 0; font-family: Prata, serif !important; font-weight: 400 !important; font-size: 30px !important; line-height: 1.25; color: #38535d !important; }
.wg-cta .wg-cta__text { grid-area: s; margin: 0; font-size: 16px !important; color: #6b6b6b !important; }
.wg-cta .button { grid-area: b; white-space: nowrap; background: #9e4a30 !important; border-color: #9e4a30 !important; color: #fff !important; }
.wg-cta .button:hover { background: #86391f !important; border-color: #86391f !important; }
@media (max-width: 767px) {
  .wg-cta .container { grid-template-columns: 1fr; grid-template-areas: "t" "s" "b"; text-align: center !important; padding: 28px 22px !important; margin-left: 16px !important; margin-right: 16px !important; width: auto !important; }
  .wg-cta .wg-cta__title { font-size: 24px !important; }
  .wg-cta .button { justify-self: stretch; text-align: center; white-space: normal; }
}
/* Упоминания в СМИ 03.11: длинные домены (thehotelmagazine.co.uk) заезжали на заголовок */
.wg-mentions__src { overflow-wrap: anywhere; }
@media (min-width: 768px) {
  .wg-mentions__item { grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto !important; column-gap: 24px; }
}