@charset "UTF-8";
body{background:#ECF0F1;font-family:"Inter",sans-serif}
html,body{height:100%;margin:0}
.page-wrapper{display:flex;flex-direction:column;min-height:100vh}
.content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}
.form-control:focus{border-color:#CE0E2D;box-shadow:0 0 0 0.2rem rgba(206,14,45,0.25)}
.font-main{font-family:"Marcellus",serif}
.font-sub{font-family:"Inter",sans-serif}
.font-main-bold{font-family:"Marcellus",serif;font-weight:700}
.font-sub-light{font-family:"Inter",sans-serif;font-weight:300}
.font-sub-regular{font-family:"Inter",sans-serif;font-weight:400}
.font-sub-medium{font-family:"Inter",sans-serif;font-weight:500}
.font-sub-bold{font-family:"Inter",sans-serif;font-weight:700}
.button{display:inline-block;padding:10px 20px;text-align:center;text-decoration:none;font-weight:600;font-size:14px;border-radius:30px;border:1px solid transparent;transition:background-color 0.3s ease,color 0.3s ease}
.button.button-primary{background-color:#CE0E2D;color:#ECF0F1}
.button.button-primary:hover{background-color:#9e0b23;color:#ECF0F1}
.button.button-primary-outlined{background-color:transparent;border:1px solid #CE0E2D;color:#CE0E2D}
.button.button-primary-outlined:hover{background-color:#CE0E2D;color:#ECF0F1}
.button.button-light{background-color:#ECF0F1;color:#ECF0F1}
.button.button-light:hover{background-color:#cfd9db;color:#ECF0F1}
.button.button-light-outlined{background-color:transparent;border:1px solid #ECF0F1;color:#ECF0F1}
.button.button-light-outlined:hover{background-color:#ECF0F1;color:#ECF0F1}
.button.button-dark{background-color:#1E1E1E;color:#ECF0F1}
.button.button-dark:hover{background-color:#383838;color:#ECF0F1}
.button.button-dark-outlined{background-color:transparent;border:1px solid #1E1E1E;color:#1E1E1E}
.button.button-dark-outlined:hover{background-color:#1E1E1E;color:#ECF0F1}
.button-circle-primary{width:48px;height:48px;border-radius:50%;border:1px solid #CE0E2D;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
.button-circle-primary svg path{transition:stroke 0.3s ease;stroke:#CE0E2D}
.button-circle-primary:hover{background-color:#CE0E2D}
.button-circle-primary:hover svg path{stroke:#ECF0F1}
.button-circle-light{width:48px;height:48px;border-radius:50%;border:1px solid #ECF0F1;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
.button-circle-light svg path{transition:fill 0.3s ease;fill:#ECF0F1}
.button-circle-light:hover{background-color:#ECF0F1}
.button-circle-light:hover svg path{fill:#CE0E2D}#maintenance{background:url("../themes/lenkastyle/assets/img/maintenance.png");background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:100vh;height:100vh}
#maintenance .row{background:rgba(0,0,0,0.8)}
#maintenance img{width:80%;max-width:600px}
#maintenance a{color:#CE0E2D;transition:0.3s ease-in;text-decoration:none}
#maintenance a:hover{color:#9e0b23}
@media (min-width:991px){#maintenance .row{background:transparent}}
nav.navbar img{width:25vw;max-width:150px;position:relative;top:5px}
nav.navbar ul.navbar-nav{padding:0 22px}
nav.navbar ul.navbar-nav li.nav-item a{padding:0 20px;font-size:16px;color:#1E1E1E}
nav.navbar ul.navbar-nav li.nav-item a:hover{color:#CE0E2D}
nav.navbar a svg{width:28px}
nav.navbar a svg path{transition:stroke 0.3s ease;stroke:#CE0E2D}
.homepage-landing{background:url("../themes/lenkastyle/assets/img/hair.svg");background-size:cover;background-position:0 0;background-repeat:no-repeat}
.homepage-landing .about_cta{right:0;top:5%}
.homepage-landing .about_cta a{color:currentColor;text-decoration:none}
.homepage-landing .about_cta-button{background:#D9D9D9;font-weight:900;border-radius:42px;padding:24px}
.homepage-landing .about_cta-button_img{height:139px;position:absolute;right:30px;bottom:1px}
.homepage-landing img{object-fit:cover}
.homepage-landing img.homepage_electric{width:80px;position:absolute;right:0;top:65%}
.homepage-landing img.homepage_scissors{width:80px;position:absolute;bottom:23%;left:3%}
.homepage-landing img.homepage_left{height:280px;width:648px;border-radius:133px}
.homepage-landing img.homepage_right{height:280px;width:648px;border-radius:156px;position:relative;top:-50px}
.homepage-services a.button.button-dark-outlined{font-size:12px;padding:6px 12px}
.services-list{margin-top:16px}
.services-list__item{height:452px;border-radius:30px;padding:30px 25px;box-shadow:3px 3px 6px 1px rgba(30,30,30,0.3);transition:0.3s ease-in-out}
.services-list__item img{object-fit:cover;border-radius:30px}
.services-list__item:hover{box-shadow:0px 0px 0px 0px rgba(30,30,30,0)}
.services-list__item:hover .overlay{background:rgba(0,0,0,0.85)}
.services-list__item .overlay{background:rgba(0,0,0,0.75);border-radius:30px;height:100%;width:100%;position:absolute;top:0;left:0;transition:0.3s ease-in-out}
.services-list__item .text{z-index:99}
.phone-group input{padding-left:55px}
.phone-group::after{content:"+421";position:absolute;left:0;top:-1px;color:black;font-size:1rem;font-weight:600;line-height:1.5;height:calc(1.5em + 0.75rem + 2px);padding:0.475rem 0.75rem}
.homepage-reservation .reservation-client,.homepage-reservation .reservation-new_client{opacity:0.7;transition:0.3s ease-in-out}
.homepage-reservation .reservation-client .card,.homepage-reservation .reservation-new_client .card{transition:0.3s ease-in-out}
.homepage-reservation .reservation-client svg,.homepage-reservation .reservation-new_client svg{transition:0.3s ease-in-out}
.homepage-reservation .reservation-client:hover,.homepage-reservation .reservation-new_client:hover{opacity:1}
.homepage-reservation .reservation-client:hover svg,.homepage-reservation .reservation-new_client:hover svg{transform:rotate(15deg)}
.homepage-reservation .reservation-client h3{color:#CE0E2D;transition:0.3s ease-in-out}
.homepage-reservation .reservation-client p{transition:0.3s ease-in-out}
.homepage-reservation .reservation-client svg{color:#CE0E2D}
.homepage-reservation svg{width:40px}
.reservation p.active{color:#CE0E2D}
.reservation .tooltip-error{position:absolute;background:#CE0E2D;color:white;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1000;opacity:0;transition:opacity 0.3s ease;pointer-events:none}
.reservation .tooltip-error.show{opacity:1}
.reservation .circle-wrapper::after{content:"";width:100%;height:1px;position:absolute;left:0;top:50%;background:#CE0E2D;z-index:20}
.reservation .circle{width:20px;height:20px;border-radius:50%;border:1px solid #CE0E2D;background:#ECF0F1;position:relative;z-index:30}
.reservation .circle.active{background:#CE0E2D}
.reservation a.btn.btn-link{color:#CE0E2D;text-decoration:none}
.reservation a.btn.btn-link:hover{color:#9e0b23}
.reservation ul{list-style:none;padding:0;margin:0}
.reservation ul li{color:#1E1E1E}
.reservation .calendar-container{background-color:white;border-radius:30px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.reservation .times-container{min-height:50px}
.reservation #timeSlots{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.reservation #timeSlots li{background-color:#fff;border:1px solid #ddd;border-radius:10px;text-align:center;padding:0.75rem;cursor:pointer;transition:all 0.2s ease}
.reservation #timeSlots li:hover{background-color:#CE0E2D;color:white}
.reservation #timeSlots li.selected{background-color:#CE0E2D;color:white;font-weight:bold}
.reservation #calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.reservation #calendar button.day{all:unset;padding:10px;text-align:center;cursor:pointer;border-radius:30px;transition:background-color 0.2s}
.reservation #calendar button.day:hover{background-color:#CE0E2D;color:white}
.reservation #calendar button.day.today{font-weight:bold;border:1px solid #CE0E2D}
.reservation #calendar button.day.selected{background-color:#CE0E2D;color:white}
.reservation #calendar button.day.disabled{opacity:0.5;cursor:not-allowed;color:#ccc;pointer-events:none}
.reservation #monthSelectWrapper,.reservation #yearSelectWrapper{cursor:pointer;display:flex;align-items:center}
.reservation #prevMonth svg,.reservation #nextMonth svg{width:unset}
.reservation #prevMonth svg path,.reservation #nextMonth svg path{stroke:#1E1E1E}
footer{background:#1E1E1E}
footer img{width:100%;max-width:200px;margin-top:8px}
footer ul{list-style:none;padding:0;margin:0}
footer ul a{color:#ECF0F1;text-decoration:none}
footer ul a:hover{color:#CE0E2D}
footer .button-circle-group{display:flex;gap:16px;margin-top:16px}
footer .button-circle-group .button-circle-light{margin:0}
footer a.contact-links{color:#ECF0F1;text-decoration:none;margin-bottom:4px}
footer a.contact-links svg{margin-right:4px}
footer a.contact-links:hover{color:#CE0E2D}
footer a.contact-links:hover svg path{fill:currentColor}
@media (min-width:768px){.responsive-width{width:auto !important}.homepage-landing{background-position:-100px -100px;background-size:120%}.homepage-landing img.homepage_left{height:504px;width:273px}.homepage-landing img.homepage_electric{width:80px;right:2%;top:3%}.homepage-landing img.homepage_scissors{width:136px;position:relative;bottom:unset;top:unset;left:unset;right:unset}}
@media (min-width:992px){.homepage-landing{background-size:cover}.homepage-landing img.homepage_electric{width:108px;right:8%;top:45%}}
@media (min-width:1400px){.homepage-landing{background:url("../themes/lenkastyle/assets/img/hair.svg");background-size:contain;background-position:0 -135px;background-repeat:no-repeat}}