/* * VIVILIV — HOME PREMIUM FINISH 1.0.3 * Zakres: wyłącznie strona główna. * * Bez osobnego elementu pomiędzy sekcjami. * Przejście jest malowane przez górną krawędź sekcji Skomponuj: * zdjęcie → czerń, a dopiero potem czerń → zieleń. */ body.home.viviliv-home-premium-finish .viviliv-hero-v3 { position: relative !important; isolation: isolate !important; overflow: hidden !important; margin-bottom: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } /* Wyłączamy wszystkie poprzednie próby i sztuczne mosty. */ body.home.viviliv-home-premium-finish .viviliv-hero-v3::after, body.home.viviliv-home-premium-finish .viviliv-home-seam-bridge { content: none !important; display: none !important; } /* * Sama sekcja Skomponuj pozostaje pod Hero, * zaczyna się czernią i łagodnie przechodzi w zieleń. */ body.home.viviliv-home-premium-finish .viviliv-menu-builder { position: relative !important; z-index: 20 !important; isolation: isolate !important; overflow: visible !important; margin-top: 0 !important; padding-top: 34px !important; border-top: 0 !important; box-shadow: none !important; background: radial-gradient(circle at 18% 22%, rgba(216,178,74,.055), transparent 28%), radial-gradient(circle at 82% 26%, rgba(26,63,38,.16), transparent 34%), linear-gradient( 180deg, #020604 0%, #031008 52px, #06150d 120px, #07170e 210px, #07170e 100% ) !important; } /* * Ten element wychodzi WYŁĄCZNIE do góry, na dolną część fotografii. * Zawiera tylko czerń — żadnej zieleni na zdjęciu. * Jego dolny kolor i pierwszy kolor sekcji są identyczne, więc nie ma linii. */ body.home.viviliv-home-premium-finish .viviliv-menu-builder::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -128px !important; height: 129px !important; z-index: 0 !important; pointer-events: none !important; background: linear-gradient( 180deg, rgba(2,6,4,0) 0%, rgba(2,6,4,.10) 20%, rgba(2,6,4,.42) 48%, rgba(2,6,4,.82) 78%, #020604 100% ) !important; } body.home.viviliv-home-premium-finish .viviliv-menu-builder::after { content: none !important; display: none !important; } /* Wszystkie realne elementy sekcji zostają nad tłem. */ body.home.viviliv-home-premium-finish .viviliv-menu-builder > *, body.home.viviliv-home-premium-finish .viviliv-menu-builder .uagb-container-inner-blocks-wrap { position: relative !important; z-index: 2 !important; } /* Zachowujemy zatwierdzony napis i kompaktowy rytm. */ body.home.viviliv-home-premium-finish .viviliv-menu-builder .skomp-label { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 0 !important; margin-bottom: 12px !important; } @media (min-width: 1025px) { body.home.viviliv-home-premium-finish .viviliv-menu-builder { padding-top: 34px !important; padding-bottom: 44px !important; } } @media (max-width: 768px) { body.home.viviliv-home-premium-finish .viviliv-menu-builder { padding-top: 42px !important; } body.home.viviliv-home-premium-finish .viviliv-menu-builder::before { top: -76px !important; height: 77px !important; } } /* ========================================================= * VIVILIV 1.0.4 — LOCAL SEO HERO COPY * Tylko zabezpieczenie dłuższego H1 przed wyjściem poza Hero. * Bez zmiany fontu, kolorów, przycisków ani układu sekcji. * ========================================================= */ body.home.viviliv-home-local-seo-104 .viviliv-hero-v3 h1 { max-width: 100% !important; overflow-wrap: normal !important; word-break: normal !important; text-wrap: balance; } /* ========================================================= * VIVILIV 1.0.5 — HERO SUBTITLE, DESKTOP SINGLE LINE * Tylko nowy podtytuł SEO. Na desktopie nie łamiemy „Gdańsku”. * Na tablet/mobile wraca naturalne zawijanie. * ========================================================= */ @media (min-width: 769px) { body.home.viviliv-home-local-seo-105 .viviliv-hero-v3 .viviliv-home-seo-subtitle { display: inline-block !important; width: max-content !important; max-width: none !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; } } @media (max-width: 768px) { body.home.viviliv-home-local-seo-105 .viviliv-hero-v3 .viviliv-home-seo-subtitle { display: inline !important; width: auto !important; max-width: 100% !important; white-space: normal !important; } } /* ========================================================= * VIVILIV 1.0.6 — MAŁY LOKALNY BLOK SEO POD HERO * Jeden kompaktowy blok pod frazę „obiady domowe z dowozem Gdańsk Zaspa”. * Nie zmienia Hero ani dalszych sekcji strony. * ========================================================= */ body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini { box-sizing: border-box !important; width: min(980px, calc(100% - 36px)) !important; margin: 0 auto 26px !important; padding: 0 !important; color: #f7f4ea !important; text-align: center !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini__inner { position: relative !important; overflow: hidden !important; padding: 18px 26px 19px !important; border: 1px solid rgba(216,178,74,.42) !important; border-radius: 18px !important; background: radial-gradient(circle at 18% 0%, rgba(243,215,122,.08), transparent 32%), linear-gradient(135deg, rgba(9,39,24,.92), rgba(5,24,15,.96)) !important; box-shadow: 0 12px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini__eyebrow { display: block !important; margin: 0 0 5px !important; color: #d8b24a !important; font-family: Montserrat, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .18em !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini h2 { margin: 0 0 6px !important; color: #fff !important; font-family: Montserrat, sans-serif !important; font-size: clamp(22px, 2vw, 29px) !important; font-weight: 800 !important; line-height: 1.16 !important; letter-spacing: -.02em !important; text-transform: none !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini p { max-width: 850px !important; margin: 0 auto !important; color: rgba(247,244,234,.84) !important; font-family: Montserrat, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.55 !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini strong { color: #f3d77a !important; font-weight: 800 !important; } @media (max-width: 768px) { body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini { width: calc(100% - 28px) !important; margin-bottom: 22px !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini__inner { padding: 16px 16px 17px !important; border-radius: 15px !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini__eyebrow { font-size: 10px !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini h2 { font-size: 20px !important; line-height: 1.18 !important; } body.home.viviliv-home-local-seo-106 .viviliv-home-local-seo-mini p { font-size: 13px !important; line-height: 1.5 !important; } }