:root{--bg-primary:#111;--bg-secondary:#151515;--bg-card:#202020;--bg-tertiary:#080808;--text-primary:#fff;--text-secondary:#ddd;--text-muted:#999;--light-section:#f3f0ea;--light-text:#151515;--border-color:#333;--accent:#c95f55;--accent-hover:#da493c;--navbar-bg:#0a0a0aeb;--contrast-section-bg:#171717;--contrast-section-text:#fff;--contrast-section-muted:#aaa;--contrast-section-border:#333;--contrast-section-control:#202020}body.light-mode{--bg-primary:#f8f6f2;--bg-secondary:#fff;--bg-card:#f0ede7;--bg-tertiary:#e7e2d9;--text-primary:#151515;--text-secondary:#333;--text-muted:#666;--light-section:#151515;--light-text:#fff;--border-color:#d8d3ca;--navbar-bg:#fffffff0;--contrast-section-bg:#f3f0ea;--contrast-section-text:#111;--contrast-section-muted:#777;--contrast-section-border:#d4d0c8;--contrast-section-control:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}button,input{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.scroll-progress-container{z-index:5000;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:var(--accent);width:0;height:100%;transition:width 80ms linear;box-shadow:0 0 8px #c49a6c59}.navbar{z-index:1000;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text-primary);transition:background-color .3s,color .3s;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1300px;height:80px;margin:auto;padding:0 30px;display:flex}.navbar-actions{display:none}.mobile-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background-color .25s,color .25s,border-color .25s,transform .25s;display:flex}.theme-toggle:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:rotate(15deg)}.logo{white-space:nowrap;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;width:auto;text-decoration:none;display:inline-flex}.navbar-logo-image{object-fit:contain;flex-shrink:0;width:42px;height:42px;display:block}.navbar-logo-name{letter-spacing:2px;color:var(--text-primary);white-space:nowrap;flex-direction:row;align-items:center;font-size:20px;font-weight:700;line-height:1;display:inline-flex}.navbar-logo-name span{color:var(--accent);margin-left:4px}.desktop-nav{gap:35px;display:flex}.desktop-nav a{text-transform:uppercase;letter-spacing:1px;font-size:13px;transition:opacity .2s}.desktop-nav a:hover{opacity:.6}.nav-book-button,.primary-button,.confirm-button{background:var(--accent);color:#111;text-transform:uppercase;letter-spacing:1px;border:none;padding:15px 25px;font-weight:700}.nav-book-button:hover,.primary-button:hover,.confirm-button:hover{background:var(--accent-hover)}.mobile-menu-button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:none}.mobile-menu{display:none}.hero{background-image:url(/images/stylestudio_hero.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background-image:url(/images/stylestudio_hero.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:14s ease-in-out infinite alternate heroImageZoom;position:absolute;inset:-3%}@media (width<=1024px){.hero{background-image:url(/images/stylestudio_hero_tablet.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.hero:before{background-image:url(/images/stylestudio_hero_tablet.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:none;inset:0}}@media (width<=600px){.hero{background-image:url(/images/stylestudio_hero_mobile.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100svh}.hero:before{background-image:url(/images/stylestudio_hero_mobile.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:none;inset:0}}.hero-overlay{z-index:1;background:linear-gradient(90deg,#00000047 0%,#0000001f 40%,#00000008 70%,#0000 100%);position:absolute;inset:0}.hero-overlay:after{content:"";background:linear-gradient(#0000,#111);height:180px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;color:#fff;max-width:760px;padding:140px 30px 100px;animation:1.1s ease-out both heroContentReveal;position:relative}.hero .hero-small-title,.hero h1,.hero .hero-description{color:#fff}.hero-small-title{animation:.8s ease-out .1s both heroItemReveal}.hero h1{animation:.9s ease-out .2s both heroItemReveal}.hero-description{animation:.9s ease-out .35s both heroItemReveal}.hero .primary-button{margin-top:5px;animation:.9s ease-out .5s both heroItemReveal}.hero-socials{align-items:center;gap:12px;margin-top:38px;animation:.9s ease-out .65s both heroItemReveal;display:flex}.hero-social{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.hero-social:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-6px)scale(1.08);box-shadow:0 12px 28px #b94a4a59}.hero-social:active{transform:translateY(-2px)scale(1.03)}@keyframes heroImageZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes heroContentReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroItemReveal{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.section{padding:120px 30px}.section-container{max-width:1200px;margin:auto}.section-heading{margin-bottom:60px}.section h2{font-size:clamp(38px,5vw,65px);line-height:1}.about-section{background:var(--contrast-section-bg);color:var(--contrast-section-text);transition:background-color .3s,color .3s}.about-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about-section h2{color:var(--contrast-section-text)}.about-section .section-label{color:var(--accent)}.about-text{color:var(--contrast-section-text);font-size:19px;line-height:1.8}.about-text p+p{margin-top:25px}.services-section{background:var(--bg-secondary);color:var(--text-primary)}.services-grid{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.service-card{background:var(--bg-card);padding:40px;transition:background-color .3s,color .3s}.service-card h3{margin-bottom:15px;font-size:22px}.service-card p{color:#aaa;margin-bottom:15px;line-height:1.6}.service-card span{color:#c49a6c;font-size:13px}.service-card strong{white-space:nowrap;font-size:25px}.barbers-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.barber-card img{aspect-ratio:3/4;object-fit:cover;width:100%;margin-bottom:20px;display:block}.barber-card h3{margin-bottom:7px;font-size:23px}.barber-card p{color:#999}.appointment-section{background:var(--contrast-section-bg);color:var(--contrast-section-text);padding:120px 30px;transition:background-color .3s,color .3s}.appointment-container{max-width:1000px;margin:auto}.appointment-header{text-align:center;margin-bottom:70px}.appointment-header h2{color:var(--contrast-section-text);margin-bottom:20px;font-size:clamp(40px,5vw,65px)}.appointment-header .section-label{color:var(--accent)}.appointment-header>p:last-child{color:var(--contrast-section-muted);transition:color .3s}.booking-step{border-bottom:1px solid var(--contrast-section-border);grid-template-columns:70px 1fr;gap:25px;padding:40px 0;transition:border-color .3s;display:grid}.step-number{color:var(--accent);letter-spacing:2px;font-size:14px;font-weight:700;transition:color .3s}.step-content h3{color:var(--contrast-section-text);margin-bottom:30px;font-size:25px;transition:color .3s}.booking-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-option{border:1px solid var(--contrast-section-border);color:var(--contrast-section-text);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;padding:20px;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:flex}.booking-option:hover,.booking-option.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.booking-option strong{margin-bottom:8px;font-size:16px;display:block}.booking-option span{opacity:.6;font-size:13px}.booking-option b{font-size:18px}.gallery-section{background:var(--bg-primary);color:var(--text-primary)}.gallery-section .section-heading{margin-bottom:60px}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:15px;display:grid}.gallery-item{background:var(--bg-card);cursor:pointer;text-align:left;border:none;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.gallery-item-1{grid-area:span 2/span 2}.gallery-item-2,.gallery-item-3{grid-column:span 1}.gallery-item-4{grid-area:span 2/span 1}.gallery-item-5{grid-column:span 1}.gallery-item-6{grid-column:span 2}.gallery-item:hover img{filter:brightness(.65);transform:scale(1.06)}.gallery-overlay{color:#fff;opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay svg{width:28px;height:28px}.gallery-lightbox{z-index:3000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:40px;animation:.25s galleryFadeIn;display:flex;position:fixed;inset:0}.gallery-lightbox img{object-fit:contain;cursor:default;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.gallery-close{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff4d;justify-content:center;align-items:center;width:50px;height:50px;transition:background-color .2s,border-color .2s;display:flex;position:absolute;top:25px;right:30px}.gallery-close:hover{background:var(--accent);border-color:var(--accent);color:#111}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}.barber-selection{flex-wrap:wrap;gap:15px;display:flex}.barber-option{background:0 0;border:1px solid #ccc;width:140px;padding:10px;transition:all .2s}.barber-option span{color:var(--contrast-section-text);transition:color .2s}.barber-option img{aspect-ratio:1;object-fit:cover;width:100%;margin-bottom:10px}.barber-option span{padding-bottom:5px;display:block}.barber-option.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.calendar{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.calendar-date{background:#fff;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:100px;display:flex}.calendar-date:hover,.calendar-date.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.calendar-date span{text-transform:uppercase;opacity:.6;font-size:12px}.calendar-date strong{font-size:28px}.calendar-date small{opacity:.6}.time-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.time-slot{background:#fff;border:1px solid #ddd;padding:17px}.time-slot:hover,.time-slot.selected{background:var(--accent);color:#fff}.customer-form{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.form-field label{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-field input{border:1px solid var(--contrast-section-border);background:var(--contrast-section-control);width:100%;color:var(--contrast-section-text);outline:none;padding:17px;transition:background-color .3s,color .3s,border-color .2s}.form-field input:focus{border-color:var(--accent)}.confirmation-area{padding:50px 0}.appointment-summary{background:var(--contrast-section-control);color:var(--contrast-section-text);border:1px solid var(--contrast-section-border);margin-bottom:25px;padding:30px;transition:background-color .3s,color .3s,border-color .3s}.appointment-summary h3{margin-bottom:20px}.appointment-summary p{margin:8px 0}.confirm-button{width:100%;padding:20px}.contact-section{background:var(--bg-secondary);color:var(--text-primary)}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:60px;margin-top:60px;display:grid}.contact-info{flex-direction:column;gap:35px;display:flex}.contact-item{align-items:flex-start;gap:20px;display:flex}.contact-icon{border:1px solid var(--border-color);width:48px;height:48px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .25s,color .25s,border-color .25s;display:flex}.contact-item:hover .contact-icon{background:var(--accent);color:#111;border-color:var(--accent)}.contact-item h3{margin-bottom:8px;font-size:17px}.contact-item p,.contact-item a{color:var(--text-muted);font-size:14px;line-height:1.7}.contact-item a{transition:color .2s}.contact-item a:hover{color:var(--accent)}.directions-button{background:var(--accent);color:#111;text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-top:5px;padding:15px 24px;font-size:13px;font-weight:700;transition:background-color .25s,transform .25s;display:inline-flex}.directions-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.map-container{border:1px solid var(--border-color);background:var(--bg-tertiary);min-height:480px;overflow:hidden}.map-container iframe{filter:grayscale();width:100%;height:100%;min-height:480px;transition:filter .3s;display:block}body.light-mode .map-container iframe{filter:grayscale(20%)}.testimonials-section{background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}.testimonials-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px;display:flex}.testimonials-rating{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.stars{color:var(--accent);gap:4px;display:flex}.testimonials-rating span{color:var(--text-muted);letter-spacing:1px;font-size:13px}.testimonial-content{border:1px solid var(--border-color);background:var(--bg-card);max-width:900px;margin:0 auto;padding:60px 70px;transition:background-color .3s,border-color .3s;position:relative}.testimonial-quote-icon{color:var(--accent);opacity:.8;margin-bottom:30px}.testimonial-review p{color:var(--text-primary);margin:0;font-size:28px;font-weight:400;line-height:1.6}.testimonial-author{align-items:center;gap:15px;margin-top:45px;display:flex}.testimonial-avatar{background:var(--accent);color:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.testimonial-author h3{color:var(--text-primary);margin-bottom:5px;font-size:16px}.testimonial-author span{color:var(--text-muted);font-size:13px}.testimonial-controls{justify-content:space-between;align-items:center;max-width:900px;margin:30px auto 0;display:flex}.testimonial-dots{align-items:center;gap:8px;display:flex}.testimonial-dot{background:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:width .25s,background-color .25s}.testimonial-dot.active{background:var(--accent);border-radius:10px;width:28px}.testimonial-buttons{gap:10px;display:flex}.testimonial-arrow{border:1px solid var(--border-color);width:46px;height:46px;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background-color .25s,color .25s,border-color .25s;display:flex}.testimonial-arrow:hover{background:var(--accent);color:#111;border-color:var(--accent)}.footer{background:var(--bg-tertiary);color:var(--text-primary);padding:80px 30px 25px;transition:background-color .3s,color .3s}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{border-bottom:1px solid var(--border-color);grid-template-columns:1.4fr 1fr 1.2fr 1.4fr;gap:60px;padding-bottom:60px;display:grid}.footer-brand{max-width:300px}.footer-logo{color:var(--text-primary);letter-spacing:2px;margin-bottom:20px;font-size:24px;font-weight:800;text-decoration:none;display:inline-block}.footer-logo span{color:var(--accent)}.footer-brand>p{color:var(--text-muted);margin-bottom:25px;font-size:14px;line-height:1.8}.footer-book-button{background:var(--accent);color:#111;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;padding:13px 20px;font-size:12px;font-weight:700;transition:background-color .25s,transform .25s}.footer-book-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.footer-column{flex-direction:column;align-items:flex-start;display:flex}.footer-column h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px;font-size:13px}.footer-column>a{color:var(--text-muted);margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .2s}.footer-column>a:hover{color:var(--accent)}.footer-hours{flex-direction:column;gap:16px;display:flex}.footer-hours div{flex-direction:column;gap:4px;display:flex}.footer-hours span{color:var(--text-muted);font-size:13px}.footer-hours strong{color:var(--text-primary);font-size:13px;font-weight:500}.footer-contact{color:var(--text-muted);align-items:flex-start;gap:10px;line-height:1.6;flex-direction:row!important;margin-bottom:15px!important;font-size:13px!important;display:flex!important}.footer-contact svg{color:var(--accent);flex-shrink:0;margin-top:2px}.footer-contact:hover{color:var(--accent)!important}.footer-bottom{justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.footer-bottom p{color:var(--text-muted);margin:0;font-size:12px}.footer-bottom span{color:var(--accent)}.whatsapp-float{z-index:2000;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #0000004d}.whatsapp-float:hover{background:#1ebe5d;transform:translateY(-5px)scale(1.08);box-shadow:0 12px 35px #25d36659}.whatsapp-float:active{transform:translateY(-2px)scale(1.03)}.whatsapp-tooltip{white-space:nowrap;background:var(--accent);color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:.5px;opacity:0;visibility:hidden;padding:9px 13px;font-size:12px;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;right:70px;transform:translate(8px)}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:translate(0)}@media (width<=900px){.navbar nav{display:none}.about-grid{grid-template-columns:1fr;gap:40px}.services-grid{grid-template-columns:1fr}.barbers-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:10px}.gallery-item-1{grid-area:span 2/span 2}.gallery-item-2,.gallery-item-3,.gallery-item-4,.gallery-item-5{grid-area:span 1/span 1}.gallery-item-6{grid-area:span 1/span 2}.calendar{grid-template-columns:repeat(4,1fr)}.customer-form{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:50px}.map-container,.map-container iframe{min-height:400px}.testimonials-header{flex-direction:column;align-items:flex-start;margin-bottom:50px}.testimonials-rating{align-items:flex-start}.testimonial-content{padding:45px 35px}.testimonial-review p{font-size:22px}.testimonial-controls{padding:0 5px}.hero{min-height:90vh}.hero:before{background-position:60%}.hero-content{padding:130px 30px 90px}.desktop-nav,.desktop-book-button{display:none}.mobile-menu-button{display:flex}.mobile-menu{background:var(--navbar-bg);width:100%;color:var(--text-primary);opacity:0;visibility:hidden;flex-direction:column;padding:10px 30px 30px;transition:opacity .25s,transform .25s,visibility .25s,background-color .3s,color .3s;display:flex;position:absolute;top:80px;left:0;transform:translateY(-20px)}.mobile-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu a{color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border-color);padding:18px 0;font-size:14px}.mobile-menu a:hover{color:var(--accent)}.mobile-book-button{background:var(--accent);color:#111;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;width:100%;margin-top:20px;padding:16px;font-weight:700}.mobile-book-button:hover{background:var(--accent-hover)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:45px}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=600px){.hero{min-height:90vh}.hero:before{background-position:65%}.hero-content{padding:120px 25px 80px}.hero-socials{gap:10px;margin-top:34px}.hero-social{width:44px;height:44px}.testimonials-header{margin-bottom:40px}.testimonial-content{padding:35px 25px}.testimonial-review p{font-size:19px;line-height:1.6}.testimonial-quote-icon{margin-bottom:20px}.testimonial-quote-icon svg{width:32px;height:32px}.testimonial-author{margin-top:30px}.testimonial-controls{margin-top:20px}.testimonial-arrow{width:42px;height:42px}.whatsapp-float{width:52px;height:52px;bottom:18px;right:18px}.whatsapp-float svg{width:24px;height:24px}.whatsapp-tooltip{display:none}.footer{padding:60px 25px 25px}.footer-grid{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.footer-brand{max-width:100%}.footer-column h3{margin-bottom:18px}.footer-bottom{gap:10px}}.scroll-reveal{opacity:0;will-change:opacity, transform;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}.scroll-reveal-up{transform:translateY(45px)}.scroll-reveal-down{transform:translateY(-45px)}.scroll-reveal-left{transform:translate(-45px)}.scroll-reveal-right{transform:translate(45px)}.scroll-reveal-fade{transform:scale(.97)}.scroll-reveal-visible{opacity:1;transform:translate(0)scale(1)}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:none;transform:none}}.hero-reveal{opacity:0;transition-property:opacity,transform,filter;transition-timing-function:cubic-bezier(.22,1,.36,1)}.hero-heading-reveal{filter:blur(5px);transition-duration:.9s;transition-delay:.1s;transform:translateY(45px)}.hero-description-reveal{transition-duration:.8s;transition-delay:.3s;transform:translateY(30px)}.hero-button-reveal{transition-duration:.75s;transition-delay:.5s;transform:translateY(25px)}.hero-social-reveal{opacity:0;transition-property:opacity,transform,background-color,border-color,color,box-shadow;transition-duration:.65s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(20px)scale(.8)}.hero-social-1{transition-delay:.7s,.7s,0s,0s,0s,0s}.hero-social-2{transition-delay:.8s,.8s,0s,0s,0s,0s}.hero-social-3{transition-delay:.9s,.9s,0s,0s,0s,0s}.hero-social-4{transition-delay:1s,1s,0s,0s,0s,0s}.hero-visible .hero-reveal{opacity:1;filter:blur();transform:translateY(0)}.hero-visible .hero-social-reveal{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.hero-reveal,.hero-social-reveal{opacity:1;filter:none;transition:none;transform:none}}.theme-customizer{position:relative}.theme-customizer-button{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background-color .2s,transform .2s;display:flex}.theme-customizer-button:hover{color:var(--accent);border-color:var(--accent);transform:rotate(8deg)}.theme-customizer-panel{background:var(--bg-card);border:1px solid var(--border-color);opacity:0;visibility:hidden;transform-origin:100% 0;z-index:5000;border-radius:14px;width:300px;padding:22px;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-8px)scale(.97);box-shadow:0 20px 60px #0000004d}.theme-customizer-panel.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.theme-customizer-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.theme-customizer-header span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.theme-customizer-header h3{color:var(--text-primary);margin:0;font-size:18px}.current-color-preview{border:3px solid #ffffff26;border-radius:50%;flex-shrink:0;width:34px;height:34px;box-shadow:0 4px 15px #0003}.theme-customizer-description{color:var(--text-muted);margin:10px 0 20px;font-size:12px;line-height:1.6}.theme-color-presets{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px;display:grid}.theme-color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s,box-shadow .2s;position:relative}.theme-color-preset:hover{transform:scale(1.12)}.theme-color-preset.active{box-shadow:0 0 0 3px var(--bg-card), 0 0 0 5px var(--text-primary)}.custom-color-row{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.custom-color-row>div{flex-direction:column;gap:4px;display:flex}.custom-color-row span{color:var(--text-primary);font-size:13px;font-weight:600}.custom-color-row small{color:var(--text-muted);letter-spacing:1px;font-size:10px}.custom-color-picker{color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.custom-color-picker:hover{transform:scale(1.06)}.custom-color-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.reset-theme-color{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:11px 15px;font-size:11px;font-weight:700;transition:color .2s,border-color .2s,background-color .2s;display:flex}.reset-theme-color:hover{color:var(--accent);border-color:var(--accent)}@media (width<=600px){.theme-customizer-panel{transform-origin:top;width:auto;position:fixed;top:75px;left:20px;right:20px}.theme-color-presets{grid-template-columns:repeat(6,1fr)}}.desktop-nav a{color:var(--text-primary);text-decoration:none;transition:color .25s;position:relative}.desktop-nav a:after{content:"";background:var(--accent);border-radius:10px;width:0;height:2px;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.desktop-nav a:hover{color:var(--text-primary)}.desktop-nav a:hover:after{width:12px}.desktop-nav a.active:after{width:20px}.mobile-menu a{color:var(--text-primary);transition:color .25s;position:relative}.mobile-menu a.active{color:var(--text-primary)}.mobile-menu a:before{content:"";background:var(--accent);border-radius:10px;width:0;height:2px;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.mobile-menu a.active:before{width:8px}@media (prefers-reduced-motion:reduce){.desktop-nav a:after,.mobile-menu a:before{transition:none}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%}.navbar-container,.section-container,.appointment-container,.footer-container,.hero-content,.about-grid>*,.services-grid>*,.barbers-grid>*,.gallery-grid>*,.contact-layout>*,.footer-grid>*,.booking-step>*,.step-content,.booking-options>*,.customer-form>*{min-width:0}.section,.appointment-section,.contact-section,.testimonials-section,.gallery-section,.footer{overflow-x:clip}.service-card,.booking-option,.barber-option,.calendar-date,.time-slot,.contact-item,.footer-contact{min-width:0}.contact-item p,.contact-item a,.footer-contact span,.appointment-summary p{overflow-wrap:anywhere}@media (width<=900px){.navbar-container{width:100%;padding-left:24px;padding-right:24px}.section,.appointment-section{padding-left:24px;padding-right:24px}.booking-option{width:100%}.calendar,.time-grid{width:100%;min-width:0}}@media (width<=600px){.navbar-container{padding-left:18px;padding-right:18px}.logo{letter-spacing:1.4px;white-space:nowrap;font-size:18px}.mobile-actions{flex-shrink:0;gap:6px}.theme-toggle,.theme-customizer-button{flex-shrink:0;width:38px;height:38px}.mobile-menu-button{flex-shrink:0}.section,.appointment-section{padding-left:20px;padding-right:20px}.hero-content{width:100%;max-width:100%;padding-left:20px;padding-right:20px}.booking-step{grid-template-columns:1fr;gap:14px}.booking-options{grid-template-columns:1fr}.calendar,.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.barber-selection{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.barber-option{width:100%}.gallery-grid{width:100%;min-width:0}.gallery-lightbox{padding:20px}.testimonial-content{width:100%;max-width:100%}.contact-item{min-width:0}.map-container,.map-container iframe{width:100%;max-width:100%}.footer{padding-left:20px;padding-right:20px}.theme-customizer-panel{width:auto;max-width:calc(100vw - 32px);left:16px;right:16px}}@media (width<=380px){.logo{letter-spacing:1px;font-size:16px}.navbar-container{padding-left:14px;padding-right:14px}.theme-toggle,.theme-customizer-button{width:36px;height:36px}.calendar,.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.hero:before{background-position:50%;background-repeat:no-repeat;background-size:cover;animation:none;inset:0}}@media (width<=600px){.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.hero:before{background-position:50%;background-repeat:no-repeat;background-size:cover;animation:none;inset:0}}@media (width<=1024px){.navbar-logo-image{width:38px;height:38px}.navbar-logo-name{letter-spacing:1.5px;font-size:18px}}@media (width<=600px){.logo{gap:6px}.navbar-logo-image{width:34px;height:34px}.navbar-logo-name{letter-spacing:1px;font-size:15px}}