/* ==== ДЛЯ ВСЕХ ZeroBlock с вкладками ==== */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__artboard{ /* 1) Разрешаем карточкам вылезать за артборд */ overflow: visible !important; } /* 2) Активная панель (tabpan-*) — всегда поверх */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) [class*="tabpan-"], :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) [class*="tabpan-"] .tn-atom, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) [class*="tabpan-"] .t-bgimg{ position: relative !important; z-index: 1000 !important; } /* 3) Формы внутри этих ZeroBlock — ниже карточек */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-form, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem form.t-form, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396elem .t-forminputsbox, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-input-block, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-submit, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-btn{ position: relative !important; z-index: 10 !important; } /* если у формы был огромный z-index inline — прижмём */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem form.t-form{ z-index: 10 !important; } /* 4) Невидимые панели не ловят клики */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) [class*="tabpan-"].is-hidden{ pointer-events: none !important; } /* 5) Курсор-ладошка для кликабельных элементов */ :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="button"] .tn-atom, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="shape"] .tn-atom, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="image"] .tn-atom, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-btn, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-submit, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396elem .t-formsubmit{ cursor: pointer !important; } :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="button"] .tn-atom:hover, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="shape"] .tn-atom:hover, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem[data-elem-type="image"] .tn-atom:hover, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-btn:hover, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396__elem .t-submit:hover, :is( #rec1613230141, #rec1463185211, #rec1472516331, #rec1483050521, #rec1515940701, #rec1517252521, #rec1529474851, #rec1534638391, #rec1536270951, #rec1536766071 ) .t396elem .t-formsubmit:hover{ cursor: pointer !important; } } /* ====== ХЕДЕР (ZeroBlock) — rec1422273951 ====== */ #rec1422273951 .t396__artboard{ overflow: visible !important; } /* Подменю «Продукция» */ #rec1422273951 .js-submenu-products{ position:absolute; top:64px; left:0; min-width:520px; background:#fff; border-radius:14px; box-shadow:0 18px 48px rgba(0,0,0,.12); border:1px solid rgba(5,84,159,.10); padding:18px; z-index:1000; opacity:0; visibility:hidden; transform:translateY(8px); pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility .18s; } #rec1422273951 .js-submenu-products.is-open{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } /* Подменю «О компании» (компактное) */ #rec1422273951 .js-submenu-products2{ position:absolute; top:60px; left:0; min-width:170px; /* твой размер */ background:#fff; border-radius:12px; box-shadow:0 18px 48px rgba(0,0,0,.12); border:1px solid rgba(5,84,159,.10); padding:12px 14px; z-index:1000; opacity:0; visibility:hidden; transform:translateY(8px); pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility .18s; } #rec1422273951 .js-submenu-products2.is-open{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } /* ==== MOSALUM PARTNER CARD — NEW FIXED WIDTH SYSTEM ==== */ .ma-partner-card{ --ma-card-width: 340px; /* ПК фиксированная ширина */ --ma-card-height: 260px; /* можешь менять */ perspective: 1200px; display: inline-block; } .ma-pcard-inner{ width: var(--ma-card-width); height: var(--ma-card-height); position: relative; transform-style: preserve-3d; transition: transform .7s ease; cursor: pointer; } /* Флип */ .ma-partner-card:hover .ma-pcard-inner{ transform: rotateY(180deg); } /* ОБЩИЕ СТОРОНЫ */ .ma-pcard-front, .ma-pcard-back{ position: absolute; inset: 0; backface-visibility: hidden; border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 12px 34px rgba(0,0,0,.12); font-family: 'Montserrat', Arial, sans-serif; } /* FRONT */ .ma-pcard-front{ background: #F0F0F0; padding: 24px; } .ma-pcard-logo{ width: 70%; height: auto; margin-bottom: 14px; } .ma-pcard-country{ font-size: 18px; font-weight: 400; color: #000; } /* BACK */ .ma-pcard-back{ background: #05549F; color: #fff; padding: 26px 22px; transform: rotateY(180deg); text-align: left; } .ma-pcard-back-title{ font-weight: 700; font-size: 18px; margin-bottom: 12px; } .ma-pcard-back-text{ font-size: 16px; font-weight: 400; line-height: 1.45; } /* ======================= */ /* ADAPTIVE */ /* ======================= */ /* Планшет — ширина всегда фиксированная 340 px */ @media (max-width: 1199px){ .ma-partner-card{ --ma-card-width: 340px; --ma-card-height: 260px; } .ma-pcard-country{ font-size: 16px; } .ma-pcard-back-title{ font-size: 16px; } .ma-pcard-back-text{ font-size: 14px; } } /* Мобильная — ширина 320 px */ @media (max-width: 767px){ .ma-partner-card{ --ma-card-width: 320px !important; --ma-card-height: 280px; /* если текст не влазит — увеличь */ } .ma-pcard-inner{ width: var(--ma-card-width) !important; } .ma-pcard-front, .ma-pcard-back{ padding: 22px 18px; } /* центрируем текст сзади */ .ma-pcard-back{ text-align: center; } .ma-pcard-country, .ma-pcard-back-title, .ma-pcard-back-text{ font-size: 14px; } } /* Иконка на фронте — размер настраивается переменной */ .ma-pcard-icon{ width: var(--icon-size, 50px) !important; height: var(--icon-size, 50px) !important; margin: 0 auto 12px !important; display:block; object-fit:contain; } /* Мобильное выравнивание только для карточек услуг, где используется .ma-pcard-icon (а не логотипы партнёров) */ @media screen and (max-width: 640px){ /* Задняя сторона */ .ma-partner-card:has(.ma-pcard-icon) .ma-pcard-back, .ma-partner-card:has(.ma-pcard-icon) .ma-pcard-back-title, .ma-partner-card:has(.ma-pcard-icon) .ma-pcard-list, .ma-partner-card:has(.ma-pcard-icon) .ma-pcard-list li{ text-align: left !important; } /* Если общие стили центруют через flex */ .ma-partner-card:has(.ma-pcard-icon) .ma-pcard-back{ align-items: flex-start !important; justify-content: flex-start !important; } }