.elementor-7 .elementor-element.elementor-element-5aa8fb8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-7 .elementor-element.elementor-element-e4e9a93{--display:flex;--min-height:720px;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-e4e9a93:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-e4e9a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cozyhouseforever.com/wp-content/uploads/2026/05/dc79781c052bc1f9557964b20b892f284ad57a1b-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-e4e9a93::before, .elementor-7 .elementor-element.elementor-element-e4e9a93 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-e4e9a93 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-e4e9a93 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-e4e9a93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-e4e9a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000033;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-cc58609{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-984efe8{width:var( --container-widget-width, 633px );max-width:633px;--container-widget-width:633px;--container-widget-flex-grow:0;text-align:start;}.elementor-7 .elementor-element.elementor-element-984efe8 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:56px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-f31779d{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-4d2b62e > .elementor-widget-container{margin:-46px 0px 0px -405px;}.elementor-7 .elementor-element.elementor-element-4d2b62e.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-cb5bb0f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-9178248{width:var( --container-widget-width, 866px );max-width:866px;--container-widget-width:866px;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-9178248 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:56px;font-weight:700;text-transform:uppercase;line-height:1em;}.elementor-7 .elementor-element.elementor-element-35e3db2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:9px 0px;--row-gap:9px;--column-gap:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7152ee2{text-align:center;}.elementor-7 .elementor-element.elementor-element-7152ee2 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:22px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-7879e2c{width:var( --container-widget-width, 985px );max-width:985px;--container-widget-width:985px;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-7879e2c.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-7879e2c .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:56px;font-weight:700;text-transform:uppercase;}.elementor-7 .elementor-element.elementor-element-c70f090{--display:flex;}.elementor-7 .elementor-element.elementor-element-a4c0ce5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-24884dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1c1b195{text-align:center;}.elementor-7 .elementor-element.elementor-element-1c1b195 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:40px;font-weight:700;}.elementor-7 .elementor-element.elementor-element-410289c{text-align:center;}.elementor-7 .elementor-element.elementor-element-410289c .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:22px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-f67853b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-08d7b3f .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-08d7b3f .elementor-icon{font-size:202px;}.elementor-7 .elementor-element.elementor-element-08d7b3f .elementor-icon svg{height:202px;}.elementor-7 .elementor-element.elementor-element-14c2ac3 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-14c2ac3 .elementor-icon{font-size:213px;}.elementor-7 .elementor-element.elementor-element-14c2ac3 .elementor-icon svg{height:213px;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-e4e9a93{--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-cc58609{--margin-top:0px;--margin-bottom:54px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-984efe8{--container-widget-width:278px;--container-widget-flex-grow:0;width:var( --container-widget-width, 278px );max-width:278px;}.elementor-7 .elementor-element.elementor-element-984efe8 .elementor-heading-title{font-size:24px;}.elementor-7 .elementor-element.elementor-element-f31779d{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;font-size:14px;}.elementor-7 .elementor-element.elementor-element-4d2b62e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-cb5bb0f{--padding-top:30px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-7 .elementor-element.elementor-element-9178248 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-7 .elementor-element.elementor-element-9178248{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7 .elementor-element.elementor-element-9178248 .elementor-heading-title{font-size:24px;}.elementor-7 .elementor-element.elementor-element-e011528 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-35e3db2{--gap:7px 0px;--row-gap:7px;--column-gap:0px;--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-7 .elementor-element.elementor-element-7152ee2 .elementor-heading-title{font-size:14px;}.elementor-7 .elementor-element.elementor-element-7879e2c > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-7 .elementor-element.elementor-element-7879e2c{--container-widget-width:282px;--container-widget-flex-grow:0;width:var( --container-widget-width, 282px );max-width:282px;}.elementor-7 .elementor-element.elementor-element-7879e2c .elementor-heading-title{font-size:24px;}.elementor-7 .elementor-element.elementor-element-24884dd{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1c1b195 .elementor-heading-title{font-size:24px;}.elementor-7 .elementor-element.elementor-element-410289c .elementor-heading-title{font-size:16px;}.elementor-7 .elementor-element.elementor-element-08d7b3f .elementor-icon{font-size:140px;}.elementor-7 .elementor-element.elementor-element-08d7b3f .elementor-icon svg{height:140px;}.elementor-7 .elementor-element.elementor-element-14c2ac3 .elementor-icon{font-size:140px;}.elementor-7 .elementor-element.elementor-element-14c2ac3 .elementor-icon svg{height:140px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-5aa8fb8{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-e4e9a93{--content-width:1408px;}.elementor-7 .elementor-element.elementor-element-cc58609{--width:100%;}.elementor-7 .elementor-element.elementor-element-cb5bb0f{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-a4c0ce5{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-24884dd{--content-width:1440px;}}/* Start custom CSS for container, class: .elementor-element-5aa8fb8 *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-7 .elementor-element.elementor-element-5aa8fb8 .elementor-widget, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-5aa8fb8 .elementor-widget, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-title, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-subtitle, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-btn, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget, .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(1), .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(2), .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(3), .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(4), .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-7 .elementor-element.elementor-element-5aa8fb8.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-7 .elementor-element.elementor-element-5aa8fb8 .elementor-widget, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-5aa8fb8 .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cb5bb0f *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-7 .elementor-element.elementor-element-cb5bb0f .elementor-widget, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-cb5bb0f .elementor-widget, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-title, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-subtitle, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-btn, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget, .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(1), .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(2), .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(3), .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(4), .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-7 .elementor-element.elementor-element-cb5bb0f.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-7 .elementor-element.elementor-element-cb5bb0f .elementor-widget, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-cb5bb0f .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35e3db2 *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-7 .elementor-element.elementor-element-35e3db2 .elementor-widget, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-35e3db2 .elementor-widget, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-title, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-subtitle, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-btn, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget, .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(1), .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(2), .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(3), .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(4), .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-7 .elementor-element.elementor-element-35e3db2.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-7 .elementor-element.elementor-element-35e3db2 .elementor-widget, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-35e3db2 .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24884dd *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-7 .elementor-element.elementor-element-24884dd .elementor-widget, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-24884dd .elementor-widget, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-title, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-subtitle, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-btn, body.elementor-editor-active .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget, .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(1), .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(2), .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(3), .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(4), .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-7 .elementor-element.elementor-element-24884dd.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-7 .elementor-element.elementor-element-24884dd .elementor-widget, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-title, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-subtitle, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-btn, .elementor-7 .elementor-element.elementor-element-24884dd .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Mona Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://cozyhouseforever.com/wp-content/uploads/2026/05/Mona-Sans-Regular.ttf') format('truetype'); } @font-face { font-family: 'Mona Sans'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://cozyhouseforever.com/wp-content/uploads/2026/05/Mona-Sans-Bold.ttf') format('truetype'); } @font-face { font-family: 'Mona Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://cozyhouseforever.com/wp-content/uploads/2026/05/Mona-Sans-SemiBold.ttf') format('truetype'); } /* End Custom Fonts CSS */