.elementor-kit-559{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Open Sans", Sans-serif;}.elementor-kit-559 e-page-transition{background-color:#FFBC7D;}.elementor-kit-559 h1{font-family:"Nunito Sans", Sans-serif;}.elementor-kit-559 h2{font-family:"Nunito Sans", Sans-serif;}.elementor-kit-559 h3{font-family:"Nunito Sans", Sans-serif;}.elementor-kit-559 h4{font-family:"Nunito Sans", Sans-serif;}.elementor-kit-559 h5{font-family:"Nunito Sans", Sans-serif;}.elementor-kit-559 h6{font-family:"Nunito Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. VAIN TIETOKONEELLE: Pakotetaan ylin container kattoon (Pidetään ennallaan) */
@media (min-width: 1025px) {
    .elementor-location-header > .elementor-element:first-child {
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: transparent !important;
    }
}

/* 2. MOBIILIVERSIO: ÄLYKÄS HYBRIDI-LOGIIKKA */
@media (max-width: 1024px) {
    /* Kohdistetaan mobiili-containeriin (toinen container) */
    .elementor-location-header > .elementor-element:nth-child(2) {
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        z-index: 9999 !important;
        transition: all 0.3s ease-in-out !important; /* Pehmeä siirtymä, kun valikko ilmestyy */
    }

    /* MUUT SIVUT (Esim. tarjouskori, kassa, tuotteet): Valikko on alussa piilossa */
    body:not(.home) .elementor-location-header > .elementor-element:nth-child(2):not(.elementor-sticky--effects) {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(-100%) !important; /* Työntää valikon piiloon yläreunan yli */
    }

    /* KAIKKI SIVUT (Kun skrollataan alaspäin): Valikko liukuu nätisti esiin mustalla taustalla */
    .elementor-location-header > .elementor-element:nth-child(2).elementor-sticky--effects {
        position: fixed !important;
        background-color: #000000 !important; /* Tyylikäs musta pohja */
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }

    /* ETUSIVU ALUSSA: Pidetään heti näkyvissä ja läpinäkyvänä kuvan päällä */
    .home .elementor-location-header > .elementor-element:nth-child(2):not(.elementor-sticky--effects) {
        background-color: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}/* End custom CSS */