/*Balsamiq*/
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*Fredoka*/
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

/*Baloo 2*/
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

/*Noto sans*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
    
/*Protest Strike*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Strike&display=swap');

/*Protest Revolution*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap');
    
/*Protest Riot*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Riot&display=swap');
    
/*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Rubik Spray*/
@import url('https://fonts.googleapis.com/css2?family=Rubik+Spray+Paint&display=swap');

/*Lacquer*/
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');

/*Doodle*/
@import url('https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap');

/*Bowlby*/
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap');

/*Chonburi*/
@import url('https://fonts.googleapis.com/css2?family=Chonburi&display=swap');

/*Amarante*/
@import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap');

/*Raleway*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*Oswald*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/*Lato*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*Montserrat Monteserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*MonteCarlo*/
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

:root {
    
/*Fonts*/
--font-1: "Lacquer", system-ui;
--font-2: "Rubik Spray Paint", system-ui;
--font-3: "Rubik Doodle Shadow", system-ui;
--font-4: "Bowlby One SC", sans-serif;
--font-5: "Chonburi", serif;
--font-6: "Amarante", serif;
--font-7: "Raleway", sans-serif;
--font-8: "Oswald", sans-serif;
--font-9: "Lato", sans-serif;
--font-10: "Roboto", sans-serif;
--font-11: "Montserrat", sans-serif;
--font-12: "MonteCarlo", cursive;
--font-13: "Poppins", sans-serif;
--font-14: "Protest Riot", sans-serif;
--font-15: "Protest Revolution", sans-serif;
--font-16: "Protest Strike", sans-serif;
--font-17: "Noto Sans", sans-serif;

/* Color Main */
--color-main1: #d9b926;
--color-main2: #e5c430;
--color-main3: #b59a21;
    
/* White Colors */
--color-white1: #fff;
--color-white2: #f7f7f7;
--color-white3: #F0F0F0;
--color-white4: #EEEEEE;
--color-white5: #f0f8ff;
--color-white6: #E4E6E4;
--color-white7: #ffffff;
--color-white8: #e6e6e6;
--color-white9: #c7c7c7;

/* Black Colors*/
--color-black1: #000;
--color-black2: #181818;
--color-black3: #1E1E1E;
--color-black4: #222222;
--color-black5: #272727;
--color-black6: #1F1F1F;
--color-black7: #0A0A0A;
--color-black8: #141414;
--color-black9: #1c1c1c;
--color-black10: #262626;
--color-black11: #22262C;
--color-black12: #2b2b2b;
--color-black13: #282828;
--color-black14: #363636;
--color-black15: #171717;
--color-black16: #373737;

/* Gray Colors*/
--color-gray1: #969696;
--color-gray2: #D3D3D3;
--color-gray3: #5E5E5E;
--color-gray4: #BCBCBC;
--color-gray5: #4D4D4D;
--color-gray6: #71717A;
--color-gray7: #464646;
--color-gray8: #76787C;
--color-gray9: #c1c1c1;
--color-gray10: #c7c7c7;
--color-gray11: #7f7f7f;
--color-gray12: #AAAAAA;
--color-gray13: #989CA5;
--color-gray14: #aeaeae;
--color-gray15: #d0d0d0;
}


body {
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
    margin-top: 0px;
}
h3 {
    font-size: 1.4rem;
}
p {
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 400;
}
a {
    color: #000!important;
    transition: all 0.5s;
    text-decoration: none!important;
    display: inline-block;
}
a:hover {
    color: #000;
    transition: all 0.5s;
}
button:focus {
    box-shadow: none!important;
}





/* Ogólne */
.container,
.container-fluid {
    max-width: 1600px;
}
section {
	padding-top: 60px;
	padding-bottom: 60px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}
.sctitle {
	text-align: center;
    position: relative;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sctitle h2 {
	font-size: 34px;
	color: var(--color-black1);
	font-weight: 600;
	display: inline-block;
    position: relative;
}
.btn1 {
    transition: all 0.5s;
    position: relative;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 18px;
    background-color: var(--color-main2);
    color: var(--color-white1)!important;
    border-radius: 50px;
    text-align: center;
}
.btn2 {
    transition: all 0.5s;
    position: relative;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 18px;
    border: 2px solid var(--color-main1);
    border-radius: 50px;
    text-align: center;
}
.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffffff30;
    z-index: 1;
    height: -webkit-fill-available;
}
.btn-col {
    display: flex;
    gap: 10px;
}




/* Navbar, Offcanvas*/
.navbar {
    position: sticky!important;
    background-color: #fff;
    padding: 16px 0px;
    top: 0px;
    z-index: 99999;
    width: 100%;
}
.navbar-brand img {
    width: 240px;
}
.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-item a {
    color: var(--color-main1)!important;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 600;
}
.navbar-icons {
    display: none;
}
.logo {
    width: 200px;
    height: auto;
}
.offcanvas {
    visibility: visible;
    background-color: var(--color-black4)!important;
    z-index: -1!important;
    position: fixed!important;
    transition: all .1s;
    width: 1px!important;
    display: none!important;
}
.offcanvas.show {
    visibility: visible!important;
    z-index: 999999!important;
    transition: all .1s;
    width: 70%!important;
    display: block!important;
}
.offcanvas-header {
    color: #fff!important;
}
.navbar-expand-lg .navbar-toggler,
.navbar-toggler {
    display: block!important;
}
.navbarfs999 {
    flex-direction: column!important;
}
.offcanvas.show {
    z-index: 9999999999999 !important;
    visibility: visible !important;
    width: 22% !important;
    height: 500px !important;
    position: absolute !important;
    display: flex !important;
    flex-direction: column!important;
    background-color: #212529!important;
    color: #fff!important;
    height: 100vh!important;
    padding-top: 40px;
}
.navbarfs999 .nav-item a {
    color: #fff!important;
}
.navbarfs999 {
    gap: 6px;
}













/* Hero Section */
.hero-section {
    height: 700px;
    position: relative;
    background-image: url('https://filiptesty.dfirma.pl/nowa/wp-content/uploads/2025/08/DSC_3927-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-section .container {
    z-index: 5;
}
.hero-section-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #9d9d9d;
    opacity: 0.3;
}
.hero-section img {
    width: 50%;
    height: auto;
}
.hero-section .col1,
.hero-section .col2,
.hero-section .col3 {
    display: flex;
    align-items: center;
}
.col1 {
    justify-content: end;
}
.col2 {
    justify-content: center;
}
.col3 {
    justify-content: start;
}
.col2 img {
    width: 40%;
}
.hero-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}










/* sc1 first */
.sc1-first {
    background-image: url(https://filiptesty.dfirma.pl/salonaut/wp-content/uploads/2025/06/bgg1t.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sc1 .sc1col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sc1 img {
    width: 60%;
    height: 600px;
}
.sc1colphoto1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc1 .subtitle {
    color: var(--color-main1);
    font-weight: 500;
    font-size: 16px;
}
.sc1-text {
    margin-bottom: 30px;
}
.sc1-point {
    display: flex;
    flex-direction: column;
    border-left: 3px solid var(--color-main1);
    padding-left: 20px;
    margin-bottom: 20px;
}











/* Numbers liczby */
.numbers {
    background-color: var(--color-main1);
    padding-top: 30px;
    padding-bottom: 30px;
}
.numbers .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.numbers .liczba {
    font-size: 50px;
    font-weight: 700;
    color: var(--color-white1);
}
.numbers .napis {
    font-size: 20px;
    color: var(--color-white1);
    font-weight: 700;
}











/* services */
.services {
    
}
.services .row {
    display: flex;
    gap: 26px;
    justify-content: center;
    align-items: center;
}
.services h2 {
    position: relative;
}
.services h2::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: var(--color-main1);
}
.services .box {
    cursor: pointer;
}
.box h3 {
    position: absolute;
    bottom: 0px;
    left: 4%;
    color: #fff;
    z-index: 4;
    font-weight: 500;
    font-size: 25px;
    transition: all 0.5s;
}
.services .box {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 14rem;
    padding-left: 0px;
    padding-right: 0px;
}
.services .box1 {
    background-image: url('https://filiptesty.dfirma.pl/nowa/wp-content/uploads/2025/08/zdj3.png');
}
.services .box2 {
    background-image: url('https://filiptesty.dfirma.pl/nowa/wp-content/uploads/2025/08/zdj2.png');
}
.services .box3 {
    background-image: url('https://filiptesty.dfirma.pl/nowa/wp-content/uploads/2025/08/zdj4.png');
}
/*.box1:hover h3 {
    transition: all 0.5s;
    bottom: 80%;
}*/
.services .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0000001c;
    z-index: 3;
    height: 14rem;
}
.gotobtn {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.gotobtn a {
    font-size: 16px;
}
.goto {
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.thumb-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.services .overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgb(0 0 0 / 7%);
}
.box h3 {
    position: absolute;
    top: 10px; left: 10px;
    color: #fff;
    font-size: 18px;
}
.video-desc {
    position: absolute;
    bottom: 10px; left: 10px;
    color: #fff;
    font-size: 14px;
    background-color: #0000006e;
    padding: 20px;
    width: 100%;
    height: auto;
}
.popup {
    display: none;
    position: fixed;
    z-index: 999900;
    inset: 0;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding-top: 0px;
}
body.popup-open {
    overflow: hidden;
    height: 100%;
}
.popup-content {
    position: relative;
    width: unset;
    gap: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup video {
    width: 50%;
}
.popup-content p {
    padding: 20px;
    background-color: #ffffff;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 50px;
    width: 40%;
    height: -webkit-fill-available;
}
.popup video {
    height: -webkit-fill-available;
    width: 20%;
}
.close {
    position: absolute;
    top: 10px;
    right: 30%;
    font-size: 22px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    padding: 4px 13px;
}
.hidden-desc {
    display: none; /* ukryty w miniaturce */
}
.popup-desc {
    display: none!important;
}
.fullscreenbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    /*top: 40%;*/
    left: 40%;
    background-color: #ddb600;
    padding: 20px;
    border-radius: 50%;
    top: 20%;
    
    display: none!important;
}


















/* Opinions */
.opinions {
    
}
.opinions h2 {
    position: relative;
    padding-left: 20px;
}
.opinions h2::after {
    position: absolute;
    content: "";
    background-color: var(--color-main1);
    left: 0px;
    width: 4px;
    height: 100%;
    top: 0px;
}
.opinions .box1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.opinions .box2 {
    position: relative;
}
.opinions .box1 p {
    width: 100%;
}
.opinions .box2 img {
    height: auto;
    width: 80%;
    border-radius: 20px;
}
.opinions .box2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mySwiper1 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.opinions .swiper-button-next {
    color: #fff;
    background-color: var(--color-main1);
    padding: 24px;
    right: 42%;
    top: 100%;
}
.opinions .swiper-button-prev {
    color: #fff;
    background-color: var(--color-main1);
    padding: 24px;
    left: 43%;
    top: 100%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px!important;
    font-weight: 600!important;
}
.swiper-pagination {
    position: absolute;
    bottom: -10%!important;
    /*left: 1%!important;*/
    left: 51%!important;
}
.swiper-pagination-bullet-active {
    background: var(--color-main1)!important;
}
.btncontain {
    display: flex;
    gap: 10px;
}





/* section-oferta1*/
.sc-oferta1 {
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-oferta1 .container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-oferta1 .row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.sc-oferta1 .ofbox {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    text-align: start;
    background-color: #fff;
    padding: 0px;
    gap: 10px;
    transition: all 0.5s;
    position: relative;
    top: 0px;
    box-shadow: 0 2px 23px rgb(141 141 141 / 22%);
    padding-bottom: 30px;
    padding-left: 14px;
    padding-right: 14px;
}
.sc-oferta1 .ofbox:hover {
    top: -20px;
}
.sc-oferta1 .box-header {
    
}
.sc-oferta1 .box-header img {
    width: 100%;
    height: auto;
}
.sc-oferta1 .box-text {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.sc-oferta1 .box-text h3 {
    font-size: 22px;
}
.sc-oferta1 h3 {
    text-align: start;
    margin-bottom: 14px;
    font-size 18px;
}
.sc-oferta1 p {
    font-size: 15px;
    margin-bottom: 0px;
}
.sc-oferta1 .box-point {
    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* icons*/
.sc-oferta1 .instagrambtn {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
.sc-oferta1 .facebookbtn {
    background-color: #1877F2;
}
.sc-oferta1 .instagrambtn,
.sc-oferta1 .facebookbtn {
    padding: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.sc-oferta1 .instagram-icon,
.sc-oferta1 .facebook-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.socialmedia {
    display: flex;
    gap: 4px;
    z-index: 55;
}
/* sctitle oferty */
.sc-oferta1 .sctitle h2 {
    padding-left: 20px;
}
.sc-oferta1 .sctitle h2::after {
    position: absolute;
    content: "";
    background-color: var(--color-main1);
    width: 4px;
    height: 80%;
    left: 0%;
    top: 10%;
}
.sctitle p {
    width: 60%;
}
.box-point .email,
.box-point .geo,
.box-point .phone {
    width: 20px!important;
    height: 20px!important;
}








/* sc - team */
.sc-team {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.sc-team .sctitle {
    margin-bottom: 40px;
}
.sc-team .sctitle h2 {
    padding-left: 20px;
}
.sc-team .sctitle h2::after {
    position: absolute;
    content: "";
    background-color: var(--color-main1);
    width: 4px;
    height: 80%;
    left: 0%;
    top: 10%;
}
.sctitle p {
    width: 60%;
}
.team-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0px;
}
/*.team-box:hover {
    top: -10px;
}*/
.team-box img {
    width: 80%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 20px;
}
.team-box p {
    color: #454545;
    text-align: start;
    font-size: 15px;
}
.team-box h3 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0px;
}
.team-box span {
    color: var(--color-main1);
    text-align: center;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.swiper-button-lock {
    display: unset!important;
}
.sc-team .swiper-button-next, 
.sc-team .swiper-button-prev {
    color: var(--color-main1);
    z-index: 9999;
}
.sc-team .swiper-button-next:after, 
.sc-team .swiper-button-prev:after {
    font-size: 30px;
}
.mySwiper2 {
    position: relative;
}
.sc-team .swiper-button-next,
.sc-team .swiper-button-prev {
    top: 40%;
}
.sc-team .swiper-button-next {
    right: 6%;
}
.sc-team .swiper-button-prev {
    left: 6%;
}
.sc-team  .swiper-button-next:after, 
.sc-team  .swiper-button-prev:after {
    font-size: 34px !important;
}











/* Galeria */
.sc-galeria {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-galeria .sctitle {
    margin-bottom: 50px;
}
.sc-galeria .row {
    row-gap: 20px;
}
.galeriabox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.galeriabox img {
    width: 96%;
    height: auto;
    min-height: -webkit-fill-available;
}
#galeria1 img {
    width: 60%!important;
    min-height: unset!important;
}
.sc-galeria .sctitle h2 {
    padding-left: 20px;
}
.sc-galeria .sctitle h2::after {
    position: absolute;
    content: "";
    background-color: var(--color-main1);
    width: 4px;
    height: 80%;
    left: 0%;
    top: 10%;
}
#galeria1 .golden {
    width: 40%!important;
}
.sc-galeria .btn2 {
    display: inline-block;
    width: auto;
    margin-top: 10px;
}







/* sc wynajem */
.sc-wynajem {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-wynajem .row {
    justify-content: center;
    display: flex;
}
.wynajem-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wynajem-box img {
    width: 100%;
    height: 80%;
}
.btn3 {
    color: var(--color-main1);
    font-weight: 600;
    font-size: 20px;
}






/* sc - efektyklientow*/
.sc-klientow {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-klientow .sctitle {
    margin-bottom: 50px;
}
.choicebox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.choicebox img {
    width: 80%;
    height: -webkit-fill-available;
    border-radius: 15px;
}
.choicebox .btn2 {
    display: inline-block;
    width: auto;
    margin-top: 30px;
}






/* sc efekty stosowania kosmetykow */
.sc-kosmetyki {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-kosmetyki .sctitle {
    margin-bottom: 50px;
}
.kosmetykibox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}
.kosmetykibox img {
    width: 80%;
    height: auto;
    /*height: -webkit-fill-available;*/
    cursor: pointer;
}
.img-popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.img-popup img {
    width: 26%;
    height: auto;
  box-shadow: 0 0 20px #000;
  border-radius: 8px;
}
.img-popup.active {
  display: flex;
  cursor: zoom-out;
}
.img-popup .close,
.img-popup .prev,
.img-popup .next {
  position: absolute;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
.img-popup .close {
  top: 20px;
  right: 30px;
}
.img-popup .prev {
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
.img-popup .next {
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}






/* sc - efektykosmetykow */
.sc-efektykosmetykow {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-efektykosmetykow  .sctitle {
    margin-bottom: 50px;
}
.efektbox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}
.efektbox img {
    width: 80%;
    height: auto;
    cursor: pointer;
}
.sc-efektykosmetykow  .img-popup img {
    width: 80%;
}
.scopebtn {
    border-radius: 50px;
    z-index: 2;
    background-color: #000;
    opacity: 0.5;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 7%;
    right: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.scopein {
    position: absolute;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}






/* sc - bestsellery */
.sc-bestsellery  {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sc-bestsellery  .sctitle {
    margin-bottom: 50px;
}
.efektbox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}
#zabiegowe .overlay {
    display: none!important;
}
#zabiegowe .box {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 14rem;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    margin-bottom: 40px;
}














/*cennik */
.cennik {
    min-height: 82vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cennik .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cennik .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    justify-content: start!important;
    flex-direction: row!important;
}
.cennik .sctitle {
    margin-bottom: 50px;
}
.cennik-box {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    border-bottom: 2px solid var(--color-main1);
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.cennik-box a {
    background-color: var(--color-main1);
    padding: 8px 22px;
    border-radius: 40px;
    color: #fff !important;
    font-weight: 500;
    font-size: 16px;
}
.cennik h1 {
    font-size: 28px;
    font-weight: 500;
}
.cennik h2 {
    font-size: 24px;
    color: var(--color-main1);
    margin-bottom: 20px;
}
.cennik h3 {
    font-size: 17px;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}
.cennik h3::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 5px;
    height: 5px;
    background-color: var(--color-main1);
}
.cennik h4 {
    font-size: 16px;
    font-weight: 400;
    color: #636363;
    padding-left: 20px;
}


















/* fOOTER */
footer {
    background-color: var(--color-main1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
footer .row {
    display: flex;
    justify-content: center;
}
footer span {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
footer .col {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .colicons {
    display: flex;
    gap: 4px;
}
footer .instagrambtn {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
footer .facebookbtn {
    background-color: #1877F2;
}
footer .instagrambtn,
footer .facebookbtn {
    padding: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .instagram-icon,
footer .facebook-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}











/* dodatkowe uniwersalne itd */
.gobackbtn {
    display: flex;
    gap: 10px;
    display: flex;
    border-radius: 20px;
    padding: 7px 10px;
    margin-bottom: 20px;
    width: -webkit-fill-available !important;
    justify-content: start;
    align-items: start;
    text-align: start;
}
.gobackbtn .arrow {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9b926' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
}
.gobackbtn p {
    color: #d9b926;
    font-weight: 500;
    margin-bottom: 0px;
}




















/* icons */
.fullscreen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}
.goto {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
}
.instagram-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M885 2990 c-254 -15 -433 -75 -578 -195 -155 -128 -238 -284 -284 -530 -16 -91 -18 -162 -18 -755 0 -721 4 -776 65 -957 73 -219 244 -396 460 -476 169 -64 329 -77 915 -77 690 0 861 14 1036 81 283 109 445 334 501 694 18 115 18 1324 0 1450 -19 132 -47 228 -99 335 -39 81 -59 108 -137 185 -99 99 -173 144 -308 189 -156 53 -225 58 -838 61 -311 2 -632 -1 -715 -5z m1243 -270 c275 -30 439 -122 520 -291 70 -146 81 -282 82 -940 0 -484 -10 -675 -40 -796 -52 -201 -183 -331 -385 -383 -132 -34 -354 -43 -913 -37 -547 5 -637 12 -766 57 -164 56 -278 188 -326 376 -31 122 -40 327 -36 879 5 620 14 703 91 861 77 157 231 249 460 274 110 12 1202 11 1313 0z'/%3E%3Cpath d='M2225 2461 c-167 -76 -121 -322 63 -338 59 -5 127 27 159 76 101 151 -57 338 -222 262z'/%3E%3Cpath d='M1350 2256 c-158 -34 -275 -99 -395 -220 -76 -76 -98 -106 -137 -186 -67 -136 -82 -200 -82 -350 0 -137 14 -207 64 -316 75 -167 217 -308 384 -384 109 -50 179 -64 316 -64 150 0 214 15 350 81 81 40 109 61 190 142 81 81 103 111 143 191 66 133 82 199 82 350 0 150 -16 215 -82 350 -39 81 -60 109 -142 191 -82 82 -110 103 -191 142 -52 26 -122 54 -155 63 -83 22 -264 27 -345 10z m281 -274 c210 -55 369 -262 369 -482 0 -208 -136 -399 -336 -471 -87 -32 -246 -32 -329 1 -149 58 -248 156 -305 305 -33 83 -33 242 -1 329 90 249 347 384 602 318z'/%3E%3C/g%3E%3C/svg%3E");
}
.facebook-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M1665 2770 c-180 -38 -326 -144 -398 -293 -60 -122 -69 -169 -74 -404 l-5 -213 -173 0 c-154 0 -174 -2 -188 -18 -15 -16 -17 -49 -17 -250 0 -227 0 -231 22 -246 18 -13 55 -16 190 -16 l168 0 0 -527 c0 -406 3 -534 13 -553 l13 -25 243 -3 c171 -2 248 1 257 9 12 9 14 106 14 555 l0 544 198 0 c163 0 201 3 220 16 22 15 22 19 22 249 0 199 -2 236 -16 249 -13 14 -47 16 -220 16 l-204 0 0 160 c0 255 4 258 258 267 129 4 171 9 185 21 15 13 17 38 17 227 0 193 -2 213 -18 228 -16 15 -47 17 -243 16 -123 -1 -242 -5 -264 -9z'/%3E%3C/g%3E%3C/svg%3E");
}































/* icons */
.scopein {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M10.344 11.742q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1 6.5 6.5 0 0 1-1.398 1.4z'/%3E%3Cpath fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}
.arrow2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.10, written by Peter Selinger 2001-2011%0A%3C/metadata%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23d9b926' stroke='none'%3E%3Cpath d='M1415 2797 c-51 -20 -99 -54 -123 -87 -53 -71 -52 -59 -52 -828 l0 -715 -83 80 c-97 94 -154 119 -242 110 -139 -14 -236 -122 -236 -262 0 -114 -13 -99 518 -637 257 -262 265 -268 303 -268 39 0 46 6 318 283 520 528 503 507 503 621 0 105 -44 183 -131 230 -67 36 -141 44 -210 21 -41 -14 -72 -36 -137 -98 l-83 -80 0 715 c0 797 2 773 -69 846 -20 21 -55 46 -76 57 -48 23 -157 30 -200 12z'/%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.google {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 0 262 262' preserveAspectRatio='xMidYMid'%3E%3Cpath d='M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027' fill='%234285F4'/%3E%3Cpath d='M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1' fill='%2334A853'/%3E%3Cpath d='M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782' fill='%23FBBC05'/%3E%3Cpath d='M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251' fill='%23EB4335'/%3E%3C/svg%3E");
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M1570 1953 c0 -1140 0 -1130 -56 -1234 -41 -74 -117 -144 -202 -186 -64 -32 -85 -37 -162 -41 -222 -11 -399 119 -456 333 -63 233 95 484 337 536 52 11 178 8 212 -6 16 -7 17 9 17 243 l0 249 -73 7 c-194 17 -434 -48 -604 -165 -186 -128 -330 -346 -379 -572 -20 -93 -21 -281 -1 -372 101 -470 552 -794 1025 -736 365 45 668 287 781 626 16 50 35 119 40 155 7 40 11 288 11 643 0 317 2 577 4 577 2 0 34 -20 70 -45 173 -116 404 -192 601 -198 l80 -2 0 240 0 240 -79 8 c-255 25 -486 187 -601 420 -41 84 -75 210 -75 279 l0 48 -245 0 -245 0 0 -1047z'/%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.website {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
}
.email,
.mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9b926' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.mail-fill,
.email-fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.telephone,
.phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9b926' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.telephone-fill,
.phone-fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
}
.geo,
.geolocation,
.loaction,
.lokalizacja {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9b926' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M1538 2985 c-132 -36 -256 -143 -321 -275 -69 -141 -79 -208 -84 -527 l-5 -283 -204 0 -204 0 0 -295 0 -295 200 0 200 0 2 -652 3 -653 315 0 315 0 3 648 2 647 225 0 c208 0 225 1 225 18 0 9 14 139 30 287 16 149 30 273 30 278 0 4 -117 7 -260 7 l-260 0 0 210 c0 225 3 242 52 287 37 34 93 43 281 43 l177 0 0 285 0 285 -337 -1 c-243 -1 -351 -4 -385 -14z'/%3E%3C/g%3E%3C/svg%3E");
}
.instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M606 2984 c-248 -54 -456 -228 -551 -462 -56 -137 -56 -144 -52 -1057 3 -940 -1 -879 77 -1040 75 -151 194 -270 345 -345 162 -79 104 -75 1075 -75 971 0 913 -4 1075 75 151 75 270 194 345 345 79 162 75 104 75 1075 0 971 4 913 -75 1075 -75 151 -194 270 -345 345 -161 79 -98 74 -1050 76 -725 2 -860 0 -919 -12z m1819 -223 c165 -66 277 -180 336 -341 l24 -65 0 -855 0 -855 -24 -65 c-60 -164 -177 -281 -341 -341 l-65 -24 -855 0 -855 0 -65 24 c-164 60 -281 177 -341 341 l-24 65 0 855 0 855 28 75 c49 133 165 259 287 312 110 48 93 47 990 45 l845 -2 60 -24z'/%3E%3Cpath d='M2240 2599 c-101 -45 -160 -138 -160 -249 1 -154 117 -270 269 -270 153 0 270 114 271 264 0 91 -17 134 -80 196 -36 37 -69 60 -96 68 -63 18 -152 15 -204 -9z m155 -204 c30 -29 32 -55 7 -86 -23 -27 -75 -30 -99 -6 -24 24 -21 76 6 99 31 25 57 23 86 -7z'/%3E%3Cpath d='M1350 2245 c-375 -84 -630 -413 -607 -785 8 -117 27 -191 77 -295 94 -194 276 -343 490 -401 90 -25 290 -25 380 -1 212 58 394 207 490 402 59 121 74 189 74 335 0 145 -15 213 -74 335 -93 192 -278 344 -485 400 -85 23 -264 28 -345 10z m341 -227 c129 -48 257 -166 310 -284 56 -124 63 -295 19 -422 -51 -144 -191 -283 -337 -334 -97 -33 -269 -33 -366 0 -148 52 -287 191 -339 339 -33 97 -33 269 0 365 59 169 203 302 383 353 83 23 245 15 330 -17z'/%3E%3C/g%3E%3C/svg%3E");
}











/* Responsywność: */
@media (max-width: 1400px) {
    .opinions .box2 img {
        width: 80%;
    }
    .opinions .swiper-button-next {
        right: 41%;
    }
    .opinions .swiper-button-prev {
        left: 42%;
    }
    .offcanvas.show {
        width: 30% !important;
    } 
    .close {
        right: 10%;
    }
    .popup-content {
        width: 50%;
        flex-direction: column;
    }
    .popup-content video {
        width: 54%;
    }
}
@media (max-width: 1199px) {
    .sc-efektykosmetykow  .img-popup img {
        width: 90%;
    }
    .efektbox img {
        width: 100%;
    }
    .popup-content {
        width: 70%;
    }
    .hero-section img {
        width: 60%;
        height: auto;
    }
    .col2 img {
        width: 50%;
    }
    .hero-text {
        font-size: 19px;
    }
    .sc1 img {
        width: 40%;
        height: unset;
    }
    .opinions .box2 img {
        width: 100%;
    }
    .opinions .row {
        gap: 50px;
    }
    .box1 {
        order: 2;
    }
    .opinions .box2 img {
        width: 50%;
    }
    .opinions .swiper-button-next {
        right: 43%;
    }
    .opinions .swiper-button-prev {
        left: 45%;
    }
    .gotobtn {
        order: 3;
    }
    
}
@media (max-width: 1060px) {
    .opinions .box2 img {
        width: 60%;
    }
    .opinions .row {
        gap: 70px;
    }
}
@media (max-width: 991px) {
    .sc-efektykosmetykow  .img-popup img {
        width: 100%;
    }
    .img-popup img {
        width: 64%;
    }
    .img-popup {
        padding-top: 140px;
    }
    .choicebox img {
        width: 100%;
    }
    .choicebox .btn2 {
        padding: 10px 20px;
    }
    .galeriabox img {
        width: 62%;
    }
    .hero-section img {
        width: 70%;
        height: auto;
    }
    .col2 img {
        width: 60%;
    }
    .navbar .container {
        justify-content: space-evenly;
    }
    .hero-text {
        font-size: 18px;
    }
    .sctitle p {
        width: 100%;
    }
    .offcanvas.show {
        padding-top: 0px;
        width: 40%!important;
    }
    .popup-content {
        max-width: 100%;
        width: 40%;
        flex-direction: column;
    }
    .popup video {
        width: 100%;
    }
    .close {
        right: 0%;
    }
    .popup-content p {
        padding-bottom: 40px;
    }
    .efektbox {
        border-bottom: 2px solid var(--color-main1);
        margin-bottom: 70px;
        padding-bottom: 30px;
    }
    .sc-efektykosmetykow .container {
        max-width: 100%;
    }
    .sc-efektykosmetykow .sctitle h2 {
        font-size: 30px;
    }
    .thumb-video {
        object-fit: fill;
    }
}
@media (max-width: 930px) {
    .opinions .box2 img {
        width: 70%;
    }
    .opinions .swiper-button-next {
        right: 40%;
    }
    .opinions .swiper-button-prev {
        left: 42%;
    }
}
@media (max-width: 767px) {
    #zabiegowe .container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .sc-bestsellery .sctitle,
    .sc-team .sctitle, 
    .sc-klientow .sctitle {
        margin-bottom: 30px;
    }
    .services .container {
        padding-left: 100px;
        padding-right: 100px;
    }
    .img-popup img {
        width: 80%;
    }
    .choicebox {
        margin-bottom: 70px;
    }
    .popup-content {
        width: 50%;
    }
    .hero-section {
        height: unset;
        /*height: 140vh;*/
        background-image: url('https://filiptesty.dfirma.pl/nowa/wp-content/uploads/2025/08/IMG_2613.jpeg');
    }
    /*.hero-section-overlay {
        height: 140vh;
    }*/
    .hero-section .row {
        gap: 25px;
    }
    .col1,
    .col3 {
        justify-content: center;
    }
    .hero-section img {
        width: 30%;
        height: auto;
    }
    .col2 img {
        width: 24%;
    }
    .sc1 img {
        width: 50%;
        height: unset;
    }
    .opinions .box2 img {
        width: 80%;
    }
    .hero-text .arrow {
        display: none;
    }
    .goto {
        background-size: auto;
    }
    .gotobtn a {
        text-align: center;
    }
    .sc1 h3 {
        font-size: 22px;
    }
    .sc1 span {
        font-size: 17px;
    }
    .numbers .liczba {
        font-size: 40px;
    }
    .numbers .napis {
        font-size: 18px;
    }
    .swiper-pagination {
        bottom: -15% !important;
    }
    footer .row {
        flex-direction: column;
    }
    .navbar-nav {
        gap: 10px;
    }
    .nav-item a {
        font-size: 20px;
        color: #fff!important;
    }
    .sc-team .swiper-button-next::after, 
    .sc-team .swiper-button-prev::after {
        font-size: 30px!important;
    }
    .sc-team .swiper-button-next {
        right: 7%;
    }
    .sc-team .swiper-button-prev {
        left: 7%;
    }
    .team-box img {
        widows: 70%;
    }
    .hero-section-overlay {
        background-color: #ffffff;
    }
    .galeriabox img {
        width: 90%;
        height: auto;
        min-height: unset;
    }
    .offcanvas {
        z-index: 999999!important;
    }
    .sc-team,
    .sc-oferta1,
    #galeria1 {
        padding-top: 30px!important;
    }
    #galeria1 img {
        width: 50%!important;
    }
    #galeria1 .golden {
        width: 30%!important;
    }
    .sc-galeria .sctitle {
        margin-bottom: 0px;
    }
    .galeriabox {
        margin-bottom: 50px;
    }
    .offcanvas.show {
        width: 50%!important;
    }
    .nav-item a {
        text-align: center;
    }
    .wynajem-box {
        display: none;
    }
    .scopebtn {
        width: 50px;
        height: 50px;
    }
    .scopein {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 650px) {
    .img-popup img {
        width: 90%;
    }
    .popup-content {
        width: 60%;
    }
    .sc1 img {
        width: 60%;
        height: unset;
    }
    .sc1-first .row {
        gap: 30px;
    }
    .opinions .swiper-button-next {
        right: 39%;
    }
    .opinions .swiper-button-prev {
        left: 43%;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    .opinions .swiper-button-next,
    .opinions .swiper-button-prev {
        padding: 20px;
    }
    .swiper-pagination {
       bottom: -18% !important;
    }
    .sctitle p {
        width: 100%;
    }
    .sc-oferta1 h2 {
        font-size: 30px;
    }
    .services .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (max-width: 600px) {
    .hero-section img {
        width: 40%;
        height: auto;
    }
    .col2 img {
        width: 30%;
    }
    .opinions .box2 img {
        width: 100%;
    }
    .offcanvas.show {
        width: 70%!important;
    }
}
@media (max-width: 575px) {
    .img-popup {
        padding-top: 100px;
    }
    .img-popup img {
        width: 85%;
    }
    .popup-content {
        width: 70%;
    }
    .numbers .row {
        gap: 30px;
    }
    .numbers .col-xl-4 {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .btncontain {
        flex-direction: column;
    }
    .btncontain .btn1 {
        order: 2;
    }
    #zabiegowe .popup video {
        width: 90%;
    }
    #zabiegowe .popup {
        padding-top: 50px;
    }
}
@media (max-width: 500px) {
    .popup-content {
        width: 80%;
    }
    .hero-section img {
        width: 50%;
        height: auto;
    }
    .col2 img {
        width: 40%;
    }
    .sc1 img {
        width: 80%;
        height: unset;
    }
    .opinions .swiper-button-next {
        right: 36%;
    }
    .opinions .swiper-button-prev {
        left: 40%;
    }
    .btn1,
    .btn2 {
        padding: 10px 25px;
    }
}