.elementor-476 .elementor-element.elementor-element-e36bb37{--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:12px;--padding-right:12px;}.elementor-476 .elementor-element.elementor-element-300dcbf{--display:flex;--min-height:720px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-300dcbf:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-300dcbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cozyhouseforever.com/wp-content/uploads/2026/05/26753e19b73eb3ba360ba0a938fea0adc93a08bb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-476 .elementor-element.elementor-element-300dcbf::before, .elementor-476 .elementor-element.elementor-element-300dcbf > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-300dcbf > .e-con-inner > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-300dcbf > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-300dcbf > .e-con-inner > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-300dcbf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000004D;--background-overlay:'';}.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-476 .elementor-element.elementor-element-58c7f24{width:var( --container-widget-width, 1400px );max-width:1400px;--container-widget-width:1400px;--container-widget-flex-grow:0;text-align:center;}.elementor-476 .elementor-element.elementor-element-58c7f24 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:56px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-476 .elementor-element.elementor-element-58449f5{--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-476 .elementor-element.elementor-element-aa88f02{--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:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-d9b696e{width:var( --container-widget-width, 1120px );max-width:1120px;--container-widget-width:1120px;--container-widget-flex-grow:0;text-align:center;}.elementor-476 .elementor-element.elementor-element-d9b696e > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-476 .elementor-element.elementor-element-d9b696e .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:22px;font-weight:600;line-height:1.1em;}.elementor-476 .elementor-element.elementor-element-21a546e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:12px;}.elementor-476 .elementor-element.elementor-element-82fde8c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-476 .elementor-element.elementor-element-8300b0a img{width:98%;}.elementor-476 .elementor-element.elementor-element-722684a img{width:98%;}.elementor-476 .elementor-element.elementor-element-276e329{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-476 .elementor-element.elementor-element-276e329:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-276e329 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBCAB2CC;}.elementor-476 .elementor-element.elementor-element-dbe7672{--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:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-eee7b69{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-b91a1de .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:22px;font-weight:600;}.elementor-476 .elementor-element.elementor-element-9395ed5 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;}.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-476 .elementor-element.elementor-element-7bdffc7 .elementor-icon-wrapper{text-align:center;}.elementor-476 .elementor-element.elementor-element-7bdffc7 .elementor-icon{font-size:18px;border-width:1px 1px 1px 1px;}.elementor-476 .elementor-element.elementor-element-7bdffc7 .elementor-icon svg{height:18px;}.elementor-476 .elementor-element.elementor-element-38e748b .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-476 .elementor-element.elementor-element-7c2e355{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-64cb265{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-476 .elementor-element.elementor-element-830d42a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9A8066;--border-color:#9A8066;--border-radius:24px 24px 24px 24px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-476 .elementor-element.elementor-element-830d42a:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-830d42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBCAB233;}.elementor-476 .elementor-element.elementor-element-a8d4cac{width:var( --container-widget-width, 699px );max-width:699px;--container-widget-width:699px;--container-widget-flex-grow:0;}.elementor-476 .elementor-element.elementor-element-a8d4cac .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.3em;color:#000000;}.elementor-476 .elementor-element.elementor-element-b4b88d9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9A8066;--border-color:#9A8066;--border-radius:24px 24px 24px 24px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-476 .elementor-element.elementor-element-b4b88d9:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-b4b88d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBCAB233;}.elementor-476 .elementor-element.elementor-element-69db61a{width:var( --container-widget-width, 803px );max-width:803px;--container-widget-width:803px;--container-widget-flex-grow:0;}.elementor-476 .elementor-element.elementor-element-69db61a .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.3em;color:#000000;}.elementor-476 .elementor-element.elementor-element-980cbc8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9A8066;--border-color:#9A8066;--border-radius:24px 24px 24px 24px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-476 .elementor-element.elementor-element-980cbc8:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-980cbc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBCAB233;}.elementor-476 .elementor-element.elementor-element-317a4d7{width:var( --container-widget-width, 446px );max-width:446px;--container-widget-width:446px;--container-widget-flex-grow:0;}.elementor-476 .elementor-element.elementor-element-317a4d7 .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.3em;color:#000000;}@media(max-width:767px){.elementor-476 .elementor-element.elementor-element-58c7f24{--container-widget-width:323px;--container-widget-flex-grow:0;width:var( --container-widget-width, 323px );max-width:323px;}.elementor-476 .elementor-element.elementor-element-58c7f24 .elementor-heading-title{font-size:24px;}.elementor-476 .elementor-element.elementor-element-58449f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-aa88f02{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-476 .elementor-element.elementor-element-d9b696e .elementor-heading-title{font-size:16px;}.elementor-476 .elementor-element.elementor-element-21a546e{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-476 .elementor-element.elementor-element-8300b0a img{width:100%;height:260px;}.elementor-476 .elementor-element.elementor-element-722684a img{width:100%;height:260px;}.elementor-476 .elementor-element.elementor-element-276e329{--min-height:250px;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-476 .elementor-element.elementor-element-dbe7672{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-476 .elementor-element.elementor-element-eee7b69{--width:72%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:9px 0px;--row-gap:9px;--column-gap:0px;}.elementor-476 .elementor-element.elementor-element-b91a1de.elementor-element{--align-self:flex-start;}.elementor-476 .elementor-element.elementor-element-9395ed5.elementor-element{--align-self:flex-start;}.elementor-476 .elementor-element.elementor-element-7c2e355{--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-476 .elementor-element.elementor-element-e36bb37{--content-width:1440px;}.elementor-476 .elementor-element.elementor-element-58449f5{--content-width:1440px;}.elementor-476 .elementor-element.elementor-element-aa88f02{--content-width:1440px;}.elementor-476 .elementor-element.elementor-element-82fde8c{--width:70%;}.elementor-476 .elementor-element.elementor-element-276e329{--width:30%;}.elementor-476 .elementor-element.elementor-element-eee7b69{--width:50%;}.elementor-476 .elementor-element.elementor-element-7c2e355{--content-width:1440px;}}/* Start custom CSS for container, class: .elementor-element-e36bb37 *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-476 .elementor-element.elementor-element-e36bb37 .elementor-widget, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-e36bb37 .elementor-widget, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-title, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-subtitle, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-btn, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget, .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(1), .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(2), .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(3), .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(4), .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-476 .elementor-element.elementor-element-e36bb37.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-476 .elementor-element.elementor-element-e36bb37 .elementor-widget, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-e36bb37 .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aa88f02 *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-476 .elementor-element.elementor-element-aa88f02 .elementor-widget, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-aa88f02 .elementor-widget, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-title, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-subtitle, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-btn, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget, .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(1), .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(2), .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(3), .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(4), .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-476 .elementor-element.elementor-element-aa88f02.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-476 .elementor-element.elementor-element-aa88f02 .elementor-widget, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-aa88f02 .cozy-hero-slider-area { opacity: 1 !important; animation: none !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c2e355 *//* 1. Створюємо саму анімацію (випливання знизу) */ @keyframes cozyCascadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 2. Ховаємо елементи на старті */ .elementor-476 .elementor-element.elementor-element-7c2e355 .elementor-widget, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-slider-area { opacity: 0; } /* ФІКС ДЛЯ РЕДАКТОРА: показуємо елементи, поки ти працюєш в Elementor */ body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-7c2e355 .elementor-widget, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-title, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-subtitle, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-btn, body.elementor-editor-active .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-slider-area { opacity: 1; } /* 3. Запускаємо анімацію ТІЛЬКИ коли скрипт додає клас .is-visible */ .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget, .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-slider-area { animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* 4. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */ .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(1), .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-title { animation-delay: 0.1s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(2), .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-subtitle { animation-delay: 0.25s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(3), .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-btn { animation-delay: 0.4s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(4), .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .cozy-hero-slider-area { animation-delay: 0.55s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(5) { animation-delay: 0.7s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(6) { animation-delay: 0.85s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(7) { animation-delay: 1.0s; } .elementor-476 .elementor-element.elementor-element-7c2e355.is-visible .elementor-widget:nth-child(8) { animation-delay: 1.15s; } /* 5. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в ОС */ @media (prefers-reduced-motion: reduce) { .elementor-476 .elementor-element.elementor-element-7c2e355 .elementor-widget, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-title, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-subtitle, .elementor-476 .elementor-element.elementor-element-7c2e355 .cozy-hero-btn, .elementor-476 .elementor-element.elementor-element-7c2e355 .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 */