.elementor-307 .elementor-element.elementor-element-5a85e3d{--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;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-307 .elementor-element.elementor-element-49223eb{--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;--overlay-opacity:1;--overlay-mix-blend-mode:darken;--border-radius:40px 40px 40px 40px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-307 .elementor-element.elementor-element-49223eb::before, .elementor-307 .elementor-element.elementor-element-49223eb > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-49223eb > .e-con-inner > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-49223eb > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-49223eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-49223eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://skinpoint.sk/wp-content/uploads/2025/02/landing-bg.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-307 .elementor-element.elementor-element-9d7ecc4{--display:flex;--justify-content:center;--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-307 .elementor-element.elementor-element-efa3f53 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:90px;font-weight:600;}.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-307 .elementor-element.elementor-element-950c67f{color:var( --e-global-color-primary );}.elementor-307 .elementor-element.elementor-element-c3af233{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-307 .elementor-element.elementor-element-729c650{--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;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-307 .elementor-element.elementor-element-b876664{--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:center;--overlay-opacity:1;--overlay-mix-blend-mode:darken;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-307 .elementor-element.elementor-element-b876664::before, .elementor-307 .elementor-element.elementor-element-b876664 > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-b876664 > .e-con-inner > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-b876664 > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-b876664 > .e-con-inner > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-b876664 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://skinpoint.sk/wp-content/uploads/2025/02/landing-bg.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-307 .elementor-element.elementor-element-8e98597 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-307 .elementor-element.elementor-element-393166a{--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;--margin-top:10px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-307 .elementor-element.elementor-element-199805a{--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:center;--overlay-opacity:1;--overlay-mix-blend-mode:darken;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-307 .elementor-element.elementor-element-199805a::before, .elementor-307 .elementor-element.elementor-element-199805a > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-199805a > .e-con-inner > .elementor-background-video-container::before, .elementor-307 .elementor-element.elementor-element-199805a > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-199805a > .e-con-inner > .elementor-background-slideshow::before, .elementor-307 .elementor-element.elementor-element-199805a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://skinpoint.sk/wp-content/uploads/2025/02/landing-bg.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-widget-hotspot .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-widget-hotspot{--hotspot-color:var( --e-global-color-primary );--hotspot-box-color:var( --e-global-color-secondary );--tooltip-color:var( --e-global-color-secondary );}.elementor-widget-hotspot .e-hotspot__label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hotspot .e-hotspot__tooltip{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-f0179f4 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-f0179f4{left:65%;--hotspot-translate-x:65%;top:10%;--hotspot-translate-y:10%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-6c9996e .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-6c9996e{left:60%;--hotspot-translate-x:60%;top:26%;--hotspot-translate-y:26%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-fa1183c .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-fa1183c{left:25%;--hotspot-translate-x:25%;top:44%;--hotspot-translate-y:44%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-13641f6 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-13641f6{left:51%;--hotspot-translate-x:51%;top:44%;--hotspot-translate-y:44%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-254d228 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-254d228{left:68%;--hotspot-translate-x:68%;top:54%;--hotspot-translate-y:54%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-34a2f33 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-34a2f33{left:65%;--hotspot-translate-x:65%;top:59%;--hotspot-translate-y:59%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-5eaa7e0 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-5eaa7e0{left:27%;--hotspot-translate-x:27%;top:62%;--hotspot-translate-y:62%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-44c23ef .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-44c23ef{left:25%;--hotspot-translate-x:25%;top:69%;--hotspot-translate-y:69%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-ee280f3 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-ee280f3{left:35%;--hotspot-translate-x:35%;top:81%;--hotspot-translate-y:81%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-ba25881 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-ba25881{left:8%;--hotspot-translate-x:8%;top:98%;--hotspot-translate-y:98%;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-2d59dc3 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-307 .elementor-element.elementor-element-999b055 .elementor-repeater-item-2d59dc3{left:65%;--hotspot-translate-x:65%;top:95%;--hotspot-translate-y:95%;}.elementor-307 .elementor-element.elementor-element-999b055 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-307 .elementor-element.elementor-element-999b055{--background-align:center;--container-width:58%;--image-width:100%;--hotspot-color:#FFFFFF3B;--hotspot-size:14px;--tooltip-padding:10px 20px 10px 20px;--tooltip-color:#B0B0AD;--tooltip-border-radius:30px 30px 30px 30px;}.elementor-307 .elementor-element.elementor-element-999b055 .e-hotspot__tooltip{font-family:"Raleway", Sans-serif;font-size:19px;font-weight:600;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-307 .elementor-element.elementor-element-999b055 img{width:109px;}}@media(max-width:767px){.elementor-307 .elementor-element.elementor-element-999b055 img{width:109px;}.elementor-307 .elementor-element.elementor-element-999b055{--hotspot-size:8px;}}/* Start custom CSS for html, class: .elementor-element-e92c2eb *//* Obrázok modelky zarovnaný vľavo */
.body-image {
    width: 9vw; /* Dynamická veľkosť */
    max-width: 300px;
    height: auto;
}

/* Štýl textov */
.text-item {
    position: absolute;
    font-size: 20px;
    color: #092800;
    font-weight: 400;
    white-space: nowrap;
    padding: 10px 20px; /* Pridanie priestoru okolo textu */
    border-radius: 10px; /* Jemné zaoblenie pre lepší vizuál */
    cursor: pointer; /* Zmena kurzora pri najazdení */
    transition-duration:.3s;
}

/* Štýl čiar */
.custom-line {
    position: absolute;
    height: 2px;
    background-color: #092800; /* Zelená farba čiary */
    transition: background-color 0.3s ease-in-out;
}

/* Pridanie guličky na ľavú stranu každej čiary */
.custom-line::before {
    content: "";
    position: absolute;
    width: 10px; /* Veľkosť guličky */
    height: 10px;
    background-color: #092800;
    border-radius: 50%; /* Urobí kruh */
    left: -5px; /* Posunutie presne na začiatok čiary */
    top: 50%;
    transform: translateY(-50%);
    transition-duration:.3s;
}

/* Efekt hover – zmena farby */
.text-item:hover {
    color: #d49a6a;
}

.text-item:hover + .custom-line, .text-item:hover +.custom-line::before {
    background-color: #d49a6a;
}

/* 📍 Poloha textov a čiar na základe tela */
/* Kožné výrastky */
.text-1 { top: 10.5%; left: 40%; }
.line-1 { top: 15%; left: 12%; width: 30%; }

/* Celulitída */
.text-2 { top: 51%; left: 34.5%; }
.line-2 { top: 55.6%; left: 17%; width: 20%; }

/* Ochlpenie */
.text-3 { top: 61%; left: 44.5%; }
.line-3 { top: 66%; left: 15%; width: 32%; }

/* Cievky */
.text-4 { top: 73%; left: 32.5%; }
.line-4 { top: 78%; left: 15%; width: 20%; }

/* Zarastajúce nechty */
.text-5 { top: 91%; left: 33%; }
.line-5 { top: 96%; left: 15%; width: 20%; }

/* 📌 RESPONSÍVNE ÚPRAVY PRE MOBILNÉ ZARIADENIA */
@media (max-width: 768px) {
    .body-container {
        flex-direction: column;
        align-items: center;
    }

    .body-image {
        width: 45vw; /* Väčší obrázok na mobile */
        padding-right:60px;
    }

    .text-item {
        font-size: 4vw; /* Väčší text na mobile */
        left: 20% !important;
        transform: translateX(-50%);
        text-align: center;
    }
}


.tooltip-text {
    display: none;
    position: absolute;
    top: 100%; /* pod text */
    left: 0;
    background-color: #f5f5f5;
    color: #092800;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Zobrazenie pri hover */
.text-item:hover .tooltip-text {
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e98597 *//* Obrázok modelky zarovnaný vľavo */
.body-image {
    width: 12vw; /* Dynamická veľkosť */
    max-width: 300px;
    height: auto;
}

/* Štýl textov */
.text-item {
    position: absolute;
    font-size: 20px;
    color: #d49a6a;
    font-weight: 400;
    white-space: nowrap;
    padding: 10px 20px; /* Pridanie priestoru okolo textu */
    border-radius: 10px; /* Jemné zaoblenie pre lepší vizuál */
    cursor: pointer; /* Zmena kurzora pri najazdení */
    transition-duration:.3s;
}

/* Štýl čiar */
.custom-line {
    position: absolute;
    height: 2px;
    background-color: #d49a6a; /* Zelená farba čiary */
    transition: background-color 0.3s ease-in-out;
}


/* Pridanie guličky na ľavú stranu každej čiary */
.custom-line::before {
    content: "";
    position: absolute;
    width: 10px; /* Veľkosť guličky */
    height: 10px;
    background-color: #d49a6a;
    border-radius: 50%; /* Urobí kruh */
    left: -5px; /* Posunutie presne na začiatok čiary */
    top: 50%;
    transform: translateY(-50%);
    transition-duration:.3s;
}

/* Efekt hover – zmena farby */
.text-item:hover {
    color: #092800;
}

.text-item:hover + .custom-line, .text-item:hover +.custom-line::before {
    background-color: #092800;
}

/* 📍 Poloha textov a čiar na základe tela */
/* Nechty */
.text-14 { top: 92.5%; left: -98%; }
.line-14 { top: 96%; left: -32%; width: 45%; }

/* Potenie */
.text-15 { top: 24.5%; left: -98%; }
.line-15 { top: 28%; left: -32%; width: 87%; }

/* Celulitída */
.text-16 { top: 50.5%; left: 150%; }
.line-16 { top: 54%; left: 64%; width: 87%; }

/* Strie */
.text-17 { top: 55.5%; left: 150%; }
.line-17 { top: 59%; left: 63%; width: 80%; }

/* Strie */
.text-18 { top: 65.5%; left: 90%; }
.line-18 { top: 69%; left: 20%; width: 80%; }

/* Jazvy */
.text-19 { top: 42%; left: -90%; }
.line-19 { top: 46%; left: -30%; width: 60%; }

/* Tetovanie */
.text-20 { top: 57.5%; left: -135%; }
.line-20 { top: 61%; left: -50%; width: 80%; }

/* Exzém */
.text-21 { top: 8.5%; left: 100%; }
.line-21 { top: 12%; left: 66%; width: 40%; }

/* Kožné výrastky*/
.text-22 { top: 42%; left: 100%; }
.line-22 { top: 44%; left: 54%; width: 40%; }

/* Cievky, pigmenty */
.text-23 { top: 76.5%; left: 83%; }
.line-23 { top: 80%; left: 48%; width: 40%; }
/* 📌 RESPONSÍVNE ÚPRAVY PRE MOBILNÉ ZARIADENIA */
@media (max-width: 768px) {
    .body-container {
        flex-direction: column;
        align-items: center;
    }

    .body-image {
        width: 45vw; /* Väčší obrázok na mobile */
        padding-right:60px;
    }

    .text-item {
        font-size: 4vw; /* Väčší text na mobile */
        left: 20% !important;
        transform: translateX(-50%);
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for hotspot, class: .elementor-element-999b055 */.e-hotspot__outer-circle{
    border:1px solid #fff;
}

.e-hotspot__inner-circle{
    background-color:transparent!important;
}/* End custom CSS */