::-moz-selection {color: #fff; background-color: var(--beauty-theme-color); text-fill-color: initial;}
::selection {color: #fff; background-color: var(--beauty-theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}

header .navigation {padding: clamp(10px, 1.11vw, 8px) clamp(20px, 2.22vw, 16px);}
header .navigation svg {height: 100px; fill: #fff;}
header .navigation .nav-fizio {background: var(--theme-color); border-color: var(--theme-color);}
header .navigation .nav-fizio:hover {color: var(--theme-color);}
header .nav-menu > li.beauty-logo > a {height: 100px;}

header .header-nav.is-sticky .nav-menu > li.beauty-logo > a {height: 80px;}
header .header-nav.is-sticky .navigation .beauty-logo svg {fill: var(--beauty-theme-color); height: 80px;}
header .header-nav.is-sticky .navigation .nav-menu .nav-link {color: var(--beauty-theme-color);}
header .header-nav.is-sticky .navigation .nav-menu .nav-link:hover {color: var(--heading-color);}
header .header-nav.is-sticky .navigation .beauty-nav-actions .nav-fizio {color:var(--white-color);}
header .header-nav.is-sticky .navigation .beauty-nav-actions .nav-fizio:hover {color:var(--heading-color);}

@media screen and (min-width:1200px){
header .beauty-nav-actions {flex:0 0 auto; gap:0; margin:0; padding:0; list-style:none;}
header .beauty-nav-actions > li {display:flex; align-items:center;}
header .beauty-nav-actions .nav-fizio {height:auto; min-height:46px; padding:11px 17px; border-radius:var(--theme-radius);}
header .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link:before {top:-26px; background:var(--beauty-theme-color);}
header .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker):hover > .nav-link, header .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker).focus > .nav-link, header .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link:hover {color:#d9acd6;}
header .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link.active {color:#f2d4f0;}
header .header-nav.is-sticky .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link:before {top:-13px; background:var(--beauty-theme-color);}
header .header-nav.is-sticky .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker):hover > .nav-link, header .header-nav.is-sticky .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker).focus > .nav-link, header .header-nav.is-sticky .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link:hover, header .header-nav.is-sticky .navigation .beauty-nav-wrap .nav-menu > .nav-item:not(.nav-company-item):not(.language-picker) > .nav-link.active {color:var(--beauty-theme-color);}
.beauty-nav-wrap .language-picker-menu a:hover, .beauty-nav-wrap .language-picker-menu a.active, .beauty-nav-actions .language-picker-menu a:hover, .beauty-nav-actions .language-picker-menu a.active {background:rgba(150,85,147,.12); color:var(--beauty-theme-color);}
}

.section-subtitle:before, .page-intro-separator:before {background: var(--beauty-theme-color);}
.home-intro {background-image: url(/img/bg/beauty-intro.webp);}
.home-intro:before {background: linear-gradient(0deg, rgba(38, 80, 94, 0.00) 87.87%, var(--beauty-theme-color) 102.84%), linear-gradient(270deg, rgba(38, 80, 94, 0.00) 15.73%, #965593d9 66.76%, #965593de 101.51%);}
.home-intro .section-subtitle:before {background: var(--white-color);}
.home-intro .beauty-theme-button {border-color: var(--white-color);}
.home-intro small {color: #c1a2c0;}
.home-intro .scroll-down:hover svg {fill: var(--beauty-theme-color);}

.page-intro:before {background: linear-gradient(321deg, #96559370, #6f3a6ce0);}

.gallery-scrollbar .swiper-scrollbar-drag {background: var(--beauty-theme-color);}

.beauty-theme-button-alt {border:1px solid rgba(158,82,153,.28); background:rgba(255,255,255,.55); color:var(--beauty-theme-color);}
.beauty-theme-button-alt svg {fill: var(--beauty-theme-color);}
.beauty-theme-button-alt:hover { background:var(--beauty-theme-color); color:var(--beauty-theme-color);}

.footer-container {background-color: var(--beauty-theme-color);}
footer .footer-social a {background-color: var(--beauty-light-color); border-color: var(--beauty-light-color);}
footer a:hover {color: #cd98cb !important;}

.sidebar-toggle-btn {background-color: var(--beauty-theme-color); border-color: var(--beauty-theme-color);}
.sidebar-toggle-btn:hover svg {fill: var(--beauty-theme-color);}

.sidebar-toggle-btn::before, .sidebar-toggle-btn::after {border: 2px solid #983e7a3d;}
.beauty-page .sidenav .map-wrap iframe {filter:saturate(.72) contrast(.96) brightness(.99) hue-rotate(-8deg);}
.beauty-page .sidenav .map-wrap:after {background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(150,85,147,.08) 100%);}

.scroll-top {background-color: var(--beauty-theme-color); border-color: var(--beauty-theme-color);}

.sidenav-overlay {background-color: rgba(64,50,60,.68);}
.sidenav-content {background-color: var(--beauty-light-color);}


.service-list .service-item-content {background-image: url(/img/gallery/beauty-11.jpg); background-size: cover; background-position: center bottom;}
.service-list .service-item:nth-child(2) .service-item-content {background-image: url(/beauty/img/service/magshape-beauty.webp);}
.service-list .service-item:nth-child(3) .service-item-content {background-image: url(/beauty/img/service/presoterapija-limfna-drenaza-beauty.webp);}
.service-list .service-item:nth-child(4) .service-item-content {background-image: url(/beauty/img/service/tecar-terapija-beauty.webp);}

.service-list .service-item-content:before {background: linear-gradient(180deg, rgb(67 37 66 / 57%) 57.38%, rgb(150 85 147 / 82%) 83.52%); opacity: .35;}

.service-list .service-item .moving-content span {color: #fff; font-weight: 500; font-size: 17px;}
.service-list .service-item .moving-content span svg {width: 14px; height: 14px; fill: #fff;}
.service-list .service-item-content:hover .moving-content span:hover {color: #ffc6fd;}
.service-list .service-item-content:hover .moving-content span:hover svg {fill: #ffc6fd;}

.service-list .servicesSwiper {padding-bottom: 30px;}
.service-list .servicesSwiper .swiper-pagination {top: auto; bottom: 0;}
.service-list .servicesSwiper .swiper-pagination-bullet-active {background-color: var(--beauty-theme-color);}

.pico-teaser {margin-top:clamp(42px,6vw,76px); padding:clamp(28px,4vw,48px); border:1px solid rgba(150,85,147,.16); border-radius:22px; background:linear-gradient(125deg,#fbf7fb 0%,#f4eaf3 100%); box-shadow:0 18px 50px rgba(91,52,89,.08); isolation:isolate;}
.pico-teaser-eyebrow {display:inline-flex; align-items:center; gap:8px; margin-bottom:12px; color:var(--beauty-theme-color); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;}
.pico-teaser-eyebrow:before {content:""; width:8px; height:8px; border-radius:50%; background:var(--beauty-theme-color); box-shadow:0 0 0 5px rgba(150,85,147,.1);}
.pico-teaser-title {max-width:720px; margin:0 0 14px; font-size:clamp(28px,3vw,42px); color:#553052;}
.pico-teaser-copy {max-width:780px; margin-bottom:10px; color:#574d56; line-height:1.7;}
.pico-teaser-note {max-width:760px; color:#7b6b79; font-size:14px; line-height:1.65;}
.pico-teaser-link {min-height:48px; padding:12px 18px; border:1px solid rgba(150,85,147,.32); border-radius:8px; color:var(--beauty-theme-color); font-size:14px; font-weight:700;}
.pico-teaser-link svg {width:14px; height:14px; fill:var(--beauty-theme-color);}
.pico-teaser-link:hover {background:var(--beauty-theme-color); color:#fff;}
.pico-teaser-link:hover svg {fill:#fff;}
.pico-teaser-mark {position:absolute; right:9%; top:50%; width:210px; height:210px; transform:translateY(-50%); fill:none; stroke:rgba(150,85,147,.09); stroke-width:1.4; z-index:0; pointer-events:none;}

.laser-campaign {min-height:760px;}
.laser-campaign:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 44%,rgba(255,255,255,.68) 64%,rgba(255,255,255,.06) 100%); pointer-events:none;}
.laser-campaign-badge {display:inline-flex; margin-bottom:18px; padding:8px 13px; border:1px solid rgba(150,85,147,.22); border-radius:999px; background:rgba(255,255,255,.78); color:var(--beauty-theme-color); font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; text-transform:uppercase; box-shadow:0 8px 24px rgba(91,52,89,.06);}
.laser-campaign-title {max-width:720px; margin:0 0 20px; color:#4d2c4b; font-size:clamp(36px,4.4vw,64px); line-height:1.03;}
.laser-campaign-lead {max-width:700px; margin-bottom:13px; color:#3f343e; font-size:clamp(18px,2vw,22px); line-height:1.5;}
.laser-campaign-intro {max-width:700px; margin-bottom:27px; color:#665a64; line-height:1.7;}
.laser-campaign-benefits {margin-bottom:24px;}
.laser-benefit {display:flex; gap:12px; padding:17px; border:1px solid rgba(150,85,147,.13); border-radius:12px; background:rgba(255,255,255,.78); box-shadow:0 10px 28px rgba(91,52,89,.055); backdrop-filter:blur(5px);}
.laser-benefit-icon {flex:0 0 27px; width:27px; height:27px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(150,85,147,.11); color:var(--beauty-theme-color); font-size:13px;}
.laser-benefit h3 {margin:0 0 6px; color:#4d2c4b; font-family:var(--body-font); font-size:14px; font-weight:700; line-height:1.35;}
.laser-benefit p {margin:0; color:#716670; font-size:13px; line-height:1.55;}
.laser-campaign-note {max-width:700px; margin:0 0 25px; padding-left:16px; border-left:2px solid var(--beauty-theme-color); color:#50464f; font-size:14px; line-height:1.65;}
.laser-campaign-phone {color:#5d385a; font-size:15px; font-weight:700; letter-spacing:.02em;}
.laser-campaign-phone:hover {color:var(--beauty-theme-color);}

@media screen and (max-width:991px){
    .pico-teaser-mark {right:-60px; opacity:.65;}
    .laser-campaign {min-height:0;}
    .laser-campaign:after {background:rgba(255,255,255,.9);}
}

@media screen and (max-width:575px){
    .pico-teaser {border-radius:16px;}
    .pico-teaser-mark {right:-90px; top:32%; width:180px; height:180px;}
    .pico-teaser-link {width:100%; justify-content:center;}
    .laser-campaign-title {font-size:38px;}
    .laser-campaign-actions .theme-button {width:100%; justify-content:center;}
    .laser-campaign-phone {width:100%; text-align:center;}
}

.fizio-faq {background-image: linear-gradient(0deg, #9655931a, 11%, #96559314), url(/img/bg/overlay-bg.webp); background-size: cover; background-position: left center; background-repeat: no-repeat;}
.fizio-accordion .accordion-button .faq-icon::before, .fizio-accordion .accordion-button .faq-icon::after {background: var(--beauty-theme-color);}
.fizio-accordion .accordion-button:hover, .fizio-accordion .accordion-button:not(.collapsed) {color: var(--beauty-theme-color);}
.fizio-video-play {inset:0; left: 50%; top: 0; transform: translate(-50%, -50%);width:80px; height:80px; padding:0; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer;
    z-index:2; box-shadow: 0 0 13px 6px #00000021;}
.fizio-video-play::after {content:""; position:absolute; top:50%; left:50%; width:105%; height:105%; border-radius:50%; transform:translate(-50%,-50%); border:2px solid var(--beauty-theme-color); opacity:.8;
    animation:fizioPulse 2s infinite ease-out; pointer-events:none;}
@keyframes fizioPulse {0% {transform: translate(-50%,-50%) scale(1);opacity:.7;} 100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;}}
.fizio-video-play-icon {width:80px; height:80px;}
.fizio-video-play-icon circle {fill:var(--beauty-theme-color);}
.fizio-video-play-icon polygon {fill:#fff;}
.fizio-video-element {position:absolute;inset:0;width:100%;height:100%;display:none;object-fit:cover;border-radius:12px;}
@media screen and (min-width:992px){
    .service-list .service-item-content:hover .service-title {transform: translateY(-250px);}
}


.video-popup {inset: 0; background: #000000d6; display: none; z-index: 9999;}
.video-popup.active {display: flex;}
.video-popup-inner {width: min(900px, 90%);}
.video-popup video {width: 100%; height: auto; border-radius: 12px; max-height: 95vh;}
.video-close {background: none; font-size: 40px; color: #fff; cursor: pointer;}


.beauty-sidenav .sidenav-content {background:linear-gradient(180deg, color-mix(in srgb, var(--beauty-theme-color) 82%, #7a4e73) 0%, color-mix(in srgb, var(--beauty-theme-color) 58%, #5c3658) 100%);}