:root{--primary-beige:#E5DDD5;--secondary-beige:#D5CCC3;--accent-brown:#8B7355;--light-brown:#A69886}body{background-color:#F7F3F3;font-family:'Quicksand',sans-serif}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#FAF9F8;pointer-events:none}body{background-color:#FAF9F8;position:relative;overflow-x:hidden}html,body{min-height:100vh;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:Quicksand}#appointment-frame-container{position:relative;width:100%;height:calc(80vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}.appointment-frame{width:100%;height:100%;border:none;overflow-y:auto}.appointment-modal.open{width:calc(100% - 30px);max-width:90%;height:80vh;opacity:1;pointer-events:auto;overflow:hidden}.appointment-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:all 0.3s ease 0.1s;overflow:hidden}.appointment-body{flex:1;overflow:hidden}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgb(139 115 85 / .2);border-top:4px solid #8B7355;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.appointment-modal{position:fixed;bottom:6rem;right:1rem;width:0;height:0;background:rgb(255 255 255 / .95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 10px 25px rgb(139 115 85 / .25);z-index:49;overflow:hidden;opacity:0;transition:all 0.4s cubic-bezier(.4,0,.2,1);transform-origin:bottom right;pointer-events:none}.appointment-modal.open{width:calc(100% - 30px);max-width:450px;height:-webkit-fill-available;max-height:80vh;opacity:1;pointer-events:auto;overflow-y:auto}.appointment-content{padding:1.5rem;opacity:0;transform:translateY(20px);transition:all 0.3s ease 0.1s}.appointment-modal.open .appointment-content{opacity:1;transform:translateY(0)}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.appointment-header h2{font-size:1.5rem;color:#8B7355;margin:0}.appointment-close{background:none;border:none;font-size:1.5rem;color:#8B7355;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color 0.3s}.appointment-close:hover{background-color:rgb(139 115 85 / .1)}@media (prefers-color-scheme:dark){.appointment-modal{background:rgb(45 40 37 / .95)}.appointment-header h2{color:#C4B5A5}.appointment-close{color:#C4B5A5}.appointment-close:hover{background-color:rgb(196 181 165 / .1)}}.parallax-decoration{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;background:rgb(139 115 85 / .11);border-radius:50%;opacity:.7}.blob-1{width:150px;height:150px;left:10%;top:20%}.blob-2{width:100px;height:100px;right:15%;top:30%}.blob-3{width:120px;height:120px;left:25%;bottom:20%}.blob-4{width:80px;height:80px;right:25%;bottom:30%}.blob-5{width:90px;height:90px;left:40%;top:15%}.blob-6{width:110px;height:110px;right:35%;top:45%}.blob-7{width:130px;height:130px;left:20%;top:60%}.blob-8{width:95px;height:95px;right:18%;bottom:15%}.blob-9{width:140px;height:140px;left:50%;bottom:25%}.blob-10{width:85px;height:85px;right:40%;top:10%}@keyframes float1{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,50px) rotate(120deg)}66%{transform:translate(-20px,-30px) rotate(240deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes float2{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(-40px,20px) rotate(-120deg)}66%{transform:translate(30px,-40px) rotate(-240deg)}100%{transform:translate(0,0) rotate(-360deg)}}@keyframes float3{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(50px,-30px) rotate(180deg)}66%{transform:translate(-40px,40px) rotate(360deg)}100%{transform:translate(0,0) rotate(540deg)}}@keyframes float4{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(-30px,-50px) rotate(-180deg)}66%{transform:translate(40px,30px) rotate(-360deg)}100%{transform:translate(0,0) rotate(-540deg)}}.blob-1{animation:float1 20s infinite linear}.blob-2{animation:float2 25s infinite linear}.blob-3{animation:float3 22s infinite linear}.blob-4{animation:float4 28s infinite linear}.blob-5{animation:float1 24s infinite linear reverse}.blob-6{animation:float2 21s infinite linear reverse}.blob-7{animation:float3 27s infinite linear}.blob-8{animation:float4 23s infinite linear reverse}.blob-9{animation:float1 26s infinite linear}.blob-10{animation:float2 29s infinite linear reverse}section,nav,.hero-slider{position:relative;z-index:1}.gradient-bg{background:linear-gradient(135deg,#E5DDD5 0%,#D5CCC3 100%)}.card{transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.floating-button{position:fixed;bottom:2rem;right:2rem;z-index:50;transition:transform 0.3s ease;background:#c8af67}.floating-button:hover{transform:scale(1.05)}.service-card{background:#fff;border:1px solid #E5DDD5;transition:all 0.3s ease}.service-card:hover{border-color:#8B7355}.opening-hours{background:linear-gradient(135deg,#E5DDD5 0%,#FAF9F8 100%)}.scroll-smooth{scroll-behavior:smooth}.menu-line{position:absolute;width:100%;height:2px;background-color:#8B7355;transition:all 0.3s ease}.menu-line:nth-child(1){top:25%}.menu-line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-line:nth-child(3){bottom:25%}.menu-active .menu-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-active .menu-line:nth-child(2){opacity:0}.menu-active .menu-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.menu-open{overflow:hidden}.menu-overlay{position:fixed;top:-130%;left:0;right:0;bottom:0;height:100vh;background:linear-gradient(135deg,rgb(229 221 213 / .98) 0%,rgb(213 204 195 / .98) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:40;transition:all 0.5s cubic-bezier(.4,0,.2,1);padding-top:64px;overflow-y:auto}.menu-overlay.active{top:0}.mobile-menu-items{padding:2rem;opacity:0;transform:translateY(-20px);transition:all 0.6s cubic-bezier(.4,0,.2,1);transition-delay:0.2s;max-height:calc(100vh - 64px);overflow-y:auto}.menu-overlay.active .mobile-menu-items{opacity:1;transform:translateY(0)}.mobile-menu-link{display:block;margin:.8rem 0;padding:1rem;text-align:left;font-size:1.1rem;background:rgb(255 255 255 / .7);border:1px solid rgb(139 115 85 / .2);border-radius:1rem;transition:all 0.3s ease;position:relative;overflow:hidden}.mobile-menu-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(139 115 85 / .1),rgb(166 152 134 / .1));transform:translateX(-100%);transition:transform 0.4s ease}.mobile-menu-link:hover::before{transform:translateX(0)}.mobile-menu-link span{position:relative;z-index:1;display:flex;align-items:center;color:#8B7355}.mobile-menu-link svg{width:1.2rem;height:1.2rem;margin-right:1rem;transition:transform 0.3s ease}.mobile-menu-link:hover svg{transform:translateX(5px)}.hamburger-button{width:30px;height:30px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff0;border:none;outline:none;padding:0}.hamburger-lines{width:26px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-lines .line{display:block;height:2px;width:100%;background:#8B7355;border-radius:4px;transition:transform 0.3s ease,opacity 0.2s ease;transform-origin:center}.hamburger-button.active .line1{transform:translateY(9px) rotate(45deg)}.hamburger-button.active .line2{opacity:0;transform:translateX(-10px)}.hamburger-button.active .line3{transform:translateY(-9px) rotate(-45deg)}.hamburger-button:focus{outline:2px solid rgb(139 115 85 / .4);outline-offset:2px;border-radius:4px}.hamburger-button.active .line{background:#8B7355}.hamburger-button{-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;user-select:none}.hamburger-lines .line{transition:all 0.3s cubic-bezier(.4,0,.2,1)}.mobile-social-links{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(139 115 85 / .2)}.mobile-social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(139 115 85 / .1);position:relative;overflow:hidden}.mobile-social-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8B7355,#A69886);opacity:0;transition:opacity 0.3s ease}.mobile-social-link:hover::before{opacity:1}.mobile-social-link svg{width:20px;height:20px;position:relative;z-index:1;transition:all 0.3s ease;color:#8B7355}.mobile-social-link:hover svg{transform:scale(1.1);color:#fff}.mobile-contact-info{margin-top:2rem;padding:1.5rem;background:rgb(255 255 255 / .8);border-radius:1rem;box-shadow:0 4px 15px rgb(139 115 85 / .1)}.contact-item{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem;background:#fff;border-radius:.8rem;transition:all 0.3s ease}.contact-item:hover{transform:translateX(5px);background:rgb(139 115 85 / .05)}.contact-item svg{width:1.2rem;height:1.2rem;color:#8B7355}.contact-item a{color:#8B7355;text-decoration:none;font-weight:500}

/* FIXED: Layout shift prevention for hero slider */
.hero-slider{position:relative;width:100%;aspect-ratio:16/9;min-height:500px;overflow:hidden;background-color:#000;display:block;contain:layout size}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateX(100%);transition:transform 0.8s ease-in-out,opacity 0.8s ease-in-out;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout size}.slide.active{opacity:1;transform:translateX(0);z-index:2}.slide.prev{opacity:1;transform:translateX(-100%);z-index:1}.slide.next{opacity:1;transform:translateX(100%);z-index:1}.slide-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 60px;margin:0 auto}.slide.active .slide-content{opacity:1;transform:translateY(0)}.slide-title,.slide-description{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.slide.active .slide-title{opacity:1;transform:translateY(0);transition-delay:0.3s}.slide.active .slide-description{opacity:1;transform:translateY(0);transition-delay:0.5s}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4)}.slide-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;opacity:0;transform:translateX(50px);transition:all 0.8s ease 0.3s}.slide-description{color:#fff;font-size:1.2rem;margin-bottom:2rem;opacity:0;transform:translateX(50px);transition:all 0.8s ease 0.5s}.slider-nav{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:20}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgb(255 255 255 / .5);cursor:pointer;transition:all 0.3s ease}.slider-dot.active{background:#fff;transform:scale(1.2)}.slider-arrows{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:20;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.slider-arrow{width:40px;height:40px;background:rgb(255 255 255 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;pointer-events:auto}.slider-arrow:hover{background:rgb(255 255 255 / .4)}

@media (max-width:768px){.hero-slider{height:70vh;min-height:400px}.slide-title{font-size:2.2rem;padding:1.5em 0 0 0}.slide-description{font-size:1.2rem;padding:0 40px}.slider-arrow{width:35px;height:35px}.slider-arrows{padding:0 10px}}@media (max-width:480px){.hero-slider{height:70vh;min-height:350px}.slide-title{font-size:1.5rem;padding:1.5em 0 0 0}.slide-description{font-size:.9rem;padding:0 40px}}[data-scroll]{opacity:0;transform:translateY(20px);transition:all 0.6s ease}[data-scroll].scroll-visible{opacity:1;transform:translateY(0)}.service-title{transition-delay:0.2s}.service-description{transition-delay:0.4s}.service-list{transition-delay:0.6s}.service-sub-title{transition-delay:0.2s}.service-sub-text{transition-delay:0.4s}.price-title{transition-delay:0.2s}.prices-container{transform:translateY(20px);transition:all 0.6s ease}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.gallery-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.gallery-item{width:100%;max-width:300px;aspect-ratio:1 / 1;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.4,0,.2,1);overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center}@media (min-width:640px){.gallery-item{width:calc(50% - 1rem);max-width:300px}}@media (min-width:1024px){.gallery-item{width:calc(25% - 1rem);max-width:300px}}.gallery-item.scroll-visible{opacity:1;transform:translateY(0)}@media (min-width:640px){.service-box-item:nth-child(1){transition-delay:0s}.service-box-item:nth-child(2){transition-delay:0.2s}.service-box-item:nth-child(3){transition-delay:0.4s}.service-box-item:nth-child(4){transition-delay:0.6s}.service-box-item:nth-child(5){transition-delay:0.8s}.service-box-item:nth-child(6){transition-delay:1s}.service-box-item:nth-child(7){transition-delay:1.2s}.service-box-item:nth-child(8){transition-delay:1.4s}.team-member:nth-child(1){transition-delay:0s}.team-member:nth-child(2){transition-delay:0.2s}.team-member:nth-child(3){transition-delay:0.4s}.team-member:nth-child(4){transition-delay:0.6s}.team-member:nth-child(5){transition-delay:0.8s}.team-member:nth-child(6){transition-delay:1s}.team-member:nth-child(7){transition-delay:1.2s}.team-member:nth-child(8){transition-delay:1.4s}.team-member .team-delay:nth-child(1){transition-delay:0s}.team-member .team-delay:nth-child(2){transition-delay:0.1s}.team-member .team-delay:nth-child(3){transition-delay:0.2s}.team-member .team-delay:nth-child(4){transition-delay:0.3s}.team-member .team-delay:nth-child(5){transition-delay:0.4s}.team-member .team-delay:nth-child(6){transition-delay:0.5s}.team-member .team-delay:nth-child(7){transition-delay:0.6s}.team-member .team-delay:nth-child(8){transition-delay:0.7s}.team-member .team-delay:nth-child(8){transition-delay:0.8s}.bottom-delay:nth-child(1){transition-delay:0s}.bottom-delay:nth-child(2){transition-delay:0.2s}}@media (max-width:639px){.gallery-item{max-width:300px;margin-left:auto;margin-right:auto}}#gallery-lightbox{opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}#gallery-lightbox.active{opacity:1;visibility:visible}html{scrollbar-gutter:stable}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff0;display:flex;justify-content:center;align-items:center;z-index:9999;visibility:hidden;opacity:0;transition:background-color 0.4s ease-out,visibility 0.4s ease-out,opacity 0.4s ease-out}.lightbox.active{visibility:visible;opacity:1;background-color:rgb(57 41 22 / 79%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-info{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);color:#fff;text-align:center;padding:10px;background:rgb(0 0 0 / .7);border-radius:8px;max-width:80%;opacity:0;transition:all 0.4s ease}.lightbox.active .lightbox-info{opacity:1;transform:translateX(-50%) translateY(0)}.lightbox-title{font-size:18px;font-weight:700;margin-bottom:5px}.lightbox-description{font-size:14px}@supports not (backdrop-filter:blur(10px)){.lightbox.active{background-color:rgb(139 115 85 / .98)}}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(.8);opacity:0;transition:transform 0.5s cubic-bezier(.4,0,.2,1),opacity 0.5s ease;padding:60px 0}.lightbox.active .lightbox-content{transform:scale(1);opacity:1}.lightbox-image{max-width:90%;max-height:calc(100vh - 120px);object-fit:contain;box-shadow:0 10px 30px rgb(0 0 0 / .3);border-radius:8px;transform:translateY(20px);transition:transform 0.5s cubic-bezier(.4,0,.2,1),opacity 0.4s ease}.lightbox.active .lightbox-image{transform:translateY(0)}.lightbox.transitioning .lightbox-image{opacity:0;transform:scale(.95)}.lightbox-nav{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:10}.lightbox-nav button{width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;pointer-events:auto;opacity:0;transform:translateX(-20px);transition:all 0.4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.lightbox-nav button:last-child{transform:translateX(20px)}.lightbox.active .lightbox-nav button{opacity:1;transform:translateX(0)}.lightbox-nav button:hover{background-color:#f8f8f8;transform:scale(1.1)!important}.lightbox-close{position:fixed;top:15px;right:15px;width:35px;height:35px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:rotate(-180deg) scale(.8);transition:all 0.4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgb(0 0 0 / .15);z-index:10;color:#333;font-size:20px;border:none}.lightbox.active .lightbox-close{opacity:1;transform:rotate(0) scale(1)}.lightbox-close:hover{background-color:#f8f8f8;transform:rotate(90deg) scale(1.1)}.lightbox-counter{position:fixed;bottom:15px;left:50%;transform:translateX(-50%) translateY(20px);color:#fff;font-size:14px;padding:6px 12px;background-color:rgb(0 0 0 / .7);border-radius:15px;opacity:0;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.lightbox.active .lightbox-counter{opacity:1;transform:translateX(-50%) translateY(0)}body.lightbox-open{padding-right:var(--scrollbar-width,0)}@media (max-width:768px){.lightbox-content{padding:50px 0}.lightbox-image{max-height:calc(100vh - 100px);max-width:95%}.lightbox-nav{padding:0 15px}.lightbox-nav button{width:35px;height:35px}.lightbox-counter{bottom:10px;font-size:12px;padding:5px 10px}}@media (max-width:480px){.lightbox-content{padding:40px 0}.lightbox-nav{padding:0 10px}.lightbox-nav button{width:32px;height:32px}.lightbox-close{top:10px;right:10px;width:30px;height:30px;font-size:18px}.lightbox-image{max-width:98%}}@media (hover:none){.lightbox-nav button,.lightbox-close{opacity:1;transform:none}.lightbox-nav button:active,.lightbox-close:active{background-color:#f0f0f0;transform:scale(.95)}}

/* FIXED: Team member layout shifts */
.team-member{opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem);max-width:500px;contain:layout paint}.team-member.scroll-visible{opacity:1;transform:translateY(0)}.team-member .aspect-square{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:.75rem .75rem 0 0;contain:layout size paint;display:block;position:relative}.team-member .aspect-square img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.team-member:hover{box-shadow:0 8px 24px rgb(139 115 85 / .12)}.team-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media (min-width:640px){.team-member{width:calc(50% - 1rem);max-width:400px}.team-member:nth-child(1){transition-delay:0.1s}.team-member:nth-child(2){transition-delay:0.2s}.team-member:nth-child(3){transition-delay:0.3s}}@media (min-width:1280px){.team-member{width:calc(25% - 1.5rem);max-width:300px}}@media (max-width:639px){.team-member{max-width:400px}.team-grid{gap:2rem}}.luxury-button{position:fixed;bottom:2rem;right:2rem;z-index:50;padding:.875rem 2rem;font-family:'Quicksand',sans-serif;font-weight:600;font-size:1.1rem;color:#fff;background:linear-gradient(135deg,#513d24 0%,#A69886 100%);border:2px solid rgb(255 255 255 / .1);border-radius:1rem;box-shadow:0 8px 20px rgb(139 115 85 / .3);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0);overflow:hidden;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:1rem}.luxury-button::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(270deg,#FFF3E0,#FFE0B2,#FFF3E0);border-radius:3rem;z-index:-1;opacity:0;transition:opacity 0.4s ease}.luxury-button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:0.5s}.luxury-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgb(139 115 85 / .4);background:linear-gradient(135deg,#A69886 0%,#513d24 100%)}.luxury-button:hover::before{opacity:.15}.luxury-button:hover::after{left:100%}.luxury-button:active{transform:translateY(-1px);box-shadow:0 5px 15px rgb(139 115 85 / .4)}.luxury-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;background:rgb(255 255 255 / .2);border-radius:50%;padding:.3rem;transition:transform 0.3s ease}.luxury-button:hover .luxury-button-icon{transform:rotate(45deg)}@media (max-width:768px){.luxury-button{bottom:1.5rem;right:1.5rem;padding:.875rem 1.5rem;font-size:1rem}}@media (max-width:480px){.luxury-button{bottom:1rem;right:1rem;padding:.75rem 1.25rem;font-size:.95rem}}@keyframes pulse-light{0%{box-shadow:0 0 0 0 rgb(139 115 85 / .4)}70%{box-shadow:0 0 0 15px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgb(196 181 165 / .6)}70%{box-shadow:0 0 0 15px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.luxury-button.pulse{animation:pulse-light 2s infinite}@media (prefers-color-scheme:dark){.luxury-button{background:linear-gradient(135deg,#C4B5A5 0%,#513d24 100%);border:2px solid rgb(255 255 255 / .15);box-shadow:0 8px 20px rgb(0 0 0 / .3)}.luxury-button.pulse{animation:pulse-dark 2s infinite}.luxury-button:hover{background:linear-gradient(135deg,#513d24 0%,#C4B5A5 100%);box-shadow:0 12px 24px rgb(0 0 0 / .4)}}nav .text-gray-600{position:relative}nav .text-gray-600::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#8B7355;transition:width 0.3s ease}nav .text-gray-600:hover::after{width:100%}@media (min-width:1024px) and (max-width:1150px){nav .max-w-7xl{padding-left:1rem;padding-right:1rem}nav button{padding-left:.75rem;padding-right:.75rem}}input,textarea,select{touch-action:manipulation;-webkit-text-size-adjust:100%}

/* FIXED: Portfolio items layout shifts */
.portfolio-container{position:relative;width:100%;padding:0;overflow:hidden}.portfolio-scroll{width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}.portfolio-track{display:flex;gap:20px;padding:60px 0;transform:translateX(0);transition:transform 0.5s ease}.portfolio-item{position:relative;width:280px;height:280px;flex-shrink:0;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px rgb(0 0 0 / .1);transition:all 0.6s cubic-bezier(.4,0,.2,1);transform-origin:center;aspect-ratio:1/1;contain:layout size paint}.portfolio-item img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all 0.5s ease;display:block}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgb(0 0 0 / .7));color:#fff;opacity:0;transform:translateY(100%);transition:all 0.5s ease}.portfolio-item.center-item{transform:scale(1.2);z-index:2;box-shadow:0 8px 20px rgb(139 115 85 / .3)}.portfolio-item.center-item .portfolio-overlay{opacity:1;transform:translateY(0)}.portfolio-item.adjacent-item{transform:scale(1.1);z-index:1}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#8B7355;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10;opacity:.8;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#fff0}.scroll-button:hover{opacity:1;background:#A69886}.scroll-left{left:20px}.scroll-right{right:20px}@media (max-width:768px){.portfolio-container{padding:0 20px}.portfolio-item{width:220px;height:220px}}@media (max-width:480px){.portfolio-container{position:relative;width:100%;height:auto;padding:0;overflow:hidden}}.barber-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.barber-tabs::-webkit-scrollbar{display:none}.barber-tab{position:relative;padding:.75rem 1.5rem;margin:0 .5rem;color:#8B7355;background:#fff0;border:2px solid #fff0;border-radius:9999px;font-weight:500;transition:all 0.3s ease;cursor:pointer}.barber-tab::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:#8B7355;transition:all 0.3s ease;transform:translateX(-50%)}.barber-tab:hover{color:#A69886}.barber-tab.active{color:#8B7355;background:rgb(139 115 85 / .1)}.barber-tab.active::after{width:80%}.price-list{opacity:0;visibility:hidden;height:0;overflow:hidden;transition:all 0.5s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.price-list.active{opacity:1;visibility:visible;height:auto;transform:translateY(0)}.text-sl{font-size:.88rem}.text-xss{font-size:.62rem}@media (max-width:640px){.barber-tab{padding:.5rem 1rem;margin:0 .25rem;font-size:.9rem}}.reviewLink{color:#000}.price-list.active .divide-y>div:nth-child(1){animation-delay:0.1s}.price-list.active .divide-y>div:nth-child(2){animation-delay:0.15s}.price-list.active .divide-y>div:nth-child(3){animation-delay:0.2s}.price-list.active .divide-y>div:nth-child(4){animation-delay:0.25s}.price-list.active .divide-y>div:nth-child(5){animation-delay:0.3s}.price-list.active .divide-y>div:nth-child(6){animation-delay:0.35s}.price-list.active .divide-y>div:nth-child(7){animation-delay:0.4s}.price-list.active .divide-y>div:nth-child(8){animation-delay:0.45s}.price-list.active .divide-y>div:nth-child(9){animation-delay:0.5s}.price-list.active .divide-y>div:nth-child(10){animation-delay:0.55s}:root{--dark-bg-primary:#1a1614;--dark-bg-secondary:#242021;--dark-bg-tertiary:#2d2825;--dark-text-primary:#E5DDD5;--dark-text-secondary:#B8AFA7;--dark-accent-primary:#C4B5A5;--dark-accent-secondary:#8B7355;--dark-border:#3d3632;--dark-card-bg:#242021;--dark-hover:#2d2825;--dark-overlay:rgba(26, 22, 20, 0.95)}@media (prefers-color-scheme:dark){html,body{background:var(--dark-bg-primary)!important;color:var(--dark-text-primary)}html{background:var(--dark-bg-primary)!important}body{background:var(--dark-bg-primary)!important;min-height:100vh!important}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background:var(--dark-bg-primary)}section{position:relative;z-index:1}.parallax-decoration{z-index:0}nav{background-color:var(--dark-bg-secondary);border-bottom:1px solid var(--dark-border)}nav .text-gray-600{color:var(--dark-text-secondary)}nav .text-gray-600:hover{color:var(--dark-accent-primary)}nav .text-[#8B7355]{color:var(--dark-accent-primary)}.menu-overlay{background:linear-gradient(135deg,rgb(36 32 33 / .98) 0%,rgb(45 40 37 / .98) 100%)}.mobile-menu-link{background:rgb(45 40 37 / .7);border-color:var(--dark-border)}.mobile-menu-link:hover{background:rgb(61 54 50 / .7)}.mobile-menu-link span{color:var(--dark-text-primary)}.opening-hours{background:linear-gradient(135deg,var(--dark-bg-secondary) 0%,var(--dark-bg-primary) 100%)}.service-box-item,.team-member,.mobile-contact-info,.contact-item{background-color:var(--dark-card-bg);border-color:var(--dark-border)}.price-list .hoverState:hover{background:#4F4740!important}.service-box-item:hover,.team-member:hover{box-shadow:0 8px 24px rgb(0 0 0 / .3)}.text-gray-600,.text-gray-800{color:var(--dark-text-secondary)}.text-[#8B7355]{color:var(--dark-accent-primary)}.blob{background:rgb(196 181 165 / .11)}.portfolio-item{background-color:var(--dark-card-bg);box-shadow:0 4px 6px rgb(0 0 0 / .2)}.portfolio-overlay{background:linear-gradient(transparent,rgb(26 22 20 / .9))}.scroll-button{background:var(--dark-accent-secondary)}.scroll-button:hover{background:var(--dark-accent-primary)}.lightbox.active{background-color:rgb(26 22 20 / .95)}.lightbox-nav button,.lightbox-close{background-color:var(--dark-card-bg);color:var(--dark-text-primary)}.lightbox-nav button:hover,.lightbox-close:hover{background-color:var(--dark-hover)}.luxury-button{background:linear-gradient(135deg,var(--dark-accent-secondary) 0%,var(--dark-accent-primary) 100%);box-shadow:0 8px 20px rgb(0 0 0 / .3)}.luxury-button:hover{background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%)}.divide-y>div{border-color:var(--dark-border)!important}.barber-tab{color:var(--dark-text-secondary)}.barber-tab.active{color:var(--dark-accent-primary);background:rgb(196 181 165 / .1)}.barber-tab::after{background-color:var(--dark-accent-primary)}footer{background-color:var(--dark-bg-secondary);border-top:1px solid var(--dark-border)}.slider-dot{background:rgb(196 181 165 / .3)}.slider-dot.active{background:var(--dark-accent-primary)}.slider-arrow{background:rgb(196 181 165 / .2)}.slider-arrow:hover{background:rgb(196 181 165 / .4)}.mobile-social-link{background:var(--dark-card-bg)}.mobile-social-link:hover{background:var(--dark-hover)}.mobile-social-link svg{color:var(--dark-accent-primary)}.menu-overlay,.mobile-menu-link,.service-box-item,.team-member,.portfolio-item,.lightbox,.luxury-button,.barber-tab,nav,footer{transition:all 0.3s ease}input,textarea,select{background-color:var(--dark-card-bg);color:var(--dark-text-primary);border-color:var(--dark-border)}input:focus,textarea:focus,select:focus{border-color:var(--dark-accent-primary);outline-color:var(--dark-accent-primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--dark-bg-primary)}::-webkit-scrollbar-thumb{background:var(--dark-accent-secondary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--dark-accent-primary)}.bg-white{background-color:#332e29!important}.reviewLink{color:#FFFFFF!important}.price-list img,#diensten img,footer img{filter:invert(1) brightness(2)}section#diensten{background:linear-gradient(135deg,#25211C 0%,#1c1916 100%)!important}.border-gray-200{border-color:var(--dark-border)}.text-3xl{font-size:1.685em}}

/* ADDED: Content visibility improvements */
section:not(:first-of-type):not(.py-20) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 1000px;
}