http://www.yantra.lv/vitaminki-fitline/ Йога. Ретриты. Драконы — Виктория Даракова - Витамины Fitline http://www.yantra.lv/vitaminki-fitline/params/post/2279841/chto-nuzhno-dlja-zdorovja-i-jenergii-kazhdyj-den Sun, 21 Sep 2025 10:25:00 +0000 <style> .fl * { box-sizing: border-box; } .fl { background:#f7f9fc; color:#2d3748; font-family:'Segoe UI',Arial,sans-serif; line-height:1.7; font-size:16px; } .fl-section { padding:48px 24px; max-width:820px; margin:0 auto; } .fl-section + .fl-section { border-top:1px solid #dde4ed; } .fl-hero { background:linear-gradient(135deg,#168247 0%,#2ecc71 60%,#a8e6c5 100%); padding:64px 24px 52px; text-align:center; } .fl-hero h2 { color:#fff!important; font-size:clamp(1.7rem,4vw,2.7rem); font-weight:800; line-height:1.25; margin:0 auto 18px; max-width:760px; text-shadow:0 2px 8px rgba(0,0,0,.2); } .fl-hero p { color:#fff!important; font-size:1.1rem; max-width:660px; margin:0 auto 32px; opacity:.95; font-style:italic; } .fl-btn-hero,.fl-btn-cta { display:inline-block!important; background:#fff!important; color:#08713e!important; font-weight:800!important; padding:16px 42px!important; border-radius:50px!important; text-decoration:none!important; box-shadow:0 6px 28px rgba(0,0,0,.18)!important; } .fl-btn-hero:hover,.fl-btn-cta:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(0,0,0,.25)!important; text-decoration:none!important; } .fl-title { font-size:clamp(1.35rem,3vw,1.9rem)!important; font-weight:800!important; color:#08713e!important; margin:0 0 8px!important; } .fl-subtitle { color:#5a6a7a!important; font-size:1rem!important; margin:0 0 28px!important; } .fl-benefits { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; margin-top:28px; } .fl-benefit { background:#fff; border-radius:16px; padding:22px 20px; box-shadow:0 2px 14px rgba(0,0,0,.07); border-left:4px solid #2ecc71; } .fl-benefit strong { display:block; color:#08713e!important; margin-bottom:6px; } .fl-benefit span { color:#4a5568!important; font-size:.92rem; } .fl-infobox { background:#e8f8ef; border-radius:18px; padding:24px 28px; margin:28px 0; border-left:5px solid #27ae60; } .fl-infobox p { color:#165c36!important; font-weight:600!important; margin:0!important; } .fl-product { background:#fff; border-radius:20px; box-shadow:0 4px 20px rgba(0,0,0,.09); padding:28px; margin:26px 0; } .fl-product h3 { color:#08713e!important; font-size:1.35rem!important; margin-top:0!important; } .fl-product ul { margin-top:14px; } .fl-product li { margin-bottom:8px; } .fl-products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; margin-top:26px; } .fl-product-link { display:block; background:#fff; border-radius:14px; padding:18px 20px; color:#08713e!important; text-decoration:none!important; font-weight:700; box-shadow:0 2px 14px rgba(0,0,0,.07); } .fl-reasons { background:#fff; border-radius:20px; padding:28px; box-shadow:0 4px 20px rgba(0,0,0,.08); } .fl-reasons li { margin-bottom:12px; } .fl-cta { background:linear-gradient(135deg,#08713e,#2ecc71); color:#fff!important; text-align:center; padding:46px 24px; } .fl-cta h2,.fl-cta p { color:#fff!important; } .fl-note { font-size:.9rem; color:#5a6a7a!important; margin-top:22px; } .fl a { color:#08713e; } </style> <div class="fl"> <section class="fl-hero"> <h2>Почему коктейли FitLine —</h2></section></div><div class="fl"><header class="fl-hero"><h1>мой выбор для здоровья</h1> <p>Никаких банок и горстей таблеток. Всего 2 вкусных коктейля — утром и вечером. Выпил, забыл… и целый день энергия и лёгкость с тобой.</p> <a href="https://forms.gle/g8U3Bhp5HYC6J6pf7" target="_blank" rel="noopener" class="fl-btn-hero" aria-label="Заполнить анкету и получить скидку 20% на FitLine"> 📋&nbsp; Заполнить анкету и получить скидку 20% </a> </header> <!-- ═══ ВВОДНОЕ ВИДЕО ═══════════════════════════════════ --> <section class="fl-section" aria-label="Видео о клеточном питании FitLine"> <h2 class="fl-title">Что такое клеточное питание FitLine</h2> <p class="fl-subtitle">Короткое видео о том, как работает технология клеточного питания</p> <div class="fl-video"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/nSriyY5bo5w" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </section> <!-- ═══ ПРЕИМУЩЕСТВА ════════════════════════════════════ --> <section class="fl-section" aria-label="Что даёт клеточное питание FitLine"> <h2 class="fl-title">Что даёт клеточное питание FitLine</h2> <p class="fl-subtitle">6 ключевых направлений для вашего здоровья</p> <div class="fl-benefits"> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">🌿</div> <b>Клеточное питание</b> Витамины и минералы с максимальной усвояемостью </div> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">🫀</div> <b>Здоровое пищеварение</b> Мягкая поддержка системы изнутри </div> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">🛡️</div> <b>Сильный иммунитет</b> Меньше простуд и быстрее восстановление </div> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">⚡</div> <b>Энергия каждый день</b> Без кофеина и стимуляторов </div> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">🌙</div> <b>Крепкий сон</b> Ресурсное состояние и восстановление </div> <div class="fl-benefit"> <div class="fl-icon" aria-hidden="true">✨</div> <b>Продление молодости</b> Защита клеток и антиэйдж-эффект </div> </div> <div class="fl-infobox"> <p>💡 FitLine не лечит болезни, но создаёт условия для выздоровления и полноценной жизни.</p> </div> </section> <!-- ═══ OPTIMAL SET ══════════════════════════════════════ --> <section class="fl-section" aria-label="FitLine Оптимальный Сет"> <div class="fl-product"> <div class="fl-product-img"> <a href="https://yantra.mozello.lv/vitaminki-fitline/optimalnyj-set/" target="_blank" rel="noopener"> <img src="https://site-4273.mozfiles.com/files/4273/Fitline_coctails.jpg" alt="FitLine Optimal Set — Powercocktail и Restorate" loading="lazy"> </a> </div> <div class="fl-product-body"> <h3>FitLine Optimal Set — всё необходимое для клеточного питания каждый день</h3> <ul> <li><b>2 коктейля:</b> Powercocktail утром + Restorate вечером = Оптимальный сет</li> <li>Закрывает 80% вопросов со здоровьем и самочувствием</li> <li>Заполняет критический дефицит в питании</li> <li>Комплексный и целостный подход — больше ничего принимать не надо</li> <li>Натуральный, эффективный, вкусный, удобно использовать</li> </ul> <a href="https://yantra.mozello.lv/vitaminki-fitline/optimalnyj-set/" class="fl-link-more" target="_blank" rel="noopener">Подробнее про Оптимальный Сет →</a> </div> </div> </section> <!-- ═══ CTA 1 ═════════════════════════════════════════════ --> <div style="padding: 8px 0 40px; background: #f7f9fc;"> <div class="fl-cta"> <div class="fl-rocket" aria-hidden="true">🚀</div> <h2>Чтобы купить со скидкой 20% —<br>заполните короткую анкету</h2> <p>Экспресс-консультация по вашей ситуации и индивидуальный подбор продуктов — бесплатно</p> <a href="https://forms.gle/g8U3Bhp5HYC6J6pf7" target="_blank" rel="noopener" class="fl-btn-cta" aria-label="Заполнить анкету здоровья FitLine">📋 Заполнить анкету здоровья</a> </div> </div> <!-- ═══ Я САМА ИСПОЛЬЗУЮ ════════════════════════════════ --> <section class="fl-section" aria-label="Продукты FitLine, которые рекомендует автор"> <h2 class="fl-title">🌟 Я сама использую и рекомендую</h2> <p class="fl-subtitle">Проверено на себе — делюсь тем, что работает</p> <ul class="fl-products"> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/optimalnyj-set/" target="_blank" rel="noopener">FitLine Оптимальный Сет (Powercocktail + Restorate)</a></li> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/yogurt/" target="_blank" rel="noopener">FitLine Feel Good Yoghurt Drink</a></li> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/omega-3-vegan/" target="_blank" rel="noopener">FitLine Omega3 Vegan</a></li> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/zellschutz-antioxy/" target="_blank" rel="noopener">FitLine Zellschutz Antioxy</a></li> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/generation-50/" target="_blank" rel="noopener">FitLine Generation 50+</a></li> <li><a href="https://yantra.mozello.lv/vitaminki-fitline/beauty-kollagen/" target="_blank" rel="noopener">FitLine Beauty Коллаген</a></li> <li>FitLine Gelenk-Fit</li> <li>FitLine Munogen</li> </ul> </section> <!-- ═══ КАТАЛОГ ВСЕХ ПРОДУКТОВ FITLINE ═══════════════════ --> <section class="fl-section" aria-label="Полный каталог продуктов FitLine"> <h2 class="fl-title">📦 Каталог продуктов FitLine</h2> <p class="fl-subtitle">Все продукты линейки клеточного питания — нажмите, чтобы посмотреть подробное описание</p> <div class="fl-catalog-grid"> <div class="fl-catalog-card"> <h3>Оптимальный Сет</h3> <p>PowerCocktail утром + Restorate вечером — комплексное клеточное питание на каждый день</p> <a href="https://www.yantra.lv/vitaminki-fitline/optimalnyj-set/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>PowerCocktail</h3> <p>Утренний энергетический напиток без кофеина и стимуляторов</p> <a href="https://www.yantra.lv/vitaminki-fitline/powercocktail/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Restorate</h3> <p>Вечерний восстанавливающий напиток для крепкого сна и регенерации</p> <a href="https://www.yantra.lv/vitaminki-fitline/restorate/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Generation 50+</h3> <p>Специальная формула питательных веществ для зрелого возраста</p> <a href="https://www.yantra.lv/vitaminki-fitline/generation-50/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>TopShape</h3> <p>Поддержка снижения аппетита и контроля веса</p> <a href="https://www.yantra.lv/vitaminki-fitline/topshape/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Zellschutz Antioxy</h3> <p>Антиоксидантная защита клеток от свободных радикалов</p> <a href="https://www.yantra.lv/vitaminki-fitline/zellschutz-antioxy/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Beauty Коллаген</h3> <p>Коллаген для красоты кожи и анти-эйдж эффекта</p> <a href="https://www.yantra.lv/vitaminki-fitline/beauty-kollagen/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Activize Oxyplus</h3> <p>Формула для энергии, концентрации и снабжения клеток кислородом</p> <a href="https://www.yantra.lv/vitaminki-fitline/activize-oxyplus/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>D-Drink</h3> <p>Напиток с витамином D для иммунитета и крепких костей</p> <a href="https://www.yantra.lv/vitaminki-fitline/d-drink/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>C-Balance</h3> <p>Баланс витамина С для иммунной поддержки</p> <a href="https://www.yantra.lv/vitaminki-fitline/c-balance/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Feel Good Yoghurt Drink</h3> <p>Пробиотический йогуртный напиток для здоровья кишечника</p> <a href="https://www.yantra.lv/vitaminki-fitline/yogurt/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Men+</h3> <p>Специализированная формула для мужского здоровья</p> <a href="https://www.yantra.lv/vitaminki-fitline/men/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Omega3 Vegan</h3> <p>Растительная омега-3 для сердца, мозга и сосудов</p> <a href="https://www.yantra.lv/vitaminki-fitline/omega-3-vegan/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>Basics</h3> <p>Базовый набор витаминов и минералов для ежедневного восполнения дефицитов</p> <a href="https://www.yantra.lv/vitaminki-fitline/basics/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>12 причин выбрать FitLine</h3> <p>Личные причины и аргументы автора в пользу продукции FitLine</p> <a href="https://www.yantra.lv/vitaminki-fitline/12-prichin-pochemu-ja-vybiraju-fitline/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> <div class="fl-catalog-card"> <h3>ТОП-10 дефицитов витаминов</h3> <p>Гид по самым частым дефицитам витаминов и минералов и их диагностике</p> <a href="https://www.yantra.lv/vitaminki-fitline/top-10-deficitov-vitaminov-i-mineralov-diagnosti/" target="_blank" rel="noopener" class="fl-catalog-btn">Смотреть →</a> </div> </div> </section> <!-- ═══ 12 ПРИЧИН ════════════════════════════════════════ --> <section class="fl-section" aria-label="12 причин выбрать FitLine"> <h2 class="fl-title">12 причин, почему я выбираю FitLine</h2> <p class="fl-subtitle">Немецкое производство премиум-класса, подтверждённое сертификатами чистоты, качества и допинг-контроля</p> <div class="fl-video"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/owR83KRdGPU" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> <ul class="fl-reasons"> <li>Аюрведа, упакованная в 21 век — <i>мы то, что мы едим и можем усвоить!</i> Используются принципы Аюрведы и растения-ключи.</li> <li>Только натуральные источники. Не используются химические компоненты, которые не усваиваются, а иногда просто вредны.</li> <li>Целостный подход к организму. Концепция — дать все необходимые ресурсы, и организм построит здоровье сам.</li> <li>Закрывают дефицит в питании от нашей пустой и некачественной пищи. Восполняют всю потребность в витаминах, энзимах, микроэлементах, пробиотиках и пребиотиках.</li> <li>Технология <b>NTC Nutrition Transport Concept®</b> — доставляет питательные вещества на клеточный уровень, повышая усвоение и биодоступность до 93–98%.</li> <li>Сотрудничество с 3 крупными институтами Европы, где 350 учёных постоянно улучшают продукцию. 70 запатентованных уникальных разработок.</li> <li>Сами выращивают многие исходные продукты, закупают лучшие, заботятся об экологичности производства и упаковки.</li> <li>Производятся в Германии по всем стандартам качества на заводе внутривенного питания.</li> <li>Семейная компания, ведущая честный бизнес и занимающаяся благотворительностью.</li> <li>Олимпийские чемпионы и спортсмены с мировым именем выбирают FitLine. Японская императорская семья использует более 10 лет.</li> <li>Только 2 напитка — утром и вечером. Вкусно, сбалансировано, просто в употреблении.</li> <li>Просто и вкусно — это работает!</li> </ul> </section> <!-- ═══ CTA 2 ═════════════════════════════════════════════ --> <div style="padding: 8px 0 40px; background: #f7f9fc;"> <div class="fl-cta"> <div class="fl-rocket" aria-hidden="true">🚀</div> <h2>Экспресс-консультация — бесплатно</h2> <p>Расскажу, как получить витаминный коктейль со скидкой 20% и подберу продукты под ваш запрос</p> <a href="https://forms.gle/g8U3Bhp5HYC6J6pf7" target="_blank" rel="noopener" class="fl-btn-cta" aria-label="Заполнить анкету здоровья FitLine">📋 Заполнить анкету здоровья</a> </div> </div> <!-- ═══ ВИДЕО ══════════════════════════════════════════════ --> <section class="fl-section" aria-label="Видео о кишечнике и здоровье"> <h2 class="fl-title">Видео о кишечнике и здоровье</h2> <p class="fl-subtitle">Кишечник — наш второй мозг, который напрямую влияет на здоровье, настроение и энергичность</p> <div class="fl-videos-grid"> <div> <p class="fl-video-label">Про кишечник и здоровье</p> <div class="fl-video"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/UrIrwhXAd0o" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </div> <div> <p class="fl-video-label">Натуральные витамины</p> <div class="fl-video"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/31kmrwRxjdk" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </div> </div> <h2 class="fl-title" style="margin-top: 36px;">Мой личный опыт использования</h2> <div class="fl-video" style="margin-top: 16px;"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/678cmztHln8" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </section> <!-- ═══ ФИНАЛЬНЫЙ CTA + КОНТАКТ ══════════════════════════ --> <div style="padding: 8px 0 48px; background: #f7f9fc;"> <div class="fl-cta"> <div class="fl-rocket" aria-hidden="true">🚀</div> <h2>Готовы начать путь к здоровью?</h2> <p>Заполните анкету — и я свяжусь с вами для бесплатной консультации и оформления заказа со скидкой 20%</p> <a href="https://forms.gle/g8U3Bhp5HYC6J6pf7" target="_blank" rel="noopener" class="fl-btn-cta" aria-label="Заполнить анкету здоровья FitLine">📋 Заполнить анкету здоровья</a> </div> <div class="fl-section" style="padding-top: 24px; padding-bottom: 0;"> <div class="fl-contact"> <span class="fl-hand" aria-hidden="true">👉</span> Отвечу на все ваши вопросы: <a href="https://www.facebook.com/darakova" target="_blank" rel="noopener">Facebook.com/darakova</a> </div> </div> </div> </div><!-- /.fl --><style> /* ── RESET ТОЛЬКО ВНУТРИ БЛОКА ─────────────────────── */ .fl * { box-sizing: border-box; } .fl, .fl * { color: inherit; font-family: 'Segoe UI', Arial, sans-serif; } /* ── ОБЁРТКА ─────────────────────────────────────────── */ .fl { background: #f7f9fc !important; color: #2d3748 !important; line-height: 1.7; font-size: 16px; } /* ── СЕКЦИИ ──────────────────────────────────────────── */ .fl-section { padding: 48px 24px; max-width: 820px; margin: 0 auto; } .fl-section + .fl-section { border-top: 1px solid #dde4ed; } /* ── HERO (оставлен как есть) ─────────────────────────── */ .fl-hero { background: linear-gradient(135deg, #1a7a4a 0%, #2ecc71 60%, #a8e6c5 100%) !important; padding: 64px 24px 52px; text-align: center; } .fl-hero h1 { color: #ffffff !important; font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.25; margin: 0 auto 18px; max-width: 700px; text-shadow: 0 2px 8px rgba(0,0,0,.2); } .fl-hero p { color: #ffffff !important; font-size: 1.1rem; max-width: 650px; margin: 0 auto 32px; opacity: .93; font-style: italic; } /* ── КНОПКИ (shine-effect микро-анимация) ─────────────── */ .fl-btn-hero, .fl-btn-cta, .fl-link-more { position: relative !important; overflow: hidden !important; } .fl-btn-hero::after, .fl-btn-cta::after, .fl-link-more::after { content: '' !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 60% !important; height: 100% !important; background: linear-gradient(120deg, transparent, rgba(26,122,74,0.30), transparent) !important; transform: skewX(-20deg) !important; transition: left 0.65s ease !important; pointer-events: none !important; } .fl-btn-hero:hover::after, .fl-btn-cta:hover::after, .fl-link-more:hover::after { left: 130% !important; } .fl-btn-hero { display: inline-block !important; background: #ffffff !important; color: #1a7a4a !important; font-size: 1.15rem !important; font-weight: 800 !important; padding: 18px 48px !important; border-radius: 50px !important; text-decoration: none !important; box-shadow: 0 6px 28px rgba(0,0,0,.22) !important; transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, letter-spacing .3s ease; border: none !important; } .fl-btn-hero:hover { transform: translateY(-4px) scale(1.04); letter-spacing: 0.02em; box-shadow: 0 12px 36px rgba(0,0,0,.28) !important; color: #1a7a4a !important; text-decoration: none !important; } .fl-btn-hero:active { transform: translateY(-1px) scale(0.99); } .fl-btn-cta { display: inline-block !important; background: #ffffff !important; color: #1a7a4a !important; font-size: 1.1rem !important; font-weight: 800 !important; padding: 16px 44px !important; border-radius: 50px !important; text-decoration: none !important; box-shadow: 0 4px 18px rgba(0,0,0,.18) !important; transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, letter-spacing .3s ease; border: none !important; } .fl-btn-cta:hover { transform: translateY(-4px) scale(1.04); letter-spacing: 0.02em; box-shadow: 0 10px 32px rgba(0,0,0,.25) !important; color: #1a7a4a !important; text-decoration: none !important; } .fl-btn-cta:active { transform: translateY(-1px) scale(0.99); } /* ── ЗАГОЛОВКИ СЕКЦИЙ ──────────────────────────────────── */ .fl-title { font-size: clamp(1.3rem, 3vw, 1.85rem) !important; font-weight: 800 !important; color: #1a7a4a !important; margin-bottom: 8px !important; } .fl-subtitle { color: #5a6a7a !important; font-size: 1rem !important; margin-bottom: 28px !important; } /* ── КАРТОЧКИ ПРЕИМУЩЕСТВ ──────────────────────────────── */ .fl-benefits { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; margin-top: 28px; } .fl-benefit { background: #ffffff !important; border-radius: 16px; padding: 22px 20px; box-shadow: 0 2px 14px rgba(0,0,0,.07); border-left: 4px solid #2ecc71; transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .3s ease; } .fl-benefit:hover { transform: translateY(-6px); box-shadow: 0 10px 28px rgba(46,204,113,.22); border-left-color: #1a7a4a; } .fl-benefit .fl-icon { font-size: 1.6rem; margin-bottom: 10px; } .fl-benefit strong { display: block !important; font-size: 1rem !important; color: #1a7a4a !important; margin-bottom: 6px !important; } .fl-benefit span { font-size: .9rem !important; color: #4a5568 !important; } /* ── ЗЕЛЁНЫЙ ИНФО-БЛОК ────────────────────────────────── */ .fl-infobox { background: #e8f8ef !important; border-radius: 18px; padding: 24px 28px; margin: 28px 0; border-left: 5px solid #27ae60; } .fl-infobox p { font-size: 1.05rem !important; color: #1a5c35 !important; font-weight: 600 !important; margin: 0 !important; } /* ── КАРТОЧКА ТОВАРА (главный продукт) ────────────────── */ .fl-product { background: #ffffff !important; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.09); margin-bottom: 24px; } .fl-product-img { background: linear-gradient(135deg, #e8f8ef, #c6f0d8) !important; display: flex; align-items: center; justify-content: center; padding: 32px; text-align: center; } .fl-product-img img { max-width: 360px; width: 100%; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.14); transition: transform .5s ease; } .fl-product-img a:hover img { transform: scale(1.03); } .fl-product-body { padding: 28px 30px; } .fl-product-body h3 { font-size: 1.35rem !important; color: #1a7a4a !important; margin-bottom: 14px !important; } .fl-product-body ul { padding-left: 22px; margin: 0; } .fl-product-body ul li { margin-bottom: 8px !important; font-size: .97rem !important; color: #3a4a5a !important; } .fl-link-more { display: inline-block !important; margin-top: 18px !important; color: #1a7a4a !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: 2px solid #2ecc71 !important; padding-bottom: 2px !important; transition: color .25s ease, border-color .25s ease, transform .25s ease; } .fl-link-more:hover { color: #27ae60 !important; border-color: #27ae60 !important; transform: translateX(4px); } /* ── CTA-БЛОК ─────────────────────────────────────────── */ .fl-cta { background: linear-gradient(135deg, #1a7a4a 0%, #27ae60 100%) !important; border-radius: 24px; padding: 44px 32px; text-align: center; margin: 0 24px 0; box-shadow: 0 10px 40px rgba(26,122,74,.3); } .fl-cta .fl-rocket { font-size: 2.2rem; margin-bottom: 12px; } .fl-cta h2 { font-size: clamp(1.2rem, 3vw, 1.65rem) !important; font-weight: 800 !important; color: #ffffff !important; margin-bottom: 10px !important; } .fl-cta p { font-size: 1rem !important; color: rgba(255,255,255,.92) !important; margin-bottom: 28px !important; max-width: 500px; margin-left: auto; margin-right: auto; } /* ── СПИСОК ПРОДУКТОВ (краткий) ───────────────────────── */ .fl-products { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; } .fl-products li { background: #ffffff !important; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.06); padding: 14px 18px; font-size: .95rem !important; font-weight: 600 !important; color: #2d3748 !important; display: flex; align-items: center; gap: 8px; transition: box-shadow .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1); } .fl-products li:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(46,204,113,.18); } .fl-products li::before { content: "🌿"; } .fl-products a { color: #1a7a4a !important; text-decoration: none !important; } .fl-products a:hover { text-decoration: underline !important; } /* ── КАТАЛОГ ПРОДУКТОВ (карточки-ссылки) ──────────────── */ .fl-catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; margin-top: 24px; } .fl-catalog-card { background: #ffffff !important; border-radius: 18px; padding: 22px 22px 20px; box-shadow: 0 2px 14px rgba(0,0,0,.07); border: 2px solid transparent; display: flex; flex-direction: column; gap: 10px; transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, border-color .35s ease; } .fl-catalog-card:hover { transform: translateY(-6px); border-color: #2ecc71; box-shadow: 0 14px 32px rgba(46,204,113,.22); } .fl-catalog-card h3 { font-size: 1.05rem !important; font-weight: 800 !important; color: #1a7a4a !important; margin: 0 !important; } .fl-catalog-card p { font-size: .9rem !important; color: #5a6a7a !important; margin: 0 !important; flex-grow: 1; } .fl-catalog-card .fl-catalog-btn { display: inline-block !important; align-self: flex-start; margin-top: 6px !important; background: linear-gradient(135deg, #1a7a4a, #2ecc71) !important; color: #ffffff !important; font-size: .88rem !important; font-weight: 700 !important; padding: 10px 22px !important; border-radius: 30px !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, letter-spacing .3s ease; box-shadow: 0 4px 14px rgba(26,122,74,.3); } .fl-catalog-card .fl-catalog-btn::after { content: '' !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 60% !important; height: 100% !important; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent) !important; transform: skewX(-20deg) !important; transition: left 0.65s ease !important; pointer-events: none !important; } .fl-catalog-card .fl-catalog-btn:hover::after { left: 130% !important; } .fl-catalog-card .fl-catalog-btn:hover { transform: translateY(-3px) scale(1.05); letter-spacing: 0.02em; box-shadow: 0 8px 22px rgba(26,122,74,.4); } .fl-catalog-card .fl-catalog-btn:active { transform: translateY(-1px) scale(0.99); } /* ── 12 ПРИЧИН ────────────────────────────────────────── */ .fl-reasons { counter-reset: reason; list-style: none !important; padding: 0 !important; margin: 0 !important; } .fl-reasons li { counter-increment: reason; position: relative; padding: 18px 18px 18px 70px !important; margin-bottom: 12px !important; background: #ffffff !important; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.06); font-size: .97rem !important; color: #2d3748 !important; transition: transform .15s; } .fl-reasons li:hover { transform: translateX(4px); } .fl-reasons li::before { content: counter(reason); position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: linear-gradient(135deg, #1a7a4a, #2ecc71); color: #ffffff !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .95rem; } /* ── ВИДЕО ────────────────────────────────────────────── */ .fl-video { position: relative; padding-bottom: 56.25%; height: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 28px rgba(0,0,0,.14); margin: 12px 0 20px; } .fl-video iframe, .fl-video .moze-object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .fl-video-label { font-size: .88rem !important; color: #5a6a7a !important; text-align: center; margin-bottom: 4px !important; } .fl-videos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px,1fr)); gap: 24px; margin-top: 12px; } /* ── КОНТАКТ ──────────────────────────────────────────── */ .fl-contact { display: flex; align-items: center; gap: 12px; background: #ffffff !important; border-radius: 14px; padding: 18px 24px; box-shadow: 0 2px 12px rgba(0,0,0,.07); font-size: 1rem !important; color: #2d3748 !important; margin-top: 28px; } .fl-contact .fl-hand { font-size: 1.4rem; } .fl-contact a { color: #1a7a4a !important; font-weight: 700 !important; text-decoration: none !important; } .fl-contact a:hover { text-decoration: underline !important; } /* ── АДАПТИВ ──────────────────────────────────────────── */ @media (max-width: 680px) { .fl-section { padding: 40px 20px; } .fl-cta { margin: 0 14px; padding: 36px 22px; } .fl-product-body { padding: 22px 20px; } } @media (max-width: 600px) { .fl-hero { padding: 44px 18px 36px; } .fl-btn-hero { padding: 14px 28px !important; font-size: 1rem !important; } .fl-cta { padding: 32px 20px; margin: 0 12px; } .fl-product-img { padding: 20px; } .fl-reasons li { padding: 14px 14px 14px 60px !important; } .fl-catalog-grid { grid-template-columns: 1fr; } .fl-benefits { grid-template-columns: 1fr; } } @media (max-width: 420px) { .fl-hero { padding: 36px 14px 30px; } .fl-section { padding: 32px 14px; } .fl-btn-hero, .fl-btn-cta { display: block !important; text-align: center; padding: 16px 18px !important; } } /* ── REDUCED MOTION ── */ @media (prefers-reduced-motion: reduce) { .fl-btn-hero, .fl-btn-cta, .fl-link-more, .fl-btn-hero::after, .fl-btn-cta::after, .fl-link-more::after, .fl-benefit, .fl-products li, .fl-catalog-card, .fl-catalog-btn, .fl-catalog-card .fl-catalog-btn::after, .fl-product-img img, .fl-reasons li { transition: none !important; } } </style>