.logo{width: 166px; height: 45px; display: block; background: url(design/assets/img/logo-lend.svg) no-repeat 0 0; transition: none; } .logo:hover{background: url(design/assets/img/logo-lend.svg) no-repeat 0 bottom; } .header { background:#EFF2F7; border-bottom: 0; position: relative } h1 { font-size: 64px; margin: 1.5rem 0 1.75rem 0; font-weight: 900; line-height: 120%; } .podzag{ margin: 5rem 0 0 0; } h1, h2, h3, .podzag{color:#001A34 } .hero{ display: flex; width:100%; padding:2rem 0 0 0; } .hero h2{ font-size: 36px; margin: 4rem 0 0.75rem 0; font-weight:700; line-height:120% } .hero-bg{ position:absolute; width:100%; left:0; right:0; overflow-y:hidden!important; bottom:-12rem; z-index:-1; height: 100%; object-fit: cover; } .mamacot2{ width:448px; position:relative; order: 2; top:16px } .w337{max-width:337px } .mamacot2 { top: -46px; } @media (max-width:768px){ .ba-slider { height: 240px!important; } .mamacot2{order: 1; width:100%; top: 0px; } h1{ font-size: 34px; margin: 2.5rem 0 .75rem 0; font-weight:500; line-height:40px; letter-spacing:0 } .badges{ display: none } h1 { order: 1; } .podzag { order: 2; margin: 0; font-size:16px; } .hero{display: flex;flex-direction: column; } .hero h2{font-size: 25px; margin: -1rem 0 0.75rem 0; font-weight:500; line-height:120% } .hero-bg{display: } .grid.rtl{display: flex; flex-direction: column-reverse; } .left{ margin-top:0.75rem } .w360m{ max-width:360px } } .floating-cart { position: fixed; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } .floating-cart-hint{text-align: center;} .floating-cart-text-wrapper { font-size: 14px; white-space: nowrap; text-align: center; width: 100%; } .floating-cart-content { width: 100%; } @media (max-width: 768px) { .floating-cart { left: 0px; right: 0px; } .floating-cart-text-wrapper { white-space: normal; text-align: center; width: 100%; } } .calc-placeholder-text:hover { opacity: 0.8; } .cart-total-left .oz-price{ font-size: 32px; font-weight: 700; } .cart-total-left .calc-placeholder-text { font-size: 16px; font-weight: 600; } /* Для десктопа - флекс с переносом */ @media (min-width: 769px) { #sign_letters_services_list { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; } .oz-option { display: inline-flex; align-items: center; gap: 12px; margin-right: 0; margin-bottom: 0; flex: 0 0 auto; } } h2 { font-size: 36px; margin: 1rem 0 0.75rem 0; font-weight: 600; line-height: 120%;} .cards-wrapper { overflow: hidden; cursor: grab; user-select: none; /* 🔥 убрали выделение */ margin:0; touch-action: pan-y; /* 🔥 ключевой фикс */ } .cards-wrapper.dragging { cursor: grabbing; } .cards-track { display: flex; gap: 16px; will-change: transform; margin:32px 0; align-items: stretch; /* 🔥 выравнивает высоту */ height:240px; } .card { flex: 0 0 240px; border-radius: 12px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; height: 100%!important; /* 🔥 ключ */ } /* COLORS */ .card-white { background:#fff; color:var(--text); } .card-blue { background:var(--mama-blue)!important; color:#fff; } .card-red { background:#ff37a3!important; color:#fff; } .card-gray { background:var(--mama-gray-300)!important; } /* TEXT */ .card:not(.media) { padding: 1.5rem !important; } .card h2 { font-size:24px; font-weight:500; margin-top:0 } .card-blue h2, .card-red h2{color:#fff; } /* MEDIA FULL */ .card.media { padding:0!important; } .card.media video, .card.media img { width:100%; height:100%; object-fit:cover; display:block; padding:0!important; } .card h2 { margin: 0 0 8px 0; } .card p { margin-top: auto; /* 🔥 прижимает вниз */ } @media (max-width:768px){ .carousel-dots{ display:none } .cards-wrapper { margin-right: -1rem; } .cards-track { margin-top:1.5rem } h2 { font-size: 25px; line-height: 120%; } .testimonial-card { flex: 0 0 calc(100% - .25rem); } .slide { padding: 0!important; } } .card-video-fon { position: relative; overflow: hidden; border-radius: 1rem; min-height: 220px; } /* Видео на весь фон */ .card-video-fon video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* Затемнение как у Ozon/Apple */ .card-video-fon::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.35); } /* Контент поверх */ .card-video-fon .card-content { position: relative; z-index: 2; color: #fff; } .card-video-fon h2 { color:#fff; } .card-video-fon p { opacity: 0.9; } .card-video-fon .card-content h2 { margin: 0 0 8px 0; } .card-video-fon .card-content p { margin-top: auto; /* 🔥 прижимает вниз */ } .card-video-fon:hover video { transform: scale(1.05); } .card-video-fon video { transition: transform 0.6s ease; } .mt5rem{ margin-top:5rem } @media (max-width: 1024px) { .burger-modal .phone { background-image: url(design/assets/img/phoneicon.svg) !important; background-position: 50% 55% !important; width: 44px; height: 24px; text-indent: -99999px; background-repeat: no-repeat !important; background-size: 19px !important; } } } .modal-content h2 { font-size: 36px; margin: 0; line-height: 120%; } /* Стили для кнопки "Задать вопрос" */ .floating-cart-actions { display: flex; gap: 10px; } .floating-cart-actions .oz-btn { flex: 1; margin: 0; } .messengers-popup.show { display: flex; } .messenger-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; text-decoration: none; transition: background 0.2s; cursor: pointer; } .messenger-item:hover { background: #f5f5f5; } .messenger-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; } .messenger-icon.phone { background: #34b7f1; color: white; } .messenger-icon.whatsapp { background: #25D366; color: white; } .messenger-icon.telegram { background: #0088cc; color: white; } .messenger-label { font-size: 16px; color: #333; font-weight: 500; } @media (max-width: 768px) { .messengers-popup { right: 20px; left: 20px; width: auto; } } .floating-cart { max-width: 800px; margin: 0 auto; } footer { margin-bottom: 3rem; } .floating-cart-btn { padding: 8px 16px; font-size: 16px; line-height: 30px; white-space: nowrap; border-radius: 12px; } @media (max-width:768px){ .modal-card-content { width: auto; max-width: 96%; height: auto; max-height: 96%; border-radius: 24px; animation: none; } } .messengers-popup { position: fixed; bottom: 90px; right: 0; left: 0; z-index: 1001; background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); padding: 16px; width: 220px; display: none; flex-direction: column; gap: 12px; margin: 0 auto; } .redtext{ border-bottom:8px solid #C3026D } .redtext1{ border-bottom:4px solid #C3026D; padding-bottom: 4px; } .redtext2{ border-bottom:2px solid #C3026D; padding-bottom: 8px; } @media (max-width: 420px) { .slide { flex: 0 0 calc(100%)!important; margin: 0!important; } .redtext{ border-bottom:2px solid #C3026D; } .redtext1{ border-bottom:2px solid #C3026D;padding-bottom: 4px; } } .oz-input { width: 100%; height: 48px; border-radius: 12px; border: 2px solid var(--border); padding: 0 14px; font-size: 16px; background: #F9FAFB; }