.elementor-90036 .elementor-element.elementor-element-ddbb953{width:auto;max-width:auto;align-self:flex-end;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:9px;}.elementor-90036 .elementor-element.elementor-element-ddbb953 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .elementor-menu-toggle{margin:0 auto;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-underline .elementor-item:after,
					 .elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-overline .elementor-item:before,
					 .elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-double-line .elementor-item:before,
					 .elementor-90036 .elementor-element.elementor-element-ddbb953 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-90036 .elementor-element.elementor-element-0d93b7e .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-90036 .elementor-element.elementor-element-0d93b7e .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-90036 .elementor-element.elementor-element-0d93b7e{width:auto;max-width:auto;}.elementor-90036 .elementor-element.elementor-element-0d93b7e .jet-ajax-search__results-area{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-90036 .elementor-element.elementor-element-6c4674d:not(.elementor-motion-effects-element-type-background), .elementor-90036 .elementor-element.elementor-element-6c4674d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.amartmed.fi/storage/2026/10/Amartmed-video-ground.png");background-position:top center;background-size:cover;}.elementor-90036 .elementor-element.elementor-element-6c4674d > .elementor-container{min-height:400px;}.elementor-90036 .elementor-element.elementor-element-6c4674d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:150px 0px 0px 0px;}.elementor-90036 .elementor-element.elementor-element-6c4674d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for nav-menu, class: .elementor-element-ddbb953 *//* ==========================================================================
   AMARTMED: PUHDAS JA LUONNOLLINEN REPO-ILME (3.10. FONTTI LUKITTUNA)
   ========================================================================== */

/* 1. YLÄPALKKI: Poistetaan absolute-kellunta, jotta mikään ei mene päällekkäin */
.elementor-nav-menu--main,
.elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* 2. VALIKON MAKEA 3.10. DASHBOARD-FONTTI: Siro, ohut ja elegantti */
.elementor-nav-menu a, 
.elementor-nav-menu--main a {
    font-family: 'Inter', 'Montserrat', sans-serif !important; /* PALAUTETTU SE AITO 3.10. FONTTI */
    font-size: 11px !important;             
    font-weight: 500 !important;             /* KEVYT & ELEGANTTI: Siro ohut kirjasin */
    color: #1a1a1a !important;              /* Arvokas tumma teksti, koska tausta on valkoinen */
    text-transform: uppercase !important;   
    letter-spacing: 3px !important;         /* Se upea, kallis 3.10. ilmarako */
    
    padding-left: 8px !important;          
    padding-right: 8px !important;         
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Valikon hover-efekti teidän viininpunaisella */
.elementor-nav-menu a:hover, 
.elementor-nav-menu--main a:hover {
    opacity: 0.7 !important;
    color: #8c211c !important;
}

/* 3. SIISTI JA MODERNIn KAPEAKSI LUKITTU HAKUKENTTÄ (Omalla rivillään valikon vieressä) */
.elementor-search-form,
.elementor-search-form__input,
.elementor-widget-search-form .elementor-search-form__container,
input[type="search"] {
    max-width: 120px !important;           /* Äärimmäisen kapea ja huomaamaton */
    width: 120px !important;
    height: 28px !important;               /* Matala, ei hypi silmille */
    font-size: 11px !important;
    border: 1px solid #cccccc !important;
    border-radius: 20px !important;         /* Täysin pyöristetty moderni pikkukapseli */
}

/* 4. PUNAINEN PAINIKE: Täydellinen pehmeä B2B-kapseli */
.elementor-button, 
.elementor-widget-button .elementor-button-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    border-radius: 25px !important;        
    padding: 10px 22px !important;
    background-color: #8c211c !important;  /* Teidän aito viininpunainen */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2336360 *//* ==========================================================================
   AMARTMED: LUKITTU JA VALMIS GLOBAALI YLÄRIVI (3.10. DASHBOARD-FONTTI)
   ========================================================================== */

/* 1. PAKOTETAAN ELEMENTIT TISMALLEEN SAMALLE RIVILLE (KAIKKI SIVUSTON OSIOT) */
.elementor-widget-nav-menu,
.elementor-widget-search,
.elementor-widget-search-form,
.elementor-search-form,
header .elementor-widget,
.elementor-widget-container {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Tehdään koko yläpalkin emo-osasta vakaa ja joustava suora pötkö */
.elementor-section:first-child,
.elementor-container:first-child,
header .elementor-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important; /* Työntää haun automaattisesti aivan oikeaan reunaan */
}

.elementor-nav-menu--main,
.elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* 2. VALIKON AITO 3.10. DASHBOARD-FONTTI: Siro, ohut ja ryhdikäs Montserrat/Inter */
.elementor-nav-menu a, 
.elementor-nav-menu--main a {
    font-family: 'Inter', 'Montserrat', sans-serif !important; /* AITO LAUANTAIN 3.10. FONTTI */
    font-size: 10px !important;             
    font-weight: 500 !important;             /* KEVYT & SIRO: Se ohut brändipaino */
    color: #1a1a1a !important;              /* Arvokas tumma B2B-musta */
    text-transform: uppercase !important;   
    letter-spacing: 2.5px !important;       /* Se kallis 3.10. ilmarako kirjaimiin */
    
    padding-left: 6px !important;          
    padding-right: 6px !important;         
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 1px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Valikon hover-efekti viininpunaisella */
.elementor-nav-menu a:hover, 
.elementor-nav-menu--main a:hover {
    opacity: 0.7 !important;
    color: #8c211c !important;
}

/* 3. LUKITAAN SE PRO-HAKUKENTTÄ SIROKSI VALIKON PERÄÄN OIKEAAN LAITAAN */
.elementor-search-form,
.elementor-search-form__input,
input[type="search"],
.elementor-search-form__container {
    max-width: 120px !important;           /* Kavennettu, siisti ja siro kapseli */
    width: 120px !important;
    height: 30px !important;               /* Matala korkeus, joka istuu linjaan */
    font-size: 11px !important;
    border-radius: 20px !important;         /* Täysin pyöristetty moderni pikkukapseli */
    margin-left: 15px !important;          /* Selkeä hajurako TUOTEPORTFOLIO-sanan jälkeen */
}

/* ==========================================================================
   AMARTMED: HAKUPALKIN TÄYDELLINEN IRROTUS JA KOON KORJAUS (VIIMEISTELY)
   ========================================================================== */

/* 1. IRROTETAAN HAKU VALIKOSTA: Pakotetaan se omaksi suoraksi pikkulaatikokseen */
.elementor-90036 .elementor-element.elementor-element-2336360 .elementor-search-form,
.elementor-search-form,
.elementor-search-form__container {
    display: flex !important;
    align-items: center !important;
    
    /* RATKAISEVA KORJAUS: Pakotetaan oikea leveys pikseleinä suoraan koodista */
    width: 180px !important;
    max-width: 180px !important;
    height: 32px !important;               /* Matala, siisti B2B-korkeus */
    
    margin-left: 25px !important;          /* Kaunis hajurako TUOTEPORTFOLIO-sanan perään */
    position: relative !important;
}

/* 2. TEHDÄÄN HAKUKENTÄSTÄ TÄYDELLISEN SUORA JA PYÖREÄ KAPSELI */
.elementor-90036 .elementor-element.elementor-element-2336360 .elementor-search-form__input,
input[type="search"] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: #1a1a1a !important;
    border: 1px solid #cccccc !important;
    border-radius: 20px !important;         /* Täydellinen pehmeä brändipyöristys */
    padding-left: 12px !important;
    padding-right: 32px !important;        /* Turvaväli ikonille */
    height: 100% !important;
    width: 100% !important;
}

/* 3. SIISTITÄÄN RUMA TEKSTI JA JÄTETÄÄN VAIN HARMAA SUURENNUSLASI OIKKEEEN LAITAAN */
.elementor-90036 .elementor-element.elementor-element-2336360 .elementor-search-form__submit,
button[type="submit"] {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 22px !important;
    width: 22px !important;
    background: transparent !important;
    border: none !important;
    font-size: 0 !important;               /* Pyyhkii "SEARCH"-tekstin kokonaan pois */
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-90036 .elementor-element.elementor-element-2336360 .elementor-search-form__submit i,
button[type="submit"]::before {
    font-size: 11px !important;
    color: #666666 !important;             /* Siisti, sivistynyt harmaa suurennuslasi */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6c4674d *//* ==========================================================================
   AMARTMED LOPULLINEN: 3.10. DASHBOARD-YLÄPALKKI & LUKITTU 16:9 BOXED-KUVA
   ========================================================================== */

/* 1. YLÄPALKKI: Kuvan yläpuolella omalla puhtaalla tasollaan */
.elementor-theme-builder-header,
.elementor-section:first-child,
header {
    position: relative !important;        
    background: #ffffff !important;        
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eaeaea !important; 
    z-index: 10 !important;
}

/* Varmistetaan, että valikko ja haku pysyvät yhdellä suoralla rivillä */
.elementor-nav-menu--main,
.elementor-nav-menu,
.elementor-widget-nav-menu .elementor-widget-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    align-items: center !important;
}

/* 2. VALIKKO: SE AITO LAUANTAIN 3.10. ELEGANTTI JA OHUT FONTTILINJA */
.elementor-nav-menu a, 
.elementor-nav-menu--main a {
    font-family: 'Inter', 'Montserrat', sans-serif !important; 
    font-size: 10.5px !important;             
    font-weight: 500 !important;             /* KEVYT & SIRO: Ohut hienostunut brändipaino */
    color: #1a1a1a !important;              /* Arvokas syvä B2B-musta valkoisella pohjalla */
    text-transform: uppercase !important;   
    letter-spacing: 3px !important;         /* TÄMÄ ON SE RATKAISEVA: Kallis 3.10. ilmarako */
    
    padding-left: 9px !important;          
    padding-right: 9px !important;         
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin: 0 1px !important;
    transition: opacity 0.2s ease-in-out !important;
}

.elementor-nav-menu a:hover, 
.elementor-nav-menu--main a:hover {
    opacity: 0.7 !important;
    color: #8c211c !important;              /* Teidän oma viininpunainen hoverina */
}

/* 3. HAKUPALKKI: TÄYDELLISESTI VALIKON TYÝLIIN JA KOKOON SOINTUVA KAPSELI */
.elementor-search-form,
.elementor-search-form__container {
    max-width: 130px !important;           /* Kavennettu, erittäin siisti pikkulaatikko */
    width: 130px !important;
    height: 28px !important;               /* Matala korkeus, joka istuu suoraan valikon linjaan */
    background: #ffffff !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 20px !important;          /* Siisti väli tuoteportfolion jälkeen */
}

.elementor-search-form__input,
input[type="search"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    border: 1px solid #cccccc !important;
    border-radius: 20px !important;         /* TÄYSI PYÖRISTYS HAKUUN */
    padding-left: 12px !important;
    padding-right: 32px !important;
    height: 100% !important;
    width: 100% !important;
}

/* Poistetaan Elementorin jankkinen SEARCH-teksti ja jätetään siisti ikoni */
.elementor-search-form__submit,
button[type="submit"] {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 22px !important;
    width: 22px !important;
    background: transparent !important;
    border: none !important;
    font-size: 0 !important;               
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-search-form__submit i,
.elementor-search-form__icon i,
button[type="submit"]::before {
    font-size: 11px !important;
    color: #666666 !important;
}

/* --- 4. KUVA-ALUE: TÄYDELLINEN PYÖRISTETTY 16:9 LUKITUS ILMAN TYHJIÄ RAKOJA --- */
.elementor-section.elementor-top-section:not(header *),
.e-con.e-parent:not(header *),
.elementor-element-populated:not(header *) {
    max-width: 1140px !important;         /* Supistaa kuvan tyylikkäästi raameihin */
    margin-left: auto !important;          /* Keskittää koko hoidon näytölle */
    margin-right: auto !important;
    margin-top: 0 !important;              /* LUKITTU: Nousee napakasti ilman mitään tippumisia */
    
    border-radius: 12px !important;        /* Teidän upeat, pehmeät brändikulmat */
    overflow: hidden !important;           /* Pakottaa sisäkuvan tottelemaan pyöristystä */
}/* End custom CSS */