{"uuid":"d3087e87-72f9-4468-9e5e-db070445a9dd","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd {\n box-sizing: border-box;\n font-family: inherit;\n --salon-anthrazit: #2E2E2E;\n --salon-gold: #C9A86A;\n --salon-weiss: #FFFFFF;\n --salon-beige: #F7F4EF;\n --salon-radius: 6px;\n --salon-transition: 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *::before,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *::after {\n box-sizing: inherit;\n }\n\n /* ===== HERO ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero {\n position: relative;\n min-height: 92vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #2E2E2E;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-bg {\n position: absolute;\n inset: 0;\n z-index: 1;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 30%;\n display: block;\n filter: brightness(0.55);\n transform: scale(1.08);\n transition: transform 12s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-bg.is-loaded img {\n transform: scale(1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-overlay {\n position: absolute;\n inset: 0;\n z-index: 2;\n background: linear-gradient(180deg, rgba(46,46,46,0.25) 0%, rgba(46,46,46,0.6) 60%, rgba(46,46,46,0.85) 100%);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n max-width: 780px;\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content .salon-hero-badge {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.22rem;\n text-transform: uppercase;\n margin-bottom: 1.25rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content.is-visible .salon-hero-badge {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content .gold-line {\n width: 50px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.5rem auto;\n opacity: 0;\n transform: scaleX(0);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content.is-visible .gold-line {\n opacity: 1;\n transform: scaleX(1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content h1 {\n color: #FFFFFF;\n font-size: clamp(1.8rem, 4.5vw, 3.2rem);\n font-weight: 500;\n line-height: 1.2;\n margin: 0 0 1.25rem 0;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out 0.5s, transform 0.8s ease-out 0.5s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content.is-visible h1 {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content h1 .gold-accent {\n color: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-sub {\n color: rgba(255,255,255,0.82);\n font-size: clamp(0.95rem, 1.8vw, 1.15rem);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content.is-visible .salon-hero-sub {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out 0.9s, transform 0.8s ease-out 0.9s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content.is-visible .salon-hero-buttons {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.95rem 2.2rem;\n background: #C9A86A;\n color: #2E2E2E;\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n text-decoration: none;\n border: none;\n border-radius: var(--salon-radius);\n cursor: pointer;\n transition: background var(--salon-transition), transform 0.2s ease-out, box-shadow var(--salon-transition);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-primary:hover {\n background: #d4b87a;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(201,168,106,0.35);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-primary:focus-visible {\n outline: 2px solid #C9A86A;\n outline-offset: 3px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-primary:active { transform: translateY(0); }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.95rem 2.2rem;\n background: transparent;\n color: #FFFFFF;\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n text-decoration: none;\n border: 2px solid rgba(255,255,255,0.45);\n border-radius: var(--salon-radius);\n cursor: pointer;\n transition: border-color var(--salon-transition), color var(--salon-transition), transform 0.2s ease-out, background var(--salon-transition);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-secondary:hover {\n border-color: #C9A86A;\n color: #C9A86A;\n transform: translateY(-2px);\n background: rgba(201,168,106,0.08);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-secondary:focus-visible {\n outline: 2px solid #C9A86A;\n outline-offset: 3px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-secondary:active { transform: translateY(0); }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-scroll {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0;\n animation: salonScrollFade 1s ease-out 1.6s forwards;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-scroll .scroll-line {\n width: 1px;\n height: 40px;\n background: linear-gradient(180deg, rgba(201,168,106,0.8), transparent);\n animation: salonScrollPulse 2s ease-in-out infinite;\n }\n @keyframes salonScrollFade { to { opacity: 1; } }\n @keyframes salonScrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.2); }\n }\n\n /* ===== ABOUT ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about {\n padding: 5rem 1.5rem;\n background: #F7F4EF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-inner {\n max-width: 1120px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3.5rem;\n align-items: center;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap {\n position: relative;\n border-radius: var(--salon-radius);\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap img {\n width: 100%;\n height: 100%;\n min-height: 380px;\n object-fit: cover;\n display: block;\n transition: transform 0.6s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap:hover img {\n transform: scale(1.03);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap::before {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n width: 60px;\n height: 60px;\n border-top: 3px solid #C9A86A;\n border-left: 3px solid #C9A86A;\n border-radius: 2px 0 0 0;\n z-index: 2;\n pointer-events: none;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap::after {\n content: '';\n position: absolute;\n bottom: -8px;\n right: -8px;\n width: 60px;\n height: 60px;\n border-bottom: 3px solid #C9A86A;\n border-right: 3px solid #C9A86A;\n border-radius: 0 0 2px 0;\n z-index: 2;\n pointer-events: none;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease-out 0.15s, transform 0.8s ease-out 0.15s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text .about-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text h2 {\n color: #2E2E2E;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text .about-desc {\n color: #5B6B79;\n font-size: clamp(0.95rem, 1.6vw, 1.08rem);\n line-height: 1.75;\n max-width: 520px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stats {\n display: flex;\n gap: 2.5rem;\n margin-top: 0.75rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(46,46,46,0.1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stat {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stat .stat-number {\n color: #C9A86A;\n font-size: 1.6rem;\n font-weight: 600;\n line-height: 1.2;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stat .stat-label {\n color: #5B6B79;\n font-size: 0.82rem;\n letter-spacing: 0.02rem;\n }\n\n /* ===== SERVICES ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services {\n padding: 5rem 1.5rem;\n background: #FFFFFF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-inner {\n max-width: 1120px;\n margin: 0 auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header {\n text-align: center;\n max-width: 600px;\n margin: 0 auto 3.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header .services-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.25rem auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header h2 {\n color: #2E2E2E;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0 0 0.75rem 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header .services-sub {\n color: #5B6B79;\n font-size: clamp(0.95rem, 1.6vw, 1.05rem);\n line-height: 1.7;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card {\n position: relative;\n background: #F7F4EF;\n border-radius: 6px;\n padding: 2.25rem 1.75rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46,46,46,0.1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card.is-visible:hover {\n transform: translateY(-4px);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: #C9A86A;\n transform: scaleX(0);\n transform-origin: left center;\n transition: transform 0.35s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card:hover::after {\n transform: scaleX(1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-icon {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: rgba(201,168,106,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.3s ease-out, transform 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card:hover .salon-service-icon {\n background: #C9A86A;\n transform: scale(1.08);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-icon svg {\n width: 22px;\n height: 22px;\n stroke: #C9A86A;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card:hover .salon-service-icon svg {\n stroke: #FFFFFF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card h3 {\n color: #2E2E2E;\n font-size: 1.1rem;\n font-weight: 500;\n margin: 0;\n line-height: 1.3;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card .service-desc {\n color: #5B6B79;\n font-size: 0.92rem;\n line-height: 1.65;\n }\n\n /* ===== WHY US ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why {\n padding: 5rem 1.5rem;\n background: #2E2E2E;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-inner {\n max-width: 1120px;\n margin: 0 auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header {\n text-align: center;\n max-width: 600px;\n margin: 0 auto 3.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header .why-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.25rem auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header h2 {\n color: #FFFFFF;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card {\n position: relative;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(201,168,106,0.15);\n border-radius: 6px;\n padding: 2.5rem 1.75rem;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.25rem;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, background 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card:hover {\n border-color: rgba(201,168,106,0.4);\n background: rgba(255,255,255,0.08);\n box-shadow: 0 12px 36px rgba(0,0,0,0.25);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card.is-visible:hover {\n transform: translateY(-4px);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-icon {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: rgba(201,168,106,0.1);\n border: 2px solid rgba(201,168,106,0.25);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card:hover .salon-why-icon {\n background: #C9A86A;\n border-color: #C9A86A;\n transform: scale(1.1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-icon svg {\n width: 26px;\n height: 26px;\n stroke: #C9A86A;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card:hover .salon-why-icon svg {\n stroke: #2E2E2E;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card h3 {\n color: #FFFFFF;\n font-size: 1.15rem;\n font-weight: 500;\n margin: 0;\n line-height: 1.3;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card .why-desc {\n color: rgba(255,255,255,0.6);\n font-size: 0.92rem;\n line-height: 1.7;\n max-width: 300px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 3px;\n background: #C9A86A;\n opacity: 0;\n transition: opacity 0.3s ease-out, width 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card:hover::before {\n opacity: 1;\n width: 100%;\n }\n\n /* ===== REVIEWS ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews {\n padding: 5rem 1.5rem;\n background: #F7F4EF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-inner {\n max-width: 1120px;\n margin: 0 auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header {\n text-align: center;\n max-width: 600px;\n margin: 0 auto 3.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header .reviews-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.25rem auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header h2 {\n color: #2E2E2E;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-review-card {\n background: #FFFFFF;\n border-radius: 6px;\n padding: 2rem 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-review-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-review-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46,46,46,0.08);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-review-card.is-visible:hover {\n transform: translateY(-4px);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-stars {\n display: flex;\n gap: 0.2rem;\n color: #C9A86A;\n font-size: 1.1rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-quote {\n color: #5B6B79;\n font-size: 0.95rem;\n font-style: italic;\n line-height: 1.7;\n border-left: 3px solid #C9A86A;\n padding-left: 1rem;\n flex: 1;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-author {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: rgba(201,168,106,0.15);\n color: #C9A86A;\n font-size: 0.85rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-author-info {\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-name {\n color: #2E2E2E;\n font-size: 0.92rem;\n font-weight: 500;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .review-date {\n color: #5B6B79;\n font-size: 0.78rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-summary {\n text-align: center;\n margin-top: 2.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(46,46,46,0.08);\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease-out 0.4s, transform 0.8s ease-out 0.4s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-summary.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .summary-score {\n color: #C9A86A;\n font-size: 2rem;\n font-weight: 600;\n line-height: 1.2;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .summary-stars {\n display: flex;\n justify-content: center;\n gap: 0.25rem;\n color: #C9A86A;\n font-size: 1.2rem;\n margin-top: 0.35rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .summary-count {\n color: #5B6B79;\n font-size: 0.88rem;\n margin-top: 0.35rem;\n }\n\n /* ===== GALLERY ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery {\n padding: 5rem 1.5rem;\n background: #FFFFFF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-inner {\n max-width: 1120px;\n margin: 0 auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header {\n text-align: center;\n max-width: 600px;\n margin: 0 auto 3.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header .gallery-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.25rem auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header h2 {\n color: #2E2E2E;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-masonry {\n columns: 3;\n column-gap: 1.25rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item {\n position: relative;\n break-inside: avoid;\n margin-bottom: 1.25rem;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item img {\n width: 100%;\n display: block;\n transition: transform 0.5s ease-out, filter 0.5s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item:hover img {\n transform: scale(1.06);\n filter: brightness(0.7);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .gallery-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .gallery-overlay-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: rgba(201,168,106,0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0.7);\n transition: transform 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item:hover .gallery-overlay-icon {\n transform: scale(1);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .gallery-overlay-icon svg {\n width: 20px;\n height: 20px;\n stroke: #FFFFFF;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n /* Lightbox */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-lightbox {\n display: none;\n position: absolute;\n inset: 0;\n z-index: 100;\n background: rgba(46,46,46,0.95);\n align-items: center;\n justify-content: center;\n padding: 2rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-lightbox.is-open {\n display: flex;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-lightbox img {\n max-width: 90%;\n max-height: 80vh;\n border-radius: 6px;\n object-fit: contain;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-close {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 44px;\n height: 44px;\n background: rgba(255,255,255,0.1);\n border: none;\n border-radius: 50%;\n color: #FFFFFF;\n font-size: 1.5rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-close:hover {\n background: rgba(201,168,106,0.4);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.1);\n border: none;\n border-radius: 50%;\n color: #FFFFFF;\n font-size: 1.3rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-nav:hover {\n background: rgba(201,168,106,0.4);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-prev { left: 1.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .lightbox-next { right: 1.5rem; }\n\n /* ===== CONTACT ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact {\n padding: 5rem 1.5rem;\n background: #F7F4EF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-inner {\n max-width: 1120px;\n margin: 0 auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header {\n text-align: center;\n max-width: 600px;\n margin: 0 auto 3.5rem auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header .salon-label {\n display: inline-block;\n color: #C9A86A;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header .contact-gold-line {\n width: 45px;\n height: 2px;\n background: #C9A86A;\n margin: 0 auto 1.25rem auto;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header h2 {\n color: #2E2E2E;\n font-size: clamp(1.5rem, 3.2vw, 2.2rem);\n font-weight: 500;\n line-height: 1.25;\n margin: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-cards {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: #FFFFFF;\n border-radius: 6px;\n padding: 1.25rem 1.5rem;\n text-decoration: none;\n color: inherit;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card:hover {\n box-shadow: 0 8px 24px rgba(46,46,46,0.08);\n transform: translateY(-2px);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card.is-visible:hover {\n transform: translateY(-2px);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .contact-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: rgba(201,168,106,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card:hover .contact-icon {\n background: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .contact-icon svg {\n width: 20px;\n height: 20px;\n stroke: #C9A86A;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card:hover .contact-icon svg {\n stroke: #FFFFFF;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .contact-info {\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .contact-info .contact-title {\n color: #2E2E2E;\n font-size: 0.95rem;\n font-weight: 500;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .contact-info .contact-detail {\n color: #5B6B79;\n font-size: 0.85rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-map {\n border-radius: 6px;\n overflow: hidden;\n background: #e8e4de;\n min-height: 320px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-map.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .map-placeholder-icon svg {\n width: 48px;\n height: 48px;\n stroke: #C9A86A;\n fill: none;\n stroke-width: 1.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .map-placeholder-text {\n color: #5B6B79;\n font-size: 0.9rem;\n text-align: center;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .map-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n color: #C9A86A;\n font-size: 0.85rem;\n font-weight: 500;\n text-decoration: none;\n transition: color 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .map-link:hover {\n color: #d4b87a;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-cta {\n text-align: center;\n margin-top: 3rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-cta.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-large {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 1.1rem 2.8rem;\n background: #C9A86A;\n color: #2E2E2E;\n font-size: 1rem;\n font-weight: 600;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n text-decoration: none;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.3s ease-out, transform 0.2s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-large:hover {\n background: #d4b87a;\n transform: translateY(-2px);\n box-shadow: 0 10px 28px rgba(201,168,106,0.35);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-large:focus-visible {\n outline: 2px solid #C9A86A;\n outline-offset: 3px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-large:active { transform: translateY(0); }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-large svg {\n width: 18px;\n height: 18px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n /* ===== FOOTER ===== */\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer {\n padding: 4rem 1.5rem 0 1.5rem;\n background: #252525;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer-inner {\n max-width: 1120px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.4fr 0.8fr 0.8fr 1fr;\n gap: 2.5rem;\n padding-bottom: 3rem;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-brand h3 {\n color: #FFFFFF;\n font-size: 1.3rem;\n font-weight: 500;\n margin: 0 0 0.75rem 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-brand h3 .gold-dot {\n color: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-brand-desc {\n color: rgba(255,255,255,0.5);\n font-size: 0.88rem;\n line-height: 1.7;\n margin-bottom: 1.25rem;\n max-width: 280px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-social {\n display: flex;\n gap: 0.6rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-social-link {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n transition: background 0.3s ease-out, border-color 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-social-link:hover {\n background: #C9A86A;\n border-color: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-social-link svg {\n width: 16px;\n height: 16px;\n stroke: rgba(255,255,255,0.6);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-social-link:hover svg {\n stroke: #2E2E2E;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-col h4 {\n color: #FFFFFF;\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-col h4::after {\n content: '';\n display: block;\n width: 24px;\n height: 2px;\n background: #C9A86A;\n margin-top: 0.6rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 0.65rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-links li a {\n color: rgba(255,255,255,0.5);\n font-size: 0.88rem;\n text-decoration: none;\n transition: color 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-links li a:hover {\n color: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-hours {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-hours-row {\n display: flex;\n justify-content: space-between;\n gap: 1rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-hours-day {\n color: rgba(255,255,255,0.5);\n font-size: 0.85rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-hours-time {\n color: rgba(255,255,255,0.7);\n font-size: 0.85rem;\n font-weight: 500;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-contact-item {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n margin-bottom: 0.7rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-contact-item svg {\n width: 16px;\n height: 16px;\n stroke: #C9A86A;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n flex-shrink: 0;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-contact-item a,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-contact-item span {\n color: rgba(255,255,255,0.5);\n font-size: 0.85rem;\n text-decoration: none;\n transition: color 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-contact-item a:hover {\n color: #C9A86A;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer-bottom {\n max-width: 1120px;\n margin: 0 auto;\n padding: 1.5rem 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-copy {\n color: rgba(255,255,255,0.35);\n font-size: 0.8rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-legal {\n display: flex;\n gap: 1.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-legal a {\n color: rgba(255,255,255,0.35);\n font-size: 0.8rem;\n text-decoration: none;\n transition: color 0.3s ease-out;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .footer-legal a:hover {\n color: #C9A86A;\n }\n\n /* ===== REDUCED MOTION ===== */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *::before,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-text,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-review-card,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-summary,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-item,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-card,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-map,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-cta {\n opacity: 1;\n transform: none;\n }\n }\n\n /* ===== RESPONSIVE ===== */\n @media (max-width: 1024px) {\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-masonry {\n columns: 2;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer-inner {\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n }\n }\n @media (max-width: 768px) {\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero {\n min-height: 85vh;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-content {\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-primary,\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-btn-secondary {\n padding: 0.85rem 1.6rem;\n font-size: 0.85rem;\n width: 100%;\n justify-content: center;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-hero-scroll { display: none; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about {\n padding: 3.5rem 1.25rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-inner {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-img-wrap img {\n min-height: 260px;\n }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stats { gap: 1.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-about-stat .stat-number { font-size: 1.35rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services { padding: 3.5rem 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-grid { grid-template-columns: 1fr; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-service-card { padding: 1.75rem 1.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-services-header { margin-bottom: 2.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why { padding: 3.5rem 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-grid { grid-template-columns: 1fr; gap: 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-card { padding: 2rem 1.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-why-header { margin-bottom: 2.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews { padding: 3.5rem 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-grid { grid-template-columns: 1fr; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-reviews-header { margin-bottom: 2.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery { padding: 3.5rem 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-masonry { columns: 1; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-gallery-header { margin-bottom: 2.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact { padding: 3.5rem 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-grid { grid-template-columns: 1fr; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-contact-header { margin-bottom: 2.5rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer { padding: 3rem 1.25rem 0 1.25rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer-inner { grid-template-columns: 1fr; gap: 2rem; }\n #wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd .salon-footer-bottom { flex-direction: column; gap: 0.75rem; text-align: center; }\n }\n</style>\n\n<div id=\"wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd\">\n\n <!-- ===== HERO ===== -->\n <div class=\"salon-hero\">\n <div class=\"salon-hero-bg is-loaded\">\n <img src=\"https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1400&amp;q=80\" alt=\"Friseurin bei der Arbeit an einer zufriedenen Kundin in einem modernen Salon\">\n </div>\n <div class=\"salon-hero-overlay\"></div>\n <div class=\"salon-hero-content is-visible\">\n <span class=\"salon-hero-badge\">Willkommen in Ihrem Salon</span>\n <div class=\"gold-line\"></div>\n <h1>Ihr Friseur für modernes <span class=\"gold-accent\">Styling</span>, Farbe und Pflege</h1>\n <span class=\"salon-hero-sub\">Persönliche Beratung, professionelle Techniken und individuelle Looks für Damen, Herren und Kinder.</span>\n <div class=\"salon-hero-buttons\">\n <a href=\"#\" class=\"salon-btn-primary\" role=\"button\">Termin vereinbaren</a>\n <a href=\"#\" class=\"salon-btn-secondary\" role=\"button\">Leistungen ansehen</a>\n </div>\n </div>\n <div class=\"salon-hero-scroll\" aria-hidden=\"true\">\n <div class=\"scroll-line\"></div>\n </div>\n </div>\n\n <!-- ===== ABOUT ===== -->\n <div class=\"salon-about\">\n <div class=\"salon-about-inner\">\n <div class=\"salon-about-img-wrap is-visible\">\n <img src=\"https://images.unsplash.com/photo-1521590832167-7bcbfaa6381f?w=800&amp;q=80\" alt=\"Friseurteam in einem hellen, modernen Salon\" loading=\"lazy\">\n </div>\n <div class=\"salon-about-text is-visible\">\n <span class=\"salon-label\">Über uns</span>\n <div class=\"about-gold-line\" aria-hidden=\"true\"></div>\n <h2>Schönheit beginnt mit Vertrauen</h2>\n <span class=\"about-desc\">Seit vielen Jahren begleiten wir unsere Kundinnen und Kunden mit individueller Beratung, modernen Techniken und viel Leidenschaft für unser Handwerk. Unser Ziel ist ein Look, der zu Ihnen passt und Ihre Persönlichkeit unterstreicht.</span>\n <div class=\"salon-about-stats\">\n <div class=\"salon-about-stat\">\n <span class=\"stat-number\">15+</span>\n <span class=\"stat-label\">Jahre Erfahrung</span>\n </div>\n <div class=\"salon-about-stat\">\n <span class=\"stat-number\">8.500+</span>\n <span class=\"stat-label\">Zufriedene Kunden</span>\n </div>\n <div class=\"salon-about-stat\">\n <span class=\"stat-number\">5</span>\n <span class=\"stat-label\">Stylisten im Team</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- ===== SERVICES ===== -->\n <div class=\"salon-services\">\n <div class=\"salon-services-inner\">\n <div class=\"salon-services-header is-visible\">\n <span class=\"salon-label\">Unsere Leistungen</span>\n <div class=\"services-gold-line\" aria-hidden=\"true\"></div>\n <h2>Alles für Ihren perfekten Look</h2>\n <span class=\"services-sub\">Von klassischen Schnitten bis hin zu modernen Farbtechniken — wir bieten Ihnen ein umfassendes Angebot für jeden Anlass.</span>\n </div>\n <div class=\"salon-services-grid\">\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 21L3 3h18l-3 18H6z\"></path><path d=\"M9 3v18\"></path><path d=\"M15 3v18\"></path><path d=\"M3 9h18\"></path><path d=\"M3 15h18\"></path></svg>\n </div>\n <h3>Damenhaarschnitte</h3>\n <span class=\"service-desc\">Typgerechte Schnitte für jeden Stil — von klassisch elegant bis trendig modern.</span>\n </div>\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0.1s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"5\"></circle><path d=\"M3 21v-2a7 7 0 0114 0v2\"></path></svg>\n </div>\n <h3>Herrenhaarschnitte</h3>\n <span class=\"service-desc\">Präzise Schnitte und modernes Styling für den gepflegten Auftritt.</span>\n </div>\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0.2s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"></path><path d=\"M12 2v20\"></path><path d=\"M2 12h20\"></path></svg>\n </div>\n <h3>Colorationen</h3>\n <span class=\"service-desc\">Brillante Farbergebnisse mit schonenden Produkten für gesundes, glänzendes Haar.</span>\n </div>\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0.3s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3c-1.5 4-4 6-4 10a4 4 0 008 0c0-4-2.5-6-4-10z\"></path></svg>\n </div>\n <h3>Strähnen &amp; Balayage</h3>\n <span class=\"service-desc\">Natürliche Farbverläufe und Akzente für mehr Dimension und Lebendigkeit.</span>\n </div>\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0.4s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"></path></svg>\n </div>\n <h3>Styling &amp; Hochsteckfrisuren</h3>\n <span class=\"service-desc\">Perfekt gestylt für Hochzeiten, Events und besondere Anlässe.</span>\n </div>\n <div class=\"salon-service-card is-visible\" style=\"transition-delay: 0.5s;\">\n <div class=\"salon-service-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path><circle cx=\"9\" cy=\"9\" r=\"1.2\"></circle><circle cx=\"15\" cy=\"9\" r=\"1.2\"></circle></svg>\n </div>\n <h3>Kinderhaarschnitte</h3>\n <span class=\"service-desc\">Geduldig und liebevoll — damit der Friseurbesuch auch für die Kleinen zum Vergnügen wird.</span>\n </div>\n </div>\n </div>\n </div>\n\n <!-- ===== WHY US ===== -->\n <div class=\"salon-why\">\n <div class=\"salon-why-inner\">\n <div class=\"salon-why-header is-visible\">\n <span class=\"salon-label\">Warum wir</span>\n <div class=\"why-gold-line\" aria-hidden=\"true\"></div>\n <h2>Was uns auszeichnet</h2>\n </div>\n <div class=\"salon-why-grid\">\n <div class=\"salon-why-card is-visible\" style=\"transition-delay: 0s;\">\n <div class=\"salon-why-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"></path><circle cx=\"9\" cy=\"7\" r=\"4\"></circle><path d=\"M23 21v-2a4 4 0 00-3-3.87\"></path><path d=\"M16 3.13a4 4 0 010 7.75\"></path></svg>\n </div>\n <h3>Persönliche Beratung</h3>\n <span class=\"why-desc\">Wir nehmen uns Zeit für Sie — jeder Besuch beginnt mit einem ausführlichen Beratungsgespräch für Ihr individuelles Ergebnis.</span>\n </div>\n <div class=\"salon-why-card is-visible\" style=\"transition-delay: 0.15s;\">\n <div class=\"salon-why-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"></path></svg>\n </div>\n <h3>Hochwertige Produkte</h3>\n <span class=\"why-desc\">Wir arbeiten ausschließlich mit professionellen Markenprodukten, die Ihr Haar pflegen und langfristig schützen.</span>\n </div>\n <div class=\"salon-why-card is-visible\" style=\"transition-delay: 0.3s;\">\n <div class=\"salon-why-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 20V10\"></path><path d=\"M18 20V4\"></path><path d=\"M6 20v-4\"></path><path d=\"M2 20h20\"></path></svg>\n </div>\n <h3>Moderne Techniken</h3>\n <span class=\"why-desc\">Regelmäßige Weiterbildungen und aktuelle Trends garantieren zeitgemäße Ergebnisse auf höchstem Niveau.</span>\n </div>\n </div>\n </div>\n </div>\n\n <!-- ===== REVIEWS ===== -->\n <div class=\"salon-reviews\">\n <div class=\"salon-reviews-inner\">\n <div class=\"salon-reviews-header is-visible\">\n <span class=\"salon-label\">Kundenstimmen</span>\n <div class=\"reviews-gold-line\" aria-hidden=\"true\"></div>\n <h2>Das sagen unsere Kunden</h2>\n </div>\n <div class=\"salon-reviews-grid\">\n <div class=\"salon-review-card is-visible\" style=\"transition-delay: 0s;\">\n <div class=\"review-stars\" aria-label=\"5 von 5 Sternen\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n <span class=\"review-quote\">„Ich komme seit Jahren hierher und bin jedes Mal begeistert. Die Beratung ist ehrlich, das Ergebnis perfekt. Mein Salon des Vertrauens!\"</span>\n <div class=\"review-author\">\n <div class=\"review-avatar\" aria-hidden=\"true\">SK</div>\n <div class=\"review-author-info\">\n <span class=\"review-name\">Sabine K.</span>\n <span class=\"review-date\">vor 2 Wochen</span>\n </div>\n </div>\n </div>\n <div class=\"salon-review-card is-visible\" style=\"transition-delay: 0.12s;\">\n <div class=\"review-stars\" aria-label=\"5 von 5 Sternen\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n <span class=\"review-quote\">„Endlich ein Friseur, der zuhört! Meine Balayage ist genau so geworden, wie ich es mir vorgestellt habe. Sehr professionelles Team.\"</span>\n <div class=\"review-author\">\n <div class=\"review-avatar\" aria-hidden=\"true\">LM</div>\n <div class=\"review-author-info\">\n <span class=\"review-name\">Laura M.</span>\n <span class=\"review-date\">vor 1 Monat</span>\n </div>\n </div>\n </div>\n <div class=\"salon-review-card is-visible\" style=\"transition-delay: 0.24s;\">\n <div class=\"review-stars\" aria-label=\"5 von 5 Sternen\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n <span class=\"review-quote\">„Tolles Ambiente, freundliches Team und top Ergebnis. Auch mein Sohn geht jetzt gerne zum Friseur — das sagt alles!\"</span>\n <div class=\"review-author\">\n <div class=\"review-avatar\" aria-hidden=\"true\">TW</div>\n <div class=\"review-author-info\">\n <span class=\"review-name\">Thomas W.</span>\n <span class=\"review-date\">vor 3 Wochen</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"salon-reviews-summary is-visible\">\n <span class=\"summary-score\">4,9 / 5</span>\n <div class=\"summary-stars\" aria-hidden=\"true\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n <span class=\"summary-count\">Basierend auf 320+ Bewertungen</span>\n </div>\n </div>\n </div>\n\n <!-- ===== GALLERY ===== -->\n <div class=\"salon-gallery\">\n <div class=\"salon-gallery-inner\">\n <div class=\"salon-gallery-header is-visible\">\n <span class=\"salon-label\">Galerie</span>\n <div class=\"gallery-gold-line\" aria-hidden=\"true\"></div>\n <h2>Einblicke in unseren Salon</h2>\n </div>\n <div class=\"salon-gallery-masonry\">\n <div class=\"salon-gallery-item is-visible\" data-index=\"0\" style=\"transition-delay: 0s;\">\n <img src=\"https://images.unsplash.com/photo-1562322140-8baeececf3df?w=600&amp;q=80\" alt=\"Frau mit elegantem Balayage im Friseursalon\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n <div class=\"salon-gallery-item is-visible\" data-index=\"1\" style=\"transition-delay: 0.08s;\">\n <img src=\"https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=600&amp;q=80\" alt=\"Moderner Friseursalon mit warmem Ambiente\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n <div class=\"salon-gallery-item is-visible\" data-index=\"2\" style=\"transition-delay: 0.16s;\">\n <img src=\"https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?w=600&amp;q=80\" alt=\"Professionelle Haarfarbe und Strähnentechnik\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n <div class=\"salon-gallery-item is-visible\" data-index=\"3\" style=\"transition-delay: 0.24s;\">\n <img src=\"https://images.unsplash.com/photo-1634449571010-02389ed0f9b0?w=600&amp;q=80\" alt=\"Stylistin föhnt Kundin die Haare\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n <div class=\"salon-gallery-item is-visible\" data-index=\"4\" style=\"transition-delay: 0.32s;\">\n <img src=\"https://images.unsplash.com/photo-1559599101-f09722fb4948?w=600&amp;q=80\" alt=\"Friseurwerkzeug und professionelle Produkte\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n <div class=\"salon-gallery-item is-visible\" data-index=\"5\" style=\"transition-delay: 0.4s;\">\n <img src=\"https://images.unsplash.com/photo-1605497788044-5a32c7078486?w=600&amp;q=80\" alt=\"Elegante Hochsteckfrisur für besonderen Anlass\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\n <div class=\"gallery-overlay-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"M21 21l-4.35-4.35\"></path><path d=\"M11 8v6\"></path><path d=\"M8 11h6\"></path></svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- Lightbox -->\n <div class=\"salon-lightbox\" role=\"dialog\" aria-label=\"Bildvorschau\" aria-modal=\"true\">\n <button class=\"lightbox-close\" aria-label=\"Schließen\">✕</button>\n <button class=\"lightbox-nav lightbox-prev\" aria-label=\"Vorheriges Bild\">‹</button>\n <img src=\"\" alt=\"\">\n <button class=\"lightbox-nav lightbox-next\" aria-label=\"Nächstes Bild\">›</button>\n </div>\n </div>\n\n <!-- ===== CONTACT ===== -->\n <div class=\"salon-contact\">\n <div class=\"salon-contact-inner\">\n <div class=\"salon-contact-header is-visible\">\n <span class=\"salon-label\">Kontakt</span>\n <div class=\"contact-gold-line\" aria-hidden=\"true\"></div>\n <h2>So erreichen Sie uns</h2>\n </div>\n <div class=\"salon-contact-grid\">\n <div class=\"salon-contact-cards\">\n <a href=\"tel:+4912345678\" class=\"salon-contact-card is-visible\" style=\"transition-delay: 0s;\">\n <div class=\"contact-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0122 16.92z\"></path></svg>\n </div>\n <div class=\"contact-info\">\n <span class=\"contact-title\">Telefon</span>\n <span class=\"contact-detail\">+49 123 456 78</span>\n </div>\n </a>\n <a href=\"https://wa.me/4912345678\" class=\"salon-contact-card is-visible\" target=\"_blank\" rel=\"noopener\" style=\"transition-delay: 0.1s;\">\n <div class=\"contact-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"></path></svg>\n </div>\n <div class=\"contact-info\">\n <span class=\"contact-title\">WhatsApp</span>\n <span class=\"contact-detail\">Jetzt Nachricht senden</span>\n </div>\n </a>\n <a href=\"mailto:info@ihrsalon.de\" class=\"salon-contact-card is-visible\" style=\"transition-delay: 0.2s;\">\n <div class=\"contact-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"></path><path d=\"M22 6l-10 7L2 6\"></path></svg>\n </div>\n <div class=\"contact-info\">\n <span class=\"contact-title\">E-Mail</span>\n <span class=\"contact-detail\">info@ihrsalon.de</span>\n </div>\n </a>\n <div class=\"salon-contact-card is-visible\" style=\"transition-delay: 0.3s;\">\n <div class=\"contact-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M12 6v6l4 2\"></path></svg>\n </div>\n <div class=\"contact-info\">\n <span class=\"contact-title\">Öffnungszeiten</span>\n <span class=\"contact-detail\">Di–Fr 9–18 Uhr · Sa 9–14 Uhr</span>\n </div>\n </div>\n </div>\n <div class=\"salon-contact-map is-visible\">\n <div class=\"map-placeholder-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"></path><circle cx=\"12\" cy=\"10\" r=\"3\"></circle></svg>\n </div>\n <span class=\"map-placeholder-text\">Musterstraße 12 · 12345 Musterstadt</span>\n <a href=\"https://maps.google.com\" class=\"map-link\" target=\"_blank\" rel=\"noopener\">\n In Google Maps öffnen\n <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\"></path><path d=\"M15 3h6v6\"></path><path d=\"M10 14L21 3\"></path></svg>\n </a>\n </div>\n </div>\n <div class=\"salon-contact-cta is-visible\">\n <a href=\"tel:+4912345678\" class=\"salon-btn-large\" role=\"button\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0122 16.92z\"></path></svg>\n Jetzt Termin vereinbaren\n </a>\n </div>\n </div>\n </div>\n\n <!-- ===== FOOTER ===== -->\n <div class=\"salon-footer\">\n <div class=\"salon-footer-inner\">\n <div class=\"footer-brand\">\n <h3>Ihr Salon<span class=\"gold-dot\">.</span></h3>\n <span class=\"footer-brand-desc\">Ihr Friseur für modernes Styling, Farbe und Pflege — persönlich, professionell und mit Leidenschaft.</span>\n <div class=\"footer-social\">\n <a href=\"#\" class=\"footer-social-link\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"></rect><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"></path><path d=\"M17.5 6.5h.01\"></path></svg>\n </a>\n <a href=\"#\" class=\"footer-social-link\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path></svg>\n </a>\n <a href=\"#\" class=\"footer-social-link\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"></path></svg>\n </a>\n </div>\n </div>\n <div class=\"footer-col\">\n <h4>Navigation</h4>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Startseite</a></li>\n <li><a href=\"#\">Über uns</a></li>\n <li><a href=\"#\">Leistungen</a></li>\n <li><a href=\"#\">Galerie</a></li>\n <li><a href=\"#\">Kontakt</a></li>\n </ul>\n </div>\n <div class=\"footer-col\">\n <h4>Öffnungszeiten</h4>\n <div class=\"footer-hours\">\n <div class=\"footer-hours-row\">\n <span class=\"footer-hours-day\">Dienstag – Freitag</span>\n <span class=\"footer-hours-time\">9:00 – 18:00</span>\n </div>\n <div class=\"footer-hours-row\">\n <span class=\"footer-hours-day\">Samstag</span>\n <span class=\"footer-hours-time\">9:00 – 14:00</span>\n </div>\n <div class=\"footer-hours-row\">\n <span class=\"footer-hours-day\">Sonntag &amp; Montag</span>\n <span class=\"footer-hours-time\">Geschlossen</span>\n </div>\n </div>\n </div>\n <div class=\"footer-col\">\n <h4>Kontakt</h4>\n <div class=\"footer-contact-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"></path><circle cx=\"12\" cy=\"10\" r=\"3\"></circle></svg>\n <span>Musterstraße 12, 12345 Musterstadt</span>\n </div>\n <div class=\"footer-contact-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0122 16.92z\"></path></svg>\n <a href=\"tel:+4912345678\">+49 123 456 78</a>\n </div>\n <div class=\"footer-contact-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"></path><path d=\"M22 6l-10 7L2 6\"></path></svg>\n <a href=\"mailto:info@ihrsalon.de\">info@ihrsalon.de</a>\n </div>\n </div>\n </div>\n <div class=\"salon-footer-bottom\">\n <span class=\"footer-copy\">© 2025 Ihr Salon. Alle Rechte vorbehalten.</span>\n <div class=\"footer-legal\">\n <a href=\"#\">Impressum</a>\n <a href=\"#\">Datenschutz</a>\n </div>\n </div>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-d3087e87-72f9-4468-9e5e-db070445a9dd');\n if (!el) return;\n\n /* === HERO === */\n var heroContent = el.querySelector('.salon-hero-content');\n var heroBg = el.querySelector('.salon-hero-bg');\n if (heroContent) setTimeout(function() { heroContent.classList.add('is-visible'); }, 200);\n if (heroBg) setTimeout(function() { heroBg.classList.add('is-loaded'); }, 100);\n\n var heroImg = heroBg ? heroBg.querySelector('img') : null;\n if (heroImg) {\n var ticking = false;\n window.addEventListener('scroll', function() {\n if (!ticking) {\n window.requestAnimationFrame(function() {\n var rect = el.getBoundingClientRect();\n if (rect.bottom > 0 && rect.top < window.innerHeight) {\n heroImg.style.transform = 'scale(1.08) translateY(' + (window.pageYOffset * 0.15) + 'px)';\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n }\n\n /* === SCROLL REVEAL === */\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var revealTargets = el.querySelectorAll(\n '.salon-about-img-wrap, .salon-about-text, ' +\n '.salon-services-header, .salon-service-card, ' +\n '.salon-why-header, .salon-why-card, ' +\n '.salon-reviews-header, .salon-review-card, .salon-reviews-summary, ' +\n '.salon-gallery-header, .salon-gallery-item, ' +\n '.salon-contact-header, .salon-contact-card, .salon-contact-map, .salon-contact-cta'\n );\n\n if (reducedMotion) {\n revealTargets.forEach(function(t) { t.classList.add('is-visible'); });\n } else {\n var serviceCards = el.querySelectorAll('.salon-service-card');\n var whyCards = el.querySelectorAll('.salon-why-card');\n var reviewCards = el.querySelectorAll('.salon-review-card');\n var galleryItems = el.querySelectorAll('.salon-gallery-item');\n var contactCards = el.querySelectorAll('.salon-contact-card');\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var t = entry.target;\n var sIdx = Array.prototype.indexOf.call(serviceCards, t);\n if (sIdx > -1) t.style.transitionDelay = (sIdx * 0.1) + 's';\n var wIdx = Array.prototype.indexOf.call(whyCards, t);\n if (wIdx > -1) t.style.transitionDelay = (wIdx * 0.15) + 's';\n var rIdx = Array.prototype.indexOf.call(reviewCards, t);\n if (rIdx > -1) t.style.transitionDelay = (rIdx * 0.12) + 's';\n var gIdx = Array.prototype.indexOf.call(galleryItems, t);\n if (gIdx > -1) t.style.transitionDelay = (gIdx * 0.08) + 's';\n var cIdx = Array.prototype.indexOf.call(contactCards, t);\n if (cIdx > -1) t.style.transitionDelay = (cIdx * 0.1) + 's';\n t.classList.add('is-visible');\n observer.unobserve(t);\n }\n });\n }, { threshold: 0.12 });\n\n revealTargets.forEach(function(t) { observer.observe(t); });\n }\n\n /* === LIGHTBOX === */\n var lightbox = el.querySelector('.salon-lightbox');\n var lbImg = lightbox ? lightbox.querySelector('img') : null;\n var lbClose = lightbox ? lightbox.querySelector('.lightbox-close') : null;\n var lbPrev = lightbox ? lightbox.querySelector('.lightbox-prev') : null;\n var lbNext = lightbox ? lightbox.querySelector('.lightbox-next') : null;\n var galleryImgs = el.querySelectorAll('.salon-gallery-item img');\n var currentIdx = 0;\n\n function openLightbox(idx) {\n if (!lightbox || !lbImg || !galleryImgs[idx]) return;\n currentIdx = idx;\n lbImg.src = galleryImgs[idx].src;\n lbImg.alt = galleryImgs[idx].alt;\n lightbox.classList.add('is-open');\n }\n function closeLightbox() {\n if (lightbox) lightbox.classList.remove('is-open');\n }\n function navLightbox(dir) {\n currentIdx = (currentIdx + dir + galleryImgs.length) % galleryImgs.length;\n if (lbImg && galleryImgs[currentIdx]) {\n lbImg.src = galleryImgs[currentIdx].src;\n lbImg.alt = galleryImgs[currentIdx].alt;\n }\n }\n\n el.querySelectorAll('.salon-gallery-item').forEach(function(item) {\n item.addEventListener('click', function() {\n var idx = parseInt(item.getAttribute('data-index'), 10);\n openLightbox(idx);\n });\n });\n\n if (lbClose) lbClose.addEventListener('click', closeLightbox);\n if (lbPrev) lbPrev.addEventListener('click', function() { navLightbox(-1); });\n if (lbNext) lbNext.addEventListener('click', function() { navLightbox(1); });\n\n if (lightbox) {\n lightbox.addEventListener('click', function(e) {\n if (e.target === lightbox) closeLightbox();\n });\n }\n\n document.addEventListener('keydown', function(e) {\n if (!lightbox || !lightbox.classList.contains('is-open')) return;\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') navLightbox(-1);\n if (e.key === 'ArrowRight') navLightbox(1);\n });\n})();\n</script>","summary":"The user is building a full multi-section hair salon website using an anthrazit (#2E2E2E), warm gold (#C9A86A), white (#FFFFFF), and light beige (#F7F4EF) color scheme, with 6px border radius, 0.3s ease-out transitions, and clamp-based responsive typography. The page was built incrementally section by section: Hero (92vh with Unsplash background, parallax scroll, staggered fade-in animations, gold accent badge, two CTA buttons), Über uns (2-column grid with team photo featuring gold corner accents, stats row with 15+ years/8500+ customers/5 stylists), Leistungen (6 service cards in 3-column grid with SVG icons, gold bottom-line hover effect), Warum wir (3 trust cards on dark anthrazit background with gold-bordered icon circles), Bewertungen (3 review cards with 5 gold stars, italic quotes with gold side border, avatar initials, plus a 4.9/5 summary), Galerie (3-column CSS masonry with 6 Unsplash images, hover overlay with zoom/darken, lightbox with prev/next navigation and keyboard support), Kontakt (2-column grid with phone/WhatsApp/email/hours as clickable cards plus a map placeholder, large CTA button), and Footer (built but lost). The current snippet on the user's website contains only the Reviews, Gallery, and Contact sections with their CSS and JS — the Hero, About, Services, Why Us, and Footer sections are missing and need to be restored as one complete consolidated snippet. The user encountered repeated issues with sections disappearing or duplicating during the incremental build process.","version":2,"inserted_version":2,"total_cost":7.83519352,"total_messages_sent":15,"summarized_at_total":12}