.elementor-479 .elementor-element.elementor-element-8bd584f{--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-479 .elementor-element.elementor-element-14f9860{--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-479 .elementor-element.elementor-element-14f9860::before, .elementor-479 .elementor-element.elementor-element-14f9860 > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-14f9860 > .e-con-inner > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-14f9860 > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-14f9860 > .e-con-inner > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-14f9860 > .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-479 .elementor-element.elementor-element-136a263 > .elementor-widget-container{margin:0px 0px -6px 0px;}.elementor-479 .elementor-element.elementor-element-32061e7{--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-479 .elementor-element.elementor-element-3b511c4{--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-479 .elementor-element.elementor-element-3b511c4::before, .elementor-479 .elementor-element.elementor-element-3b511c4 > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-3b511c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-3b511c4 > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-3b511c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-3b511c4 > .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-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-f0179f4 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-f0179f4{left:63%;--hotspot-translate-x:63%;top:32%;--hotspot-translate-y:32%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-6c9996e .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-6c9996e{left:59%;--hotspot-translate-x:59%;top:40%;--hotspot-translate-y:40%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-fa1183c .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-fa1183c{left:68%;--hotspot-translate-x:68%;top:10%;--hotspot-translate-y:10%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-13641f6 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-13641f6{left:60%;--hotspot-translate-x:60%;top:48%;--hotspot-translate-y:48%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-0e918fe .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-0e918fe{left:58%;--hotspot-translate-x:58%;top:56%;--hotspot-translate-y:56%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-aefa6b0 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-aefa6b0{left:48%;--hotspot-translate-x:48%;top:67%;--hotspot-translate-y:67%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-b9b0d0b{left:46%;--hotspot-translate-x:46%;top:75%;--hotspot-translate-y:75%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-d2b33cd .e-hotspot--tooltip-position{right:initial;bottom:initial;left:calc(100% + 5px );top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-d2b33cd{left:43%;--hotspot-translate-x:43%;top:92%;--hotspot-translate-y:92%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-59dea94 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-59dea94{left:32%;--hotspot-translate-x:32%;top:59%;--hotspot-translate-y:59%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-c206296{left:46%;--hotspot-translate-x:46%;top:48%;--hotspot-translate-y:48%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-3e76800 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-3e76800{left:24%;--hotspot-translate-x:24%;top:43%;--hotspot-translate-y:43%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-459d7f3 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-459d7f3{left:35%;--hotspot-translate-x:35%;top:39%;--hotspot-translate-y:39%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-09ad6cf .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-479 .elementor-element.elementor-element-74dfec0 .elementor-repeater-item-09ad6cf{left:38%;--hotspot-translate-x:38%;top:14%;--hotspot-translate-y:14%;}.elementor-479 .elementor-element.elementor-element-74dfec0 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-479 .elementor-element.elementor-element-74dfec0{--background-align:center;--container-width:900px;--image-width:100%;--hotspot-color:#FFFFFF3B;--hotspot-size:14px;--hotspot-box-color:#B0B0AD;--tooltip-padding:10px 20px 10px 20px;--tooltip-color:#B0B0AD;--tooltip-border-radius:30px 30px 30px 30px;}.elementor-479 .elementor-element.elementor-element-74dfec0 .e-hotspot__tooltip{font-family:"Raleway", Sans-serif;font-size:19px;font-weight:600;}.elementor-479 .elementor-element.elementor-element-6b7aace{--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-479 .elementor-element.elementor-element-398d58b{--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;--align-items:flex-end;--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-479 .elementor-element.elementor-element-398d58b::before, .elementor-479 .elementor-element.elementor-element-398d58b > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-398d58b > .e-con-inner > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-398d58b > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-398d58b > .e-con-inner > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-398d58b > .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-479 .elementor-element.elementor-element-763f95f{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-479 .elementor-element.elementor-element-763f95f.e-con{--flex-grow:0;--flex-shrink:0;}.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-479 .elementor-element.elementor-element-cb07251 .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-479 .elementor-element.elementor-element-02e16c8{color:var( --e-global-color-primary );}.elementor-479 .elementor-element.elementor-element-ee580bc > .elementor-widget-container{margin:0px 0px -56px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-479 .elementor-element.elementor-element-763f95f{--width:45.976%;}}@media(max-width:1024px){.elementor-479 .elementor-element.elementor-element-74dfec0 img{width:600px;}}@media(max-width:767px){.elementor-479 .elementor-element.elementor-element-74dfec0 img{width:600px;}.elementor-479 .elementor-element.elementor-element-74dfec0{--hotspot-size:8px;}}/* Start custom CSS for html, class: .elementor-element-136a263 *//* Obrázok modelky zarovnaný vľavo */
.body-image {
    width: 58vw; /* 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 */
/* Vypadávanie vlasov */
.text-1 { top: 2%; left: 81%; }
.line-1 { top: 8.5%; left: 68%; width: 15%; }

/* Vrásky */
.text-2 { top: 27%; left: 94.5%; }
.line-2 { top: 33%; left: 62%; width: 34%; }

/* Rosacea */
.text-3 { top: 42.5%; left: 79.5%; }
.line-3 { top: 49%; left: 59%; width: 22%; }

/* Akné */
.text-4 { top: 52%; left: 88%; }
.line-4 { top: 58%; left: 58%; width: 32%; }

/* Výplň pier */
.text-5 { top: 59%; left: 79%; }
.line-5 { top: 65%; left: 50%; width: 31%; }

/* Exzém */
.text-6 { top: 81.5%; left: -17%; }
.line-6 { top: 88%; left: 0%; width: 39%; }

/* Nos */
.text-7 { top: 45%; left: -12%; }
.line-7 { top: 51%; left: 17%; width: 29%; }

/* Ušné dierky */
.text-8 { top: 39.5%; left: -25%; }
.line-8 { top: 46%; left: 0%; width: 25%; }

/* Kruhy pod očami */
.text-9 { top: 31.5%; left: -20%; }
.line-9 { top: 38%; left: 13%; width: 22%; }
/* Jayvz */
.text-10 { top: 11.5%; left: -15%; }
.line-10 { top: 18%; left: 0%; width: 34%; }
/* Brada */
.text-11 { top: 68%; left: -38%; }
.line-11 { top: 74.5%; left: 15%; width: 31%; }
/* Cievky */
.text-12 { top: 51%; left: -48%; }
.line-12 { top: 58%; left: 0%; width: 31%; }

/* Znamienka, výrastky, mílie */
.text-13 { top: 34%; left: 79.5%; }
.line-13 { top: 40%; left: 59%; width: 22%; }

/* 📌 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-74dfec0 */.e-hotspot__outer-circle{
    border:1px solid #fff;
}

.e-hotspot__inner-circle{
    background-color:transparent!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee580bc *//* Obrázok modelky zarovnaný vľavo */
.body-image {
    width: 35vw; /* 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 */
/* Vypadávanie vlasov */
.text-1 { top: 3%; left: 77%; }
.line-1 { top: 10%; left: 64%; width: 15%; }

/* Vrásky */
.text-2 { top: 19%; left: 87.5%; }
.line-2 { top: 26%; left: 40%; width: 50%; }

/* Rosacea */
.text-3 { top: 38.5%; left: 79.5%; }
.line-3 { top: 45%; left: 50%; width: 32%; }

/* Akné */
.text-4 { top: 48%; left: 100%; }
.line-4 { top: 54%; left: 47%; width: 55%; }

/* Výplň pier */
.text-5 { top: 55%; left: 79%; }
.line-5 { top: 61%; left: 36%; width: 45%; }

/* 📌 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 */