@media (min-width: 1025px) { [data-version] .lume-size-20, [data-version] .lume-font-size-20 {--font-size: 20;}[data-version] .lume-size-48, [data-version] .lume-font-size-48 {--font-size: 48;}[data-version] .lume-size-26, [data-version] .lume-font-size-26 {--font-size: 26;} }@media (min-width: 768px) and (max-width: 1024px) { [data-version] .lume-t-size-20, [data-version] .lume-t-font-size-20 {--font-size: 20;}[data-version] .lume-t-size-41, [data-version] .lume-t-font-size-41 {--font-size: 41;}[data-version] .lume-t-size-22, [data-version] .lume-t-font-size-22 {--font-size: 22;} }@media (max-width: 767px) { [data-version] .lume-m-size-16, [data-version] .lume-m-font-size-16 {--font-size: 16;}[data-version] .lume-m-size-24, [data-version] .lume-m-font-size-24 {--font-size: 24;}[data-version] .lume-m-size-18, [data-version] .lume-m-font-size-18 {--font-size: 18;} } /* ===== clone extras (tg-*; не сальтируются) ===== */ .tg-logo-text{display:inline-block;font-weight:700;font-size:23.95px;line-height:1.15;letter-spacing:0.05em;color:#c0392b;text-transform:uppercase;text-align:center;padding:5.79px 10.47px;white-space:normal} .tg-h1{display:block;font-size:clamp(1.97rem,4.6vw,3.25rem);line-height:1.14;font-weight:700;margin:0.34em 0 0.52em} .tg-badge{display:flex;align-items:center;justify-content:center;min-height:60px;padding:8.04px 12.32px;text-align:center;font-size:12.47px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:#5a5a5a;line-height:1.3} .tg-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;max-width:230px;margin:0 auto;background:#2f7ec1;color:#fff;text-align:center;clip-path:polygon(50% 0%,61% 12%,76% 6%,79% 22%,94% 22%,90% 37%,100% 50%,90% 63%,94% 78%,79% 78%,76% 94%,61% 88%,50% 100%,39% 88%,24% 94%,21% 78%,6% 78%,10% 63%,0% 50%,10% 37%,6% 22%,21% 22%,24% 6%,39% 12%)} .tg-stat b{font-size:33.69px;line-height:1.05;font-weight:700} .tg-stat span{font-size:11.23px;letter-spacing:0.07em;text-transform:uppercase;opacity:.95;padding:0 20.46%;margin-top:3.85px} .tg-card-img{width:100%;height:100%;object-fit:cover;display:block} [data-animation-role],[data-animation-override]{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important} /* донор прячет виджеты с [data-anim-extended] до IntersectionObserver-reveal (JS не переносим) -> без правила целые блоки секций остаются visibility:hidden и на странице зияют пустоты 300-500px */ [data-anim-extended]{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important} /* elementor-анимации (донор без JS): виджеты остаются visibility:hidden — атрибутный селектор переживает сальт классов */ [class*="elementor-invisible"]{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important} [class*="elementor-widget"][style*="visibility: hidden"]{visibility:visible!important;opacity:1!important;animation:none!important;transition:none!important} .sar-image-inset{opacity:1!important;transform:none!important} .sar-image-card,.sar-sqs-dynamic-text-container{opacity:1!important;transform:none!important} .sar-section-border{clip:none!important;clip-path:none!important} .sar-sqsrte-scaled-text-container .sar-sqsrte-scaled-text{position:static!important;left:auto!important;top:auto!important;transform:none!important} .sar-sqsrte-scaled-text-container{height:auto!important} .sar-section-divider-display{pointer-events:none} .sar-header-burger{display:none!important} section.sar-region>li{list-style:none;padding:11.17px 23.09px;border-bottom:1px solid #e6e6e6;font-size:15.24px;line-height:1.5} section.sar-region>li:first-of-type{border-top:1px solid #e6e6e6} section.sar-region>li>a{color:#2a2829;text-decoration:none} section.sar-region>li>a:hover{color:#c0392b} .tg-burger{display:none} .tg-drawer{display:none} @media(max-width:820px){ .tg-burger{display:flex;align-items:center;justify-content:center;position:fixed;top:8px;right:8px;z-index:300;width:42px;height:42px;background:#fff;border:1px solid #cfcfcf;border-radius:5.84px;font-size:21.12px;line-height:1;color:#111;box-shadow:0 0.98px 3.92px rgba(0,0,0,.15);cursor:pointer;padding:0} .tg-drawer{display:none;position:fixed;top:102px;left:0;right:0;bottom:0;background:#fff;z-index:299;overflow:auto;padding:11.9px 15.34px 32.58px;border-top:1px solid #eee} .tg-drawer.tg-open{display:block} .tg-drawer a{display:block;padding:14.08px 4.1px;font-size:15.47px;border-bottom:1px solid #ececec;color:inherit;text-decoration:none} .sar-fluid-engine:has(.tg-badge){grid-template-rows:none!important;grid-auto-rows:auto!important} .sar-fluid-engine:has(.tg-badge)>.sar-fe-block{grid-column:1/-1!important;grid-row:auto!important;height:auto!important;margin:0 0 6.29px!important} .sar-fluid-engine:has(.tg-stat){grid-template-rows:none!important;grid-auto-rows:auto!important} .sar-fluid-engine:has(.tg-stat)>.sar-fe-block{grid-column:1/-1!important;grid-row:auto!important;height:auto!important;width:100%!important;max-width:260px!important;justify-self:stretch!important;margin:0 auto 24.65px!important} .sar-fluid-engine:has(.tg-stat) .tg-stat{margin:0 auto!important} .sar-sqs-block-image-figure{flex-direction:column!important;gap:16.5px!important} .sar-sqs-block-image-figure .sar-intrinsic{width:100%!important;height:auto!important} .sar-sqs-block-image-figure .sar-image-card-wrapper{width:100%!important;height:auto!important} .sar-sqs-block-image-figure .sar-image-card{width:100%!important;height:auto!important} } /* ——— готчи: донорский JS не переносим, а соль классов (affix) ломает .sar-* селекторы ——— */ /* 1) sqsrte-scaled-text: донор масштабирует заголовок JS'ом, без него span остаётся на left:-10000px (пустой hero) */ [class*="sqsrte-scaled-text-container"] > *{position:static!important;left:auto!important;top:auto!important;transform:none!important;max-width:none!important;height:auto!important;word-break:normal!important} /* 2) галерея: число колонок задаёт JS по data-columns — без него одна колонка и 5000px пустоты */ [data-test="gallery-grid-simple"] > div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35.21px} /* 3) ячейка галереи живёт на aspect-padding при height:0 — картинке нужен absolute-оверлей */ [data-animation-role="image"] > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important} /* 3b) duda-галерея скрывает (фото якобы в background ) — без донорского JS остаётся пустая square-ячейка ~1500px; показываем наш (пустые без src по-прежнему прячет общий img[src=""]-правило) */ #dm .lume-dmPhotoGallery.lume-newPhotoGallery .lume-layout-container .lume-photogallery-column .lume-photoGalleryThumbs .lume-image-container a img[src]{display:block!important} #dm .lume-dmPhotoGallery.lume-newPhotoGallery .lume-layout-container .lume-photogallery-column .lume-photoGalleryThumbs .lume-image-container a:has(> img[src]){padding-top:0!important} /* 4) текстовые бейджи вместо картинок не должны наследовать aspect-высоту ячейки: донор держит square-ячейку через padding-top:95.3% на — одного height:auto мало (карточка остаётся 1553.54px пустотой), гасим и padding-top */ :has(> .tg-badge),:has(> .tg-stat){height:auto!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important} /* 4b) вторая badges-секция донора — колонка column-1: те же бейджи ещё раз, каскадом в полную ширину (дубль первого ряда + visibility:hidden от донорской viewport-анимации) -> прячем целиком */ .lume-photogallery-column.lume-column-1:has(.tg-badge){display:none!important} /* 5) контент-маркеры: CMS инжектит ГОЛЫЕ
  • без