/*
Theme Name: Mediskin
Author: Whosred.sk
Author URI: https://whosred.sk/
Description: Mediskin je na mieru vytvorená responzívna téma pre WordPress, ktorá umožňuje jednoduchú správu obsahu a plnú prispôsobiteľnosť na všetkých zariadeniach.
Version: 1.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
	font-family: 'TWK Everett';
	src: url('/wp-content/themes/mediskin/assets/fonts/TWKEverett-Light-web.ttf') format('truetype');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'TWK Everett';
	src: url('/wp-content/themes/mediskin/assets/fonts/TWKEverett-Regular-web.ttf') format('truetype');
	font-weight: 400; /* Regular */
	font-style: normal;
}

@font-face {
	font-family: 'TWK Everett';
	src: url('/wp-content/themes/mediskin/assets/fonts/TWKEverett-Light-web2.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

:root {
	--mediskin-soft-white: #F2EEE2;
	--mediskin-soft-white-2: #FFFBF1;
	--mediskin-white: #FFF8E5;
	--mediskin-brown: #54433A;

	--mediskin-bcg-dark: #1B2628;
	--mediskin-tyrkys: #8ED2D2;

	/* web 2.0 */
}
body {
	font-family: "TWK Everett", sans-serif;
}
a {
	color: var(--mediskin-blue);
	text-decoration: none !important;
}

a:hover,
button:hover {
	cursor: pointer !important;
}

.mobile-navbar {
    display: none;
}
.desktop-navbar {
    width: 100%;
	padding: 18px 0;
}
h1, h2, h3, h4, h5 {
    font-family: "TWK Everett", sans-serif;
}
.above-title, .blog-post .category {
    font-family: "TWK Everett", sans-serif;
}
p {
    font-family: "TWK Everett", sans-serif;
}
.hero-title {
    font-size: clamp(80px,15vw,200px);
    font-weight: 300;
    line-height: clamp(50px, 15vw, 150px);
    color: white;
	text-align: left;
}

.lower-case {
    text-transform: lowercase;
}

.pre-koho-vhodne .title-pkv,
.pre-koho-nevhodne .title-pkv {
    margin-top: -10px;
}

.priebeh-krok {
	padding: 25px 50px 25px 0;
}

.iqe-hero-logo {
	max-width: 80px;
}

#forminator-module-463.forminator-design--material .forminator-input {
	color: white !important;
}

.grecaptcha-badge {
	visibility: hidden;
	display: none !important;
}

.forminator-row-last {
	margin-top: -5px;
	margin-bottom: 0 !important;
}

h2.subtitle {
	font-family: "TWK Everett", sans-serif;
	font-size: clamp(32px,5vw,70px);
	font-weight: 300;
	line-height: 35px;
	text-align: left;
	color: white;
}

.padtop100 {
	padding-top: 100px;
}

.forminator-consent__label p {
	color: #ffffff;
	font-family: "TWK Everett", sans-serif;
	font-size: 13px !important;
	line-height: 23px !important;
}

#forminator-module-463.forminator-design--material .forminator-input {
	border-color: #ffffff;
}

#forminator-module-463.forminator-design--material .forminator-input {
	color: #ffffff;
}

.forminator-label {
	color: #ffffff;
	font-family: "TWK Everett", sans-serif;
	/* font-size: 13px !important; */
	/* line-height: 23px !important; */
}

.padtop10 {
	padding-top: 10px;
}

.padbottom100 {
	padding-bottom: 100px;
}

section.padbottom200 {
	padding-bottom: 200px;
}


.col-60perc {
    width: 60%;
    padding: 0;
}
.col-40perc {
    width: 40%;
    padding: 0;
}
#uvod_ {
    background: var(--mediskin-black);
}

div#hero-image {
    max-width: 75%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
}
div#hero-image img {
    /* transform: rotate(-4.8deg); */
    margin: auto;
    width: 700px;
}

.padtop0 {
    padding-top: 0;
}
.padtop30 {
     padding-top: 30px;
 }
.padtop45 {
    padding-top: 45px;
}
.padtop60 {
    padding-top: 60px;
}

.padbot50 {
	padding-bottom: 50px;
}

footer.padbot20 {
	padding-bottom: 20px !important;
}

.padbot60 {
	padding-bottom: 60px;
}

.padtop90 {
    padding-top: 90px;
}
.padtop120 {
    padding-top: 120px;
}
.padtop150 {
    padding-top: 150px;
}

.img-desc {
	font-size: clamp(13px,1.1vw,14px);
	line-height: 1.5em;
	margin-top: 10px;
}

.padbottom30 {
    padding-bottom: 30px;
}
.padbottom60 {
    padding-bottom: 60px;
}
.padbottom90 {
    padding-bottom: 90px;
}
.padbottom120 {
    padding-bottom: 120px;
}
.padleft75 {
    padding-left: 75px;
}
.padleft100 {
    padding-left: 100px;
}
.relative {
    position: relative;
}
.uvod {

	display: flex;
	justify-content: flex-start;
	align-items: end;
}

.uvod_:before {
	opacity: 0.25;
}

.pos-rel {
	position: relative;
	z-index: 5;
}

.uvod_:before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.magazin-inner {
	background-color: var(--mediskin-light-grey);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.single-post {
	background-color: var(--mediskin-white);
}

.hero-container {
	margin-left: 30px;
	margin-right: 30px;
}


.max-width-content-1050 {
	max-width: 1050px;
}

.container-padding {
	padding-left: 5%;
}


.faq .container-padding {
	padding-left: 5%;
	padding-right: 5%;
}



*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

iframe {
    aspect-ratio: 16/9;
}

.video-container {
    margin: 2rem;
    max-height: 300px;
}

img {
    display: block;
    max-width: 100%;
	height: auto;
}

main {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

.container {
    position: relative;
   /*  --position: 50%;  */
}

/*
.image-container {
    max-width: 100%;
    --position: 0%;

}
*/

.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.image-before {
    position: absolute;
    width: var(--position);
    background: #fff;

}

.slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    /* for Firefox */
    width: 100%;
    height: 100%;
}

.slider:focus-visible ~ .slider-button {
    outline: 5px solid black;
    outline-offset: 3px;
}

.slider-line {
    position: absolute;
    inset: 0;
    width: 6px;
    height: 100%;
    background-color: var(--mediskin-brown);
     z-index: 10;
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.pad-left-right-0 {
	padding-left: 0;
	padding-right: 0;
}

.slider-button {
    position: absolute;
    background-color: #fff;
    color: var(--mediskin-brown);
    border: 6px solid var(--mediskin-brown);
    border-radius: 50%;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 100;
    width: 50px;
    height: 50px;
    display: flex;
}
.slider-button-img {
    width: 80%;
    margin: auto;
}
.header {
    --heading-color: transparent;
    color: var(--mediskin-white);
    padding: 0;
    transition: all 0.5s;
    z-index: 997;
}
.btn-kontakt {
    color: white;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.25px;
	transition: .2s ease-in;
}



.btn-kontakt:hover a {
	color: white !important;
}

li.menu-item {
	transition: .3s ease-in;
}

input:-internal-autofill-selected {
	background-color: white !important;
}

#forminator-field-email-1_67b3501e34794 {
	background-color: white !important;
}

input.forminator-input {
	padding: 10px !important;
	background-color: white;
}

#forminator-module-463.forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"] {
	color: white !important;
	padding-bottom: 10px;
}

.forminator-loading *,
#forminator-loading * {
	color: white !important;
	font-family: "TWK Everett",sans-serif;
	font-size: 16px;
	font-weight: 300;
}

.forminator-success {
	padding: 30px 0 0px 0 !important;
}

.close-popup-btn.after-form-submission {
	color: white;
	border: 1px solid var(--mediskin-orange);
	background-color: var(--mediskin-bcg-dark);
	border-radius: 50px;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	font-family: "TWK Everett",sans-serif;
	padding: 10px 45px !important;
}

.close-popup-btn.after-form-submission:hover {
	background-color: var(--mediskin-white) !important;
	color: var(--mediskin-black) !important;
	border: 1px solid var(--mediskin-black);
}

.forminator-success p {
	text-align: left;
}


.forminator-success h4 {
	font-size: 20px;
	text-align: left;
	color: white;
	font-weight: 300;
	border: 1px solid var(--mediskin-orange);
	padding: 10px;
	margin-left: -10px;
}

a.read-more {
	transition: .2s ease-in;
}

a.read-more:hover {
	background-color: var(--mediskin-white);
	color: var(--mediskin-black) !important;
	border: 3px solid var(--mediskin-black);
}

a.socials {
	transition: .2s ease-in;
}

a.socials:hover {
	text-decoration: underline;
}

footer .above-title {
	color: white;
	text-transform: none !important;
}

footer .content {
	font-size: clamp(25px,2.5vw, 32px);
	line-height: 1.2em;
	font-weight: 300;
	font-family: "TWK Everett", sans-serif;

}

.showroom-tel a,
#kontaktujte-nas a {
	transition: .1s ease-in;
}

#kontaktujte-nas a:hover {
	color: var(--mediskin-black) !important;
}

.btn-kontakt:hover {
	background-color: var(--mediskin-white);
}

.btn-kontakt:hover a{
	color: var(--mediskin-black) !important;
}

li.menu-item:hover a_ {
	color: var(--mediskin-orange) !important;
}

.header .btn-kontakt {
    order: 2;
    margin: 0 10px 0 0;
    padding: 16px 20px;
    cursor: pointer;
	border: 1px solid var(--mediskin-blue);
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
}
.header .btn-kontakt:hover {
	background: var(--mediskin-white);
	color: var(--mediskin-blue);
}

.home .main-logo img {
	filter: brightness(0) invert(1);
	transition: all .3s ease;
}
.navbar {
	transition: all 1s ease;
	background-color: var(--mediskin-white);
}
.home .navbar {
	background-color: transparent;
}
.single-osetrenia .navbar, .single-akcie .navbar, /*.page-template-about-us .navbar ,*/
.page-template-book .navbar {
	background-color: var(--mediskin-beige);
}
.scrolled .navbar {
	background-color: var(--mediskin-white);
}

.home.scrolled .navbar {
	background-color: var(--mediskin-white);
}
.home.scrolled #main-menu a {
	color: var(--mediskin-blue);
}
.home.scrolled .desktop-navbar .menu-item-has-children > a::after {
	filter: unset;
}
.home.scrolled .desktop-navbar .main-logo img {
	filter: unset;
}

.header .btn-kontakt.language-btn {
	padding: 16px 8px;
	border: 0;
	background: transparent !important;
	color: var(--mediskin-blue);
	margin-right: 0 !important;
}
.home:not(.scrolled) .header .btn-kontakt.language-btn {
	color: var(--mediskin-white);
}

.bg-soft-white-2 {
    background: var(--mediskin-soft-white-2);
}
.bg-white {
    background: var(--mediskin-bcg-dark);
}

.bg-dark {
	background: var(--mediskin-bcg-dark) !important;
}

.bg-dark .headline2,
.bg-dark .content {
	color: white;
}

.bg-brown {
    background: var(--mediskin-brown);
}
.bg-orange {
    background: var(--mediskin-black);
}
.text-soft-white-2 {
    color: var(--mediskin-soft-white-2) !important;
}
.text-white {
    color: var(--mediskin-white) !important;
}
.text-orange {
    color: var(--mediskin-black) !important;
}
.text-brown {
    color: var(--mediskin-brown) !important;
}
.text-black {
    color: var(--mediskin-black) !important;
}
.above-title {
	font-size: clamp(18px,1.4vw,18px);
	font-weight: 600;
	line-height: 1.6em;
    margin: 0;
}

.content-padding {
	padding-top: 50px;
}

.line-bottom {
	width: 100%;
	height: 1px;
	background: var(--mediskin-blue);
	position: relative;
	z-index: 999;
	margin-bottom: 5px;
}

.a-headline {
	text-decoration: none;
}

/* Vertical line (rotates when open) */
.accordion-button::after,
.test::after {
	content: "" !important;
	position: absolute !important;
	right: 1rem !important;
	top: 50% !important;
	width: 16px !important;
	height: 2px !important;
	background-color: var(--mediskin-dark-green);
	transform: translateY(-50%)  !important;
	transition: transform 0.3s ease !important;
	border-radius: 2px;
}
.accordion-button::before {
	content: "" !important;
	position: absolute !important;
	right: 1rem !important;
	top: 50% !important;
	width: 16px !important;
	height: 2px !important;
	background-color: var(--mediskin-dark-green);
	transform: translateY(-50%) rotate(90deg)  !important;
	transition: transform 0.3s ease !important;
	border-radius: 2px;
}

.accordion-button_X::after {
	width: 30px;
	height: 45px;
	background-image: url(/wp-content/uploads/2025/01/icon-chevron-right.svg);
	rotate: 90deg;
	background-size: cover;
	top: 10px;
	position: absolute;
	right: 0;
}

.faq-answer {
	margin-bottom: 0;
}

.padtop80 {
	padding-top: 80px;
}

.accordion-button:not(.collapsed)::before {
	transform: translateY(-50%) rotate(180deg)  !important;
}

.zdrava-stvrt-card {
    border-radius: 40px;
    padding: 90px 78px;
    margin: 0;
    margin-top: 65px;
}
.principy-card {
    padding: 20px 38px 60px;
    width: calc( 33.33% - 33.33px );
}

.principy-card.detail-card {
	padding: 0px;
	width: calc( 50% - 33.33px );
	margin-bottom: -25px;
}

.padbot50 {
	padding-bottom: 50px;
}

.padbot70 {
	padding-bottom: 70px;
}

a.mobile-hero-btn {
	text-decoration: none;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
	letter-spacing: 0.25px;
	color: white;
	font-family: "TWK Everett", sans-serif;
	background: var(--mediskin-bcg-dark);
	padding: 10px 30px;
	border-radius: 50px;
	border: 1px solid #FBAF18;
}

.btn-hero-wrap {
	margin-top: 40px;
}



.padbot130 {
	padding-bottom: 130px;
}

img.mediskin_logo {
	padding-top: 10px;
}

.padbot100 {
	padding-bottom: 100px;
}

.padbot150 {
	padding-bottom: 150px;
}


.colgap50 {
    gap: 50px;
}

.colgap20 {
	gap: 20px;
}

.flex-hor-center {
	justify-content: center;
}

.colgap100 {
    gap: 100px;
}

/* MEET SPOT ADJ */


.of-hidden {
	overflow: hidden;
}

.image-wrapper-single {
	overflow: hidden;
}

.image-wrapper-single.meet-spot-imgs a {
	overflow: hidden;
}

.image-wrapper-single.meet-spot-imgs_ {
   margin-top: 120px;
}

img.transition-hover {
	transition: transform .8s cubic-bezier(.16,.72,.59,.95);
	max-width: 850px;
	margin-bottom: 0 !important;
}

.bcg-test {
	width: 100%;
	height: 100%;
}

img.transition-hover:hover {
	transform: scale(1.07);
}


.blog-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}

.blog-post {
    flex: 0 0 calc((100% - 100px) / 3);
}

.blog-post.alt {
    flex: 0 0 100%;
    display: flex;
    max-width: 990px;
    flex-direction: row;
}
.blog-post.alt .blog-image {
    flex: 0 0 50%;
    margin: 0 20px;
}
.blog-post.alt .content {
    flex: 0 0 50%;
    margin: 0 20px;
}

.blog-post .blog-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.blog-post .content {
    padding-top: 40px;
    text-align: left;
    min-height: 300px;
}

.blog-post .category {
    font-size: 22px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    color: var(--mediskin-black);
}

.padtop40 {
	padding-top: 40px;
}

.blog-post .title,
.blog-post .title a {
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: left;
    color: var(--mediskin-brown);
	font-family: "TWK Everett", sans-serif;
}


.blog-post .read-more {
	display: inline-block;
	padding: 5px 25px;
	background-color: var(--mediskin-black);
	border: 3px solid var(--mediskin-black);
	color: #F2EEE2;
	text-align: center;
	text-decoration: none;
	border-radius: 50px;
	margin-top: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 31px;
	letter-spacing: 0.25px;
	bottom: 0;
	max-width: 155px;
}

.col-authors {
    width: calc(( 100% - 100px ) / 2);

}
.footer {
    color: var(--mediskin-black);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    padding-bottom: 90px;
    position: relative;
}

.cta-contacts.footer-contacts a {
	font-size: 16px;
}

.cta-contacts.footer-contacts {
	display: inline-flex;
	align-content: end;
	flex-wrap: wrap;
	gap: 30px;
	row-gap: 12px;
}
.cta-contacts.footer-contacts.footer-socials {
	gap: 10px;
	justify-content: flex-end;
}

.footer-top {
    place-content: unset;
}
.place-content-unset {
    place-content: unset;
}
#accordionFaq .accordion-item {
    background: transparent;
}
#accordionFaq button.accordion-button,
#accordionFaq .accordion-buttom {
    padding: 25px 50px 25px 0;
}

.third-mobile {
	margin-top: 100% !important;
}

.item.second-mobile {
	margin-top: 70% !important;
}

.btn-kontakt {
	position: relative;
}

.btn-kontakt a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.btn-foo-obj {
	text-align: right;
}

.footer-socials {
	justify-content: center;
}

.icon-social {
	width: 30px;
	border-radius: 100%;
	transition: filter 0.3s ease;
}

.courtesy {
	color: var(--mediskin-blue);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	padding: 16px 12px 4px 12px;
}

.pred-po-title {
	color: var(--mediskin-blue);
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	padding: 16px 12px 4px 12px;
}

.icon-social:hover {
	opacity: .8;
}

.footer-col {
	display: grid;
	align-content: stretch;
}

.cta-copy a,
.forminator-consent__label a {
	transition: all 0.3s ease;
}

#objednat-sa .cta-copy a:hover,
.forminator-consent__label a:hover {
	color: var(--mediskin-dark-green) !important;
}

.footer-contacts a,
.footer-list a {
	transition: all 0.3s ease;
}

.footer-contacts a:hover,
.footer-list a:hover {
	color: var(--mediskin-dark-green) !important;
}

.item.last-mobile {
	margin-top: 110% !important;
}

#accordionFaq .accordion-button:not(.collapsed) {
    color: var(--mediskin-black);
}
#accordionFaq .accordion-body {
    padding: 0 50px 25px 0;
}
span.faq-number {
    font-family: "TWK Everett", sans-serif;
    color: var(--mediskin-black);
    width: 65px;
    height: 65px;
    background: var(--mediskin-white);
    border-radius: 35px;
    position: absolute;
    left: 45px;
    line-height: 65px;
    text-align: center;
}

.price-table .group-head th.text-right {
	text-align: right;
}

.footer .footer-top {
    padding-top: 0px;
}

a.socials {
	font-family: "TWK Everett", sans-serif;
	font-size: clamp(18px, 1.4vw, 18px);
	font-weight: 300;
	text-align: left;
	color: white;
	min-height: 70px;
	line-height: 1.5em;
	margin-right: 48px;
	text-decoration: underline;
}
.padall0 {
    padding: 0 !important;
}
.border-radius-0 {
    border-radius: 0 !important;
}
.page-template-gdpr {
    background-color: var(--mediskin-soft-white);
    color: #000;
}
/* ----- BLOG TEMPLATE ----- */

div#title-image {
    max-width: 375px;
    margin: auto;
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.meetplace-box p {
    font-size: 16px;
    margin-bottom: 1em;
}
.blog-content blockquote {
    margin: 60px -120px;
}
.blog-content blockquote p {
    font-family: "TWK Everett", sans-serif;
    font-size: 34px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    color: var(--mediskin-black);
    margin-bottom: 0;
}

/* blockquote::before,
blockquote::after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: var(--mediskin-black);
    margin: 10px auto;
}

blockquote::before {
    margin-bottom: 30px;
}

blockquote::after {
    margin-top: 40px;
} */
.overflow-visible {
    overflow: visible !important;
}
.blog-content p img {
    margin: 60px -120px;
    max-width: unset;
    width: calc(100% + 240px);
}
.vizitka {
    border-radius: 40px;
    padding: 45px;
    display: flex;
}
.vizitka-img-holder {
    width: 25%;
}
.vizitka-img-holder img {
    border-radius: 50%;
}
.vizitka-text {
    width: 75%;
    padding-left: 45px;
    padding-right: 45px;
}
h2.headline2-vizitka {
    margin-top: 10px;
    font-size: 34px;
    font-weight: 300;
    line-height: 42px;
    color: var(--mediskin-white);
}

div.content-vizitka p {
    font-size: 18px;
    line-height: 28px;
}

#mobile-menu {
	background-color: var(--mediskin-bcg-dark);
}

/* General menu styling */
#main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-family: "TWK Everett", sans-serif;
}

ul.menu a {
	font-family: "TWK Everett", sans-serif;
}

/* Menu items styling */
#main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

#main-menu li {
    margin: 0;
	padding: 10px 0;
}

#main-menu .sub-menu li {
    padding: 0px;
}

.single-post .main-image img {
    text-align: center;
    margin: auto;
    min-width: 80%;
}

#main-menu a,
a.btn-kontakt {
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0;
	color: var(--mediskin-blue);
	font-family: "TWK Everett", sans-serif;
	transition: all .3s ease;
}

.home #main-menu a,
.home a.btn-kontakt {
	color: var(--mediskin-white);
}


.hero-row {
	width: 100%;
	margin: unset !important;
}


.pin:after {
    content: '';
    width: 21px;
    height: 21px;
    margin: 16px 0 0 16px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    z-index: 5;
}
.more-info {
    position: absolute;
    cursor: pointer;
}
.more-info.kuchajda {
    top: 10%;
    left: 50%;
}

.left .expanded-text {
    left: unset;
    right: 0;
}
.left .expanded-text p {
    padding: 0 20px 0 53px;
}
.left.animate .expanded-text p {
    padding: 0 53px 0 20px;
}
.left .expanded-text:after {
    content: "";
    width: 53px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--mediskin-black);
}

.expanded-text {
    position: absolute;
    bottom: 0px;
    background: var(--mediskin-black);
    border-radius: 30px;
    height: 53px;
    width: 53px;
    text-align: left;
    padding: 10px;
    left: 0;
    overflow: hidden;
    transition: width 0.5s;
}
.expanded-text p {
    opacity: 1;
    font-size: 30px;
    line-height: 30px;
    color: var(--mediskin-white);
    margin: 0;
    padding: 0 20px 0 43px;
    white-space: nowrap;
    display: inline-block;
}

@keyframes rotate {
    0% { transform: rotate(-45deg); }
    100% { transform: rotate(0); }
}
@keyframes rotate-right {
    0% { transform: rotate(45deg); }
    100% { transform: rotate(0deg); }
}
@keyframes rotate-right-back {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
}
@keyframes rotate-back {
    0% { transform: rotate(0); }
    100% { transform: rotate(-45deg); }
}
@keyframes expand {
    0% { width: 53px; }
    100% { width: var(--target-width); }
}
@keyframes expand-back {
    0% { width: var(--target-width); }
    100% { width: 53px; }
}

.more-info.pin.animate {
    animation: rotate 0.1s forwards;
}
.more-info.pin.left.animate {
    animation: rotate-right 0.1s forwards;
}

.more-info.pin.animate .expanded-text {
    animation: expand  0.1s forwards 0.1s;
}


.more-info.pin.animate::after {
    height: 10px;
    width: 10px;
    margin: 38px 0 0 5px;
    transition: all 0.2s;
	-webkit-animation: unset !important;
	-o-animation: unset !important;
	animation: unset !important;
}

.more-info.pin.reverse {
    animation: rotate 0.1s forwards 0.1s,
    rotate-back 0.1s forwards 0.1s;
}
.more-info.pin.left.reverse {
    animation: rotate-right 0.1s forwards 0.1s,
    rotate-right-back 0.1s forwards 0.1s;
}
.more-info.pin.reverse .expanded-text {
    animation: expand-back 0.1s forwards;
}

.more-info.pin.reverse::after {
    transition: all 0.1s ease 0.1s;
}





.burger-menu figure .inner span:nth-child(2),
.burger-menu figure .inner span:nth-child(4) {
    top: 0;
    opacity: 0;
}





.burger-menu .content {
    width: 100%;
    text-align: center;
}

.burger-menu figure.foldin span {
    transition: width 0.15s ease-in-out, top 0.15s ease-in-out, transform 0.3s ease-in-out 0.05s, opacity 0.15s ease-in-out 0.1s, left 0.3s ease-in-out;
    -webkit-transition: width 0.15s ease-in-out, top 0.15s ease-in-out, transform 0.3s ease-in-out 0.05s, opacity 0.15s ease-in-out 0.1s, left 0.3s ease-in-out;
    -moz-transition: width 0.15s ease-in-out, top 0.15s ease-in-out, transform 0.3s ease-in-out 0.05s, opacity 0.15s ease-in-out 0.1s, left 0.3s ease-in-out;
    -ms-transition: width 0.15s ease-in-out, top 0.15s ease-in-out, transform 0.3s ease-in-out 0.05s, opacity 0.15s ease-in-out 0.1s, left 0.3s ease-in-out;
}
.burger-menu {
    z-index: 999999999;
}

/*------ MOBILE MENU BURGER - END ---------- */
#mobile-menu {
    display: none;
}

.error404 .navbar .mediskin_logo {
	filter: unset;
}

h2.lost-page_ {
	font-size: clamp(40px, 3vw, 40px);
	line-height: 1.3em;
	color: var(--mediskin-black);
	text-align: center;
}

.not-found-btn {
	padding: 10px 30px;
	background-color: var(--mediskin-white);
}

.not-found-btn a {
	text-decoration: none !important;
}

.not-found-wrap {
	text-align: center;
}

.page-404-wrapper .top {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-404-wrapper .top {
	display: flex;
	justify-content: center;
	align-items: center;
}

page-404-wrapper .top span {
	color: #000;
	font-family: 'Everett', sans-serif;
	font-size: 400px;
	font-weight: 400;
	line-height: 1;
}

.page-404-wrapper .top img {
	max-width: 250px;
}

#not-found-image {
    position: absolute;
    transform: translateY(-50%);
    top: 60%;
    left: 0;
    z-index: 1;
}
#not-found-image img {
    max-width: 60%;
    margin: auto;
}
.error404 {
    background: var(--mediskin-black);
}
p.not-found {
    font-size: 37px;
    font-weight: 400;
    line-height: 44.4px;
    text-align: center;
    color: var(--mediskin-white);
}
.not-found-section .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.page-404-wrapper .top span {
	color: #000;
	font-family: 'Everett', sans-serif;
	font-size: 300px;
	font-weight: 400;
	line-height: 1;
}


.page-404-p {
	background-color: white;
}

a.btn-not-found {
    font-size: 38px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    color: var(--mediskin-white);
    border: 3px solid var(--mediskin-white);
    padding: 15px 40px;
    border-radius: 50px;
}

/* ---- cookie banner start ----*/
p.cky-title , .cky-preference-header .cky-preference-title {
    font-family: 'Everett', sans-serif;
    font-size: 28px !important;
    line-height: 1.2em !important;
    color: var(--mediskin-black) !important;
	font-weight: 500 !important;
}
p.cky-title::before {
    display: block;
    width: 42%;
    padding-bottom: 30px;
}
body .cky-consent-container .cky-consent-bar {
    border-radius: 0;
    box-shadow: 8px 5px 20px 0px #acabab4d;
}
body .cky-consent-container {
    position: fixed;
    width: 600px;
}

button.cky-btn {
	transition: .2s ease-in;
}


button.cky-btn:hover {
	background-color: var(--mediskin-black) !important;
	color:  var(--mediskin-white) !important;
}
body .cky-notice-des *,
body .cky-preference-content-wrapper *,
body .cky-dma-content-wrapper *,
body .cky-accordion-header-des *,
body .cky-gpc-wrapper .cky-gpc-desc * {
	font-size: 16px;
	font-family: "TWK Everett", sans-serif !important;
	/*padding: 15px 0; */
	font-weight: 300 !important;
}

button.cky-btn {
	border-width: 2px;
}

button.cky-btn,
.cky-notice-des p {
	font-family: "TWK Everett", sans-serif !important;
	font-weight: 400;
	font-size: 16px;
}


.page .cky-notice-btn-wrapper .cky-btn,
.single .cky-notice-btn-wrapper .cky-btn,
.page .cky-prefrence-btn-wrapper .cky-btn,
.single .cky-prefrence-btn-wrapper .cky-btn {
	border-width: 3px;
}


body .cky-modal.cky-modal-open {
	border-radius: 30px;
	box-shadow: 8px 5px 20px 0px #acabab4d;
}

[data-cky-tag="detail-powered-by"] {
	display: none !important;
}

body button.cky-show-desc-btn:not(:hover):not(:active) {
	color: var(--mediskin-black);
}

body button.cky-show-desc-btn {
	color: var(--mediskin-black);
	font-family: "TWK Everett", sans-serif;
	font-size: 16px !important;
}

body .cky-preference-body-wrapper {
	font-family: "TWK Everett", sans-serif;
	font-size: 22px;
}

body .cky-accordion-header .cky-accordion-btn {
	font-size: 18px;
	color: var(--mediskin-black) !important;
	font-family: 'Everett', sans-serif;
	font-weight: 400 !important;
}

body .cky-accordion-header .cky-always-active {
	font-size: 12px;
}



/* ---- cookie banner end ----*/
.margin-all-0 {
    margin: 0;
}

.sitename {
    color: var(--mediskin-soft-white);
    margin: 0;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--mediskin-black);
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -60px;
}
.swiper-button-next {
    right: -30px;
}
.swiper-button-prev {
    left: -30px;
}
.swiper-pagination-bullet-active {
    background: var(--mediskin-black);
}

.main-image img {
    /*
    margin: 0 -120px;
    max-width: unset;
    width: calc(100% + 240px);

     */
}

.blog-container {
	display: flex;
}

.swiper-wrapper {
	display: flex;
}

.blog-post {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}

.blog-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.content-blog {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* Ensures items are aligned to the top */
	flex-grow: 1;
}

.content-blog h4 {
	margin-top: 12px;
	align-self: flex-start; /* Aligns the title to the start */
}

.padtop54 {
	padding-top: 54px;
}

.custom-dashed-border {

	position: relative; /* Positioning for pseudo-element */
	overflow: hidden; /* Hide overflowing dashed border */
}

.custom-dashed-border__::before {
	content: "";
	position: absolute;
	top: 0;

	width: calc(100% + -5px);
	height: 100%;
	border: 2px dashed #F2EEE2; /* Green dashed border */
	border-radius: 25px;
}

.accordion-item {
	border: unset;
	border-bottom: 2px solid var(--mediskin-black) !important;
}



.accordion-button:not(.collapsed),
.accordion-button:focus {
	background-color: unset !important;
	box-shadow: unset !important;
}
/*
.mobile-navbar::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	height: 50px;
	background: url(/wp-content/uploads/2024/06/meetplace-header.png);
	background-position: top;
	background-size: contain;
	z-index: -1;
}
 */

.padbottom150 {
	padding-bottom: 150px;
}

.padtop150 {
	padding-top: 150px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* Apply animation to elements */
.char {
	opacity: 0; /* Start hidden */
	animation: fadeIn .7s ease forwards; /* Animation properties */
}

/* Animation keyframes */
@keyframes rotateClockwise {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(60deg);
	}
}

@keyframes rotateCounterclockwise {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-60deg);
	}
}

/* Apply animation to the image */
#rotating-image {
	animation-name: rotateClockwise;
	animation-duration: 2s; /* Adjust animation duration as needed */
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: running; /* Initially running */
}

/* Class to pause animation */
.paused-animation {
	animation-play-state: paused;
}

.reveal-text {
	opacity: 0; /* Initially hide the text */
}

.reveal-text.reveal {
	opacity: 1;
}


.line {
	display: block; /* Ensure each line is displayed as a block */
	opacity: 0; /* Initially hide the line */
	transition: opacity 1s ease; /* Smooth transition for opacity */
}

.reveal .line {
	opacity: 1; /* Show the line when revealed */
}

/* Custom fade anim */
/* Define the fade-in animation */
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Define the fade-bottom animation */
@keyframes fadeBottom {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Initial state for animations */
.fade-in, .fade-bottom {
	opacity: 0; /* Initially hidden */
}

/* Apply the fade-in animation */
.fade-in.show {
	animation: fadeIn 1s forwards; /* 1s animation duration */
}

/* Apply the fade-bottom animation */
.fade-bottom.show {
	animation: fadeBottom 1s forwards; /* 1s animation duration */
}

/* Apply the pulse animation */
/* Define the pulse animation */
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.1);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Pulse animation for the pseudo-element */
.pulse::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px; /* Adjust size as needed */
	height: 100px; /* Adjust size as needed */
	background-color: orange;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	animation: pulse 1s infinite;
	z-index: -1; /* Place it behind the main content */
	opacity: 0; /* Initially hidden */
}

/* Show the pulse animation */
.pulse.show::before {
	opacity: 1; /* Show the pulse */
}

/**/
#hero-image {
	position: relative; /* Ensure the element is positioned relative */
	left: 50%; /* Initial position off-screen to the left */
	top: 50%;
	transition: left 0.1s ease, top 0.1s ease;/* Smooth transition for left property */
}

/* Define the animation class */
.animate-right {
	transition: left 0.1s ease;
}

/**/
/* Octagon styles */
.swiper-pagination-bullet {
	width: 15px;
	height: 4px;
	border-radius: 0 !important;
}

.pin:after {
	transition: all 0.3s ease; /* Smooth transition */
	animation: pulse 1.5s infinite; /* Pulse animation */
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.vizitka .vizitka-tab  {
	padding: 0 !important;
}

.headline2-vizitka.pozicia {
	margin-bottom: -5px !important;
}



/**/
.post-navigation {
	text-align: center;
	margin-top: 50px;
}

.post-navigation h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

.nav-links {
	display: flex;
	justify-content: space-between;
}

.nav-previous, .nav-next {
	width: 45%;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
}

.nav-previous a, .nav-next a {
	text-decoration: none;
	color: #333;
}

.nav-previous span, .nav-next span {
	display: block;
	margin-bottom: 10px;
	color: #f47b20; /* Adjust this color to match your design */
	font-weight: bold;
}

.nav-previous .screen-reader-text, .nav-next .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}


.nav-links {
	border-top: 1px solid #f47b20; /* Adjust this color to match your design */
}

.post-navigation h2 {
	color: var(--mediskin-brown);
}

.nav-next {
	text-align: left;
}

.nav-previous {
	text-align: right;
}

.post-navigation .category {
	font-size: 22px;
	font-weight: 300;
	line-height: 29px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--mediskin-black);
	font-family: "TWK Everett", sans-serif;
}

.post-navigation a.title {
	font-size: 30px;
	font-weight: 500;
	line-height: 33px;
	text-align: left;
	color: var(--mediskin-brown);
	font-family: "TWK Everett", sans-serif;
}
body .cky-consent-bar button:hover {
    transition: all 0.3s ease;
	border-radius: 0;
}

/**/


@keyframes slide-animation {
	from {
		--position: 35%;
	}
	to {
		--position: 70%;
	}
}


.footnotes {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--default-color);
	color: var(--default-color) !important;
}

.footnote-back-link-wrapper {
	display: none;
}

.footnote-link {
	pointer-events: none;
}

.meetplace-box {
	padding: 30px;
    border-radius: 30px;
	background-color: var(--mediskin-brown);
	color:  var(--mediskin-white);
    position: relative;
}



.meetplace-box.meetplace-brown {
	background-color: var(--mediskin-brown);
}

.meetplace-box.meetplace-white {
	background-color: white;
}

.meetplace-box.meetplace-white {
	background-color: var(--mediskin-white);
}

.btn-kontakt.btn404 {
	padding: 10px 30px;
}

.page-404-p .perex {
	margin-bottom: 60px;
}

.page-404-p h2.headline2 {
	text-align: center;
}

.footer-gdpr li,
.footer-gdpr a {
    font-size: 13px;
	font-weight: 300;
}

.footer-gdpr.recaptcha p,
.footer-gdpr.recaptcha a {
	font-family: "TWK Everett", sans-serif;
	font-size: 10px;
	font-weight: 300;
	color: white;
	line-height: 1.3em;
	transition: opacity .3s ease-in;
}
.footer-gdpr.recaptcha p {
	opacity: .5;
}

.footer-gdpr.recaptcha p:hover  {
	opacity: 1 !important;
}

.recaptcha-row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 8px;
}


.footer-gdpr ul {
	list-style: none;
	width: 100%;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	row-gap: 0;
	align-items: flex-end;
	height: 100%;
}

.footer-gdpr li {
	display: inline-flex;
}
.footer-gdpr li span {
	padding-left: 20px;
}
.footer-gdpr li:last-of-type {
	padding-right: 0;
}


.footer-gdpr a {
	text-decoration: none;
    transition: all 0.2s ease;
}

.footer-logo {
	width: 100%;
}

.footer-list {
	padding: 0;
	text-align: left;
}

.bt-footer {
	width_: 100%;
}

.pad-0 {
	padding: 0 !important;
}

.container-footer-large {
	padding: 50px 50px 0;
}

.principy-img.odd-class {
    margin-top: 1.5vw;
}

.principy-img {
	padding: 50px 100px 0px 0;
}

p.newsletter {
	font-size: 20px;
}

.meetplace-box.image-box p img {
    margin: unset;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    height: 100%;
    border-radius: 30px 0 0 30px;
    object-fit: cover;
}
.meetplace-box.image-box {
    padding-left: calc(33% + 30px);
}
.vizitka-tab {
    height: 230px;
    overflow: hidden;
    transition: height 0.3s ease;
    position: relative;
}
#toggle-vizitka-btn {
    border: unset;
    background: unset;
    width: 20px;
    transition: transform 0.3s ease;
}
.vizitka-global {
    position: relative;
}
.vizitka-btn {
    position: absolute;
    top: 58px;
    right: 45px;
    z-index: 9;
}
.vizitka-tab:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(243, 131, 51, 0.1), rgba(243, 131, 51, 1));
    transition: height 0.3s ease;
}
.vizitka-tab.open:after {
    height: 0;
}
.rotate-btn {
    transition: transform 0.3s ease;
    transform: rotate(180deg); /* Rotate by 180 degrees */
}
.mob-vizitka-content {
    height: 230px;
    overflow: hidden;
    transition: height 0.3s ease;
    position: relative;
}
.mob-vizitka-content:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(243, 131, 51, 0.1), rgba(243, 131, 51, 1));
    transition: height 0.3s ease;
}
.mob-vizitka-content.open:after {
    height: 0;
}
/* Popup container */
.popup {
    position: fixed; /* Position the popup */
    z-index: 9999999999; /* Set a high z-index value to make sure the popup appears on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scrolling if the content exceeds the viewport height */
    background-color: rgba(0,0,0,0.4); /* Black background with transparency */
    align-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s;
}
.popup.show {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Popup content */
.popup-content {
    background-color: #fff8e5;
    margin: 90px auto;
    border: 0px !important;
    border-radius: 30px;
    padding: 60px;
    width: 80%;
    max-width: 800px;
    position: relative;
}
.popup-open {
    overflow: hidden;
}

/* Close button */
.close {
    font-family: "TWK Everett", sans-serif;
    color: #878787;
    float: right;
    font-size: 22px;
    font-weight: 300;
    transition: color 0.3s ease;
    position: absolute;
    top: 40px;
    right: 40px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.forminator-ui#forminator-module-463 button.forminator-button.forminator-button-submit {
    padding: 10px 25px;
    background-color: var(--mediskin-yellow);
    color: var(--mediskin-black);
    text-align: center;
	font-size: 18px !important;
    text-decoration: none;
    border-radius: 50px;
    bottom: 0;
    transition: all 0.3s ease !important;
    max-width: fit-content;
    margin-top: 15px;
	box-shadow: unset !important;
}

.forminator-button-submit {
	box-shadow: unset !important;
}

.forminator-button-submit:hover {
	background-color: var(--mediskin-dark-green) !important;
	color: white !important;
}

.forminator-ui#forminator-module-463.forminator-design--material .forminator-button-submit:hover, .forminator-ui#forminator-module-463.forminator-design--material .forminator-button-submit:focus {
	background-color: var(--mediskin-orange) !important;
    color: var(--mediskin-bcg-dark) !important;
    border: 3px solid var(--mediskin-orange);
}
.forminator-ui#forminator-module-463.forminator-design--material .forminator-checkbox.forminator-consent .forminator-checkbox-box {
    border-width: 1px;
    border-radius: 0;
    background-color: transparent !important;
	color: var(--mediskin-orange) !important;
}

.forminator-ui#forminator-module-463.forminator-design--material .forminator-consent input:checked + .forminator-checkbox-box {
	border-color: var(--mediskin-orange) !important;
}

#forminator-module-463.forminator-design--material .forminator-response-message.forminator-success {
    text-align: center;
    box-shadow: unset !important;
    background: none;
    color: #fff !important;
}
.forminator-ui#forminator-module-463.forminator-design--material .forminator-response-message p {
    font-size: 18px !important;
    color: #fff !important;
}
.after-form-submission {
    padding: 5px 25px;
    background-color: var(--mediskin-black);
    border: 3px solid var(--mediskin-black);
    color: #F2EEE2 !important;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 300;
    line-height: 31px;
    letter-spacing: 0.25px;
    bottom: 0;
    transition: all 0.3s ease !important;
    max-width: fit-content;
    display: inline-block;
    margin-top: 45px;
    cursor: pointer;
}
.after-form-submission:hover {
    background-color: var(--mediskin-white) !important;
    color: var(--mediskin-black) !important;
    border: 3px solid var(--mediskin-black);
}
.forminator-loading,
.forminator-loading p,
.forminator-loading span,
.forminator-loading h3,
.forminator-loading h4,
.forminator-loading h5 {
    background-color: transparent !important;
    border: unset !important;
    box-shadow: unset !important;
	font-family: "TWK Everett", sans-serif !important;
	font-size: 15px  !important;
	font-weight: 300;
	color: white !important;
}

.forminator-error-message {
	font-family: "TWK Everett", sans-serif !important;
}


.forminator-loading:before {
    color: #fff !important;
}
/* OWL CAROUSEL */


.owl-carousel button.owl-dot {
    background: rgba(0,0,0,0.2);
    width: 15px;
    height: 4px;
    border-radius: 0 !important;
    margin: 30px 4px 0;
}
.owl-carousel button.owl-dot.active {
    background: var(--mediskin-black);

}
.owl-carousel .owl-dots {
    text-align: center;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .lg-actions .lg-next:before, .lg-actions .lg-prev:after, .lg-toolbar .lg-icon:after {

    color: var(--mediskin-black);
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    width: 50px;
    padding: 0px 0 44px 0 !important;
    height: 50px;
    transition: all 0.2s ease-in;
    font-family: "TWK Everett", sans-serif;
}

button.owl-next span::after {
	width: 30px;
	height: 45px;
	background-image: url(/wp-content/uploads/2025/01/icon-chevron-right.svg);
	rotate: 90deg;
	background-size: cover;
}

.lg-toolbar .lg-icon:after {
	font-size: 48px;
	line-height: 38px;
	color: white;
    width: 46px;
    height: 40px;
    padding: 0px 0 40px 0 !important;
  }
.owl-carousel .owl-nav button span {
    font-family: "TWK Everett", sans-serif;
    font-size: 80px;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {

}
.owl-item img {
    cursor: pointer;
}

.lg-prev:hover ,
.lg-next:hover ,
.lg-close:hover {
	opacity: .8;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: transparent;
    padding: 0;
}

.lg-actions .lg-next:before {
    content: "›";
	font-size: 72px;
}
.lg-actions .lg-prev:after {
    content: "‹";
	font-size: 72px;
}
.gallery-img {
    width: 100%;
    aspect-ratio_: 1590 / 850;
    object-fit: cover;
}
button.owl-next {
    position: absolute;
    right: 40px;
    top: 0;
}
button.owl-prev {
    position: absolute;
	right: 90px;
	top: 0;
}

button.owl-next:hover,
button.owl-prev:hover {
	opacity: .8;
}

button.owl-prev.disabled,
button.owl-next.disabled {
	opacity: .05;
}

.lg-toolbar .lg-close:after {
    content: "×";
}
.lg-close.lg-icon {
    margin-right: 15px;
}
.lg-backdrop {
    background-color: rgb(27, 38, 40, .75);
}
.lg-toolbar {
    background-color: transparent;
}
#lg-counter {
    display: none;
}
.lg-sub-html {
    padding: 30px 30px 20px;
    max-width: 600px;
    width: 90%;
    margin: 0 auto 30px 30px;
    color: white;
    font-size: 16px;
    line-height: 1.2em;
    text-align: left;
	font-family: "TWK Everett", sans-serif;
}


.bcg-col-1 .headline3-3,
.bcg-col-1 p {
	color: white !important;
}
/*
.lg-next:before {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url(/wp-content/uploads/2025/01/Group-2.svg) no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
	content: "";
	filter: brightness(0) invert(1);
}

.lg-prev:after {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url(/wp-content/uploads/2025/01/Group-2.svg) no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
	content: "";
	filter: brightness(0) invert(1);
	rotate: 180deg;
}

 */

.lg-counter {
	font-family: "TWK Everett", sans-serif;
	color: white;
}

.lg-next,
.lg-prev {
	background-color: unset !important;
}

.bcg-col-2 {
	background-color: #8ED2D2;
}

.bcg-col-3 {
	background-color: #FBAF18;
}

.lg-sub-html h6:after {
    content: "";
    width: 18px;
    height: 3px;
    display: block;
    background: var(--mediskin-black);
    margin: 16px 0 8px;
    border-radius: 2px;
}
.owl-gall-btn {
    position: absolute;
    bottom: 53px;
    left: 40px;
    z-index: 99;
    width: auto;
    padding: 0;
}
.open-carousel-gall a.button {
    background: var(--mediskin-white);
    border: 3px solid var(--mediskin-black);
    color: var(--mediskin-black);
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    display: inline-block;
    padding: 8px 35px;
    transition: all 0.2s ease-in;
}
.open-carousel-gall a.button:hover {
    background: var(--mediskin-black);
    color: var(--mediskin-white);
}
/*
.sync-gif {
    opacity: 0;
    animation: startGifs 0.1s forwards;
    animation-delay: 0.5s;
}

@keyframes startGifs {
    to {
        opacity: 1;
    }
}
*/
.text-right {
    text-align: right;
}
.legenda.legenda-mob {
    display: none;
}

.off-set-inner {
	max-width: 1085px;
	margin-left: 25%;
}

.nocny-pohlad {
	position: relative;
	display: block;
}

.nocny-pohlad::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));
	z-index: 1; /* Ensures the gradient is above the image but below any text/content */
}

.inside-img {
	display: block;
	width: 100%;
	height: 95vh;
}

/* Font sizes clamps

.content.content-card,
.content {
	font-size: clamp(1rem, 2vw, 1.5rem);
}*/

.content-img {
	height: auto;
}

.big-text-section {
	min-height: 100vh;
	display: flex;
	justify-content: flex-start;
	align-items: end;
}

.big-text-section .text {
	max-height: 310px;
	padding: 48px 48px 48px 36px;
}

.yellow-btn {
	padding: 16px 30px;
	cursor: pointer;
	background: var(--mediskin-yellow);
	border-radius: 50px;
}

a.btn {
	font-family: "TWK Everett", sans-serif;
}

.burger-menu figure .inner span {
	transition: background-color 0.5s ease;
}

.bg-video-section {
	position: relative;
	overflow: hidden;
	height: 85vh;
	min-height: 700px;
}

.forminator-ui.forminator-design--flat .forminator-label {
	font-size: 18px !important;
	font-weight: 500 !important;
}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio .forminator-radio-bullet~span {
	margin-left: 0 !important;
}

.forminator-design--flat .forminator-input,
.forminator-design--flat .forminator-textarea{
	color: var(--mediskin-white) !important;
}

.forminator-checkbox__label a {
	color: var(--mediskin-white);
}

.bg-video-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

.bg-video-hp {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-overlay {
	position: relative;
	z-index: 2;
}

.bg-video-holder::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.3);
}

.section-galeria img.mediskin_logo,
.section-detaily img.mediskin_logo,
.section-princip_ img.mediskin_logo,
.section-otazky img.mediskin_logo,
.section-dakujeme img.mediskin_logo,
.section-kontakt img.mediskin_logo {
	transition: filter 0.5s ease;
	filter: unset;
	padding-top: 10px;
}

.menu-open img.mediskin_logo {
	filter: brightness(0) invert(1) !important;
}

.menu-open .burger-menu figure .inner span {
	background-color: white !important;
}

.section-otazky .burger-menu figure .inner span,
.section-princip .burger-menu figure .inner span,
.section-detaily .burger-menu figure .inner span,
.section-galeria .burger-menu figure .inner span {
	background-color: var(--mediskin-black);
}

/*
.scrolled .mediskin_logo.scroll-hide {
	display: none;
}

.mediskin_logo.small {
	max-height: 58px;
	position: absolute;
	top: 0;
}
*/

/* animated logo new css */
.mediskin_logo {
	filter: brightness(0) invert(1);
	padding-top: 10px;
	transition: filter 0.3s ease;
	max-width: 240px;
	margin-right: 8px;
}

.section-galeria .mediskin_logo, .section-detaily .mediskin_logo, .section-princip_ .mediskin_logo, .section-otazky .mediskin_logo, .section-dakujeme .mediskin_logo, .section-kontakt .mediskin_logo {
	transition: filter 0.5s ease;
	filter: unset;
	padding-top: 10px;
}


/* POPUP new css */
.popup {
    width: 420px;
    background-color: var(--mediskin-bcg-dark);
    padding: 0 35px 35px;
    display: block;
    flex-direction: column;
    left: unset;
    right: 30px;
    top: unset;
    bottom: 30px;
    height: fit-content;
    overflow: hidden;
    transition: opacity .4s ease, visibility .4s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    text-align: left;
}
.popup {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

.popup::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.is-popup-content {
    height: fit-content;
    padding-top: 35px;
    position: relative;
}
.popup.show {
    visibility: visible;
    opacity: 1;
    transition: opacity .4s ease, visibility .4s ease;
    z-index: 999;
}
h2.popup-title {
    font-family: "TWK Everett", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #FDFBF7;
    padding-top: 25px;
    padding-bottom: 0;
    text-transform: none;
}
.popup-caption {
    font-family: "TWK Everett", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding-top: 6px;
    max-width: 300px;
    margin-right: auto;
}
.popup .forminator-ui.forminator-custom-form {
    margin-top: 0 !important;

}
.popup .forminator-row {
    display: flex;
    column-gap: 16px;
}
.popup .close-popup-btn {
    display: block;
    position: absolute;
    top: 15px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/mediskin/assets/img/icon-close.svg') no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: filter .3s ease;
}
.popup .close-popup-btn:hover {
    filter: brightness(70%);
}

.popup .forminator-design--material .forminator-label[class*="forminator-floating-"] {
    font-size: 12px !important;
    font-family: "TWK Everett", sans-serif !important;
    font-weight: 300 !important;
    line-height: 15px !important;
}
.popup .forminator-input, .popup .forminator-field p {
    font-family: "TWK Everett", sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;

}
.popup .forminator-input {
    padding: 0 0 4px !important;
}
.popup .forminator-design--material .forminator-error-message {
    font-family: "TWK Everett", sans-serif !important;
    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 12px !important;
}
.popup .forminator-design--material .forminator-input {
    border-color: #ffffff;
    color: #ffffff !important;
}
.popup .forminator-design--material .forminator-input:-webkit-autofill {
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 1000px #1B2628 inset !important;
}
.popup .forminator-row .forminator-col.forminator-col-6, .popup .forminator-row .forminator-col.forminator-col-md-6  {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.popup .forminator-row .forminator-col-12 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.popup .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
    margin-bottom: 0;
}
.popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--input {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.popup .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {
    margin-bottom: 5px;
}
.popup .forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
    font-family: "TWK Everett", sans-serif !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 300 !important;
}

.popup .forminator-design--material #checkbox-1 .forminator-checkbox .forminator-checkbox-label {
    color: #fff;
    font-size: 10px !important;
    line-height: 1.4em !important;
    padding: 4px 12px !important;
    border: 1px solid #fff !important;
    margin-left: 0 !important;
    font-family: "TWK Everett", sans-serif !important;
    transition: background .3s ease, color .3s ease;
}
.popup .forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-box +.forminator-checkbox-label,
.popup .forminator-design--material #checkbox-1 .forminator-checkbox .forminator-checkbox-label:hover {
    background: #fff !important;
    color: var(--mediskin-bcg-dark) !important;
}
.popup #checkbox-1 .forminator-checkbox .forminator-checkbox-box  {
    display: none !important;
    visibility: hidden;
}
.popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox.forminator-checkbox-inline {
    margin-right: 4px !important;
    margin-top: 5px !important;
}
.popup .forminator-design--material .forminator-label:not([class*="forminator-floating-"]) .forminator-required {
    color: #fff !important;
}
.popup .forminator-field-consent .forminator-field p {
    font-size: 8px !important;
    line-height: 1.4em !important;
    font-weight: 300 !important;
}
.popup .forminator-field-consent {
    margin-bottom: 4px !important;
}
.popup .forminator-field-consent .forminator-field a {
    text-decoration: underline;
}

.popup .forminator-design--material .forminator-consent .forminator-checkbox-box {
    border-color: #fff !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border-width: 1px !important;
    width: 9px !important;
    height: 9px !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9px !important;
    flex: 0 0 9px !important;
}

.popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox .forminator-checkbox-box:before {
    content: "";
    opacity: 0;
    -khtml-opacity: 0;
    display: block;
    height: 9px;
    width: 8px;
    background-image: url('/wp-content/themes/mediskin/assets/img/popup-consent-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%) rotate(-6deg);
}
.popup .forminator-button-submit {
    font-family: "TWK Everett", sans-serif !important;
    font-size: 13px !important;
    line-height: 13px !important;
    background-color: transparent !important;
    border: 0 !important;
    width: 155px !important;
    text-align: left !important;
    border-radius: 0 !important;
    padding: 8px 5px 8px 7px !important;
    font-weight: 400 !important;
}
.popup .forminator-button-submit:hover {
    color: var(--mediskin-bcg-dark) !important;
}
.popup .forminator-row-last {
    justify-content: flex-end;
}
.popup .forminator-button-submit:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s cubic-bezier(.1,.76,.37,.98);
    z-index: 0;
    opacity: 1;
    background: #fff;
}
.popup .forminator-button-submit:hover:before {
    height: 100%;
}
.popup .forminator-button-submit:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 9px;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/themes/mediskin/assets/img/popup-right-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup .forminator-button-submit:hover:after {
    filter: invert(100%);
}
.popup #consent-1, .popup #consent-2, .popup #consent-3 {
    margin-left: 11px;
    margin-bottom: 2px;
}
.popup .popup-img.mobile {
    display: none;
}
.popup .forminator-ui.forminator-design--material .forminator-field-consent .forminator-error-message {
    margin-left: 24px;
}
.popup .forminator-is_active:not(.forminator-has_error) span.forminator-required {
    color: var(--mediskin-orange) !important;
}
.popup .forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"],
.popup .forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"] span.forminator-required {
    color: rgba(255, 255, 255, 0.6) !important;
}
.popup #name-1 {
    padding-top: 3px;
}
.popup .forminator-design--material .forminator-is_filled .forminator-label[class*="forminator-floating-"],
.popup .forminator-design--material .forminator-is_active .forminator-label[class*="forminator-floating-"] {
    font-size: 10px !important;
}
.popup #consent-4 {
    margin-bottom: 2px !important;
}

.popup #forminator-module-978.forminator-design--material .forminator-response-message.forminator-success {
    box-shadow: unset !important;
    background: transparent !important;
}

.popup .forminator-success h4.popup-title-as {
    font-family: "TWK Everett", sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #FDFBF7;
    text-align: left;
    font-weight: 300;
    border: 0;
    padding: 0;
    margin-left: 0;
}
.popup .forminator-success p.popup-caption {
    font-family: "TWK Everett", sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    color: #fff !important;
    padding-top: 0 !important;
}
.popup-form-close-btn.after-submission {
    cursor: pointer;
    color: #fff;
    font-family: "TWK Everett", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    transition: color .3s ease;
    position: relative;
    margin-top: 20px !important;
    display: inline-block;
    padding: 4px 8px;
}
.popup-form-close-btn.after-submission:hover {
    color: var(--mediskin-bcg-dark);
}
.popup-form-close-btn.after-submission:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s cubic-bezier(.1,.76,.37,.98);
    z-index: -1;
    opacity: 1;
    background: #fff;
}
.popup .popup-form-close-btn.after-submission:hover:before {
    height: 100%;
}
.popup .forminator-loading:before {
    color: #fff !important;
}
.popup .forminator-field-consent .forminator-label {
    display: none !important;
}
.popup .forminator-success {
    padding: 20px 0 0 0 !important;
}

.popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-response-message.forminator-loading:before {
    left: 0 !important;
}

.popup .forminator-ui .forminator-response-message.forminator-loading {
    padding-left: 25px !important;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    font-weight: 300 !important;
}
.popup #checkbox-1 {
    padding: 9px 0 15px 0;
}
.popup .forminator-row-last {
    margin-top: 10px;
    margin-bottom: 0 !important;
}
.popup .forminator-loading, .popup .forminator-loading p, .popup .forminator-loading span, .popup .forminator-loading h3, .popup .forminator-loading h4, .popup .forminator-loading h5 {
    font-size: 12px  !important;
    font-weight: 300 !important;
}

/* GRID Verejné priestory */
:root {
	--radius: 18px;
	--gap: 22px;
	--col: minmax(220px, 1fr);
}


.grid_mediskin{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: 120px; /* base row height for span math */
	gap: var(--gap);
}

/* card base */
.card{
	border-radius: var(--radius);
	background: white;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	border: 0;
}

/* layout spans for ≥ 1024px */
.span-3x6{ grid-column: span 2; grid-row: span 6; } /* tall */
.span-3x4{ grid-column: span 2; grid-row: span 4; } /* tall */
.span-2x2{ grid-column: span 2; grid-row: span 2; } /* small */
.span-2x3{ grid-column: span 2; grid-row: span 3; } /* medium/tall */
.span-2x4{ grid-column: span 2; grid-row: span 4; } /* medium/tall */


.card-grid-inner img {
	height: 100%;
	max-height: 280px;
}

.text-field .forminator-input--wrap {
	background-color: var(--mediskin-form-orange);
}

.text-field label {
	margin-left: 16px !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	font-family: "TWK Everett","sans-serif" !important;
	line-height: 0 !important;
}

.text-field input {
	border: 0 !important;
	padding: 16px !important;
}

.text-field label {
	position: relative;
	z-index: 99999;
}

.text-field .forminator-is_active label {
	color: var(--mediskin-white) !important;
}

.text-field .forminator-field label {
	padding-bottom: 0 !important;
}

.forminator-consent {
	/* background-color: var(--mediskin-form-orange); */
}

.forminator-checkbox-box:before {
	color: var(--mediskin-orange)!important;
	content: "•︎" !important;
	font-size: 30px !important;
	margin-top: -3px;
}

.forminator-consent.is-active {
	/* border: 1px solid var(--mediskin-orange) !important; */
}

.forminator-checkbox__label p {
	color: var(--mediskin-white);
	font-size: 15px !important;
	font-weight: 400 !important;
	font-family: "TWK Everett","sans-serif" !important;
	margin-top: -5px;
}

/****/

:root{
	--easing:cubic-bezier(.2,.8,.2,1);
	--dur:450ms;
}


.more-panel{
	position:fixed;
	inset:0;
	width:100%;
	height:100vh;
	background:var(--mediskin-grey);
	color:var(--mediskin-white);
	z-index:10;

	/* Start hidden above the viewport */
	transform:translateY(-100%);
	opacity:.6;

	/* Smooth "roll" animation with transform (GPU-friendly) */
	transition:
	transform var(--dur) var(--easing),
	opacity   var(--dur) linear,
	visibility 0s linear var(--dur);
	visibility:hidden;
	will-change:transform, opacity;
}

/* The open state (rolled down) */
.more-panel.is-open{
	transform:translateY(0);
	opacity:1;
	visibility:visible;
	transition:
	transform var(--dur) var(--easing),
	opacity   var(--dur) linear;
}

/* Inner layout */
.panel-inner{
	max-width:1100px;
	margin:0 auto;
	padding:clamp(24px, 4vw, 48px);
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}


/* Prevent body scroll when panel is open (optional) */
.no-scroll{ overflow:hidden }




.topbar {
	background-color: #93A89A; /* soft green */
	color: white;
	padding: 10px 20px;
	font-family: sans-serif;
}

.topbar-content {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
}

.topbar-content p {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
}



.topbar-button:hover {
	background-color: white;
	color: #93A89A;
}


.feature-box {
	margin-bottom: 30px;
}

.icon-circle {
	background: var(--mediskin-white);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
}

.icon-circle img {
	max-width: 40px;
	height: auto;
}




/***/


/* Segmented control */
.segmented {
	display: inline-flex;
	background: var(--mediskin-light-green);    /* sage green rail */
	border-radius: 999px;
	padding: 6px;
	gap: 6px;
}

.seg-btn {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 10px 55px;
	border-radius: 999px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.seg-btn.is-active {
	background: var(--mediskin-white);
}

.selection-card {
	position: relative;
	display: block;
	border-radius: 28px;
	background: var(--mediskin-white);
	overflow: hidden;
	text-decoration: none;
	min-height: 420px;
}

.treatment-card {
	background-color: var(--mediskin-light-beige);
}

.treatment-media {
	height: 100%;
	display: grid;
	place-items: end center;
}

.treatment-media img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.treatment-label {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}

.treatment-label.top-right {
	top: 22px;
	right: 28px;
	align-items: flex-end;
}

.treatment-label.bottom-right {
	bottom: 22px;
	right: 28px;
	align-items: flex-end;
}


.segmented {
	position: relative;
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 0;
	background: var(--mediskin-light-green);
	border-radius: 999px;
	padding: 6px;
	width: 500px;
	height: 70px;
}

/* Hide radios */
.seg-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Buttons keep your class */
.segmented .seg-btn {
	text-align: center;
	line-height: 1;
	padding: 12px 0;
	border-radius: 999px;
	cursor: pointer;
	user-select: none;
	z-index: 2;
	color: var(--mediskin-black);
}

/* Sliding highlight */
.segmented .seg-highlight {
	position: absolute;
	top: 6px;
	left: 6px;
	width: calc(50% - 6px);
	height: calc(100% - 12px);
	background: #fff;
	border-radius: 999px;
	box-shadow: 0 1px 0 rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.04);
	transition: transform .3s ease;
	z-index: 1;
}

/* Move highlight */
#seg-zena:checked ~ .seg-highlight { transform: translateX(0%); }
#seg-muz:checked  ~ .seg-highlight { transform: translateX(100%); }

/* Active text color weight */
#seg-zena:checked ~ label[for="seg-zena"],
#seg-muz:checked  ~ label[for="seg-muz"] {
	font-weight: 600;
}

/* Optional: dim inactive */
#seg-zena:checked ~ label[for="seg-muz"],
#seg-muz:checked  ~ label[for="seg-zena"] {
	opacity: .85;
}

/* Move highlight */
#seg-tvar:checked ~ .seg-highlight { transform: translateX(0%); }
#seg-telo:checked  ~ .seg-highlight { transform: translateX(100%); }

/* Active text color weight */
#seg-tvar:checked ~ label[for="seg-tvar"],
#seg-telo:checked  ~ label[for="seg-telo"] {
	font-weight: 600;
}

/* Optional: dim inactive */
#seg-tvar:checked ~ label[for="seg-telo"],
#seg-telo:checked  ~ label[for="seg-tvar"] {
	opacity: .85;
}


/* Card */
.deal-card{
	background: var(--mediskin-light-beige);     /* light beige body (matches your palette) */
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
	display: flex;
	flex-direction: column;
}
.deal-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.deal-media{
	aspect-ratio: 3 / 2;
	overflow:hidden;
	position: relative;
}
.deal-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius: 0;
}

.tags {
	position: absolute;
	top: 15px;
	left: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	z-index: 9999;
}


/* Title / text (re-uses your headline/text classes where present) */
.deal-title{
	color: var(--mediskin-blue);
}
.deal-desc{
	color: var(--mediskin-blue);
	opacity:.85;
	margin:0 0 18px;
}

/* Actions */
.deal-actions{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
	flex: 1;
	align-items: flex-end;
}

/* Buttons (reusing your btn classes with minimal extras) */
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	padding:12px 22px;
	font-weight:600;
}
.btn-pill{ border-radius:999px; }
.btn-main{
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
}
.btn-outline{
	background: var(--mediskin-white);
	color: var(--mediskin-blue);
	border:1px solid rgba(22,40,62,.2);
}

/* Carousel */

.faces-section {
	background: var(--mediskin-light-beige);
	padding: 40px 0 72px;
}


.car-arrows button {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	cursor: pointer;
	border: 0;
	font-weight: 100;
	background-color: transparent;
}

.car-arrows button span {
	font-size: 72px;
	color: var(--mediskin-blue);
	line-height: 1;
	font-weight: 100 !important;
	transition: .3s ease;
}
.car-arrows button:hover span {
	color: var(--mediskin-dark-green);
}



.faces-carousel .owl-stage, .novinky-carousel .owl-stage {
	display: flex;
}

.face-card {
	background: var(--mediskin-dark-green);
	overflow: hidden;
	color: var(--mediskin-white);
	height: 100%;
}

.deal-media img {
	border-radius: 25px 25px 0 0;
}

.face-inner {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 16px;
	align-items: end;
	min-height: 300px;
	height: 100%;
}



.face-copy p {
	margin: 0 0 16px;
	color: var(--mediskin-white);
	opacity: .95;
}

.face-meta .name {
	color: var(--mediskin-white);
}

.face-meta .role {
	color: var(--mediskin-white);
	opacity: .75;
}

.face-photo {
	position: relative;
	display: flex;
	align-items: end;
	justify-content: center;
	min-height: 260px;
}

.face-photo img {
	max-width: 90%;
	height: auto;
	display: block;
	position: relative;
	z-index: 2;
}

.face-shape {
	position: absolute;
	inset: auto 0 0 0;
	height: 85%;
	z-index: 1;
	background: transparent;
}

.face-shape::before {
	content: "";
	position: absolute;
	right: 10%;
	bottom: 10%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: color-mix(in oklab, var(--mediskin-white) 35%, transparent);
	filter: blur(8px);
	opacity: .35;
}

.faces-dots, .novinky-dots {
	display: flex;
	justify-content: center;
}

.faces-dots .owl-dot, .novinky-dots .owl-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	margin: 0 4px;
	background: color-mix(in oklab, var(--mediskin-blue) 25%, transparent);
}

.faces-carousel .owl-stage {
	padding-left: 0 !important;
}

.faces-carousel .owl-stage-outer {
	overflow: hidden;
}

.face-card {
	border-radius: 30px;
	overflow: hidden;
	margin-right: 0;
}

.faces-carousel .owl-item {
	padding-right: 0;
}

.faces-carousel .owl-stage {
	margin-left: 0 !important;
}

.container .faces-carousel.owl-carousel {
	padding-left: 0;
}

.news_card {
	background-color: var(--mediskin-light-beige);
}

/***/

.col-rev {
	flex-direction: column-reverse !important;
}

.medi-badge img {
	max-width: 60px;
	max-height: 60px;
	width: 100%;
	margin-left: 20px;
}

.medi-badge img {
	display: inline-flex;
}

.medi-badge-abs {
	position: absolute;
	top: -30px;
	right: 0;
}

.icon-dovody img {
	max-width: 100px;
	width: 100px;
	height: 100%;
}

.medi-badge-abs img {
	max-width: 110px;
	width: 100%;
}

/* wrapper */

.cta-card {
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
}

/* layout */
.cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: clamp(24px, 2.4vw, 64px);
	align-items: start;
}


.cta-contacts {
	list-style: none;
	padding: 0;
	margin: 24px 0 0;
	display: grid;
	gap: 14px;
}

.cta-contacts li {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--mediskin-white);
}

.mediskin-submenu .cta-contacts li {
	justify-content: center;
}

.cta-contacts .ico {
	color: var(--mediskin-dark-green);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cta-contacts a {
	color: var(--mediskin-white);
	text-decoration: none;
}

.cta-icon {
	width: auto;
	margin-right: 10px;
	display: inline-block;
	position: absolute;
	left: 10px;
}

.first-section {
	padding-top: 140px;
}
.first-section-header {
	padding-top: 97px;
}

#napiste-nam a:hover  {
	color: var(--mediskin-dark-green) !important;
}

.footer-contacts .cta-icon {
	width: 30px;
	max-width: 30px;
	margin-right: 12px;
	position: relative;
	left: unset;
}


.cta-form-btn {
	background-color: var(--mediskin-white) !important;
	padding: 13px 28px 15px !important;
	border-radius: 50px !important;
	color: var(--mediskin-blue) !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: inherit !important;
	line-height: 16px !important;
	margin-bottom: 0 !important;
}


.forminator-textarea--wrap textarea {
	border-width: 0 0 1px 0 !important;
}

label.forminator-label {
	padding-left: 0 !important;
	color: var(--mediskin-white) !important;
	font-size: 16px !important;
}

.forminator-input::placeholder,
.forminator-textarea::placeholder{
	color: var(--mediskin-light-grey) !important;
	font-size: 13px !important;
	font-weight: 300;
	opacity: 1; /* makes sure color shows fully */
}

.cta-form .forminator-input,
.cta-form .forminator-textarea {
	background-color: rgba(43, 71, 113, 0.5) !important;
	font-size: 16px !important;
	border-radius: 4px !important;
	border: 1px solid transparent !important;
}
.cta-form .forminator-input {
	padding-right: 44px !important;
}

.newsletter .forminator-input {
	background-color: var(--mediskin-white) !important;
	font-size: 16px !important;
}

.newsletter .forminator-input::placeholder {
	color: var(--mediskin-blue) !important;
}

		/* submit buttons coming from shortcode */
.cta-form .btn,
.cta-form input[type="submit"],
.cta-form button[type="submit"]{
	background: var(--mediskin-white);
	color: var(--mediskin-blue);
	border: 0;
	border-radius: 999px;
	padding: 12px 22px;
	font-weight: 600;
	cursor: pointer;
}
.cta-form .btn:hover,
.cta-form input[type="submit"]:hover,
.cta-form button[type="submit"]:hover{
	filter: brightness(.95);
}

/* spacing harmony for common form plugins */
.cta-form .form-row,
.cta-form p,
.cta-form .wpcf7-form-control-wrap,
.cta-form .forminator-field {
	margin-bottom: 18px;
}

/***/

/* Layout */
.pro-grid {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 48px;
	align-items: center;
}


.pro-media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.pro-media {
	position: relative;
}

.pro-badge {
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: var(--mediskin-orange);
	color: var(--mediskin-blue);
	display: grid;
	place-items: center;
	font-weight: 700;
	font-size: 40px;
	box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Content */
.pro-content { color: var(--mediskin-blue); }

/* Features row */
.pro-features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}


.pro-feature {
	background: var(--mediskin-light-beige);
	padding: 24px 18px;
	place-items: center;
	text-align: center;
	text-align: -webkit-center;
}
.pro-ico {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	margin-bottom: 10px;
	text-align: center;
	text-align: -webkit-center;
}

.pro-ico img {
	max-height: 60px;
	height: auto;
	width: 100%;
	padding: 7px;
}

/* Caption under image */
.pro-caption {
	color: var(--mediskin-blue);
	opacity: .75;
	text-align: left;
	margin-top: 12px;
}

.global-intro {
	align-content: center;
}


.breadcrumb {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 3px 5px;
}

.breadcrumb li {
	display: flex;
	align-items: center;
}

.detail-specs-info {
	margin-bottom: 5px;
}

.breadcrumb li a {
	color: var(--mediskin-blue);
	text-decoration: none;
}

.breadcrumb li::after {
	content: "›";
	margin: 0 8px;
	color: var(--mediskin-blue);
}

.breadcrumb_ li:last-child::after {
	content: "";
}

.breadcrumb li.active {
	color: var(--mediskin-dark-green);
}

/**/

.treatments-panel{
	background: var(--mediskin-light-beige);
}


.treat-badge {
	display:inline-block;
	background: var(--mediskin-dark-green);
	color: var(--mediskin-white);
	padding: 8px 40px;
	border-radius: 999px;
}

.treat-grid .treat-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px 32px; /* row-gap / col-gap */
	list-style: none;
	padding: 0;
	margin: 0;
}

.treat-grid .treat-list li {
	position: relative;
	padding-left: 25px;
	color: var(--mediskin-blue);
	font-size: 22px;
	line-height: 1.5;
	font-weight: 300;
}

.treat-grid .treat-list li::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 11px;
	background: var(--mediskin-dark-green);
}
.treat-grid .treat-list li a {
	text-decoration: none;
}

/* Ošetrenia tváre */

.area-pills {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 18px;
}

.pill {
	width: 100%;
	background: var(--mediskin-light-beige);
	color: var(--mediskin-blue);
	border-radius: 999px;
	padding: 28px 22px;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
	text-align: left;
	border: 0 !important;
}

.pill img {
	width: 32px;
	height: 32px;
}
.pill:is(:hover,:focus-visible) {
	border-color: var(--mediskin-dark-green);
}
.pill.is-active {
	background: var(--mediskin-dark-green);
	color: var(--mediskin-white);
}

.face-board {
	position: relative;
	overflow: hidden_;
}
.face-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 28px;
}

.card-title {
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}


.hotspot {
	--size: 22px;
	position: absolute;
	left: var(--x);
	top: var(--y);
	transform: translate(-50%, -50%);
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background: var(--mediskin-dark-green);
	border: 3px solid color-mix(in oklab, var(--mediskin-white) 90%, transparent);
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.hotspot:hover,
.hotspot:focus-visible {
	transform: translate(-50%, -50%) scale(1.08);
	box-shadow: 0 0 0 6px color-mix(in oklab, var(--mediskin-dark-green) 25%, transparent);
}

.hotspot.is-active {
	background: var(--mediskin-light-green);
}

/* Tooltip bubble */
.hotspot-tooltip {
	position: absolute;
	max-width: 70%;
	/* left: auto;
	top: 10%;
	right: 10%; */
	padding: 14px 28px;
	background: var(--mediskin-light-green);
	color: var(--mediskin-white);
	font-size: 22px;
	line-height: 1.25;
	border-radius: 20px;
	display: none;
	z-index: 99;
	transform: translate(5px, 5px);
	min-width: 140px;
}

.hotspot-tooltip.show {
	display: block;
}
.hotspot-tooltip small {
	display:block; font-size:16px; opacity:.95;
}

.h100 {
	height: 100%;
}


.offer-card {
	position: relative;
	background: var(--mediskin-light-beige);
	z-index: 9;
}


.team-card {
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.team-card .team-thumb {
	flex-grow: 1;
}

.team-card img {
	height: unset;
}

.doctor-text {
	display_: flex;
	flex-direction_: column;
	justify-content_: center;
	height_: 100%; /* needed so it fills the column */
}


.treatment-thumb {
	height: 100%;
	max-height: 150px;
}

.offer-badge {
	display: inline-block;
	color: var(--mediskin-white);
	padding: 16px 18px 100px 18px;
	border-radius: 999px;
	line-height: 1;
	text-align: center;
	width: 100%;
	font-weight: 400 !important;
}


.img-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px; /* space between icon and text */
	text-decoration: none;
}

.img-btn img {
	width: 32px;   /* adjust as needed */
	height: 32px;
	display: block;
	object-fit: cover;
}

.pos-relative {
	position: relative;
}

.offer-card-tag {
	position: absolute;
	top: -50px;
	z-index: 0;
	width: 100%;
	background-color: var(--mediskin-dark-green);
}

.age-offers .offer-thumb {
	background-color: unset;
}

.offer-thumb {
	background: var(--mediskin-light-grey);
	overflow: hidden;
	width: fit-content;
}

.offer-thumb_ img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.team-thumb {
	overflow: hidden;
}
.team-thumb img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.offer-price {
	color: var(--mediskin-blue);
}

.offer-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

/* Make buttons match screenshot proportions using your button classes */
.offer-actions .btn-main,
.offer-actions .btn-secondary {
	border-radius: 28px;
	padding: 10px 26px;
	font-size: 16px;
}

.sticky-bottom-tabs{
	position: sticky;
	bottom: 0;
	z-index: 1000;
	background: transparent;
	margin: 0;
	margin-top: -60px;
}

.treat-img {
	height: auto;
}

.sticky-bottom-tabs .tabs-inner{
	max-width: 1200px;
	margin: 0 auto;
	background: var(--mediskin-light-green);
	border-radius: 999px;
	overflow: hidden;
}

.spec {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 14px;
	align-items: center;
	padding: 20px 0;
}

.spec-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
}

.about-treat {
	position: relative;
	z-index: 9;
}

.tabs-list{
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 8px;
	padding: 48px 28px;
	margin: 0;
	list-style: none;
}

.tab-link{
	color: var(--mediskin-white);
	text-decoration: none;
	padding: 10px 14px;
	border-radius: 999px;
	transition: all .3s ease;
}

.tab-link:hover,
.tab-link:focus-visible{
	background_: rgba(255,255,255,.15);
}
.tab-link.is-active{
	background_: rgba(255,255,255,.22);
}

.accordion {
--bs-accordion-btn-bg: transparent !important;
}


.price-table {
	width:100%;
	border-collapse: separate;
	border-spacing:0;
	font-size:18px;
	color: var(--mediskin-blue);
}

.price-table tbody {
	margin-bottom: 20px;
}

.price-table .group-head th{
	background: var(--mediskin-beige);
	font-weight:600;
	text-align:left;
	padding: 20px 40px;
	max-width: 400px;
}

.price-table td{
	background: var(--mediskin-white);
	padding: 18px 40px;
	vertical-align:middle;
}

.price-table tr.alt td{
	background: var(--mediskin-light-grey);
}

.price-table .price{
	white-space:nowrap;
}

.price-table tbody tr:nth-child(odd) td {
	background-color: var(--mediskin-light-grey);
}


.price-table .badge-pill{
	display:inline-block;
	background: var(--mediskin-dark-green);
	color: var(--mediskin-white);
	font-size:13px;
	line-height:1;
	padding:6px 12px;
	border-radius:999px;
	margin-right:10px;
}




.more-tables{
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	margin-top: 0;
	transition: max-height .45s ease, opacity .35s ease, margin-top .35s ease;
}

.more-tables.is-open{
	opacity: 1;
	margin-top: 8px;
}

/**/
.clinic-gallery .gallery-item {
	overflow: hidden;
}
.clinic-gallery .gallery-item img {
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 24px;
}

/* Dots */
.gallery-dots {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 8px;
}
.gallery-dots .owl-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	margin: 4px 0;
	background: color-mix(in oklab, var(--mediskin-blue) 25%, transparent);
}
.gallery-dots .owl-dot.active {
	background: var(--mediskin-blue);
}

/* Vertical Arrows */
.gallery-prev,
.gallery-next {
	position: absolute;       /* needs override */
	left: 50%;               /* center horizontally */
	transform: translateX(-50%);
	background: rgba(0,0,0,0.4);
	border: none;
	color: #fff;
	font-size: 24px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.3s;
	z-index: 10;
}
.gallery-prev:hover,
.gallery-next:hover {
	background: rgba(0,0,0,0.6);
}

.gallery-prev { top: -20px; }
.gallery-next { bottom: -20px; }



/* Info card */
.info-card {
	background: var(--mediskin-dark-green);
	color: var(--mediskin-white);
}

.info-card li {
	margin-bottom: 1em;
	position: relative;
	padding-left: 40px;
}

.styled-list {
	list-style: none;
	margin: 0;
	padding-left: 15px;
}
.info-card li::before {
	content: "";
	height: 15px;
	width: 15px;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 6px;
	background: var(--mediskin-white);
}
/* Info list */
.info-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 45px;   /* smaller gap in vertical layout */
}

.info-list li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.a-contant {
	text-decoration: none;
}

/* Price block */
.price-detail {
	display: grid;
	gap: 8px; }

/* Row with old price + badge */
.price-top {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

/* Old price with strike */
.price-old {
	position: relative;
	color: var(--mediskin-blue);
	opacity: .7;
}

.price-old::after{
	content:"";
	position:absolute;
	left: -2px;
	right: -2px;
	top: 52%;
	height: 2px;
	background: color-mix(in oklab, var(--mediskin-blue) 75%, transparent);
	transform: translateY(-50%);
}

/* Discount badge */
.price-badge{
	background: var(--mediskin-dark-green);
	color: var(--mediskin-white);
	padding: 6px 14px;
	border-radius: 999px;
	line-height: 1;
	white-space: nowrap;
}

.blog-list li {
 	margin-bottom: 10px;
}

.cit-author::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 2px;
	margin-bottom: 5px;
	background: var(--mediskin-blue);
	margin-right: 10px;
}


/* ===== Forminator Radios & Checkboxes styled as pills ===== */

/* hide native input */
.forminator-radio input[type="radio"],
.forminator-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* hide default markers */
.forminator-radio-bullet,
.forminator-col:not(.forminator-field-consent) .forminator-checkbox-box {
	display: none !important;
}

.forminator-checkbox__label {
	margin-top: 5px;
}

/* pill base (label text acts as pill) */
.forminator-radio .forminator-radio-label,
.forminator-checkbox .forminator-checkbox-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	text-align: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: #2F4363;   /* unselected pill */
	color: #fff;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, box-shadow .2s ease;
	font-size: 16px;
}

/* checked state (radio + checkbox) */
.forminator-radio input[type="radio"]:checked + .forminator-radio-bullet + .forminator-radio-label,
.forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-box + .forminator-checkbox-label {
	background: var(--mediskin-dark-green);
}

/* hover / focus */
.forminator-radio:hover .forminator-radio-label,
.forminator-checkbox:hover .forminator-checkbox-label {
	box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}

.forminator-radio input[type="radio"]:focus-visible + .forminator-radio-bullet + .forminator-radio-label,
.forminator-checkbox input[type="checkbox"]:focus-visible + .forminator-checkbox-box + .forminator-checkbox-label {
	box-shadow: 0 0 0 3px rgba(255,255,255,.18);
	outline: 0;
}

/***
Menu dropdown
**/

.main-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 44px;
}

.main-menu > li {
	position: relative;
}

.main-menu a {
	text-decoration: none;
	padding: 10px 0;
	display: block;
	color: #333;
}

.sub-menu {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 200px;
	display: none;
	transition: all .3s ease;
	background-color: var(--mediskin-white);
}
.home .sub-menu {
	background-color: transparent;
}
.single-osetrenia .sub-menu, .single-akcie .sub-menu, /* .page-template-about-us .sub-menu, */
.page-template-book .sub-menu {
	background-color: var(--mediskin-beige);
}
.scrolled .sub-menu {
	background-color: var(--mediskin-white);
}


.sub-menu li a {
	padding: 10px;
	white-space: nowrap;
}

.menu-item-has-children:hover > .sub-menu {
	display: block;
}

.menu-item-has-children > a {
	position: relative;
	padding-right: 18px; /* space for chevron */
}

.menu-item-has-children > a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 55%;
	width: 12px;
	height: 16px;
	background: url("/wp-content/uploads/2025/08/chevron.svg") no-repeat center center;
	background-size: contain;
	transition: all 0.3s ease;
	transform: translateY(-50%) rotate(180deg);
}

.home .menu-item-has-children > a::after {
	filter: brightness(0) invert(1); /* makes it white */
}

/* Rotate when submenu is open (hover desktop) */
.menu-item-has-children:hover > a::after,
.menu-item-has-children.active > a::after {
	transform: translateY(-50%);
}

.novinky-carousel,
.faces-carousel {
	margin-right: calc(50% - 50vw);
	width: auto;
	overflow: hidden;
}

.owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
}

.owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--mediskin-white); /* beige color */
	transition: all 0.3s ease;
	border: 0 !important;
}

.faces-dots .owl-dot.active, owl-dot {
	background: var(--mediskin-light-green); /* beige color */
}

.novinky.owl-dots .owl-dot.active {
	background: var(--mediskin-light-beige); /* beige color */
}

.owl-dots .owl-dot.active {
	width: 48px;   /* elongated */
	height: 10px;
	border-radius: 999px; /* pill shape */
}

.content-main .row {
	padding: 24px 0;
}


.archive .treatment-card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}


.archive .offer-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 1 auto;
}
.fs-40 {
	font-size: clamp(32px, 4vw, 40px) !important;
}
.fs-25 {
	font-size: clamp(25px, 3vw, 25px) !important;
}
.akcie-card .deal-actions .med-btn {
	width: calc(50% - 7px);
}
.face-copy {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.novinky-dots .owl-dot.active {
	background: var(--mediskin-beige);
}
.forminator-checkbox.forminator-consent .forminator-checkbox-box {
	background-color: rgba(43, 71, 113, 0.5) !important;
	border-radius: 4px !important;
	border: 1px solid transparent !important;
}
.gutter-64 {
	--bs-gutter-x: 64px;
}

.gutter-x-108 {
	--bs-gutter-x: 108px;
}

.deal-actions.da-two-btns .med-btn.btn-main, .deal-actions.da-two-btns .med-btn.btn-secondary  {
	width: calc(50% - 8px);
	padding: 16px 30px;
}


.cta-call-book .medi-badge img {
	max-width: 45px;
	max-height: 45px;
	width: 100%;
	margin-left: 10px;
	margin-top: -10px;
}
.archive .treatment-card.age-offer-card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: calc(100% - 48px);
}
.archive .treatment-card.age-offer-card .offer-price, .treatment-card .offer-price  {
	flex-grow: 1;
	margin-top: auto;
	align-content: end;
}

.single-treat-top_ .pro-ico {
	height: 40px;
}
.treatment-deco-img {
	position: absolute;
	left: -70px;
	bottom: -30px;
	max-width: 350px;
}
.opacity50 {
	opacity: 50%;
}
.newsletter .forminator-checkbox.forminator-consent .forminator-checkbox-box {
	background-color: #fff !important;
}
.is-search-form_,
.search-form {
	border: 2px solid var(--mediskin-dark-green);
	border-radius: 50px;
	padding: 12px 45px;
}
.is-search-form_::placeholder,
.search-form::placeholder {
	color: var(--mediskin-dark-green);
}
.is-search-form-holder_,
.search-form-holder {
	position: relative;
}
.is-search-form-holder_:after,
.search-form-holder:after {
	content: "";
	position: absolute;
	height: 58px;
	width: 58px;
	border-radius: 100px;
	background-color: var(--mediskin-dark-green);
	top: 0;
	right: 0;
	background-image: url(/wp-content/themes/mediskin/assets/img/search-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
}
.treatments-panel .treat-group:last-of-type {
	margin-bottom: 0 !important;
}

.is-search-form_:focus,
.search-form:focus{
	box-shadow: unset;
	border-color: var(--mediskin-dark-green);
}
.treat-badge {
	padding: 8px 25px;
}
.card-title .team-card {
	justify-content: flex-end;
}
.about-us .team-card .icon-dovody {
	flex-grow: 1;
}


.gall-dots .owl-dot {
	background: var(--mediskin-beige);
}
.post-badges {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.post-badges .tag-cat, .post-badges .tag-date {
	padding: 6px 22px;
}




body .cky-notice-btn-wrapper .cky-btn, body .cky-prefrence-btn-wrapper .cky-btn {
	color: var(--mediskin-blue) !important;
	border-color: var(--mediskin-blue) !important;
	background-color: transparent !important;
	border-radius: 50px !important;
	border-width: 1px !important;
	opacity: 1 !important;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-reject {
	color: var(--mediskin-blue) !important;
	border-color: var(--mediskin-blue) !important;
	background-color: transparent !important;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-accept,
body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept {
	color: var(--mediskin-white) !important;
	border-color: var(--mediskin-blue) !important;
	background-color: var(--mediskin-blue) !important;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-reject:hover, body .cky-notice-btn-wrapper .cky-btn:hover,
body .cky-prefrence-btn-wrapper .cky-btn:hover {
	background-color: var(--mediskin-blue) !important;
	color: var(--mediskin-white) !important;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-accept:hover,
body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept:hover {
	background-color: var(--mediskin-white) !important;
	color: var(--mediskin-blue)  !important;
}
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy, .cky-dma-content-wrapper a.cky-policy, .cky-dma-content-wrapper button.cky-policy {
	color: var(--mediskin-blue) !important;
}
.cky-notice-des a.cky-policy:hover, .cky-notice-des button.cky-policy:hover, .cky-dma-content-wrapper a.cky-policy:hover, .cky-dma-content-wrapper button.cky-policy:hover {
	color: var(--tu-ba-pink) !important;
}
div[data-cky-tag="powered-by"] {
	display: none !important;
}

.cky-consent-container .cky-consent-bar, .cky-preference-center, .cky-audit-table {
	border-radius: 0 !important;
}
body .cky-preference-content-wrapper .cky-show-desc-btn {
	color: var(--mediskin-blue) !important;
}
body .cky-notice-des a.cky-policy, body .cky-notice-des button.cky-policy, body .cky-dma-content-wrapper a.cky-policy, body .cky-dma-content-wrapper button.cky-policy {
	font-size: 16px !important;
	white-space: normal;
}
body .cky-footer-shadow {
	display: none !important;
}
body .cky-consent-bar .cky-banner-btn-close {
	right: 0;
	top: 8px;
}
body button.cky-btn-close {
	position: absolute;
	right: 0;
	top: 8px;
}
.deal-badges.mb16 {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.row price-table:last-of-type {
	margin-bottom: 0;
}
.sale-badges {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.info-card li:last-of-type  {
	margin-bottom: 0;
}
.footer .cta-contacts li {
	gap: 0;
}



/* SUBMENU */
.mediskin-submenu {
	display: block;
	position: absolute;
	left: calc(50% - 525px);
	top: 60px;
	width: 1050px;
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	padding-top: 19px;
}
.mediskin-submenu.less-width {
	width: 900px;
	left: calc(50% - 450px);
}
.mediskin-submenu.show { /* show */
	opacity: 1;
	visibility:visible;
	z-index: 10;
}
.mediskin-submenu .medi-badge_ img {
	max-width: 40px;
	max-height: 40px;
	width: 100%;
	margin-left: 10px;
}
#main-menu .mediskin-submenu .cta-contacts a {
	color: #fff;
}
.mediskin-submenu .cta-card {
	width: 350px;
}

.mediskin-submenu .med-btn {
	width: 100%;
}

.m-subm-flex {
	display: flex;
	gap: 35px;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
.m-submenu-1 {
	display: flex;
	gap: 50px;
	padding-top: 20px;
	flex-grow: 1;
}
.m-submenu-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m-sub-first {
	display: flex;
	gap: 10px;
	align-items: center;
	min-width: 150px;
}
.m–sub-icon-holder {
	display: block;
	height: 55px;
	width: 55px;
	background: var(--mediskin-dark-green);
	border-radius: 10px;
	padding: 15px;
	transition: all .3s ease;
}
.m–sub-icon {
	width: 25px;
	height: 25px;
}
.m-sub-second-link {
	margin-left: 75px;
}

.m-submenu-2 {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-top: 34px;
	border-left: 1px solid #ABABAB;
	padding-left: 35px;
	min-width: 250px;
}
.mediskin-submenu .cta-contacts a:hover {
	color: var(--mediskin-dark-green);
}
.mediskin-submenu a {
	text-decoration: none;
}
.m-submenu-1 a, .m-submenu-2 a {
	transition: all .3s ease;
}
.m-submenu-1 a:hover, .m-submenu-2 a:hover {
	color: var(--mediskin-dark-green);
}
.m-submenu-1 a:hover .m–sub-icon-holder {
	background: var(--mediskin-dark-green-2);
}
.mediskin-submenu  .cta-icon {
	width: 30px;
	margin-right: 0;
}
.mediskin-submenu .btn-secondary  {
	padding: 10px 40px;
}


/* MOBILE MENU TEST */
.burger-menu {
	display: none;
}
.burger-menu {
	z-index: 999999999;
	padding: 0;
	position: relative;
	background: #94AC9C80;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
.burger-menu .inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;

}
.burger-menu figure {
	cursor: pointer;
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.burger-menu figure .inner {
	width: 30px;
	height: 11px;
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
}
.burger-menu figure .inner span:nth-child(1) {
	top: 0;
}
.burger-menu figure .inner span {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 1px;
	background-color: #fff;
	transition: all .3s ease;
}
.burger-menu figure .inner span:nth-child(3) {
	top: 8px;
}
.burger-menu figure.foldin .inner span:nth-child(1) {
	transform: rotate(-45deg) translateY(4px) translateX(-3px);
}
.burger-menu figure.foldin .inner span:nth-child(3) {
	transform: rotate(45deg) translateY(-3px) translateX(-2px);
}
.burger-menu figure.foldin .inner {
	transition: all .3s ease;
}
.burger-menu figure.foldin .inner {
	transform: translateX(-0.5px);
}
.app {
	position: relative;
	background: #fff;
	transition: transform 0.5s ease, height 0.5s ease, top 0.5s ease, box-shadow .5s ease;
	transform-origin: right center;
	width: 100vw;
	overflow: visible;
	height: 100dvh;
	z-index: 999;
}
.app-content-holder {
	overflow: scroll;
	height: 100%;
}

.mobile-menu {
	position: fixed;
	inset: 0;
	width: 100vw;
	color: #fff;
	padding: 18px 12px 0;
	display: flex;
	flex-direction: column;
	z-index: 40;
	transform: translateX(-50%);
	transition: transform 0.5s ease;
	background: var(--mediskin-dark-green);
	height: 100dvh;
}

/* ===== TOGGLE STATE ===== */
.menu-open .mobile-menu {
	transform: translateX(0);
}

.menu-open .app {
	transform: translateX(50vw) scale(0.70) translateY(90px);
	border-radius: 25px;
	position: fixed;
}
.app .app-hidden {
	overflow: hidden !important;
	height: 100dvh;
	background: #fff;
}
.menu-open .app .app-hidden {
	border-radius: 25px !important;
	overflow: hidden !important;
	background: var(--mediskin-dark-green);
}
.menu-open .app .app-content-holder {
	border-radius: 25px !important;
	background: var(--mediskin-white);
}
.app .app-before {
	position: absolute;
	z-index: -1;
	border-radius: 25px;
	width: 100px;
	height: auto;
	top: 45px;
	left: -30px;
	bottom: 45px;
	background: #D9D9D980;

}
.app .app-cover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999999;
	pointer-events: none;
	overflow: visible;
}
.menu-open .app .app-cover {
	pointer-events: all;
}

.bg-behind {
	position: fixed;
	top: 0;
	left: calc(var(--menu-width) - 20px);
	bottom: 0;
	width: 24px;
	background: rgba(255,255,255,.25);
	border-radius: 20px;
	z-index: 35;
	opacity: 0;
	transition: opacity var(--duration) ease;
	pointer-events: none;
}
.menu-open .bg-behind {
	opacity: 1;
}

/* ===== DEMO CONTENT ===== */
.hamburger {
	width: 38px;
	height: 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}
.hamburger span {
	display: block;
	height: 3px;
	background: #263342;
	border-radius: 999px;
}

body {
	background: var(--mediskin-dark-green);
	overflow: hidden;
}

.mobile-menu .mediskin-logo {
	width: fit-content;
}

/* on bigger screens just show normal page */
@media (min-width: 992px) {
	.mobile-menu {
		display: none;
	}
	.app {
		transform: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	.bg-behind {
		display: none;
	}
}
.mobile-menu .main-menu {
	flex-direction: column;
	gap: 15px;
}

.mobile-menu .main-menu a {
	padding: 0;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
}
.mobile-menu .burger-menu {
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	transition: opacity .5s ease;
}
.menu-open .mobile-menu .burger-menu {
	opacity: 1;
}
.mobile-menu .main-logo {
	filter: brightness(0) invert(1);
}
.mobile-menu a.btn-kontakt {
	border: 1px solid var(--mediskin-blue);
	padding: 10px 15px;
	display: block;
	color: #fff;
	background-color: var(--mediskin-blue);
	width: fit-content;
	font-size: 14px;
	margin-left: 15px;
}
.mobile-menu-content {
	flex-direction: column;
	gap: 20px;
	max-width: 55vw;
	padding-top: 100px;
	padding-bottom: 30px;
}
.mobile-menu .cta-contacts {
	flex-direction: row;
	display: flex;
	gap: 8px;
	margin-left: 15px;
}
.mobile-menu .cta-contacts .icon-social {
	filter: brightness(0) invert(1);
}
.mobile-menu .language-btn {
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	margin-left: 15px;
}
.mobile-menu .mobile-menu-icon_x {
	padding-left: 20px;
}
.mobile-menu .mobile-menu-icon_x:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	background-image: url(/wp-content/uploads/2025/10/mediskin-person.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 3px;
	left: 0;
}

.mobile-menu .main-menu > li {

	margin-left: 15px;
	width: fit-content;
}
.mobile-menu .main-menu > li a {
	padding-right: 15px;
}
.mobile-menu li.menu-item-has-children .sub-menu {
	display: flex !important;
	overflow: hidden;
	max-height: 0;
	flex-direction: column;
	padding: 0 15px;
	background: #D9D9D980;
	position: relative;
	border-radius: 10px;
	gap: 10px;
	top: 10px;
	width: 170px;
	min-width: unset;
	transition: all 0.3s ease;
}
.mobile-menu li.menu-item-has-children.active .sub-menu {
	max-height: 200px;
}
.mobile-menu li.menu-item-has-children .sub-menu li:first-of-type {
	margin-top: 15px;
}
.mobile-menu li.menu-item-has-children .sub-menu li:last-of-type {
	margin-bottom: 15px;
}

 .desktop-navbar {
	transition: border-top-left-radius .5s ease, background-color 0.3s ease;
}
.menu-open .app .desktop-navbar {
	border-top-left-radius: 25px;
}
.mobile-menu .menu-item-has-children > a::after {
	transform: translateY(-50%) rotate(180deg) !important;
}
.mobile-menu .menu-item-has-children.active > a::after {
	transform: translateY(-50%) !important;
}
.mobile-menu .menu-item-has-children > a::after {
	right: unset;
	top: 55%;
	width: 12px;
	height: 15px;
	margin-left: 7px;
	filter: brightness(0) invert(1);
}
.mobile-menu-content-holder {
	height: calc(100dvh - 68px);
	overflow-y: scroll;
	margin-right: -12px;
}
.google-reviews-row {
	margin-right: calc(50% - 50vw);
}
.google-reviews-row .emmNPp .swiper {
	padding-right: 12px;
}
.padright0 {
	padding-right: 0;
}
.reviews-dots .owl-dots .owl-dot {
	background: var(--mediskin-beige);
	margin: 0px 4px;
}
.reviews-dots .owl-dots .owl-dot.active {
	background: var(--mediskin-light-green);
}
.treat-empty-msg{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity .25s ease, max-height .25s ease;
}

.treat-empty-msg.is-visible{
	opacity: 1;
	max-height: 200px; /* stačí na 1–2 riadky */
}




/* ===============================
   FLOOR SELECT POPUP – CSS
   =============================== */

/* BACKDROP */
.popup-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-backdrop.active {
	opacity: 1;
	visibility: visible;
}

/* MAIN POPUP */
.treatment-popup {
	position: fixed;
	bottom: -100%;
	left: 12px;
	width: calc(100vw - 24px);
	background: var(--mediskin-light-beige);
	z-index: 100000;
	text-align: left;
	border-radius: 16px 16px 0 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, bottom 0.3s ease;
}

.treatment-popup.active {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

/* DRAG LINE */
.popup-black-line {
	display: block;
	width: 180px;
	padding: 20px 0;
	margin: auto;
	margin-bottom: 40px;
}

.popup-black-line .line {
	display: block;
	width: 180px;
	border-top: 1px solid #000;
	opacity: 1;
}

/* CONTENT WRAPPER */
.treatment-popup-content {
	padding: 0 16px 50px;
	max-height: calc(100dvh - 80px);
	overflow-y: auto;
}

/* FLOORS LIST */
.treatment-cats {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: -12px;
}

/* FLOOR LINK */
a.treat-cat-item {
	font-size: 20px;
	width: calc(100% - 120px);
	padding: 12px 5px 12px 12px;
	border-bottom: 1px solid var(--mediskin-light-green);
	text-decoration: none;
	color: var(--mediskin-blue);
	line-height: 1em;
	transition: all 0.3s ease;
}
.treat-cat-item img {
	display: inline-block;
	height: 1.25em;
	width: 1.25em;
	position: relative;
	top: -0.1em;
	margin-right: 12px;
}
a.treat-cat-item:hover {
	background-color: rgba(255,255,255, 0.4);
}


.mob-popup-treat-img {
	position: absolute;
	right: 0;
	bottom: -20px;
	z-index: -1;
	height: 525px;
	width: auto;
}
.mob-popup-treat-img.telo {
	bottom: 10px;
}

/* TABLET IMAGE */
.tab-popup-treat-img {
	display: none;
}


/* BODY LOCK */
body.popup-open {
	overflow: hidden !important;
}

.select-treat-area {
	display: none !important;
}

a.select-treat-area {
	position: absolute;
	top: calc(100% - 18px);
	left: 36px;
	right: 36px;
	width: auto;
	font-size: 20px;
	line-height: 24px;
	padding: 15px;
}
.select-treat-area img {
	display: inline-block;
	height: 25px;
	width: auto;
	margin-right: 8px;
}

.team-desc {
	background-color: var(--mediskin-beige);
	position: absolute;
	bottom: 20px;
	width: 90%;
	left: 5%;
}
.map iframe {
	aspect-ratio: unset;
	display: block;
	height: 30vw;
	min-height: 450px;
	width: 100%;
}
.progress-line-holder {
	width: 0;
	height: 3px;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 99;
	transition: opacity .3s ease;
}

.progress-line-holder .progress-line {
	width: 100%;
	height: 100%;
	background: var(--mediskin-blue);
	position: relative;
}

.menu-open .app .progress-line-holder {
	opacity: 0;
}


/* Safari fix: zabráni "blikaniu" overlay prvkov počas transform animácie */
.novinky-carousel .deal-media,
.novinky-carousel .tags {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

/* aby overlay bolo stabilne nad obrázkom */
.novinky-carousel .deal-media { position: relative; }
.novinky-carousel .tags { position: absolute; z-index: 3; }
.novinky-carousel img { display: block; }






.popup-backdrop {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 99999;
}
.form-popup {
	position: fixed;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: max(950px, 50vw);
	background: var(--mediskin-beige);
	z-index: 100000;
	text-align: center;
	min-height: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.popup-backdrop,
.form-popup {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup-backdrop.active,
.form-popup.active {
	opacity: 1;
	visibility: visible;
}
.close-popup-btn {
	position: absolute;
	right: 32px;
	top: 32px;
	width: 32px;
	height: 32px;
	text-decoration: none;
	font-size: 32px;
	transition: all .3s ease;
	line-height: 0.8em;
}
.newline {
	display: block;
}
input.forminator-input::placeholder, textarea.forminator-textarea::placeholder {
	opacity: 0.5 !important;
}
.newsletter .forminator-design--flat .forminator-input, .newsletter .forminator-design--flat .forminator-textarea {
	color: var(--mediskin-blue) !important;
}
.forminator-design--flat .forminator-label .forminator-required {
	color: var(--mediskin-white) !important;
}
.gallery-item img {
	cursor: pointer;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
	background-color: transparent;
	padding: 0;
	color: var(--mediskin-white);
	font-family: 'TWK Everett', sans-serif;
	font-weight: 100;
	margin-top: -22px;
}
thead th {
	font-synthesis: none;
}
.is-menu.is-dropdown form:before {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.15);
}
.is-menu.is-dropdown form:before,
body div.is-ajax-search-details:before,
body div.is-ajax-search-result:before {
	content: "";
	position: absolute;
	left: -1000px;
	right: -1000px;
	top: 0;
	bottom: -1px;
	background-color: #F9F9F9;
}
body .is-form-style label {
	z-index: 9;
}

li.astm-search-menu.is-menu.is-dropdown.menu-item {
	position: static !important;
}
.is-menu.is-dropdown form {
	max-width: unset;
	left: -12px;
	right: -12px;
}
body .is-ajax-search-no-result {
	padding: 16px;
	font-size: 16px;
	background: #F9F9F9;
	text-align: center;
}
body .is-ajax-search .is-loader-image {
	right: 55px;
}
body .is-ajax-search-items {
	z-index: 9;
}
body div.is-ajax-search-result:before {
	z-index: -1;
}


body .is-form-style input.is-search-input {
	background-image: none !important;
	color: var(--mediskin-blue);
	padding: 20px 40px 20px 60px;
	font-size: 20px !important;
	min-height: 51px;
	height: auto;
	line-height: 1;
	border-radius: 0;
	border: 0 !important;
	font-family: 'TWK Everett', sans-serif;
	width: 100%;
	background: #F9F9F9;
	font-weight: 300;
}
body .is-form-style input.is-search-input {
	-webkit-text-fill-color: inherit !important;
}

body .is-form-style input.is-search-input::placeholder {
	color: #32486B !important;
	opacity: 1 !important;
	-webkit-text-fill-color: #32486B !important;
}
body .is-menu.is-dropdown form {
	top: calc(100% + 18px);
}
body .is-form-style label::after {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 16px;
	width: 30px;
	height: 30px;
	background-image: url(/wp-content/themes/mediskin/assets/img/mediskin-search.svg) !important;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transition: all .3s ease;
}
body .is-menu.is-dropdown .search-close {
	top: calc(100% + 37px);
	right: 0;
}
body .popup-search-close:before, body .search-close:before,
body .popup-search-close:after, body .search-close:after {
	border-color: var(--mediskin-blue) !important;
	height: 30px;
	border-width: 1px;
}
.home:not(.scrolled) #main-menu .astm-search-menu.is-menu.menu-item a,
#mobileMenu .astm-search-menu.is-menu.menu-item a {
	filter: brightness(0) invert(1);
}

#main-menu .astm-search-menu.is-menu.menu-item a ,
#mobileMenu .astm-search-menu.is-menu.menu-item a  {
	width: 26px;
	height: 26px;
	background-image: url(/wp-content/themes/mediskin/assets/img/mediskin-search.svg) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: block;
	transition: all .3s ease;
}
.astm-search-menu.is-menu.menu-item a svg.search-icon {
	display: none;
}
body .is-ajax-search-details .is-title a, body .is-ajax-search-post .is-title a {
	text-transform: none;
	font-size: 20px;
	line-height: 1.3em;
	color: var(--mediskin-blue);
	transition: all .3s ease;
	font-weight: 300;
}
body .is-ajax-search-details .is-title a, body .is-ajax-search-post .is-title a:hover {
	text-decoration: none;
	color: var(--mediskin-dark-green);
}
body .is-ajax-search-categories-details>div:hover, body .is-ajax-search-result .is-ajax-search-post:hover, body .is-ajax-search-result .is-show-more-results:hover,  body .is-ajax-search-tags-details>div:hover {
	background: #F9F9F9;
}
body .is-ajax-search-result .is-ajax-search-post:hover .is-title a {
	color_: var(--mediskin-dark-green);
}
body .is-ajax-search-details .is-ajax-search-items>div, body .is-ajax-search-post {
	background: #F9F9F9;
}

body div.is-ajax-search-details, body div.is-ajax-search-result {
	z-index: 999999;
	background: #F9F9F9;
	color: var(--mediskin-blue);
	border-top: 1px solid #969696;
	padding-top: 30px;
	padding-bottom: 30px;
}

body .is-search-sections .thumbnail img {
	max-width: 100px;
	aspect-ratio: 4 / 3;
	height: auto;
	border-radius: 10px;
	object-fit: cover;
}
body .is-search-sections .thumbnail {
	margin-right: 40px;
	width: 100px;
}
body .is-ajax-search-post, body .is-ajax-search-post-details {
	padding: 10px 16px;
	border-bottom: 0;
}
body .is-show-more-results-text {
	font-size: 19px;
	line-height: 1em;
	padding: 16px 30px;
	border: 1px solid var(--mediskin-blue);
	color: var(--mediskin-blue);
	background: var(--mediskin-white);
	transition: all .3s ease;
	border-radius: 30px;
	width: auto;
	display: inline-block;
}
body .is-show-more-results-text span {
	font-size: 19px;
	line-height: 1em;
}
body .is-show-more-results {
	background: #F9F9F9;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0;
}
body .is-show-more-results-text:hover {
	color: var(--mediskin-white);
	background: var(--mediskin-dark-green);
}
.cta-form-section .cta-icon {
	width: 30px;
	height: 30px;
	margin-right: 0;
	display: inline-block;
	position: relative;
	left: unset	;
}
.cta-form-section .cta-contacts li {
	gap: 16px;
}
.tax-kategoria_osetrenia.term-zena .col-gender-select, .tax-kategoria_osetrenia.term-muz .col-gender-select {
	display: none !important;
}

.m-contacts .cta-icon {
	position: relative;
	left: unset;
	margin-right: 0;
	width: 30px;
	height: 30px;
}


/* PREMENY START */


.premena-card {
	background: var(--mediskin-light-beige);
	overflow: hidden;
	padding: 10px 10px 15px;
	margin-bottom: 12px;
}

.premena-card img {
	width: 100%;
	display: block;
	border-radius: inherit
}

.premena-single,
.premena-gallery-item,
.premena-compare {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: inherit;
}

.premena-badge {
	position: absolute;
	top: 8px;
	z-index: 5;
	background: var(--mediskin-light-green);
	color: var(--mediskin-blue);
	font-size: 12px;
	border-radius: 999px;
	line-height: 1.5;
	font-weight: 400;
	padding: 4px 12px;
	min-width: 42px;
	text-align: center;
}

.premena-badge-before {
	left: 8px;
}

.premena-badge-after {
	right: 8px;
}

.premena-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 15px;
}

.premena-tags a, .premena-tags p {
	background: var(--mediskin-beige);
	color: var(--mediskin-blue);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	border-radius: 15px;
	padding: 4px 12px;
	text-decoration: none;
	margin-bottom: 0;
	transition: all .3s ease;
}
.premena-tags a:hover {
	background: var(--mediskin-blue);
	color: var(--mediskin-beige);
}

.premena-compare {
	position: relative;
}

.compare-before-wrap {
	position: absolute;
	inset: 0 auto 0 0;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

.compare-before {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.compare-after {
	position: relative;
	z-index: 1;
}

.compare-line {
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 2px;
	background: #fff;
	z-index: 4;
	transform: translateX(-50%);
}

.compare-line span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	background: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.compare-range {
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: 6;
	cursor: ew-resize;
}





.premena-compare {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	user-select: none;
	touch-action: none;
}

.premena-compare .compare-img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	user-select: none;
}

.premena-compare .compare-after {
	position: relative;
	z-index: 1;
}

.premena-compare .compare-before {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: inset(0 50% 0 0);
}

.compare-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 5;
	width: 2px;
	background: #fff;
	transform: translateX(-50%);
	pointer-events: none;
}

.compare-line span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.compare-line span::before,
.compare-line span::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 2px solid var(--mediskin-blue);
	border-left: 2px solid var(--mediskin-blue);
}

.compare-line span::before {
	left: 7px;
	transform: translateY(-50%) rotate(-45deg);
}

.compare-line span::after {
	right: 7px;
	transform: translateY(-50%) rotate(135deg);
}
.premena-gallery .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	background: var(--mediskin-light-grey);
	border-radius: 999px !important;
	margin: 0px 2px;
}
.premena-gallery .owl-dots .owl-dot.active {
	background: var(--mediskin-light-green);
	width: 8px;
}
.premena-gallery.owl-carousel .owl-dots {
	position: absolute;
	bottom: 8px;
	width: 100%;
}
.premena-gallery.owl-carousel .owl-nav {
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 100%;
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}
.premena-gallery.owl-carousel .owl-nav button {
	width: 24px;
	height: 24px;
	padding: 0 !important;
	position: relative;
	display: block;
	right: unset;
	top: unset;
	left: unset;
	pointer-events: all;
}
.premena-gallery.owl-carousel .owl-nav button:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(/wp-content/themes/mediskin/assets/img/premeny-gall-icon.svg);
	background-size: 100%;
	background-repeat: no-repeat;

}
.premena-gallery.owl-carousel .owl-nav button.owl-prev:after  {
	transform: rotate(180deg);
}
a.premena-gallery-item:focus-visible {
	outline-offset: 0 !important;
	outline: 0 !important;
}







.premena-gallery-wrap {
	position: relative;
}

.premena-gallery-badges .premena-badge {
	opacity: .4;
	transition: opacity .3s ease;
}

.premena-gallery-badges .premena-badge.is-active {
	opacity: 1;
}


.premeny-loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
}

.premeny-loader img {
	width: 66px;
	height: 66px;
	animation: premenySpin 1s linear infinite;
}

.premeny-loader span {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
}

@keyframes premenySpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
.premeny-loader {
	opacity: 0;
	visibility: hidden;
	transition: .25s ease;
}

.premeny-loader.is-loading {
	opacity: 1;
	visibility: visible;
}

.premeny-grid, .treatment-premeny-grid {
	display: block;
}

.premena-card {
	width: calc((100% - 32px) / 3);
	margin-bottom: 16px;
}


.premeny-grid, .treatment-premeny-grid {
	opacity: 0;
	visibility: hidden;
}

.premeny-grid.is-ready, .treatment-premeny-grid.is-ready {
	opacity: 1;
	visibility: visible;
}


.premena-open-gallery {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 8;
	background: var(--mediskin-light-green);
	color: var(--mediskin-blue);
	font-size: 12px;
	border-radius: 999px;
	line-height: 1.5;
	font-weight: 400;
	padding: 4px 12px;
	text-align: center;
	transition: all .3s ease;
}
.premena-open-gallery:hover {
	background: var(--mediskin-blue);
	color: var(--mediskin-light-green);
}
.premena-image-holder {
	position: relative;
}
.compare-gallery-item {
	display: none;
}











/**
 * loyalty page
 */
.loyalty-benefit {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.loyalty-benefit .icon-circle {
	width: 70px;
	height: 70px;
	margin: 0;
}

.loyalty-benefit .icon-circle img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: unset;
	margin: 0;
}

.loyalty-step {
	background: var(--mediskin-beige);
	padding: 24px 16px 0;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}

.loyalty-step-number {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: var(--mediskin-light-green);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 70px;
}
.loyalty-step-number span {
	position: relative;
	right: -.1em;
}
.loyalty-step-text {
	display: flex;
	gap: 16px;
}

.loyalty-step img {
	width: 70%;
	display: block;
	height: 430px;
	object-fit: cover;
	object-position: top;
	margin: auto;
	margin-bottom: 0 !important;
}

.loyalty-steps-cta {
	text-align: center;
	padding-top: 48px;
}

.loyalty-treatments {
	background: #b7c0ac;
}

.loyalty-treatment-card {
	background: #f6f3ef;
	padding: 16px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.loyalty-treatment-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 16px;
	margin: 16px 0;
}

.loyalty-points {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.loyalty-points::before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("../img/coin.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.loyalty-card-actions {
	display: flex;
	gap: 12px;
	margin-top: auto;
}

.loyalty-card-actions .med-btn {
	flex: 1;
	justify-content: center;
}

.loyalty-faq-list {
	border-top: 1px solid rgba(0,0,0,.12);
}

.loyalty-faq-item {
	border-bottom: 1px solid rgba(0,0,0,.12);
}

.loyalty-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	background: transparent;
	border: 0;
	font-size: 20px;
	text-align: left;
	cursor: pointer;
}

.loyalty-faq-question::after {
	content: "+";
	font-size: 28px;
	line-height: 1;
}

.loyalty-faq-item.active .loyalty-faq-question::after {
	content: "−";
}

.loyalty-faq-answer {
	display: none;
	padding-bottom: 24px;
}

.loyalty-faq-item.active .loyalty-faq-answer {
	display: block;
}


img.body-icon {
	display: inline-block;
	height: 1em;
	margin-right: .25em;
	margin-top: -.15em;
}

.loyalty-hero-images {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.left-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 38%;
}

.phone-image img,
.qr-card-image img,
.model-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: inherit;
}


.phone-image {
	height_: calc(50% - 4px);
	border-top-left-radius: 10px;
}


.qr-card-image {
	height: calc(50% - 4px);
	border-bottom-left-radius: 10px;
}

.model-image {
	width: 62%;
	border-radius: 0 10px 10px 0;
}


.page-template-loyalty-card:not(.scrolled) .header, .page-template-loyalty-card:not(.scrolled) .navbar {
	background-color: transparent;
}
.cta-icon {
	height: 30px;
	width: 30px;
}





/* IQE Method */

.iqe-badge {
	display: inline-flex;
	align-items: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.2;
}

.iqe-hero-image,
.iqe-image,
.iqe-box-image {
	overflow: hidden;
}

.iqe-hero-image img,
.iqe-image img,
.iqe-box-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.iqe-hero-image {
	min-height: 620px;
}

.iqe-hero-image img {
	min-height: 620px;
}


.iqe-box {
	overflow: hidden;
}

.iqe-box-content {
	padding: 52px 124px 52px 36px;
}

.iqe-box-image {
	height: 100%;
}

.iqe-timeline {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.iqe-timeline-item {
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 32px;
	position: relative;
}

.iqe-timeline-item:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 9.5px;
	top: 10px;
	bottom: -40px;
	width: 1px;
	background: var(--mediskin-white);
}

.iqe-dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--mediskin-white);
	margin-top: 4px;
	position: relative;
	z-index: 2;
}


.iqe-card {
	background: var(--mediskin-white);
	padding: 24px 40px 80px;
}

.iqe-card-icon {
	width: 75px;
	height: 75px;
	border-radius: 50%;
}

.iqe-card-icon img {
	width: 100%;
	height: 100%;
}

.iqe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.iqe-list li {
	position: relative;
	padding-left: 28px;
}

.iqe-list li:last-child {
	margin-bottom: 0;
}

.iqe-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(0.65em - 10px);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--mediskin-dark-green);
}
.iqe-list li::after {
	content: "";
	position: absolute;
	left: 9.5px;
	width: 1px;
	height: 100%;
	background: var(--mediskin-dark-green);
	top: calc(0.65em - 10px);
}
.iqe-list li:last-of-type::after {
	display: none;
}
.iqe-list.iqe-list-large li {
	padding-left: 80px;
}

.iqe-list.iqe-list-small li::before {
	top: calc(0.65em - 7px);
	width: 14px;
	height: 14px;
}
.iqe-list.iqe-list-small li::after {
	left: 6.5px;
	top: calc(0.65em - 7px);
}
/*
.iqe-list-large li {
	font-size: 18px;
	margin-bottom: 18px;
} */

.iqe-form {
	background: #ffffff;
	padding: 40px;
}

.iqe-cta a {
	color: inherit;
	text-decoration: none;
}
.iqe-image {
	aspect-ratio: 3 / 4;
}


.iqe-box-image .iqe-logo {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 20px;
	bottom: 20px;
}
.iqe-quote {
	padding: 72px 72px 40px;
}
.iqe-quote-podpis {
	height: 16px;
}

.iqe-hero-image-holder {
	padding: 0;
}
.iqe-hero-image {
	margin-right: calc(100% - 50vw);
	max-width: unset;
}
.premena-compare {
	touch-action: pan-y;
}

.mob-menu-top-right {
	display: flex;
	align-content: center;
	align-items: center;
	gap: 15px;
}


.compare-range {
	pointer-events: none;
	display: none;
}

.compare-line {
	z-index: 20;
	cursor: ew-resize;
	touch-action: none;
	pointer-events: auto;
}

.compare-line::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	right: -20px;
}
.btn-ob-icon:before {
	content: "";
	height: 1em;
	width: 1em;
	display: inline-block;
	background-image: url(assets/img/online-booking-blue.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	filter: brightness(0) invert(1);
	position: relative;
	top: 0.1em;
	transition: all .3s ease;
}
.med-booking-form .cta-form-btn:before {
	content: "";
	height: 1em;
	width: 1em;
	display: inline-block;
	background-image: url(assets/img/online-booking-blue.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	position: relative;
	top: 0.1em;
	transition: all .3s ease;
}
.header .btn-kontakt.btn-ob-icon:hover:before,
.btn-main.btn-ob-icon:hover:before,
.med-btn.btn-footer.btn-ob-icon:hover:before {
	filter: unset;
}
.cta-form-btn:hover:before {
	filter: brightness(0) invert(1);
}
.btn-secondary.btn-ob-icon:before {
	filter: unset;
}
.btn-secondary.btn-ob-icon:hover:before {
	filter: brightness(0) invert(1);
}

.btn-container {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.btn-main.btn-ob-icon, .btn-secondary.btn-ob-icon {
	padding-right: 20px;
	padding-left: 20px;
}
.hp-osetrenia {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 8px;
}
.hp-osetrenia a {
	background: var(--mediskin-light-beige);
	color: var(--mediskin-blue);
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	border-radius: 30px;
	padding: 16px 24px;
	text-decoration: none;
	margin-bottom: 0;
	border: 1px solid var(--mediskin-light-green);
	transition: all .3s ease;
}
.hp-osetrenia a:hover {
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
	border: 1px solid var(--mediskin-blue);
}
.offer-price-flex {
	display: flex;
	flex: 1;
	align-items: flex-end;
}
.deal-actions {
	flex: 0;
}

.hp-premeny-grid, .treatment-premeny-grid_ {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.btn-show-more-underline {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: var(--mediskin-blue);
	text-decoration: none !important;
	transition: color .3s ease;
}

.btn-show-more-underline::after {
	content: "";
	position: absolute;
	left: -2px;
	width: calc(100% + 4px);
	bottom: -0.1em;
	height: 1px;
	background: currentColor;
	transition: background .3s ease;
}

.btn-show-more-underline:hover {
	color: var(--mediskin-dark-green);
}
.btn-show-more-underline.btn-smu-hover-white:hover {
	color: var(--mediskin-white);
}

.google-rating {
	margin-left: 5px;
	display: flex;
	width: fit-content;
	border-radius: 20px;
	color: var(--mediskin-white);
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.google-rating-colour {
	border-color_: var(--mediskin-light-beige);
	background_: var(--mediskin-light-beige);
	color: var(--mediskin-blue);
}
.google-rating-dark-sm {
	padding: 0 !important;
	background: transparent;
	color: var(--mediskin-blue);
	border: 0;
	gap: 8px;
}
.google-rating-dark-sm .google-rating__text {
	font-weight: 300 !important;
}
.google-rating-white-sm {
	padding: 0 !important;
	background: transparent;
	color: var(--mediskin-white);
	border: 0;
	gap: 4px;
}
.google-rating-white-sm .google-rating__text {
	font-weight: 300 !important;
}

.google-rating__logo {
	width: 18px;
	height: 20px;
	object-fit: contain;
}
.google-rating__text {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	margin-top: 1px;
}
.google-rating__stars {
	font-size: 16px;
	line-height: 1;
	letter-spacing: 1px;
}
.google-rating-colour .google-rating__stars {
	color: var(--mediskin-orange);
}
.benefits-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}
.benefit-item {
	display: flex;
	gap: 8px;
	align-items: center;
}
.benefit-item img {
	width: 1em;
	height: 1em;
	object-fit: contain;
}
.benefit-item p {
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 0!important;
}
.hp-premeny-grid .premena-card:last-of-type {
	display: none !important;
}

.med-booking-progress__bars span {
	width: calc(33.33% - 4px);
	height: 7px;
	border-radius: 999px;
	background: var(--mediskin-white);
	transition: background .3s ease;
	position: relative;
}
.med-booking-progress__bars span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	border-radius: 999px;
	background: #F0B477;
	transition: width .3s ease;
}
.med-booking-progress__bars span.is-active:after {
	width: 100%;
}
.med-booking-progress__bars {
	display: flex;
	justify-content: center;
	gap: 6px;
	align-items: center;
	margin-bottom: 8px;
}
.med-field-valid::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 41px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	z-index: 5;
	background-image: url(/wp-content/themes/mediskin/assets/img/med-form-success.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.med-booking-form .forminator-field {
	position: relative;
}
.cta-form .med-field-valid .forminator-input,
.cta-form .med-field-valid .forminator-textarea {
	border-color: var(--mediskin-white) !important;
}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox input:checked+.forminator-checkbox-box {
	border-color_: var(--mediskin-white) !important;
}
.forminator-field-consent .med-field-valid:after {
	top: 2px;
}
.premeny-treatment-loader img {
	display: none;
	margin: auto;
	width: 66px;
	height: 0;
	animation: premenySpin 1s linear infinite;
	transition: all .3s ease ;
}
.premeny-treatment-loader.is-loading img {
	display: block;
	height: 66px;
}
.premeny-treatment-loader.is-loading {
	pointer-events: none;
}
.deal-actions {
	gap: 8px;
}
.deal-actions.da-two-btns .med-btn.btn-main, .deal-actions.da-two-btns .med-btn.btn-secondary {
	font-size: 14px;
	width: calc(50% - 4px);
	padding: 10px 10px;
}
.deal-actions .btn-ob-icon:before {
	margin-right: 4px;
}
.btn-secondary.btn-light-beige {
	background: var(--mediskin-light-beige);
}
.white-link {
	color: var(--mediskin-white);
	text-decoration: underline !important;
}
a.white-link:hover {
	color: var(--mediskin-dark-green);
}

.med-booking-form .forminator-checkbox__wrapper {
	padding-right: 40px !important;
}
.content-magazin strong {
	font-weight: 700;
}

.google-rating-white-sm .google-rating__stars {
	font-size: 12px;
}
.google-rating-white-sm .google-rating__logo {
	width: 12px;
	height: 12px;
}
.google-rating-white-sm .google-rating__text {
	font-size: 10px;
}
.cta-form .benefits-flex {
	gap: 10px 12px;
}
.cta-form .benefits-flex .text14 {
	font-size: 12px;
}

.cta-form .benefit-item {
	gap: 4px;
}
.footer-socials .social-btn-v2:hover {
	background-color: var(--mediskin-blue);
}
.footer-socials a.social-btn-v2:hover img.icon-social {
	filter: brightness(0) invert(1);
}
.footer-socials .social-btn-v2 {
	display: flex;
	height: 30px;
	width: 30px;
	border: 1px solid var(--mediskin-blue);
	border-radius: 999px;
	justify-content: center;
	align-items: center;
	transition: all .3s ease;
}
.footer-socials .social-btn-v2 .icon-social {
	width: 13px;
	height: 13px;
	object-fit: contain;
	border-radius: 0;
	transition: all .3s ease;
}
.accordion-item .line-bottom {
	margin-bottom: 0;
}
.info-list.m-contacts .cta-icon {
	top: 1.5px;
}
.info-list.m-contacts li a {
	transition: all .3s ease;
}
.info-list.m-contacts li a:hover {
	color: var(--mediskin-dark-green) !important;
}
.med-booking-form .forminator-checkbox__label {
	margin-top: -1px;
}

.accordion-item .line-bottom {
	margin-bottom: 0;
}
.info-list.m-contacts .cta-icon {
	top: 1.5px;
}
.info-list.m-contacts li a {
	transition: all .3s ease;
}
.info-list.m-contacts li a:hover {
	color: var(--mediskin-dark-green) !important;
}
.med-booking-form .forminator-checkbox__label {
	margin-top: -1px;
}




.lg-premena-gallery .lg-sub-html {
	text-align: center;
	padding: 4px 16px;
	border-radius: 999px;
	background: var(--mediskin-light-green);
	color: var(--mediskin-blue);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	max-width: unset;
	width: 80px;
	margin: 24px auto auto auto;
	bottom: unset;
	top: 0;
}
.lg-premena-gallery.lg-premena-gallery-both .lg-sub-html {
	width: max-content !important;
}


.lg-premena-gallery .lg-sub-html:empty {
	display: none;
}
.forminator-button-submit {
	transition: all .3s ease !important;
}
.newsletter .forminator-button-submit:hover {
	background-color: var(--mediskin-blue) !important;
	color: white !important;
}
.forminator-checkbox__label a {
	font-weight: 400 !important;
	text-decoration: underline !important;
	transition: all .3s ease !important;
}
.newsletter .forminator-checkbox__label {
	margin-top: 0;
}
.newsletter .forminator-checkbox__label a:hover {
	color: var(--mediskin-blue) !important;
}
.header .btn-kontakt.btn-eshop {
	 padding: 16px 28px;
	 background: var(--mediskin-white);
	 color: var(--mediskin-blue);
}
.header .btn-kontakt.btn-eshop:hover {
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
}
.mobile-menu a.btn-kontakt.btn-eshop {
	padding: 10px 30px;
	background: var(--mediskin-white);
	color: var(--mediskin-blue);
}
.mobile-menu a.btn-kontakt.btn-eshop:hover {
	background: var(--mediskin-blue);
	color: var(--mediskin-white);
}

/* Tabuľka */

.wysiwyg table {
	display: table;
	width: 100%;
	height: 100%;
	margin: 32px 0;
	border-collapse: collapse;
	table-layout: fixed;
	overflow: visible;
}

.wysiwyg table,
.wysiwyg table * {
	box-sizing: border-box;
	font-size: 20px !important;
	line-height: 1.6;
}

.wysiwyg table td,
.wysiwyg table th {
	min-width: 0;
	padding: 20px;
	border: 1px solid #dedede;
	background: #fff;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	overflow-wrap: anywhere;
}

.wysiwyg table b {
	font-weight: 400 !important;
}

.wysiwyg p b {
	font-weight: 400 !important;
}


.wysiwyg table > thead > tr th {
	background: #f4f4f2;
	font-weight: 600;
}

.wysiwyg table p {
	margin: 0 0 12px;
}

.wysiwyg table p:last-child {
	margin-bottom: 0;
}

.wysiwyg table p:empty {
	display: none;
}

.wysiwyg table ul,
.wysiwyg table ol {
	margin: 12px 0 0;
	padding-left: 20px;
}

.wysiwyg table li {
	margin-bottom: 8px;
}

.wysiwyg table li:last-child {
	margin-bottom: 0;
}

.wysiwyg table a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wysiwyg table a:hover {
	text-decoration: none;
}

@media (max-width: 767px) {
	.wysiwyg table td,
	.wysiwyg table th {
		padding: 10px 6px;
	}
}

.wysiwyg .table-scroll {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 32px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wysiwyg .table-scroll table {
	display: table;
	width: 100%;
	min-width: 800px;
	height: auto;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
	overflow: visible;
}

.wysiwyg .table-scroll thead {
	display: table-header-group;
}

.wysiwyg .table-scroll tbody {
	display: table-row-group;
}

.wysiwyg .table-scroll th,
.wysiwyg .table-scroll td {
	min-width: 0;
	white-space: normal;
	overflow-wrap: anywhere;
}

.wysiwyg .table-scroll table,
.wysiwyg .table-scroll table * {
	font-size: 15px !important;
}

.wysiwyg a {
	color: var(--mediskin-dark-green);
	text-decoration: underline !important;
}

.form-newsletter .forminator-label {
	display: none !important;
}
.cta-form .forminator-checkbox__label {
	margin-top: 0 !important;
}
.forminator-row:has(> .form-newsletter) {
	margin-bottom: 10px !important;
}