.elementor-568 .elementor-element.elementor-element-9241f74{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-568 .elementor-element.elementor-element-f9d3f7b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--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-568 .elementor-element.elementor-element-eccf58e{text-align:center;}.elementor-568 .elementor-element.elementor-element-eccf58e .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:56px;font-weight:700;}.elementor-568 .elementor-element.elementor-element-a93a38a{width:var( --container-widget-width, 726px );max-width:726px;--container-widget-width:726px;--container-widget-flex-grow:0;text-align:start;}.elementor-568 .elementor-element.elementor-element-a93a38a .elementor-heading-title{font-family:"Mona Sans", Sans-serif;font-size:16px;font-weight:400;}@media(min-width:768px){.elementor-568 .elementor-element.elementor-element-9241f74{--content-width:1440px;}.elementor-568 .elementor-element.elementor-element-f9d3f7b{--width:66%;}}/* Start custom CSS for container, class: .elementor-element-9241f74 *//* 1. Створюємо саму анімацію (випливання знизу) */
@keyframes cozyCascadeUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 2. Застосовуємо до всіх стандартних віджетів та твоїх кастомних класів */
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget,
.elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-title,
.elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-subtitle,
.elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-btn,
.elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-slider-area {
    opacity: 0; /* Ховаємо елементи на старті */
    animation: cozyCascadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* 3. Створюємо каскад (Stagger effect) за допомогою CSS-затримок */
/* Кожен наступний елемент з'являтиметься на 0.15 секунд пізніше */
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(1), .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-title       { animation-delay: 0.1s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(2), .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-subtitle    { animation-delay: 0.25s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(3), .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-btn         { animation-delay: 0.4s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(4), .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-slider-area { animation-delay: 0.55s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(5)  { animation-delay: 0.7s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(6)  { animation-delay: 0.85s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(7)  { animation-delay: 1.0s; }
.elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget:nth-child(8)  { animation-delay: 1.15s; }

/* 4. Хороший тон: вимикаємо анімацію для людей з ввімкненим "Зменшенням руху" в системі */
@media (prefers-reduced-motion: reduce) {
    .elementor-568 .elementor-element.elementor-element-9241f74 .elementor-widget,
    .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-title,
    .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-subtitle,
    .elementor-568 .elementor-element.elementor-element-9241f74 .cozy-hero-btn,
    .elementor-568 .elementor-element.elementor-element-9241f74 .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 */