/*
Theme Name: Lume Skin Studio
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.5.0.1780418770
Updated: 2026-06-02 16:46:10

*/


#inner-wrap {
	position: relative;
	z-index: 999
}

.char-perspective {
  perspective: 200px;
  perspective-origin: 80%;
}

.heading-accent-1 {
	position: relative
}

.heading-accent-1::before {
  position: absolute;
  content: "";
  top: -10%;
  left: -20px;
  width: 75px;
  height: 120%;
  background: #c00;
  z-index: -1;
  opacity: .05;
}

.line-parent {
  margin-top: -.15em;
  margin-bottom: -.2em;
  padding-top: .15em;
  padding-bottom: .1em;
  overflow: hidden;
}

.txt-accent-1 {
	color: var(--global-palette1)
}

.txt-accent-2 {
	color: var(--global-palette2)
}

.txt-accent-3 {
	opacity: .5
}


.txt-border {
	padding-left: 30px;
	position: relative
}

.txt-border::before {
  position: absolute;
  content: "";
  top: 15%;
  left: 0px;
  width: 10px;
  height: 10px;
	border-radius: 50%;
  background: #777;
  z-index: 1;
  opacity: .5;
}

#inner-wrap {
  background: var(--global-palette8);
  position: relative;
  z-index: 9;
}

.text-thin {
	font-weight: 200
}


.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
	font-size: 12px;
	color: var(--global-palette7);
	pointer-events: none;
	opacity: .65
}

.single-content ul li:not(.splide__pagination li), .ol-list li:not(.usluga-item-li) {
  position: relative;
  margin-bottom: 0.5em;
  list-style: none;
  line-height: 1.4;
}

.single-content ul li:not(.kt-svg-icon-list li, .kb-gallery-ul li, .usluga-item-li, .splide__pagination li)::before, .ol-list li::before {
  position: absolute;
  content: "";
  top: 5px;
  left: -32px;
  width: 14px;
  height: 14px;
  border: 4px solid #fff;
  background: var(--global-palette1);
  transform: rotate(45deg);
}

.arrow-both {
	width: max-content
}

.arrow-both::before,
.arrow-both::after {
	position: absolute;
	content: "";
	top: 50%;
	height: 2px; 
	width: 70%;
}

.arrow-both::before {
	left: -80%;
	background: linear-gradient(90deg, var(--global-palette9) 0%, var(--global-palette1) 100%);
}

.arrow-both::after {
	right: -80%;
	background: linear-gradient(90deg, var(--global-palette1) 0%, var(--global-palette9) 100%);
}


@media(min-width:767px) {
	.step-arrow-up,
.step-arrow-down {
	position: relative
}

.step-arrow-up::before,
.step-arrow-down::before {
  position: absolute;
  content: "";
  top: 18%;
  right: -30%;
  width: calc(3em + 5vw);
  height: calc(0.56em + 1vw);
  background: url("https://lumeskinstudio.pl/wp-content/uploads/2026/06/Line-15.png");
  background-size: cover;
}

.step-arrow-down::before {
  top: 12%;
  background: url("https://lumeskinstudio.pl/wp-content/uploads/2026/06/Line-16.png");
  background-size: cover;
}
	.arrow-both::before,
.arrow-both::after {
	width: 100%;
}
	.arrow-both::before {
	left: -132%;
	background: linear-gradient(90deg, var(--global-palette9) 0%, var(--global-palette1) 100%);
}

.arrow-both::after {
	right: -132%;
	background: linear-gradient(90deg, var(--global-palette1) 0%, var(--global-palette9) 100%);
}

}


        .fws-uslugi-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 28px;
        }

        .fws-usluga-card {
            display: block;
            text-decoration: none;
            color: inherit;
            border: 1px solid #d7b98d;
            border-radius: 0 70px 8px 8px;
            overflow: hidden;
            background: #ffffff7d;
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
        }

        .fws-usluga-image {
            width: 100%;
            height: 340px;
            overflow: hidden;
            border-radius: 0 70px 0 0;
            background: #f5f1ea;
        }

        .fws-usluga-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .35s ease;
        }

        .fws-usluga-card:hover .fws-usluga-image img {
            transform: scale(1.04);
        }

        .fws-usluga-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 28px 38px;
            min-height: 116px;
        }

        .fws-usluga-title {
            margin: 0;
            font-size: 28px;
            line-height: 1.2;
            font-weight: 400;
            color: #3f382d;
        }

        .fws-usluga-arrow {
flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #f7f6f4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9915d;
  font-size: 31px;
  line-height: .75;
  transition: background .25s ease, color .25s ease, transform .25s ease;
  padding-bottom: 5px;
        }

        .fws-usluga-card:hover .fws-usluga-arrow {
            background: #b9915d;
            color: #fff;
            transform: translateX(4px);
        }

        @media (max-width: 991px) {
            .fws-uslugi-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .fws-usluga-image {
                height: 300px;
            }

            .fws-usluga-title {
                font-size: 24px;
            }
        }

        @media (max-width: 575px) {
            .fws-usluga-card {
                border-radius: 0 45px 8px 8px;
            }

            .fws-usluga-image {
                height: 230px;
                border-radius: 0 45px 0 0;
            }

            .fws-usluga-content {
                padding: 24px;
                min-height: 96px;
            }

            .fws-usluga-title {
                font-size: 21px;
            }

            .fws-usluga-arrow {
                flex-basis: 54px;
                width: 54px;
                height: 54px;
                font-size: 28px;
            }
        }
   

.booksy-btn {
		display: none!important;
	position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 999999;
}

.booksy-btn a {
	background: var(--global-palette2);
}

@media(min-width:767px) {
.booksy-btn {
	display: none!important
}
	
.p-left {
	padding-left: 28%
}
}


.gnext.gbtn,
.gprev.gbtn {
	width: 40px!important;
	height: 40px!important;
	border-radius: 50%
}


.gnext.gbtn svg,
.gprev.gbtn svg {
	width: 15px!important;
}


/* ========================================
   KADENCE / GLIGHTBOX
   Zdjęcie + opis po prawej
   ======================================== */

@media (min-width: 900px) {

    /* Kontener zdjęcia i opisu */
    .glightbox-container .ginner-container.desc-bottom {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: center !important;

        width: fit-content !important;
        max-width: calc(100vw - 120px) !important;

        margin: 0 auto !important;
    }


    /* Kontener zdjęcia */
    .glightbox-container .gslide-media.gslide-image {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }


    /* Samo zdjęcie */
    .glightbox-container .gslide-media.gslide-image img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: calc(100vw - 520px) !important;
        max-height: calc(100vh - 80px) !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain;
    }


    /* Panel opisu */
    .glightbox-container .gslide-description.description-bottom {
        position: relative !important;

        flex: 0 0 380px !important;

        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;
        color: #111 !important;

        border-left: 1px solid #eee;
    }


    /* Wnętrze panelu */
    .glightbox-container .gdesc-inner {
        box-sizing: border-box !important;

        width: 100%;
        height: 100%;

        padding: 42px 38px !important;
    }


    /* Opis */
    .glightbox-container .gslide-desc {
        margin: 0 !important;
        padding: 0 !important;

        color: #111 !important;

        font-size: 15px;
        line-height: 1.6;

        text-align: left;
    }

}

/* ========================================
   MOBILE - opis pod zdjęciem na białym tle
   ======================================== */

@media (max-width: 899px) {

    .glightbox-container .ginner-container.desc-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .glightbox-container .gslide-media.gslide-image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
    }

    .glightbox-container .gslide-media.gslide-image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 75vh !important;
        object-fit: contain;
        margin: 0 !important;
        padding: 0 !important;
    }

    .glightbox-container .gslide-description.description-bottom {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;
        border-left: none !important;
        border-top: 1px solid #eee !important;
    }

    .glightbox-container .gdesc-inner {
        width: 100% !important;
        height: auto !important;
        padding: 20px 18px !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }

    .glightbox-container .gslide-desc {
        margin: 0 !important;
        padding: 0 !important;
        color: #111 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }


    .glightbox-container .ginner-container.desc-bottom {
        height: auto !important;
        min-height: 0 !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    .glightbox-container .gslide-media.gslide-image {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .glightbox-container .gslide-media.gslide-image img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .glightbox-container .gslide-description.description-bottom {
        position: relative !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }
}