/** * No-JS Fallback Styles * All rules prefixed with html.no-js — has ZERO effect when JS is enabled * (inline script in removes .no-js class before CSS applies) */ /* ===== #1 ГОЛОВНЕ: ВСІ БЛОКИ НЕВИДИМІ БЕЗ .animate ===== */ /* style.css рядки 502-506 ставить opacity:0 на ВСІ section .container>div */ /* JS додає .animate для opacity:1. Без JS — все невидиме */ html.no-js section .container > div, html.no-js section .half-container > div { opacity: 1 !important; } /* .animate клас — fadeInFromLeft animation. Без JS не потрібно */ html.no-js .animate { opacity: 1 !important; animation: none !important; transform: none !important; } /* ark-animated-text (opacity: 0 !important в style.css) */ html.no-js .ark-animated-text, html.no-js .ark-animated-text.animated { opacity: 1 !important; } html.no-js .ark-animated-text i { opacity: 1 !important; transform: none !important; } /* animated-on-scroll */ html.no-js .animated-on-scroll { opacity: 1 !important; } /* Hero video wrapper */ html.no-js .hero-video-wrapper { opacity: 1 !important; } /* ===== #2 SWIPER: overflow + height + wrap ===== */ html.no-js .swiper { overflow: visible !important; } html.no-js .swiper-wrapper { display: flex !important; flex-wrap: wrap !important; height: auto !important; } html.no-js .swiper-slide { flex-shrink: 1 !important; } /* Навігаційні стрілки — сховати */ html.no-js .arrow-next, html.no-js .arrow-prev, html.no-js .review-next, html.no-js .review-prev, html.no-js .swiper-pagination, html.no-js .swiper-button-next, html.no-js .swiper-button-prev { display: none !important; } /* ===== #3 КЛІЄНТИ ===== */ html.no-js .our-client-slider .swiper-wrapper { gap: 20px; justify-content: center; } html.no-js .our-clients .swiper-slide { width: calc(25% - 15px) !important; margin: 0 !important; opacity: 1 !important; } /* ===== #4 ТЕХНОЛОГІЇ ===== */ html.no-js .our-tech-sect .swiper-wrapper { gap: 15px; justify-content: center; } html.no-js .our-tech .swiper-slide { width: auto !important; } /* ===== #5 ВІДГУКИ ===== */ html.no-js .reviews-right .swiper { overflow: visible !important; } html.no-js .reviews-right .swiper-wrapper { flex-direction: column !important; gap: 30px; } html.no-js .reviews-right .swiper-slide { width: 100% !important; } html.no-js .review-item-body-wrapper { max-height: none !important; overflow: visible !important; } html.no-js .review-item-body-wrapper .review-item-body { max-height: none !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; } html.no-js .show-more { display: none !important; } /* ===== #6 БЛОГ мобільний ===== */ html.no-js .blog-grid-list-mob .swiper-wrapper { flex-direction: column !important; gap: 20px; } html.no-js .blog-grid-list-mob .swiper-slide { width: 100% !important; } /* ===== #7 WHY-US — прозорий текст ===== */ html.no-js .why-us-right-txt, html.no-js .why-us-right-txt p, html.no-js .why-us-right-txt p .word, html.no-js .why-us-right-txt p .word .char { color: #fff !important; -webkit-text-fill-color: #fff !important; background-clip: unset !important; -webkit-background-clip: unset !important; background: none !important; } /* ===== #8 DESKTOP SUBMENUS ===== */ html.no-js .header-center .menu-item-has-children:hover > ul.sub-menu, html.no-js .header-center .menu-item-has-children:focus-within > ul.sub-menu { visibility: visible !important; opacity: 1 !important; } html.no-js .header-services-menu-btn:hover ~ .header-services-sub-menu, html.no-js .header-services-sub-menu:hover { visibility: visible !important; opacity: 1 !important; } /* ===== #9 МОВНИЙ DROPDOWN ===== */ html.no-js .ark-dropdown:hover .dropdown-list, html.no-js .ark-dropdown:focus-within .dropdown-list { display: block !important; } /* ===== #10 FAQ / АКОРДЕОНИ ===== */ html.no-js .tab-content, html.no-js .faq-tab-content { display: block !important; } html.no-js .tab-btn-dwn::after { transform: rotate(180deg) !important; } /* ===== #11 АКОРДЕОНИ СЕРВІСІВ ===== */ html.no-js .ark-custom-mob-dropdown-content { max-height: none !important; overflow: visible !important; visibility: visible !important; display: block !important; } /* ===== #12 МОБІЛЬНЕ МЕНЮ ===== */ @media (max-width: 992px) { html.no-js .tel-menu-btn { display: none !important; } html.no-js .header-center { display: block !important; } html.no-js .header-center nav, html.no-js .header-center > ul { display: flex !important; flex-wrap: wrap !important; gap: 8px 15px; } html.no-js .header-center .menu-item a { font-size: 14px; } html.no-js .our-clients .swiper-slide { width: calc(50% - 10px) !important; } } /* ===== #13 МОДАЛКА — noscript покаже fallback ===== */ html.no-js .discuss-project-form-btn button { display: none !important; } /* ===== #14 SEO ТЕКСТ ===== */ html.no-js .seo .ark-content-block { max-height: none !important; overflow: visible !important; } html.no-js .seo-readmore { display: none !important; } /* ===== #15 COOKIE CONSENT ===== */ html.no-js .cookie-consent { transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important; }