:root{--ink:#171514;--ink2:#262321;--paper:#f7f3ee;--card:#fffdfa;--gold:#0b91a8;--gold2:#74c9d7;--muted:#726c67;--line:#ded7ce;--danger:#a83d39;--success:#2d7252;--shadow:0 24px 80px rgba(31,24,20,.12);--radius:24px;--sidebar:250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,6vw,6rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:800;color:#087f95;margin-bottom:12px}.lead{font-size:1.18rem;color:var(--muted);max-width:760px}.quiet{color:var(--muted)!important}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(198,154,91,.8);border-radius:50%;font-family:Georgia,serif;font-size:1.7rem}.brand b{font-size:.95rem;letter-spacing:.16em;display:block}.brand small{font-size:.58rem;letter-spacing:.12em;color:var(--muted);display:block}.brand.compact .brand-mark{width:40px;height:40px;font-size:1.4rem}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,4vw);background:rgba(247,243,238,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,215,206,.75)}.site-header nav{display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:700}.nav-toggle{display:none;border:0;background:none;font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 21px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow;background:#eee}.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1712;box-shadow:0 10px 30px rgba(198,154,91,.25)}.btn-dark{background:var(--ink);color:white}.btn-ghost{background:transparent;border:1px solid var(--line)}.text-link{display:inline-block;margin-top:16px;color:var(--muted)}.hero{min-height:720px;padding:80px max(24px,7vw);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;background:radial-gradient(circle at 85% 20%,rgba(225,189,125,.18),transparent 30%),linear-gradient(180deg,#fbf8f3,#f4eee7)}.hero-copy{max-width:760px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#087f95}.hero-copy>p{font-size:1.2rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-points{display:flex;gap:24px;margin-top:34px;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hero-points span:before{content:"•";color:var(--gold);margin-right:8px}.hero-art{min-height:520px;position:relative;display:grid;place-items:center}.hair-orbit{width:min(420px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f6e7d1,#b89164 45%,#2a2522 70%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hair-orbit:before,.hair-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:48% 52% 44% 56%;inset:8%;transform:rotate(32deg)}.hair-orbit:after{inset:18%;transform:rotate(-24deg)}.hair-monogram{font:italic 11rem/1 Georgia,serif;color:rgba(255,255,255,.82);text-shadow:0 8px 30px rgba(0,0,0,.25)}.floating-card{position:absolute;left:0;bottom:15px;width:240px;background:#171514;color:white;padding:22px;border-radius:20px;box-shadow:var(--shadow)}.floating-card small{color:var(--gold2);font-weight:900;letter-spacing:.15em}.floating-card b,.floating-card span,.floating-card a{display:block}.floating-card b{font-size:1.25rem;margin:7px 0}.floating-card span{color:#bcb4ad;font-size:.88rem}.floating-card a{margin-top:14px;color:var(--gold2);font-weight:800}.section{padding:90px max(24px,7vw)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head p{max-width:520px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;min-height:220px;display:flex;flex-direction:column}.service-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#087f95;font-weight:900}.service-card h3{font-size:1.3rem;margin:18px 0 auto}.service-meta{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.service-meta b{font-size:1.2rem}.service-meta small{color:var(--muted)}.service-card a{font-weight:800;font-size:.9rem}.split-section{margin:40px max(24px,7vw) 100px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.quote-panel{min-height:440px;border-radius:var(--radius);display:grid;place-items:center;background:var(--ink);color:white;position:relative;overflow:hidden}.quote-panel:after{content:"";position:absolute;inset:25px;border:1px solid rgba(225,189,125,.28);border-radius:50%}.big-h{font:italic 13rem Georgia,serif;color:var(--gold2);opacity:.8}.quote-panel p{position:absolute;bottom:35px;font-family:Georgia,serif;font-size:1.2rem}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{padding:28px;border-radius:20px;background:white;border:1px solid var(--line)}.post-card small{color:var(--muted)}.post-card h2,.post-card h3{margin:12px 0}.post-card p{color:var(--muted)}.post-card a{font-weight:900}.cta{margin:0 max(24px,7vw) 80px;background:var(--ink);color:white;border-radius:28px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(1.8rem,3vw,3rem);max-width:850px}.site-footer{padding:45px max(24px,7vw);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted)}.site-footer>div:last-child{display:flex;gap:18px}.page-space{padding-top:70px;padding-bottom:100px}.narrow{max-width:1000px;margin:auto;padding-left:24px;padding-right:24px}.article{max-width:900px;margin:auto;padding:80px 24px 110px}.article h1{font-size:clamp(2.7rem,5vw,5rem)}.article-lead{font-size:1.3rem;color:var(--muted)}.article-body{font-size:1.05rem}.article-body h2{margin-top:45px;font-size:2.1rem}.article-body h3{margin-top:30px}.article-body p,.article-body li{color:#45403c}.article-body a{text-decoration:underline}.article-cta{margin-top:50px;padding:25px;background:var(--ink);color:white;border-radius:18px;display:flex;justify-content:space-between;align-items:center}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.contact-cards>*{padding:20px;background:white;border:1px solid var(--line);border-radius:16px}.contact-cards small,.contact-cards b{display:block}.booking-picker{display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px;align-items:end;margin:35px 0}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot{border:1px solid var(--line);background:white;border-radius:14px;padding:15px;text-align:left;cursor:pointer}.slot b,.slot small{display:block}.slot small{color:var(--muted)}dialog{border:0;border-radius:22px;box-shadow:var(--shadow);padding:0;width:min(560px,calc(100vw - 32px))}.booking-dialog form{padding:28px}.booking-dialog::backdrop{background:rgba(20,17,15,.55);backdrop-filter:blur(4px)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.empty{padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.success-panel{padding:28px;border-radius:18px;background:#e8f3ed;color:#1e573e}.ai-price{display:inline-flex;gap:12px;padding:12px 16px;background:#efe3d2;border-radius:999px;margin:18px 0 30px}.ai-price span{color:var(--muted)}.ai-form{background:white;border:1px solid var(--line);padding:28px;border-radius:24px}.upload-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px;border:1px dashed #bca98f;border-radius:18px;background:#fbf7f1;cursor:pointer;margin-bottom:20px}.upload-box input{position:absolute;opacity:0;pointer-events:none}.upload-box span{font-weight:900}.upload-box small{color:var(--muted)}.ai-result{margin:28px 0;padding:24px;border-radius:22px;background:#171514;color:white}.ai-result img{border-radius:16px;max-height:650px;margin:18px auto}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:60px 20px}.auth-card,.setup-card{width:min(520px,100%);background:white;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.auth-card h1,.setup-card h1{font-size:2.5rem}.setup{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 70% 20%,rgba(198,154,91,.25),transparent 35%),var(--paper)}.setup-card{width:min(780px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.stack{display:grid;gap:14px}label{font-size:.83rem;font-weight:800;color:#514a45}input,textarea,select{width:100%;border:1px solid #d9d1c9;background:#fff;padding:12px 13px;border-radius:11px;color:var(--ink);outline:none;margin-top:6px}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,154,91,.12)}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:auto;margin-top:4px}.check span{font-weight:500;color:var(--muted)}.flash{padding:13px 16px;border-radius:13px;margin:10px 0 18px;font-weight:700}.flash.success{background:#e4f2e9;color:#245f43}.flash.error{background:#f7e6e3;color:#8b312f}.app-top{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#141211;color:white;position:sticky;top:0;z-index:40}.app-top .brand small{color:#aaa29d}.user-pill{display:flex;gap:14px;align-items:center;font-size:.85rem}.user-pill a{color:var(--gold2)}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#1c1917;color:#d9d2cc;padding:18px 12px;display:flex;flex-direction:column;gap:4px}.sidebar a{padding:10px 13px;border-radius:10px;font-size:.87rem}.sidebar a:hover{background:#2a2522;color:white}.sidebar-site{margin-top:auto;color:var(--gold2)}.app-main{padding:34px;min-width:0}.app-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.app-title h1{font-size:2.5rem;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:18px}.metric span,.metric strong,.metric small{display:block}.metric span{font-size:.73rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:900}.metric strong{font-size:1.8rem;margin-top:8px}.metric small{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;overflow:auto}.panel h2{font-size:1.45rem}.panel h3{margin-top:22px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head a{font-weight:800;color:#087f95}.dashboard-grid,.two-col,.seo-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.quick{display:flex;flex-direction:column}.quick a{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.agenda-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;color:var(--muted);font-size:.71rem;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #eee8e1;vertical-align:top}td small{display:block;color:var(--muted)}tr:last-child td{border-bottom:0}.inline{display:inline}.inline select{margin:0;padding:6px 8px;min-width:105px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eee;font-size:.69rem;font-weight:900;text-transform:uppercase}.status-confirmed,.status-done,.status-paid,.status-active,.status-published,.status-free{background:#dff0e6;color:#256143}.status-pending,.status-due,.status-draft,.status-processing,.status-queued{background:#f4ead4;color:#765823}.status-cancelled,.status-failed,.status-no_show,.status-expired{background:#f4dfdd;color:#8c3834}.status-completed,.status-waived,.status-redeemed{background:#e5e1f1;color:#52467c}.warn-row{background:#fff5e8}.mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.mini-stats span{padding:9px 11px;background:#f5f1ec;border-radius:10px}.settings-sections{display:grid;gap:18px;max-width:1000px}.content-editor{display:grid;grid-template-columns:260px 1fr;gap:18px}.page-list{display:flex;flex-direction:column;gap:6px}.page-list a{padding:12px;border-radius:12px}.page-list a.active,.page-list a:hover{background:#f2ebe2}.page-list small{display:block;color:var(--muted)}.editor-panel{margin-top:18px}.hours-grid{display:grid;gap:8px;margin-bottom:18px}.hours-grid>div{display:grid;grid-template-columns:120px 1fr 1fr 120px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.hours-grid input{margin:0}.check.small{align-items:center}.check.small input{margin:0}.secret-box{background:#171514;color:#f0d5aa;padding:18px;border-radius:14px;margin:12px 0;overflow-wrap:anywhere}.secret-box code{font-size:1.05rem;letter-spacing:.08em}.wrap{overflow-wrap:anywhere}.voucher-grid,.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voucher-card{padding:25px;border-radius:22px;background:linear-gradient(135deg,#221f1d,#0e0d0c);color:white;min-height:220px;position:relative;overflow:hidden}.voucher-card:after{content:"H";position:absolute;right:-5px;bottom:-50px;font:italic 11rem Georgia,serif;color:rgba(198,154,91,.15)}.voucher-card small,.voucher-card h2,.voucher-card b,.voucher-card span{display:block}.voucher-card b{font-size:2rem;color:var(--gold2)}.voucher-card span{color:#b8afa8}.look-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.look-card img{aspect-ratio:4/5;object-fit:cover}.look-card>div{padding:16px}.look-card h3{margin:6px 0}.look-card p{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:22px 0} @media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-col,.seo-layout,.agenda-layout{grid-template-columns:1fr}.app-shell{grid-template-columns:210px 1fr}:root{--sidebar:210px}.voucher-grid,.look-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:780px){h1{font-size:3rem}.site-header{padding:12px 16px}.nav-toggle{display:block}.site-header nav{position:fixed;inset:71px 12px auto;background:#171514;color:white;border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:390px}.hair-orbit{width:min(330px,90vw)}.floating-card{left:8px;bottom:0}.hero-points{flex-wrap:wrap}.section{padding:60px 18px}.section-head{align-items:start;flex-direction:column}.service-grid,.post-grid{grid-template-columns:1fr}.split-section{grid-template-columns:1fr;margin:20px 18px 70px}.quote-panel{min-height:340px}.cta{margin:0 18px 60px;padding:28px;flex-direction:column;align-items:flex-start}.site-footer{flex-direction:column;gap:24px}.booking-picker{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.app-top{padding:0 12px}.user-pill{font-size:0}.user-pill a{font-size:.8rem}.app-shell{display:block}.sidebar{position:sticky;top:72px;z-index:25;flex-direction:row;overflow-x:auto;padding:8px;background:#1c1917}.sidebar a{white-space:nowrap}.sidebar-site{margin-top:0}.app-main{padding:20px 14px}.app-title{align-items:flex-start;flex-direction:column}.app-title h1{font-size:2rem}.metrics{grid-template-columns:1fr 1fr}.content-editor{grid-template-columns:1fr}.hours-grid>div{grid-template-columns:1fr 1fr}.hours-grid>div>b{grid-column:1/-1}.voucher-grid,.look-grid{grid-template-columns:1fr}.site-footer>div:last-child{flex-direction:column}.article-cta{align-items:flex-start;flex-direction:column;gap:14px}} .article-image{width:100%;max-height:620px;object-fit:cover;border-radius:24px;margin:28px 0 38px}.seo-image-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f8f4ef}.seo-image-preview img{width:100%;max-height:520px;object-fit:cover}.seo-image-preview small{display:block;padding:10px 14px;color:var(--muted)}.seo-image-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.seo-image-actions .btn{margin-bottom:0} .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0 18px}.copy-output{font-family:inherit;line-height:1.55;background:#fbfaf8}.muted{color:var(--muted)}[hidden]{display:none!important}@media(max-width:780px){.check-grid{grid-template-columns:1fr}} .hero-photo{width:min(480px,90vw);height:560px;object-fit:cover;border-radius:48% 48% 24px 24px;box-shadow:var(--shadow);border:1px solid rgba(11,145,168,.18)}.admin-image-preview{width:min(100%,560px);max-height:360px;object-fit:cover;border-radius:16px;border:1px solid var(--line);margin:8px 0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfaf8}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-card>div{padding:12px}.media-card b,.media-card code,.media-card small{display:block}.media-card code{font-size:.72rem;overflow-wrap:anywhere;color:#087f95;margin:6px 0}.text-button{border:0;background:none;padding:6px 0;cursor:pointer;font-weight:800}.text-button.danger{color:var(--danger)}@media(max-width:780px){.hero-photo{height:390px}.media-grid{grid-template-columns:1fr}} .nav-group-title{padding:18px 13px 6px;font-size:.62rem;font-weight:900;letter-spacing:.14em;color:#887f79}.nav-group-title:first-child{padding-top:4px}.contact-form-panel{margin-top:24px}.area-admin .sidebar{max-height:calc(100vh - 72px);overflow-y:auto;position:sticky;top:72px}.area-admin .sidebar::-webkit-scrollbar{width:6px}.area-admin .sidebar::-webkit-scrollbar-thumb{background:#3b3531;border-radius:999px}@media(max-width:780px){.nav-group-title{display:none}.area-admin .sidebar{max-height:none;overflow-x:auto;overflow-y:hidden;position:sticky;top:72px}} /* V1.0.4 – Einfach-Modus / frictionless customer experience */ .btn-big{min-height:52px;padding:15px 24px;font-size:1rem}.small-lead{font-size:1rem;margin:.45rem 0 0}.easy-auth{max-width:560px}.easy-step{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e6f5f7;color:#087f95;font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.easy-auth h1{font-size:clamp(2.2rem,7vw,3.4rem)}.easy-note{margin-top:18px;padding:14px 16px;border-radius:14px;background:#f4f1ec;color:var(--muted);font-size:.88rem}.code-input{text-align:center;font-size:2rem;font-weight:900;letter-spacing:.3em;padding-left:.3em}.inline-form{margin-top:10px}.link-button{border:0;background:none;padding:8px 0;color:#087f95;font-weight:800;cursor:pointer}.team-login-link{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}.team-login-link a,.customer-login-callout{color:#087f95;font-weight:900}.customer-login-callout{display:block;padding:14px 16px;margin:0 0 18px;border-radius:14px;background:#e8f7f9} .sidebar-more{margin-top:10px!important;border:1px solid rgba(255,255,255,.14);color:#9fddd9!important}.daily-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.daily-actions a{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;min-height:155px;transition:.2s transform,.2s box-shadow}.daily-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,24,20,.08)}.daily-actions span{font-size:.7rem;letter-spacing:.15em;color:#087f95;font-weight:900}.daily-actions b{font-size:1.25rem;margin:22px 0 5px}.daily-actions small{color:var(--muted)} .booking-page{max-width:1080px}.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 32px}.booking-steps span{padding:12px 14px;border-radius:14px;background:#ece7e1;color:#8c8580;font-size:.8rem;font-weight:800}.booking-steps span b{display:block;font-size:.95rem;color:inherit;margin-top:2px}.booking-steps .active{background:#171514;color:#fff}.booking-steps .done{background:#e4f2e9;color:#245f43}.service-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-choice{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:7px;transition:.2s transform,.2s border-color}.service-choice:hover{transform:translateY(-2px);border-color:#79cbd8}.service-choice small{text-transform:uppercase;letter-spacing:.08em;color:#087f95;font-weight:900}.service-choice b{font-size:1.12rem}.service-choice span{color:var(--muted)}.service-choice strong{margin-top:8px}.selected-service{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:16px}.selected-service small,.selected-service b,.selected-service span{display:block}.selected-service small{color:var(--muted)}.selected-service b{font-size:1.15rem}.selected-service span{color:var(--muted)}.selected-service>a{font-weight:900;color:#087f95}.date-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:26px}.booking-date-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.booking-date-form input{min-height:48px}.first-free{min-height:48px}.slot-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 12px}.slot-heading h2{font-size:1.6rem;margin:0}.slot-heading span{color:var(--muted)}.slot{min-height:70px}.slot b{font-size:1.12rem}.optional-note{border-top:1px solid var(--line);padding-top:12px}.optional-note summary{cursor:pointer;color:var(--muted);font-weight:800}.booking-success{text-align:center;padding:38px}.success-check{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2d7252;font-size:2rem;font-weight:900;margin:0 auto 15px} .customer-home{max-width:1080px}.customer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.customer-actions a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:150px;display:flex;flex-direction:column}.customer-actions a.primary{background:#171514;color:#fff}.customer-actions span{font-size:1.45rem}.customer-actions b{font-size:1.05rem;margin-top:auto}.customer-actions small{color:var(--muted);margin-top:4px}.customer-actions .primary small{color:#c6bfba}.next-appointment{background:linear-gradient(135deg,#f0fbfc,#fff);border:1px solid #bfe6eb;border-radius:24px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.next-appointment small{text-transform:uppercase;letter-spacing:.08em;color:#087f95;font-weight:900}.next-appointment h2{font-size:1.7rem;margin:7px 0 0}.next-appointment strong{font-size:2.15rem}.next-appointment p{margin:5px 0 0;color:var(--muted)}.empty-booking{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:18px}.empty-booking h2{font-size:1.7rem}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-mini-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.customer-mini-info a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.customer-mini-info span,.customer-mini-info b{display:block}.customer-mini-info span{font-size:.76rem;color:var(--muted)}.customer-mini-info b{font-size:1.2rem;margin-top:3px}.customer-bottom-nav{display:none} @media(max-width:980px){.daily-actions{grid-template-columns:repeat(2,1fr)}.customer-actions{grid-template-columns:repeat(2,1fr)}} @media(max-width:780px){body.area-customer{padding-bottom:78px}.area-customer .sidebar{display:none}.area-customer .app-main{padding:18px 14px 28px}.area-customer .app-top{height:62px}.area-customer .app-shell{min-height:calc(100vh - 62px)}.customer-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:60;background:#171514;color:#fff;border-radius:18px;padding:7px;box-shadow:0 16px 40px rgba(0,0,0,.24)}.customer-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.65rem;min-height:51px;color:#ddd5cf}.customer-bottom-nav a span{font-size:1.08rem}.customer-bottom-nav a.book{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-radius:14px;font-weight:900}.customer-bottom-nav a.book span{font-size:1.35rem}.customer-actions{grid-template-columns:1fr 1fr}.customer-actions a{min-height:120px}.next-appointment{align-items:flex-start;flex-direction:column}.customer-mini-info{grid-template-columns:1fr}.service-choice-grid{grid-template-columns:1fr}.booking-steps{gap:5px}.booking-steps span{padding:9px;font-size:.7rem}.booking-steps span b{font-size:.8rem}.date-actions{grid-template-columns:1fr}.booking-date-form{grid-template-columns:1fr}.selected-service{align-items:flex-start}.slot-grid{grid-template-columns:repeat(2,1fr)}.daily-actions{grid-template-columns:1fr 1fr}.daily-actions a{min-height:130px;padding:16px}.daily-actions b{margin-top:14px}.easy-auth{padding:26px 20px}.code-input{font-size:1.65rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.booking-dialog form{padding:22px 18px}.customer-home .app-title .btn{width:100%}} .appointment-list{display:grid;gap:12px}.appointment-card{display:grid;grid-template-columns:72px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.appointment-card.past{opacity:.78}.appointment-date{border-radius:16px;background:#f3f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px}.appointment-date span{font-size:1.75rem;font-weight:900;line-height:1}.appointment-date small{text-transform:uppercase;letter-spacing:.08em;color:#087f95;font-weight:900}.appointment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.appointment-top b,.appointment-top small{display:block}.appointment-top small{color:var(--muted);margin-top:4px}.appointment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.appointment-actions form{margin:0}.danger-link{color:#8b312f}.customer-rule{margin-top:18px}.invoice-list{display:grid;gap:10px}.invoice-card{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.invoice-card small,.invoice-card b{display:block}.invoice-card small{color:var(--muted)}.invoice-card strong{font-size:1.15rem} @media(max-width:600px){.appointment-card{grid-template-columns:58px 1fr;padding:12px;gap:12px}.appointment-date{min-height:60px}.appointment-date span{font-size:1.45rem}.appointment-top{flex-direction:column}.appointment-actions{display:grid;grid-template-columns:1fr 1fr}.appointment-actions .btn{width:100%;padding:10px 12px}.invoice-card{grid-template-columns:1fr auto}.invoice-card .badge{grid-column:1/-1;justify-self:start}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .brand-logo-wrap{gap:10px}.brand-logo{height:62px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.08))}.brand-logo-compact{height:44px}.site-header .brand{min-width:220px}.app-top .brand{color:white}.app-top .brand small{display:block;color:#d8d2cb;letter-spacing:.12em} .hero{min-height:760px;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:70px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:10.5ch}.hero-copy>p{max-width:560px}.hero-actions{flex-wrap:wrap}.hero-art{min-height:600px}.hero-motion{--mx:0px;--my:0px;position:relative;isolation:isolate}.hero-stage{position:relative;z-index:2;width:min(520px,100%);display:grid;place-items:center;transform:translate3d(calc(var(--mx)*.12),calc(var(--my)*.12),0);transition:transform .18s ease-out}.hero-logo-stage{min-height:520px}.hero-logo-card{width:min(500px,100%);padding:34px 34px 30px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.72));backdrop-filter:blur(14px);border:1px solid rgba(116,201,215,.35);box-shadow:0 28px 80px rgba(16,22,26,.14)}.hero-logo-main{width:min(360px,100%);margin:0 auto 18px;object-fit:contain}.hero-logo-card p{margin:0 auto;max-width:360px;text-align:center;color:var(--muted);font-size:1.05rem}.hair-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none}.hair-strand{position:absolute;display:block;border-radius:999px;background:linear-gradient(180deg,rgba(116,201,215,.05),rgba(11,145,168,.22) 22%,rgba(23,21,20,.3) 100%);filter:drop-shadow(0 18px 20px rgba(11,145,168,.12));transform:translate3d(calc(var(--mx)*var(--depthX,0)),calc(var(--my)*var(--depthY,0)),0) rotate(var(--rot,0deg));transition:transform .18s ease-out,opacity .3s ease-out;opacity:.95}.hair-strand:after{content:"";position:absolute;left:50%;top:-3%;width:160%;height:108%;transform:translateX(-50%);border-radius:999px;border:1px solid rgba(255,255,255,.22)}.strand-1{left:4%;top:7%;width:18px;height:430px;--rot:-12deg;--depthX:.9;--depthY:1.2}.strand-2{left:17%;top:-2%;width:28px;height:470px;--rot:9deg;--depthX:.65;--depthY:1}.strand-3{right:28%;top:4%;width:16px;height:390px;--rot:14deg;--depthX:.55;--depthY:.8}.strand-4{right:11%;top:2%;width:22px;height:460px;--rot:-9deg;--depthX:1.1;--depthY:1.25}.strand-5{left:28%;bottom:7%;width:15px;height:260px;--rot:-18deg;--depthX:.4;--depthY:.5}.strand-6{right:4%;bottom:1%;width:18px;height:240px;--rot:18deg;--depthX:.8;--depthY:.65}.floating-card{left:auto;right:8px;bottom:22px;z-index:3;transform:translate3d(calc(var(--mx)*-.08),calc(var(--my)*-.08),0);transition:transform .18s ease-out}.hero-photo{width:min(500px,90vw);height:600px;border-radius:38% 38% 26px 26px;background:#fff}.quote-panel{background:linear-gradient(135deg,#161412,#22201d)} @media(max-width:980px){.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-bottom:60px}.hero-copy h1,.hero-copy>p{max-width:none}.hero-art,.hero-logo-stage{min-height:420px}.hero-stage{width:min(100%,560px);margin:auto}.brand-logo{height:54px}} @media(max-width:780px){.site-header .brand{min-width:0}.brand-logo{height:48px}.brand-logo-compact{height:34px}.hero{padding-top:44px}.hero-art{min-height:430px}.hero-logo-card{padding:24px 20px 22px;border-radius:24px}.hero-logo-main{width:min(280px,100%)}.hero-logo-card p{font-size:.96rem}.hair-strand{opacity:.7}.strand-1,.strand-2,.strand-3,.strand-4{height:260px}.strand-5,.strand-6{display:none}.floating-card{left:10px;right:10px;bottom:-8px;width:auto}} /* V1.0.8 — Hairzhaft Signature Hero */ .hero.hero-luxe{position:relative;min-height:calc(100svh - 78px);padding:clamp(58px,7vw,104px) max(24px,6vw) 44px;grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr);grid-template-rows:1fr auto;column-gap:clamp(42px,6vw,96px);row-gap:28px;background:linear-gradient(118deg,#fbfaf7 0%,#f5f1ec 46%,#edf8f9 100%);overflow:hidden} .hero.hero-luxe:before{content:"";position:absolute;width:640px;height:640px;right:-220px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(116,201,215,.24),rgba(116,201,215,0) 68%);pointer-events:none}.hero.hero-luxe:after{content:"";position:absolute;left:-220px;bottom:-330px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(11,145,168,.10),rgba(11,145,168,0) 70%);pointer-events:none} .hero-luxe .hero-copy{align-self:center;max-width:720px;padding:24px 0 42px}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:#277f8f}.hero-kicker>span{display:block;width:42px;height:1px;background:#0b91a8}.hero-luxe h1{font-size:clamp(4.2rem,7.1vw,8rem);line-height:.89;letter-spacing:-.062em;margin-bottom:30px;max-width:7.5ch}.hero-luxe h1 em{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.045em;color:#078fa8}.hero-luxe .hero-copy>p{font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.72;max-width:570px;color:#655f5a}.hero-luxe .hero-actions{align-items:center;margin-top:34px;gap:22px}.btn-hero{min-height:58px;padding:0 27px;font-size:.98rem;box-shadow:0 16px 36px rgba(11,145,168,.20)}.btn-hero span{margin-left:15px;font-size:1.2rem}.hero-text-link{font-weight:850;border-bottom:1px solid rgba(23,21,20,.35);padding:8px 1px 5px;transition:.2s color,.2s border-color}.hero-text-link:hover{color:#078fa8;border-color:#078fa8}.hero-easy{display:flex;align-items:center;gap:11px;margin-top:32px;color:#57514d}.hero-easy>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e2f4f5;color:#07879d;font-weight:950}.hero-easy b,.hero-easy small{display:block}.hero-easy b{font-size:.83rem}.hero-easy small{font-size:.74rem;color:#89817b;margin-top:1px} .hero-luxe-art{position:relative;min-height:650px;align-self:stretch;border-radius:44px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(235,247,248,.35));border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 100px rgba(34,48,52,.10);isolation:isolate}.hair-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-aurora{position:absolute;z-index:0;width:78%;aspect-ratio:1;left:11%;top:8%;border-radius:50%;background:radial-gradient(circle at 48% 44%,rgba(255,255,255,.95) 0%,rgba(191,235,239,.38) 35%,rgba(116,201,215,.10) 58%,transparent 72%);filter:blur(2px)}.hero-brand-stage{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:58px;transition:transform .18s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-logo-free{position:relative;width:min(470px,88%);text-align:center;padding:46px 44px 40px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.86);border-radius:36px;box-shadow:0 26px 80px rgba(22,40,44,.12);backdrop-filter:blur(18px)}.hero-logo-free:before{content:"";position:absolute;inset:10px;border:1px solid rgba(11,145,168,.11);border-radius:29px;pointer-events:none}.hero-logo-free .hero-logo-main{width:min(370px,94%);margin:0 auto}.hero-logo-line{width:54px;height:1px;background:#93d5df;margin:22px auto 18px}.hero-logo-free p{margin:0;color:#756e69;font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.6}.hero-photo-luxe{width:min(510px,92%);height:min(610px,82vh);object-fit:cover;border-radius:220px 220px 34px 34px;border:7px solid rgba(255,255,255,.82);box-shadow:0 30px 90px rgba(23,38,42,.18)} .hero-ai-pill{position:absolute;right:24px;bottom:24px;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(320px,calc(100% - 48px));padding:14px 16px;border-radius:20px;background:rgba(20,22,22,.92);color:white;box-shadow:0 20px 50px rgba(0,0,0,.20);backdrop-filter:blur(16px);transition:transform .18s cubic-bezier(.2,.7,.2,1),background .2s}.hero-ai-pill:hover{background:#101212}.hero-ai-pill small,.hero-ai-pill b{display:block}.hero-ai-pill small{font-size:.61rem;letter-spacing:.16em;color:#82d7e3;font-weight:900}.hero-ai-pill b{font-size:.88rem;margin-top:2px}.hero-ai-dot{width:11px;height:11px;border-radius:50%;background:#70d5e3;box-shadow:0 0 0 5px rgba(112,213,227,.13)} .hero-proof{position:relative;z-index:4;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(86,105,107,.17);padding-top:24px}.hero-proof>span{padding:0 28px;border-left:1px solid rgba(86,105,107,.15)}.hero-proof>span:first-child{padding-left:0;border-left:0}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:.86rem}.hero-proof small{margin-top:3px;font-size:.73rem;color:#8b847f} @media(max-width:1050px){.hero.hero-luxe{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;padding-top:64px}.hero-luxe .hero-copy{padding-bottom:10px}.hero-luxe h1{max-width:10ch}.hero-luxe-art{min-height:560px;width:min(720px,100%);margin:0 auto}.hero-proof{grid-column:auto}.hero-brand-stage{padding:40px}} @media(max-width:680px){.hero.hero-luxe{padding:42px 18px 28px;gap:24px}.hero-luxe .hero-copy{padding:10px 2px 0}.hero-kicker{font-size:.64rem;letter-spacing:.15em;margin-bottom:17px}.hero-kicker>span{width:28px}.hero-luxe h1{font-size:clamp(3.55rem,16vw,5.2rem);margin-bottom:23px}.hero-luxe .hero-copy>p{font-size:1rem;line-height:1.62}.hero-luxe .hero-actions{display:grid;grid-template-columns:1fr;margin-top:25px;gap:10px}.btn-hero{width:100%;min-height:56px}.hero-text-link{text-align:center;border:0}.hero-easy{margin-top:21px}.hero-luxe-art{min-height:430px;border-radius:28px}.hero-brand-stage{padding:27px 20px 78px}.hero-logo-free{width:100%;padding:30px 20px 26px;border-radius:25px}.hero-logo-free:before{border-radius:19px}.hero-logo-free .hero-logo-main{width:min(285px,95%)}.hero-logo-free p{font-size:.88rem}.hero-ai-pill{left:14px;right:14px;bottom:14px;width:auto;border-radius:17px}.hero-proof{grid-template-columns:1fr;gap:0;padding-top:0;border-top:0;background:rgba(255,255,255,.46);border-radius:20px;padding:5px 16px}.hero-proof>span,.hero-proof>span:first-child{padding:12px 0;border-left:0;border-top:1px solid rgba(86,105,107,.12)}.hero-proof>span:first-child{border-top:0}.hero-proof small{display:inline;margin-left:7px}.site-header{padding:10px 14px}.site-header .brand-logo{height:43px}} @media(prefers-reduced-motion:reduce){.hero-brand-stage,.hero-ai-pill{transition:none}.hair-canvas{opacity:.62}} /* V1.0.9 – komplette Startseiten-Dramaturgie & Reibungsfreie Buchung */ .quickbook-wrap{margin:-18px max(24px,7vw) 28px;padding:34px;border-radius:30px;background:#fff;border:1px solid rgba(91,111,113,.14);box-shadow:0 24px 70px rgba(34,48,52,.08);position:relative;z-index:8}.quickbook-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}.quickbook-head h2{font-size:clamp(2rem,3.4vw,3rem);margin:0 0 8px}.quickbook-head p{margin:0;color:var(--muted)}.quickbook-all{font-weight:900;color:#087f95;white-space:nowrap}.quickbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quickbook-card{position:relative;min-height:190px;padding:22px;border-radius:22px;background:linear-gradient(145deg,#f8fcfc,#f4f1ed);border:1px solid rgba(11,145,168,.13);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quickbook-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-55px;border:1px solid rgba(11,145,168,.12)}.quickbook-card:hover{transform:translateY(-3px);border-color:rgba(11,145,168,.35);box-shadow:0 18px 40px rgba(30,57,62,.08)}.quickbook-category{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#087f95;font-weight:900}.quickbook-card>b{font-size:1.2rem;line-height:1.2;margin:14px 0 8px;max-width:88%}.quickbook-card>small{color:var(--muted)}.quickbook-card>strong{margin-top:auto;padding-top:18px;font-size:.86rem}.quickbook-card>strong i{font-style:normal;color:#087f95;margin-left:5px} .booking-simple{margin:54px max(24px,7vw) 36px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:58px 62px;border-radius:34px;background:#171514;color:#fff;overflow:hidden;position:relative}.booking-simple:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-190px;border:1px solid rgba(116,201,215,.16);box-shadow:0 0 0 60px rgba(116,201,215,.025),0 0 0 120px rgba(116,201,215,.018)}.booking-simple-copy{position:relative;z-index:2}.booking-simple-copy .eyebrow{color:#74c9d7}.booking-simple-copy h2{font-size:clamp(2.4rem,4vw,4.2rem);margin-bottom:16px}.booking-simple-copy p{color:#c7c1bc;font-size:1.05rem;max-width:470px}.booking-simple-copy .btn{margin-top:14px;background:#fff;color:#171514}.booking-simple-steps{position:relative;z-index:2;display:grid;gap:10px}.booking-simple-steps article{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:18px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}.booking-simple-steps article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(116,201,215,.42);color:#8ee0ea;font-weight:900;font-size:.78rem}.booking-simple-steps b,.booking-simple-steps small{display:block}.booking-simple-steps b{font-size:1.03rem}.booking-simple-steps small{color:#aaa39e;margin-top:3px} .section-services{padding-top:86px}.service-grid-premium{grid-template-columns:repeat(4,1fr)}.service-card-premium{position:relative;min-height:245px;padding:24px 22px 22px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-card-premium:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(31,24,20,.08);border-color:rgba(11,145,168,.26)}.service-number{position:absolute;right:16px;top:12px;font-family:Georgia,serif;font-style:italic;font-size:2.6rem;color:rgba(11,145,168,.09);line-height:1}.service-card-premium>span{padding-right:48px}.service-card-premium h3{max-width:86%}.service-card-premium>a{padding-top:8px;color:#087f95}.services-footer{text-align:center;margin-top:28px} .about-premium{margin-top:80px;grid-template-columns:.92fr 1.08fr;gap:72px}.quote-panel-premium{min-height:540px;background:radial-gradient(circle at 60% 30%,rgba(11,145,168,.18),transparent 40%),linear-gradient(145deg,#141313,#242120)}.quote-panel-premium .big-h{color:#70cbd8;opacity:.92;position:relative;z-index:2}.about-hair-lines{position:absolute;inset:0;overflow:hidden}.about-hair-lines i{position:absolute;display:block;width:1px;height:130%;top:-15%;background:linear-gradient(180deg,transparent,rgba(116,201,215,.28),transparent);transform-origin:center}.about-hair-lines i:nth-child(1){left:26%;transform:rotate(-17deg)}.about-hair-lines i:nth-child(2){left:54%;transform:rotate(12deg)}.about-hair-lines i:nth-child(3){left:73%;transform:rotate(-7deg)}.about-copy>p{font-size:1.12rem;color:var(--muted);max-width:590px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.about-values span{padding:17px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.52)}.about-values b,.about-values small{display:block}.about-values b{font-size:.88rem}.about-values small{font-size:.73rem;color:var(--muted);margin-top:3px}.cta-premium{position:relative;overflow:hidden}.cta-premium:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(116,201,215,.22);border-radius:50%;right:-70px;top:-110px}.cta-premium>*{position:relative;z-index:2} .reveal-block{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}.reveal-block.is-visible{opacity:1;transform:none}.mobile-booking-bar{display:none} @media(max-width:1000px){.quickbook-grid{grid-template-columns:1fr 1fr}.quickbook-grid .quickbook-card:last-child{grid-column:1/-1}.booking-simple{grid-template-columns:1fr;gap:30px}.service-grid-premium{grid-template-columns:repeat(2,1fr)}.about-premium{grid-template-columns:1fr;gap:36px}.quote-panel-premium{min-height:430px}.about-values{max-width:650px}} @media(max-width:680px){body.area-public{padding-bottom:70px}.quickbook-wrap{margin:0 14px 22px;padding:22px 17px;border-radius:24px}.quickbook-head{display:block;margin-bottom:16px}.quickbook-head h2{font-size:2rem}.quickbook-head p{font-size:.9rem}.quickbook-all{display:inline-block;margin-top:12px;font-size:.84rem}.quickbook-grid{grid-template-columns:1fr}.quickbook-grid .quickbook-card:last-child{grid-column:auto}.quickbook-card{min-height:150px;padding:18px}.quickbook-card>b{font-size:1.08rem;margin:10px 0 6px}.booking-simple{margin:32px 14px;padding:34px 20px;border-radius:26px}.booking-simple-copy h2{font-size:2.6rem}.booking-simple-copy .btn{width:100%}.booking-simple-steps article{grid-template-columns:48px 1fr;padding:14px 13px;gap:12px}.booking-simple-steps article>span{width:44px;height:44px}.section-services{padding-top:55px}.service-grid-premium{grid-template-columns:1fr}.service-card-premium{min-height:200px}.about-premium{margin:45px 14px 70px}.quote-panel-premium{min-height:340px}.about-values{grid-template-columns:1fr}.about-values span{padding:14px}.mobile-booking-bar{display:block;position:fixed;z-index:70;left:10px;right:10px;bottom:9px}.mobile-booking-bar a{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-radius:18px;background:linear-gradient(135deg,#76d2df,#0b91a8);color:#101617;font-weight:950;box-shadow:0 18px 45px rgba(14,92,104,.28);border:1px solid rgba(255,255,255,.45)}.mobile-booking-bar b{font-size:1.3rem}.site-footer{padding-bottom:80px}} @media(prefers-reduced-motion:reduce){.reveal-block{opacity:1;transform:none;transition:none}} .hero-real{background:radial-gradient(circle at 82% 16%,rgba(244,236,229,.95),rgba(244,236,229,.22) 18%,transparent 34%),linear-gradient(180deg,#f8f2ec 0%,#f6f1eb 48%,#f8f5f1 100%)} .hero-real .hero-copy h1{font-size:clamp(3.2rem,7vw,6.8rem);letter-spacing:-.04em;line-height:.94;max-width:8.2ch} .hero-real .hero-copy h1 em{font-style:italic;font-weight:400} .hero-real .hero-copy p{max-width:500px;font-size:1.08rem;color:#58514a} .hero-real .hero-kicker{margin-bottom:16px} .hero-real-art{position:relative;min-height:690px} .hero-light-bloom{position:absolute;right:10%;top:11%;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle,rgba(255,248,242,.92) 0%,rgba(255,248,242,.46) 38%,rgba(255,248,242,0) 74%);filter:blur(5px);pointer-events:none} .hero-brand-stage-real{position:relative;z-index:2;width:min(650px,100%);margin-left:auto;isolation:isolate;transition:transform .28s ease-out} .hero-photo-real{display:block;width:100%;height:auto;border-radius:36px 36px 0 36px;box-shadow:0 28px 75px rgba(48,35,23,.18)} .hair-overlay{position:absolute;pointer-events:none;z-index:3;transform-origin:center center;transition:transform .28s ease-out;will-change:transform;filter:drop-shadow(0 8px 20px rgba(82,58,34,.16))} .hair-overlay-right{width:43%;right:-2.8%;top:11%;opacity:.95} .hair-overlay-mid{width:40%;left:43%;top:43%;opacity:.72} .hair-overlay-top{width:28%;left:47%;top:8%;opacity:.62} .hero-real .hero-ai-pill{backdrop-filter:blur(16px);background:rgba(245,250,251,.78);border-color:rgba(11,145,168,.18)} .hero-real .hero-proof{background:rgba(255,255,255,.62);backdrop-filter:blur(12px);border-top:1px solid rgba(86,105,107,.10)} @media(max-width:980px){.hero-real .hero-copy h1{max-width:none}.hero-real-art{min-height:560px}.hero-brand-stage-real{width:min(520px,94vw);margin:0 auto}.hair-overlay-right{width:40%;right:1%;top:12%}.hair-overlay-mid{width:38%;left:45%;top:44%}.hair-overlay-top{width:30%;left:48%;top:10%}} @media(max-width:680px){.hero-real-art{min-height:420px}.hero-photo-real{border-radius:26px 26px 0 26px}.hero-brand-stage-real{width:100%}.hair-overlay-right{width:43%;right:-1%;top:13%;opacity:.88}.hair-overlay-mid{width:42%;left:42%;top:45%;opacity:.56}.hair-overlay-top{display:none}.hero-real .hero-ai-pill{position:static;margin-top:14px;width:100%;max-width:none}} @media(prefers-reduced-motion:reduce){.hair-overlay,.hero-brand-stage-real,.hero-real .hero-ai-pill{transition:none!important}} .site-footer{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:34px;align-items:start;padding:46px max(24px,7vw);background:#151311;color:#f3ece6;border-top:1px solid rgba(255,255,255,.06)} .site-footer b{display:block;margin-bottom:12px;font-size:.95rem;letter-spacing:.05em}.site-footer p{color:#bcb3ab;margin:0}.site-footer>div{display:flex;flex-direction:column;gap:10px}.site-footer a{color:#d9d2cc;transition:color .2s ease, transform .2s ease}.site-footer a:hover{color:#76d2df;transform:translateX(2px)} .hero-real{overflow:hidden}.hero-real .hero-copy{animation:heroFade .8s cubic-bezier(.2,.7,.2,1) both}.hero-sheen{position:absolute;inset:auto -10% 10% auto;width:52%;height:76%;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));transform:translateX(-120%) rotate(12deg);filter:blur(18px);animation:heroSheen 6.5s ease-in-out infinite;pointer-events:none;z-index:4} .hero-brand-stage-real{animation:heroFloat 7.2s ease-in-out infinite}.hero-photo-real{object-fit:cover;object-position:68% center}.hair-overlay-right{width:46%;right:-4%;top:8%;opacity:.98}.hair-overlay-mid{width:43%;left:40%;top:41%;opacity:.82}.hair-overlay-top{width:31%;left:45%;top:7%;opacity:.72}.hero-proof{animation:heroFade .95s .12s cubic-bezier(.2,.7,.2,1) both}.quickbook-card,.service-card-premium,.post-card,.about-card,.quote-panel-premium{transition:transform .26s ease, box-shadow .26s ease}.quickbook-card:hover,.service-card-premium:hover,.post-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(30,24,20,.12)} @keyframes heroFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} @keyframes heroFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}} @keyframes heroSheen{0%,18%{transform:translateX(-115%) rotate(12deg);opacity:0}26%{opacity:.9}44%{transform:translateX(35%) rotate(12deg);opacity:.45}100%{transform:translateX(60%) rotate(12deg);opacity:0}} @media(max-width:980px){.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}} @media(max-width:780px){.site-footer{grid-template-columns:1fr;gap:22px;padding:34px 18px}.hair-overlay-right{width:48%;right:-2%;top:10%}.hair-overlay-mid{width:46%;left:38%;top:43%}.hero-sheen{display:none}} /* V1.1.2 – repaired homepage: always-visible content + real photo hair slices */ .reveal-block{opacity:1!important;transform:none!important;transition:transform .35s ease,box-shadow .35s ease,background-color .35s ease!important} .hero.hero-real{min-height:auto;padding:clamp(46px,5vw,76px) max(24px,5vw) 42px;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:clamp(34px,4.5vw,72px);align-items:center;overflow:visible;background:radial-gradient(circle at 82% 16%,rgba(225,245,247,.66),transparent 31%),linear-gradient(180deg,#f8f4ef 0%,#f5f1ec 100%)} .hero-real .hero-copy{max-width:670px;align-self:center;animation:none} .hero-real .hero-copy h1{font-size:clamp(3.25rem,5.7vw,6.15rem);line-height:.92;letter-spacing:-.055em;max-width:10.8ch;margin-bottom:28px} .hero-real .hero-copy h1 em{display:block;color:#0798ad;font-family:Georgia,'Times New Roman',serif;font-size:.88em;line-height:.96;margin-top:4px} .hero-real .hero-copy>p{font-size:clamp(1rem,1.15vw,1.16rem);line-height:1.7;max-width:560px;color:#655f59} .hero-real .hero-actions{margin-top:28px;align-items:center}.hero-real .hero-easy{margin-top:27px}.hero-real-art{min-height:0;display:block;position:relative;padding:10px 0 52px} .hero-light-bloom{right:-4%;top:-7%;width:72%;height:72%;opacity:.75} .hero-image-shell{position:relative;width:min(690px,100%);margin-left:auto;padding:10px;border-radius:38px;background:rgba(255,255,255,.5);box-shadow:0 30px 90px rgba(37,31,27,.11);border:1px solid rgba(255,255,255,.88)} .hero-image-stack{position:relative;width:100%;overflow:hidden;border-radius:30px;aspect-ratio:3/2;transition:transform .28s ease-out;will-change:transform;background:#e7ded5} .hero-photo-real,.hair-slice{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:0;box-shadow:none} .hero-photo-real{z-index:1}.hair-slice{z-index:3;pointer-events:none;will-change:transform;transform-origin:58% 22%;transition:transform .12s linear} /* All hair slices use the exact same photo, clipped around real hair regions. At rest they align perfectly with the base image. */ .hair-slice-a{clip-path:polygon(45% 12%,58% 6%,68% 15%,67% 30%,61% 43%,58% 62%,51% 78%,43% 75%,45% 57%,41% 43%,43% 27%);transform-origin:58% 17%} .hair-slice-b{clip-path:polygon(57% 7%,76% 8%,82% 23%,80% 43%,74% 56%,67% 49%,65% 31%,61% 22%);transform-origin:66% 15%} .hair-slice-c{clip-path:polygon(57% 35%,76% 31%,82% 46%,82% 65%,73% 78%,63% 74%,57% 61%,54% 48%);transform-origin:66% 38%} .hero-photo-gloss{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.12) 46%,rgba(255,255,255,0) 63%);mix-blend-mode:screen;opacity:.75;transform:translateX(-80%);animation:photoGloss 7.5s ease-in-out infinite} @keyframes photoGloss{0%,55%{transform:translateX(-85%);opacity:0}65%{opacity:.75}83%{transform:translateX(80%);opacity:.18}100%{transform:translateX(85%);opacity:0}} .hero-real .hero-ai-pill{position:absolute;right:18px;bottom:10px;z-index:8;max-width:315px;background:rgba(249,252,252,.91);color:#172226;box-shadow:0 12px 36px rgba(34,55,60,.12);border:1px solid rgba(71,184,201,.24);backdrop-filter:blur(18px)} .hero-real .hero-ai-pill small{color:#0998ad}.hero-real .hero-ai-pill b{color:#182124} .hero-real .hero-proof{grid-column:1/-1;margin-top:8px;background:rgba(255,255,255,.72);border-radius:18px;border:1px solid rgba(100,120,120,.09);box-shadow:0 10px 36px rgba(30,24,20,.04);animation:none} .quickbook-wrap{margin-top:32px}.booking-simple,.section-services,.about-premium,.journal,.cta-premium{position:relative;z-index:1} .section-services{background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(248,244,239,.2))}.journal{background:rgba(255,255,255,.42)} .quickbook-card,.service-card-premium,.post-card{transform:translateY(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.quickbook-card:hover,.service-card-premium:hover,.post-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(27,23,20,.09);border-color:rgba(11,145,168,.22)} .site-header{padding:10px max(18px,2.2vw)}.site-header nav{gap:clamp(11px,1.15vw,20px);font-size:clamp(.76rem,.82vw,.9rem);white-space:nowrap}.brand-logo{height:52px}.site-header .brand{min-width:155px} @media(max-width:1180px){.site-header .nav-toggle{display:block}.site-header nav{position:fixed;inset:72px 14px auto;background:#171514;color:white;border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow);white-space:normal}.site-header nav.open{display:flex}.site-header nav .quiet{color:#ddd!important}.site-header nav .btn{width:100%}} @media(max-width:980px){.hero.hero-real{grid-template-columns:1fr;padding-top:42px}.hero-real .hero-copy{max-width:760px}.hero-real .hero-copy h1{max-width:12ch}.hero-image-shell{margin:0 auto;width:min(720px,100%)}.hero-real-art{padding-bottom:58px}.hero-real .hero-proof{grid-column:auto}.hero-real .hero-ai-pill{right:12px}.quickbook-wrap{margin-top:20px}} @media(max-width:680px){.hero.hero-real{padding:34px 14px 28px;gap:26px}.hero-real .hero-copy h1{font-size:clamp(3rem,14vw,4.8rem);max-width:none}.hero-real .hero-copy h1 em{font-size:.82em}.hero-real .hero-copy>p{font-size:.98rem;line-height:1.6}.hero-real .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-real .hero-actions .btn,.hero-real .hero-text-link{width:100%;text-align:center}.hero-image-shell{padding:6px;border-radius:25px}.hero-image-stack{border-radius:20px;aspect-ratio:4/3}.hero-real .hero-ai-pill{position:relative;right:auto;bottom:auto;margin:12px 0 0;max-width:none;width:100%}.hero-real-art{padding-bottom:0}.hero-real .hero-proof{margin-top:18px}.hair-slice-a{clip-path:polygon(42% 10%,60% 6%,69% 17%,65% 42%,57% 65%,44% 77%,39% 60%,41% 32%)}.hair-slice-b{clip-path:polygon(56% 6%,78% 8%,84% 30%,80% 53%,70% 58%,64% 32%)}.hair-slice-c{clip-path:polygon(54% 34%,80% 28%,85% 57%,75% 80%,60% 75%,53% 55%)}.hero-photo-gloss{display:none}} @media(prefers-reduced-motion:reduce){.hair-slice,.hero-image-stack,.hero-ai-pill{transform:none!important;transition:none!important}.hero-photo-gloss{display:none}} /* V1.1.3 – Premium homepage redesign */ .premium-home{background:#f7f4ef;color:#171513;overflow:hidden} .premium-home h1,.premium-home h2,.premium-home h3{letter-spacing:-.035em} .premium-hero{max-width:1540px;margin:0 auto;padding:clamp(54px,6vw,96px) clamp(22px,5.3vw,84px) 34px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(46px,5vw,90px);align-items:center;position:relative} .premium-hero:before{content:"";position:absolute;right:-12%;top:-18%;width:58%;height:95%;background:radial-gradient(circle,rgba(109,202,216,.16),rgba(109,202,216,0) 66%);pointer-events:none} .premium-hero-copy{position:relative;z-index:3;max-width:610px}.premium-kicker{display:flex;align-items:center;gap:11px;color:#098fa4;font-weight:850;text-transform:uppercase;letter-spacing:.17em;font-size:.71rem;margin-bottom:24px}.premium-kicker:before{content:"";width:32px;height:1px;background:#098fa4} .premium-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.8rem,6.3vw,7.35rem);font-weight:400;line-height:.88;margin:0 0 29px;color:#171513}.premium-hero h1 span,.premium-hero h1 em{display:block}.premium-hero h1 em{font-weight:400;font-style:italic;color:#0799ae;font-size:.83em;margin-top:8px} .premium-hero-copy>p{font-size:clamp(1rem,1.15vw,1.18rem);line-height:1.75;color:#68615b;max-width:555px;margin-bottom:0}.premium-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.premium-primary{min-height:56px;padding:0 24px;border-radius:999px;background:#0799ae;color:#fff;font-weight:900;display:inline-flex;align-items:center;gap:20px;box-shadow:0 16px 40px rgba(7,153,174,.18);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.premium-primary:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(7,153,174,.26);background:#087f95}.premium-primary span{font-size:1.2rem}.premium-link{font-weight:850;border-bottom:1px solid rgba(23,21,19,.34);padding:8px 0 5px;transition:color .2s ease,border-color .2s ease}.premium-link:hover{color:#0799ae;border-color:#0799ae}.premium-note{display:flex;align-items:center;gap:11px;margin-top:25px;color:#67605a}.premium-note>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e1f6f8;color:#0799ae;font-weight:900}.premium-note b,.premium-note small{display:block}.premium-note b{font-size:.84rem}.premium-note small{font-size:.78rem;color:#8a817a;margin-top:2px} .premium-hero-media{position:relative;z-index:2;min-width:0;perspective:1200px}.premium-photo-frame{position:relative;padding:9px;border-radius:42px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.92);box-shadow:0 36px 100px rgba(47,37,31,.13)}.premium-photo-stack{position:relative;overflow:hidden;border-radius:34px;aspect-ratio:1.2/1;background:#ded2c6;will-change:transform;transition:transform .18s ease-out}.premium-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:1;display:block}.premium-photo-light{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 23%,rgba(255,255,255,.12) 44%,rgba(255,255,255,0) 65%);mix-blend-mode:screen;transform:translateX(-100%);animation:premiumSheen 8s ease-in-out infinite}.premium-hair{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:64% center!important;z-index:4!important;pointer-events:none;will-change:transform;filter:none!important;transition:transform .08s linear!important}.premium-hair-a{clip-path:polygon(44% 7%,64% 4%,71% 18%,69% 36%,64% 53%,58% 69%,49% 86%,39% 81%,43% 59%,39% 40%,41% 22%);transform-origin:59% 13%}.premium-hair-b{clip-path:polygon(57% 4%,78% 7%,86% 25%,83% 49%,76% 66%,67% 58%,66% 36%,61% 20%);transform-origin:68% 11%}.premium-hair-c{clip-path:polygon(54% 34%,80% 29%,88% 47%,87% 69%,78% 88%,64% 84%,55% 68%,50% 51%);transform-origin:69% 39%} /* Guaranteed movement even if JavaScript is blocked. JS adds pointer-following on top when available. */ .premium-photo-stack:hover .premium-hair-a{animation:premiumHairA 2.1s ease-in-out infinite alternate}.premium-photo-stack:hover .premium-hair-b{animation:premiumHairB 2.45s ease-in-out infinite alternate}.premium-photo-stack:hover .premium-hair-c{animation:premiumHairC 2.25s ease-in-out infinite alternate} .premium-ai-card{position:absolute;left:-28px;bottom:26px;z-index:12;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;width:min(315px,73%);padding:15px 16px;border-radius:18px;background:rgba(249,252,252,.92);backdrop-filter:blur(17px);border:1px solid rgba(7,153,174,.18);box-shadow:0 18px 50px rgba(36,49,52,.13);transition:transform .18s ease-out}.premium-ai-card>span{width:10px;height:10px;border-radius:50%;background:#6ed1de;box-shadow:0 0 0 6px rgba(110,209,222,.14)}.premium-ai-card small,.premium-ai-card b{display:block}.premium-ai-card small{font-size:.65rem;letter-spacing:.14em;color:#0799ae;font-weight:950}.premium-ai-card b{font-size:.89rem;margin-top:2px}.premium-ai-card i{font-style:normal;color:#0799ae;font-size:1.15rem} .premium-trust{max-width:1450px;margin:0 auto 0;padding:0 clamp(22px,5.3vw,84px) 68px;display:grid;grid-template-columns:repeat(4,1fr)}.premium-trust>div{padding:18px 24px;border-top:1px solid #dad4ce;border-right:1px solid #e0dad4}.premium-trust>div:first-child{padding-left:0}.premium-trust>div:last-child{border-right:0}.premium-trust b,.premium-trust span{display:block}.premium-trust b{font-size:.85rem}.premium-trust span{font-size:.78rem;color:#8b837c;margin-top:3px} .premium-quick,.premium-services,.premium-journal{max-width:1450px;margin:0 auto;padding:85px clamp(22px,5.3vw,84px)}.premium-quick{background:#fff;border-radius:36px;margin-bottom:35px;box-shadow:0 18px 70px rgba(35,28,24,.055)}.premium-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,440px);gap:38px;align-items:end;margin-bottom:38px}.premium-section-intro>div>span,.premium-about-copy>span,.premium-cta>div>span{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:#0799ae;font-weight:900;margin-bottom:10px}.premium-section-intro h2,.premium-about-copy h2,.premium-cta h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.5rem,4vw,4.7rem);line-height:.98;margin:0}.premium-section-intro>p{color:#777069;font-size:1rem;line-height:1.65;margin:0}.premium-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.premium-quick-card{padding:24px;border-radius:20px;background:#f7f4ef;border:1px solid #ebe4dc;min-height:218px;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.premium-quick-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(35,27,22,.09);border-color:rgba(7,153,174,.28)}.premium-quick-card>small{text-transform:uppercase;letter-spacing:.12em;color:#0799ae;font-weight:900;font-size:.66rem}.premium-quick-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;font-weight:400;margin:17px 0 auto}.premium-quick-card>div{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:22px}.premium-quick-card>div b{font-size:1.08rem}.premium-quick-card>div span{color:#8c847d;font-size:.76rem}.premium-quick-card strong{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid #ddd6cf;font-size:.82rem}.premium-quick-card strong i{font-style:normal;color:#0799ae;font-size:1.05rem}.premium-all-link{display:inline-block;margin-top:24px;font-weight:850;color:#0799ae} .premium-services{padding-top:110px}.premium-service-list{border-top:1px solid #d9d2cb}.premium-service-row{display:grid;grid-template-columns:65px minmax(0,1.4fr) minmax(155px,.55fr) 100px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #d9d2cb;transition:padding .24s ease,background .24s ease}.premium-service-row:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.52)}.premium-service-index{font-family:Georgia,serif;color:#a69e97;font-size:1rem}.premium-service-copy small{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;color:#0799ae;font-weight:900}.premium-service-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.55rem;margin:4px 0 0}.premium-service-price b,.premium-service-price span{display:block}.premium-service-price span{font-size:.73rem;color:#8b827a;margin-top:3px}.premium-service-row>a{justify-self:end;font-weight:850;font-size:.82rem}.premium-service-row>a i{font-style:normal;color:#0799ae;margin-left:6px}.premium-services-footer{text-align:right;padding-top:22px}.premium-services-footer a{color:#0799ae;font-weight:850} .premium-about{max-width:1320px;margin:65px auto 100px;padding:0 clamp(22px,5.3vw,84px);display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.premium-about-mark{min-height:430px;border-radius:32px;background:linear-gradient(150deg,#181512,#25211d);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;position:relative;overflow:hidden}.premium-about-mark:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(111,210,222,.18);border-radius:50%;transform:translate(80px,-90px)}.premium-about-mark:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(111,210,222,.11);border-radius:50%;transform:translate(-90px,105px)}.premium-about-mark img{width:min(330px,90%);position:relative;z-index:2;filter:brightness(0) invert(1) opacity(.91)}.premium-about-mark span{position:relative;z-index:2;margin-top:25px;color:#bdb4ad;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em}.premium-about-copy{max-width:670px}.premium-about-copy>p{font-size:1.08rem;line-height:1.8;color:#746d66;margin:28px 0}.premium-values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 31px}.premium-values>div{padding:17px 15px;border-top:1px solid #d7d0ca}.premium-values b,.premium-values small{display:block}.premium-values b{font-family:Georgia,serif;font-weight:400;font-size:1.06rem}.premium-values small{font-size:.73rem;color:#8b827b;margin-top:5px}.premium-dark-link{display:inline-block;font-weight:900;border-bottom:1px solid #514b46;padding-bottom:5px} .premium-journal{background:#f0ebe5;max-width:none;padding-left:max(22px,calc((100vw - 1280px)/2));padding-right:max(22px,calc((100vw - 1280px)/2))}.premium-journal .premium-section-intro{grid-template-columns:1fr auto}.premium-journal .premium-section-intro>a{font-weight:850;color:#0799ae;align-self:end}.premium-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.premium-journal-grid article{background:#fff;padding:27px;border-radius:21px;min-height:265px;display:flex;flex-direction:column;transition:transform .27s ease,box-shadow .27s ease}.premium-journal-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(36,28,23,.08)}.premium-journal-grid article>small{color:#999088;font-size:.7rem}.premium-journal-grid article h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.55rem;margin:15px 0 12px}.premium-journal-grid article p{color:#777069;font-size:.87rem;line-height:1.6}.premium-journal-grid article a{margin-top:auto;color:#0799ae;font-weight:850;font-size:.82rem} .premium-cta{max-width:1320px;margin:90px auto;padding:50px clamp(30px,5vw,68px);border-radius:34px;background:#171513;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:38px}.premium-cta h2{font-size:clamp(2.2rem,3.8vw,4rem);max-width:780px}.premium-cta>a{white-space:nowrap;display:inline-flex;align-items:center;gap:30px;min-height:58px;padding:0 24px;border-radius:999px;background:#71d0dd;color:#111;font-weight:900}.premium-cta>a i{font-style:normal;font-size:1.2rem} @keyframes premiumHairA{from{transform:translate3d(-4px,1px,0) rotate(-.7deg) scale(1.012)}to{transform:translate3d(8px,-3px,0) rotate(1.35deg) scale(1.018)}} @keyframes premiumHairB{from{transform:translate3d(3px,-1px,0) rotate(.55deg) scale(1.012)}to{transform:translate3d(-7px,3px,0) rotate(-1.2deg) scale(1.018)}} @keyframes premiumHairC{from{transform:translate3d(-2px,2px,0) rotate(-.35deg) scale(1.012)}to{transform:translate3d(7px,-2px,0) rotate(1deg) scale(1.017)}} @keyframes premiumSheen{0%,56%{transform:translateX(-100%);opacity:0}64%{opacity:.7}83%{transform:translateX(95%);opacity:.12}100%{transform:translateX(100%);opacity:0}} /* public header refinement */ .area-public .site-header{height:76px;padding:8px clamp(18px,3vw,44px);background:rgba(248,245,241,.93);border-bottom:1px solid rgba(52,45,40,.08)}.area-public .brand-logo{height:54px}.area-public .site-header nav{gap:clamp(14px,1.45vw,25px);font-size:.82rem}.area-public .site-header nav>a:not(.btn){position:relative}.area-public .site-header nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#0799ae;transition:right .2s ease}.area-public .site-header nav>a:not(.btn):hover:after{right:0}.area-public .site-header .btn{padding:11px 20px;background:#0799ae;color:#fff;box-shadow:none} @media(max-width:1180px){.premium-hero{grid-template-columns:1fr;max-width:900px}.premium-hero-copy{max-width:720px}.premium-hero h1{max-width:none}.premium-hero-media{max-width:780px}.premium-ai-card{left:16px}.premium-trust{grid-template-columns:repeat(2,1fr);max-width:900px}.premium-trust>div:nth-child(2){border-right:0}.premium-trust>div:nth-child(3),.premium-trust>div:nth-child(4){border-top:0}.premium-about{grid-template-columns:1fr;gap:40px;max-width:900px}.premium-about-mark{min-height:330px}.premium-about-copy{max-width:none}} @media(max-width:900px){.premium-section-intro{grid-template-columns:1fr;gap:14px}.premium-quick-grid,.premium-journal-grid{grid-template-columns:1fr}.premium-quick-card{min-height:180px}.premium-service-row{grid-template-columns:45px 1fr auto}.premium-service-price{grid-column:2}.premium-service-row>a{grid-column:3;grid-row:1/3}.premium-values{grid-template-columns:1fr}.premium-cta{margin:55px 18px;flex-direction:column;align-items:flex-start}.premium-cta>a{width:100%;justify-content:space-between}} @media(max-width:680px){.premium-hero{padding:38px 14px 27px;gap:31px}.premium-hero h1{font-size:clamp(3.15rem,15vw,5.1rem);line-height:.9}.premium-hero h1 em{font-size:.77em}.premium-hero-copy>p{font-size:.98rem;line-height:1.62}.premium-actions{display:grid;grid-template-columns:1fr;gap:12px}.premium-primary{width:100%;justify-content:space-between}.premium-link{text-align:center;border:0}.premium-note{margin-top:15px}.premium-photo-frame{padding:5px;border-radius:25px}.premium-photo-stack{border-radius:20px;aspect-ratio:4/3}.premium-photo{object-position:66% center}.premium-hair{object-position:66% center!important}.premium-ai-card{position:relative;left:auto;bottom:auto;width:100%;max-width:none;margin-top:10px}.premium-trust{grid-template-columns:1fr 1fr;padding:0 14px 42px}.premium-trust>div{padding:13px 10px;border-right:0}.premium-trust>div:first-child{padding-left:10px}.premium-quick,.premium-services,.premium-journal{padding:55px 14px}.premium-quick{border-radius:0;margin:0}.premium-section-intro h2,.premium-about-copy h2{font-size:2.55rem}.premium-service-row{grid-template-columns:36px 1fr;gap:11px;padding:18px 0}.premium-service-price{grid-column:2}.premium-service-row>a{grid-column:2;grid-row:auto;justify-self:start;margin-top:2px}.premium-about{margin:40px auto 65px;padding:0 14px}.premium-about-mark{min-height:270px;border-radius:25px}.premium-about-mark img{width:min(260px,90%)}.premium-journal{padding-top:60px;padding-bottom:60px}.premium-journal .premium-section-intro{grid-template-columns:1fr}.premium-cta{padding:35px 23px;border-radius:25px}.premium-cta h2{font-size:2.45rem}.area-public .site-header{height:68px}.area-public .brand-logo{height:46px}} @media(prefers-reduced-motion:reduce){.premium-photo-light{animation:none}.premium-photo-stack:hover .premium-hair-a,.premium-photo-stack:hover .premium-hair-b,.premium-photo-stack:hover .premium-hair-c{animation:none}} /* V1.1.3 – public pages share the same premium visual language */ .area-public{background:#f7f4ef}.area-public .page-space,.area-public .article{padding-top:70px;padding-bottom:100px}.area-public .article{max-width:920px}.area-public .article h1,.area-public .booking-page h1,.area-public .narrow h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.area-public .article-lead,.area-public .lead{color:#746d67;line-height:1.7}.area-public .article-image{border-radius:28px;box-shadow:0 20px 55px rgba(37,29,24,.09);margin:28px 0}.area-public .article-body{font-size:1.04rem;line-height:1.8}.area-public .article-body h2,.area-public .article-body h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.area-public .post-card{border:1px solid #e7dfd7;border-radius:21px;background:#fff;padding:27px;transition:transform .25s ease,box-shadow .25s ease}.area-public .post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(35,28,23,.075)}.area-public .post-card h2,.area-public .post-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.area-public .booking-page{padding-top:62px}.area-public .booking-steps span{border-radius:999px;text-align:center;background:#ebe6df}.area-public .booking-steps .active{background:#171513}.area-public .service-choice{border-radius:20px;border-color:#e7dfd7;background:#fff;padding:22px;box-shadow:0 8px 26px rgba(31,24,20,.035)}.area-public .service-choice:hover{border-color:rgba(7,153,174,.35);transform:translateY(-3px);box-shadow:0 16px 36px rgba(31,24,20,.075)}.area-public .selected-service,.area-public .slot,.area-public .booking-dialog form,.area-public .ai-form,.area-public .auth-card{border-color:#e7dfd7;background:#fff}.area-public .slot{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.area-public .slot:hover{transform:translateY(-2px);border-color:rgba(7,153,174,.4);box-shadow:0 10px 25px rgba(31,24,20,.07)}.area-public .btn-gold{background:#0799ae;color:#fff;box-shadow:0 12px 28px rgba(7,153,174,.16)}.area-public .btn-gold:hover{background:#087f95;box-shadow:0 16px 34px rgba(7,153,174,.22)}.area-public .eyebrow{color:#0799ae} /* V1.1.6 – hero cleanup, better contrast, uppercase nav */ .area-public .site-header nav,.site-header nav{text-transform:uppercase;letter-spacing:.08em} .area-public .brand-logo{height:68px}.site-header .brand{min-width:190px} @media(max-width:680px){.area-public .brand-logo{height:52px}} .premium-primary,.premium-primary:hover,.premium-primary:focus-visible,.area-public .site-header .btn,.area-public .site-header .btn:hover,.area-public .btn-gold,.area-public .btn-gold:hover,.btn-gold,.btn-gold:hover{color:#fff!important} .premium-link:hover,.hero-text-link:hover,.site-footer a:hover{color:#0799ae} .premium-hero{padding-top:42px;align-items:center} .premium-hero-media{align-self:center} .premium-photo-frame{padding:10px;border-radius:36px;background:rgba(255,255,255,.78);box-shadow:0 28px 80px rgba(47,37,31,.12)} .premium-photo-stack{aspect-ratio:1.12/1;border-radius:28px;overflow:hidden} .premium-photo,.premium-hair{object-position:66% center!important} .premium-hair{z-index:3!important;transition:transform .12s ease-out, opacity .2s ease-out!important;opacity:1} .premium-hair-a{transform-origin:42% 42%} .premium-hair-b{transform-origin:78% 68%} .premium-hair-c{transform-origin:90% 24%;opacity:.88} .premium-photo-stack:hover .premium-hair-a,.premium-photo-stack.hair-active .premium-hair-a{animation:premiumHairA 1.8s ease-in-out infinite alternate} .premium-photo-stack:hover .premium-hair-b,.premium-photo-stack.hair-active .premium-hair-b{animation:premiumHairB 2.0s ease-in-out infinite alternate} .premium-photo-stack:hover .premium-hair-c,.premium-photo-stack.hair-active .premium-hair-c{animation:premiumHairC 2.3s ease-in-out infinite alternate} .premium-ai-card{left:18px;bottom:18px;width:min(300px,65%)} .premium-service-row a,.premium-quick-card strong,.premium-journal-grid article a{color:#171513} .premium-service-row a:hover,.premium-quick-card:hover strong,.premium-journal-grid article a:hover{color:#0799ae} @media(max-width:1180px){.area-public .site-header nav{font-size:.78rem}.area-public .brand-logo{height:60px}.premium-photo-stack{aspect-ratio:1.18/1}} @media(max-width:680px){.premium-photo-stack{aspect-ratio:4/3}.premium-ai-card{width:100%;left:auto;bottom:auto}.premium-service-row a,.premium-quick-card strong,.premium-journal-grid article a{font-size:.84rem}} /* ========================================================= V1.2.0 – Premium public UI, real hair motion, mobile nav, booking without dialogs, structured admin cockpit ========================================================= */ :root{--hz-teal:#0798ad;--hz-teal-dark:#067b8e;--hz-ink:#181614;--hz-paper:#f7f3ee;--hz-warm:#eee6dc;--hz-line:#ded5cc} body.area-public{background:linear-gradient(180deg,#f9f6f2 0,#f6f1eb 100%);color:var(--hz-ink)} .area-public .site-header{height:86px;padding:8px clamp(20px,3.5vw,58px);background:rgba(250,247,243,.92);backdrop-filter:blur(20px) saturate(1.1);border-bottom:1px solid rgba(48,39,33,.08);box-shadow:0 4px 24px rgba(40,31,26,.025)} .area-public .brand-logo{height:67px}.site-header .brand{min-width:205px}.area-public .site-header nav{font-size:.76rem;font-weight:850;letter-spacing:.085em;gap:clamp(13px,1.25vw,24px)} .area-public .site-header nav>a:not(.btn){padding:9px 0}.area-public .site-header .btn{min-height:45px;padding:0 20px;border-radius:999px;background:var(--hz-teal);color:#fff!important;box-shadow:0 10px 26px rgba(7,152,173,.16)} .area-public .site-header .btn:hover{background:var(--hz-teal-dark);color:#fff!important;transform:translateY(-1px)} .nav-backdrop{display:none} .nav-toggle{width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;position:relative;z-index:102} .nav-toggle span{display:block;width:22px;height:2px;background:#171513;border-radius:2px;transition:transform .25s ease,opacity .2s ease,width .25s ease} .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;width:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} body.nav-open{overflow:hidden} .premium-home{overflow:hidden}.premium-hero{max-width:1540px;margin:0 auto;min-height:680px;padding:58px clamp(24px,5vw,84px) 78px;grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr);gap:clamp(44px,6vw,92px);position:relative;isolation:isolate} .premium-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,rgba(7,152,173,.095),rgba(7,152,173,0) 70%);z-index:-1;pointer-events:none} .premium-hero-copy{max-width:620px;align-self:center}.premium-kicker{margin-bottom:20px}.premium-hero h1{font-size:clamp(3.7rem,5.4vw,6.7rem);line-height:.91;letter-spacing:-.052em;margin-bottom:28px}.premium-hero h1 em{font-size:.76em;color:var(--hz-teal);margin-top:10px}.premium-hero-copy>p{max-width:520px;font-size:1.05rem;line-height:1.74;color:#6f675f} .premium-primary{background:var(--hz-teal);color:#fff!important;min-height:58px;padding:0 27px;box-shadow:0 16px 36px rgba(7,152,173,.18)}.premium-primary:hover,.premium-primary:focus-visible{background:var(--hz-teal-dark);color:#fff!important;box-shadow:0 20px 42px rgba(7,152,173,.25)} .premium-hero-media{align-self:center;touch-action:pan-y}.premium-photo-frame{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.premium-photo-stack{aspect-ratio:1.24/1;border-radius:4px 56px 4px 56px;overflow:hidden;background:#d8cec4;box-shadow:0 34px 90px rgba(43,34,28,.16);transform:translateZ(0);transition:transform .15s ease-out}.premium-photo{object-position:66% center!important} .premium-hair{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:66% center!important;z-index:3!important;pointer-events:none!important;clip-path:none!important;filter:none!important;opacity:1!important;animation:none!important;will-change:transform;transition:none!important}.premium-hair-c{opacity:.92!important} .premium-photo-stack:hover .premium-hair-a,.premium-photo-stack:hover .premium-hair-b,.premium-photo-stack:hover .premium-hair-c,.premium-photo-stack.hair-active .premium-hair-a,.premium-photo-stack.hair-active .premium-hair-b,.premium-photo-stack.hair-active .premium-hair-c{animation:none!important} .premium-photo-light{z-index:5;opacity:.7}.premium-ai-card{left:32px;bottom:-23px;width:min(320px,68%);padding:16px 18px;border-radius:19px;background:rgba(253,253,252,.94);box-shadow:0 18px 50px rgba(36,31,28,.15);border:1px solid rgba(7,152,173,.18)} .premium-trust{max-width:1420px;padding:0 clamp(24px,5vw,80px) 78px}.premium-trust>div{padding-top:21px;padding-bottom:21px}.premium-trust b{letter-spacing:.02em}.premium-trust span{line-height:1.45} .premium-quick{max-width:1380px;border-radius:38px;padding-top:72px;padding-bottom:72px;background:rgba(255,255,255,.78);border:1px solid rgba(77,61,51,.06);box-shadow:0 22px 80px rgba(37,28,23,.055)} .premium-quick-card{background:#faf8f5;border-color:#e8e0d8}.premium-quick-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(38,29,23,.085)} .premium-services{max-width:1340px}.premium-service-row{padding:26px 0}.premium-service-row:hover{background:rgba(255,255,255,.62);border-radius:14px}.premium-service-copy h3{font-size:1.62rem}.premium-service-row>a{color:#171513}.premium-service-row>a:hover{color:var(--hz-teal)} .premium-about{max-width:1260px;gap:72px}.premium-about-mark{background:linear-gradient(145deg,#171513,#26211d);box-shadow:0 28px 70px rgba(30,24,20,.14)} .premium-journal{background:#eee8e1}.premium-journal-grid article{border:1px solid rgba(64,51,43,.06)}.premium-cta{box-shadow:0 28px 74px rgba(31,24,20,.16)} /* Mobile navigation: clean off-canvas sheet */ @media(max-width:1180px){ .area-public .site-header{height:78px}.area-public .brand-logo{height:60px}.site-header .brand{min-width:0}.site-header .nav-toggle{display:flex} .area-public .site-header nav{position:fixed;z-index:101;top:0;right:0;bottom:0;left:auto;width:min(420px,92vw);padding:104px 28px 34px;background:#fbf8f4;color:#171513;border-radius:0;display:flex!important;flex-direction:column;align-items:stretch;gap:0;box-shadow:-28px 0 70px rgba(25,20,17,.18);transform:translateX(108%);opacity:1;visibility:hidden;transition:transform .32s cubic-bezier(.22,.75,.24,1),visibility .32s;white-space:normal;overflow:auto} .area-public .site-header nav.open{transform:translateX(0);visibility:visible}.area-public .site-header nav>a:not(.btn){font-family:Georgia,'Times New Roman',serif;font-size:1.22rem;font-weight:400;letter-spacing:.02em;padding:17px 3px;border-bottom:1px solid #e4ddd5}.area-public .site-header nav>a:not(.btn):after{display:none}.area-public .site-header nav .quiet{color:#6f675f!important}.area-public .site-header nav .btn{margin-top:24px;min-height:56px;font-size:.82rem;letter-spacing:.08em} .nav-backdrop{display:block;position:fixed;z-index:100;inset:0;background:rgba(20,17,15,.32);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.nav-backdrop.open{opacity:1;visibility:visible} .premium-hero{grid-template-columns:1fr;max-width:920px;min-height:0;padding-top:50px}.premium-hero-copy{max-width:700px}.premium-hero-media{max-width:820px;width:100%}.premium-photo-stack{aspect-ratio:1.36/1}.premium-ai-card{left:22px}.premium-trust{max-width:920px} } @media(max-width:680px){ .area-public .site-header{height:72px;padding:6px 13px}.area-public .brand-logo{height:54px}.nav-toggle{width:44px;height:44px} .area-public .site-header nav{width:92vw;padding:94px 22px 28px}.area-public .site-header nav>a:not(.btn){font-size:1.14rem;padding:15px 2px} .premium-hero{padding:34px 16px 46px;gap:34px}.premium-kicker{font-size:.64rem;margin-bottom:16px}.premium-hero h1{font-size:clamp(3.15rem,14.4vw,4.75rem);line-height:.92;margin-bottom:22px}.premium-hero h1 em{font-size:.72em}.premium-hero-copy>p{font-size:.98rem;line-height:1.66}.premium-actions{margin-top:25px}.premium-primary{width:100%;justify-content:space-between}.premium-note{margin-top:19px} .premium-photo-stack{aspect-ratio:4/3;border-radius:3px 31px 3px 31px;box-shadow:0 22px 58px rgba(43,34,28,.14)}.premium-photo,.premium-hair{object-position:66% center!important}.premium-ai-card{position:relative;left:auto;bottom:auto;width:100%;max-width:none;margin-top:12px}.premium-photo-light{display:none} .premium-trust{padding:0 16px 48px;grid-template-columns:1fr 1fr}.premium-trust>div{padding:14px 10px}.premium-quick,.premium-services,.premium-journal{padding-left:16px;padding-right:16px}.premium-quick{border-radius:0;border-left:0;border-right:0}.premium-about{padding-left:16px;padding-right:16px}.premium-cta{margin-left:16px;margin-right:16px} } /* Booking: time selection is a normal server-side step, no popup dependency */ .slot-grid{align-items:stretch}.slot{display:block;text-decoration:none;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.slot:hover,.slot:focus-visible{transform:translateY(-2px);border-color:rgba(7,152,173,.48);background:#fff;box-shadow:0 10px 28px rgba(31,24,20,.07)}.slot.selected{border-color:var(--hz-teal);background:#eaf8fa;box-shadow:0 0 0 3px rgba(7,152,173,.10)} .booking-confirm-panel{margin-top:28px;padding:28px;border:1px solid #dfd7cf;border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(35,28,23,.07);scroll-margin-top:110px}.booking-confirm-panel h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:2rem;margin:8px 0 8px}.booking-confirm-panel>p{color:#6f675f}.booking-confirm-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:8px} @media(max-width:680px){.slot-grid{grid-template-columns:repeat(2,1fr)}.booking-confirm-panel{padding:21px 17px;border-radius:20px}.booking-confirm-actions{display:grid;grid-template-columns:1fr}.booking-confirm-actions .btn{width:100%}} /* Admin cockpit: clear functional zones instead of one grey block */ body.area-admin{background:#edf1f3}.area-admin .app-top{height:76px;background:linear-gradient(90deg,#151819,#1d2527);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 10px 28px rgba(17,23,25,.12)}.area-admin .brand-logo-compact{height:48px;filter:brightness(0) invert(1) opacity(.94)}.area-admin .app-shell{grid-template-columns:278px minmax(0,1fr)}.area-admin .sidebar{background:#182024;padding:16px 13px 24px;gap:10px;border-right:1px solid rgba(255,255,255,.04)} .area-admin .nav-group{padding:9px 8px 10px;border-radius:14px;border-left:3px solid transparent;background:rgba(255,255,255,.025)}.area-admin .nav-group-title{padding:4px 8px 7px;margin:0;font-size:.63rem;letter-spacing:.15em;font-weight:900;color:#9ca9ad}.area-admin .nav-group a{display:block;padding:9px 10px;border-radius:9px;color:#d8dfe1;font-size:.84rem;transition:background .18s ease,color .18s ease,transform .18s ease}.area-admin .nav-group a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)} .area-admin .nav-group-salon{border-left-color:#56c5d5}.area-admin .nav-group-crm{border-left-color:#91c98c}.area-admin .nav-group-finance{border-left-color:#e3b86a}.area-admin .nav-group-marketing{border-left-color:#b997e7}.area-admin .nav-group-website{border-left-color:#79a9e8}.area-admin .nav-group-system{border-left-color:#9ba6aa}.area-admin .sidebar-more{margin-top:2px;background:rgba(86,197,213,.09);color:#9fe3ec!important;border:1px solid rgba(86,197,213,.14)}.area-admin .sidebar-site{margin-top:auto;background:rgba(255,255,255,.045);color:#9fe3ec!important;border:1px solid rgba(255,255,255,.06)} .area-admin .app-main{padding:34px clamp(22px,3vw,46px) 60px}.area-admin .app-title{padding:4px 0 7px;border-bottom:1px solid #d8dfe2;margin-bottom:25px}.area-admin .app-title h1{letter-spacing:-.045em}.area-admin .eyebrow{color:#247f8e}.area-admin .panel{border:1px solid #dce3e6;border-radius:18px;box-shadow:0 10px 28px rgba(34,47,52,.035);background:#fff}.area-admin .panel h2{color:#20282b}.area-admin .metrics{gap:13px}.area-admin .metric{border:0;border-radius:17px;box-shadow:0 9px 26px rgba(35,48,53,.045);position:relative;overflow:hidden}.area-admin .metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#64c7d4}.area-admin .metric:nth-child(2):before{background:#86c780}.area-admin .metric:nth-child(3):before{background:#e0b45f}.area-admin .metric:nth-child(4):before{background:#b895e2}.area-admin table th{background:#f5f7f8;color:#68757a}.area-admin table tr:hover td{background:#f9fbfb}.area-admin .btn-gold{background:#168fa2;color:#fff!important;box-shadow:0 8px 20px rgba(22,143,162,.15)}.area-admin .btn-gold:hover{background:#0d7788;color:#fff!important} @media(max-width:900px){.area-admin .app-shell{display:block}.area-admin .sidebar{position:sticky;top:76px;z-index:25;display:flex;flex-direction:row;overflow-x:auto;padding:9px 10px;gap:8px}.area-admin .nav-group{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px;border-left:0;border-top:3px solid transparent}.area-admin .nav-group-title{display:none}.area-admin .nav-group-salon{border-top-color:#56c5d5}.area-admin .nav-group-crm{border-top-color:#91c98c}.area-admin .nav-group-finance{border-top-color:#e3b86a}.area-admin .nav-group-marketing{border-top-color:#b997e7}.area-admin .nav-group-website{border-top-color:#79a9e8}.area-admin .nav-group-system{border-top-color:#9ba6aa}.area-admin .nav-group a{white-space:nowrap;padding:9px 10px}.area-admin .sidebar-more,.area-admin .sidebar-site{flex:0 0 auto;margin:0}.area-admin .app-main{padding:21px 14px 50px}} @media(prefers-reduced-motion:reduce){.premium-photo-stack,.premium-hair,.premium-ai-card{transform:none!important}.premium-photo-light{animation:none!important}} /* ========================================================== V1.2.1 – SEO-first refinement + progressive motion ========================================================== */ .reveal-block{opacity:1!important;transform:none!important} /* Local SEO section – visible, useful copy instead of hidden keyword text */ .premium-local-seo{max-width:1260px;margin:0 auto 90px;padding:58px clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:70px;align-items:end;background:#171513;color:#fff;border-radius:36px;position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(31,24,20,.14)} .premium-local-seo:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-180px;top:-230px;border:1px solid rgba(116,201,215,.2);box-shadow:0 0 0 55px rgba(116,201,215,.035),0 0 0 110px rgba(116,201,215,.025)} .premium-local-copy{position:relative;z-index:2}.premium-local-copy>span{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;color:#79d4df;font-weight:900;margin-bottom:12px}.premium-local-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.98;max-width:720px;margin:0}.premium-local-copy p{max-width:720px;margin:25px 0 0;color:#c9c2bc;font-size:1.02rem;line-height:1.8}.premium-local-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:29px}.premium-local-links a{font-size:.82rem;font-weight:850;color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px;transition:color .2s ease,border-color .2s ease,transform .2s ease}.premium-local-links a:hover{color:#79d4df;border-color:#79d4df;transform:translateY(-2px)} .premium-local-keywords{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.premium-local-keywords span{min-height:82px;display:flex;align-items:flex-end;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:18px;color:#aab4b6;font-size:.67rem;letter-spacing:.14em;font-weight:900;background:rgba(255,255,255,.025)} /* Better interaction without making content depend on JS */ .premium-home>section{transform-origin:center top}.premium-quick-card,.premium-journal-grid article,.premium-service-row,.premium-about-mark,.premium-local-seo{backface-visibility:hidden} .premium-primary:focus-visible,.premium-link:focus-visible,.premium-quick-card:focus-visible,.premium-service-row>a:focus-visible,.site-header a:focus-visible{outline:3px solid rgba(7,153,174,.28);outline-offset:4px} /* Admin SEO control center */ .admin-subtitle{margin:7px 0 0;color:#718086;font-size:.9rem}.seo-metrics .metric:nth-child(1):before{background:#4ab6c6}.seo-metrics .metric:nth-child(2):before{background:#e0b45f}.seo-metrics .metric:nth-child(3):before{background:#8cc986}.seo-metrics .metric:nth-child(4):before{background:#b895e2} .seo-control-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}.seo-autopilot-card{border-top:4px solid #4ab6c6!important}.seo-manual-card{border-top:4px solid #b895e2!important}.seo-autopilot-card .panel-head>div{display:flex;align-items:center;gap:10px}.seo-state{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.seo-state.on{background:#65bd78;box-shadow:0 0 0 6px rgba(101,189,120,.13)}.seo-state.off{background:#aab2b5;box-shadow:0 0 0 6px rgba(170,178,181,.12)}.seo-autopilot-card>p,.seo-manual-card>p{color:#6d787d;line-height:1.65}.seo-autopilot-form{margin-top:18px}.seo-cron-hint{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding:13px 15px;border-radius:12px;background:#f1f6f7;color:#5d6a6e;font-size:.77rem}.seo-cron-hint b{color:#253236} .seo-trend-panel{margin-bottom:18px;border-top:4px solid #b895e2!important}.seo-trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.seo-trend-card{padding:20px;border-radius:16px;background:linear-gradient(155deg,#fbfafd,#f6f2fb);border:1px solid #e5ddef;min-height:220px;display:flex;flex-direction:column}.seo-trend-card small{font-size:.6rem;letter-spacing:.15em;color:#8461b5;font-weight:950}.seo-trend-card h3{font-size:1.15rem;margin:12px 0 9px;letter-spacing:-.02em}.seo-trend-card p{font-size:.82rem;line-height:1.55;color:#71777b}.seo-trend-card>span{display:inline-block;margin-top:auto;padding-top:13px;color:#247f8e;font-weight:850;font-size:.76rem}.seo-trend-card form{margin-top:8px}.seo-trend-card .text-button{color:#7956aa;font-weight:850} .seo-list-panel{margin-bottom:18px;border-top:4px solid #79a9e8!important}.seo-post-table{overflow:auto}.seo-post-table a{font-weight:850;color:#247f8e}.seo-runs{border-top:4px solid #9ba6aa!important}.mini-run-list{display:grid;gap:6px}.mini-run-list>div{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f1}.mini-run-list>div:last-child{border-bottom:0}.mini-run-list span{font-size:.76rem;color:#7e898d}.mini-run-list b{font-size:.85rem}.seo-editor{border-top:4px solid #e0b45f!important;scroll-margin-top:95px} .area-admin .sidebar a.active{background:rgba(86,197,213,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 #62cad7}.area-admin .nav-group-finance a.active{background:rgba(227,184,106,.14)!important;box-shadow:inset 3px 0 0 #e3b86a}.area-admin .nav-group-marketing a.active{background:rgba(185,151,231,.14)!important;box-shadow:inset 3px 0 0 #b997e7}.area-admin .nav-group-website a.active{background:rgba(121,169,232,.14)!important;box-shadow:inset 3px 0 0 #79a9e8}.area-admin .nav-group-crm a.active{background:rgba(145,201,140,.14)!important;box-shadow:inset 3px 0 0 #91c98c} @media(max-width:1000px){.premium-local-seo{grid-template-columns:1fr;gap:35px}.premium-local-keywords{grid-template-columns:repeat(4,1fr)}.seo-control-grid{grid-template-columns:1fr}.seo-trend-grid{grid-template-columns:1fr 1fr}} @media(max-width:680px){.premium-local-seo{margin:0 16px 58px;padding:36px 22px;border-radius:27px}.premium-local-copy h2{font-size:2.5rem}.premium-local-copy p{font-size:.94rem;line-height:1.7}.premium-local-links{display:grid;gap:12px}.premium-local-keywords{grid-template-columns:1fr 1fr}.premium-local-keywords span{min-height:65px}.seo-trend-grid{grid-template-columns:1fr}.seo-control-grid{display:block}.seo-control-grid>.panel+ .panel{margin-top:14px}.seo-autopilot-card .panel-head{align-items:flex-start;gap:12px;flex-direction:column}.seo-autopilot-card .panel-head form,.seo-autopilot-card .panel-head .btn{width:100%}.mini-run-list>div{grid-template-columns:1fr;gap:3px}.area-admin .sidebar a.active{box-shadow:inset 0 3px 0 #62cad7}} /* V1.2.1 – AI-assisted CMS */ .seo-ai-draft-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:18px;border-radius:14px;background:#f5effc;border:1px solid #e3d7f2}.seo-ai-draft-banner b,.seo-ai-draft-banner span{display:block}.seo-ai-draft-banner b{color:#6e4f99}.seo-ai-draft-banner span{font-size:.78rem;color:#746e79;margin-top:2px}.cms-action-row{display:flex;justify-content:flex-end}.cms-ai-action{margin-top:14px;padding:17px;border-radius:15px;background:#f3f7f8;border:1px solid #dce8eb;display:flex;align-items:center;gap:14px}.cms-ai-action small{color:#6f7c81;line-height:1.45;max-width:520px} @media(max-width:680px){.seo-ai-draft-banner,.cms-ai-action{align-items:stretch;flex-direction:column}.cms-ai-action .btn,.cms-action-row .btn{width:100%}} /* ========================================================== V1.2.2 – definitive hero interaction + contrast fix ========================================================== */ /* AI card must never inherit the old white-on-light hero pill colors. */ .premium-ai-card.hero-ai-pill{ background:#171513!important; color:#fff!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 18px 50px rgba(25,20,17,.24)!important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition:background .22s ease,transform .18s ease,box-shadow .22s ease!important; } .premium-ai-card.hero-ai-pill small{color:#79d7e2!important} .premium-ai-card.hero-ai-pill b{color:#fff!important;font-weight:800!important} .premium-ai-card.hero-ai-pill i{color:#79d7e2!important} .premium-ai-card.hero-ai-pill:hover, .premium-ai-card.hero-ai-pill:focus-visible{ background:#087f95!important; color:#fff!important; box-shadow:0 22px 58px rgba(8,127,149,.30)!important; } .premium-ai-card.hero-ai-pill:hover small, .premium-ai-card.hero-ai-pill:hover b, .premium-ai-card.hero-ai-pill:hover i, .premium-ai-card.hero-ai-pill:focus-visible small, .premium-ai-card.hero-ai-pill:focus-visible b, .premium-ai-card.hero-ai-pill:focus-visible i{color:#fff!important} /* Hair layers are already transparent cut-outs without facial pixels. Use individual translate/rotate properties for an always-on breeze. JS pointer transforms compose on top and do not cancel this fallback. */ .premium-hair{ animation:none!important; translate:0 0; rotate:0deg; transform-origin:center center; backface-visibility:hidden; -webkit-backface-visibility:hidden; } .premium-hair-a{animation:hzHairBreezeA 3.2s ease-in-out infinite alternate!important;transform-origin:47% 34%!important} .premium-hair-b{animation:hzHairBreezeB 3.7s ease-in-out infinite alternate!important;transform-origin:72% 72%!important} .premium-hair-c{animation:hzHairBreezeC 4.15s ease-in-out infinite alternate!important;transform-origin:86% 29%!important} .premium-photo-stack:hover .premium-hair-a,.premium-photo-stack.hair-active .premium-hair-a{animation-duration:1.85s!important} .premium-photo-stack:hover .premium-hair-b,.premium-photo-stack.hair-active .premium-hair-b{animation-duration:2.05s!important} .premium-photo-stack:hover .premium-hair-c,.premium-photo-stack.hair-active .premium-hair-c{animation-duration:2.3s!important} @keyframes hzHairBreezeA{0%{translate:-1px 0;rotate:-.16deg}100%{translate:5px -1px;rotate:.42deg}} @keyframes hzHairBreezeB{0%{translate:1px 1px;rotate:.10deg}100%{translate:-4px -2px;rotate:-.36deg}} @keyframes hzHairBreezeC{0%{translate:-1px 0;rotate:-.10deg}100%{translate:6px 1px;rotate:.48deg}} /* Give the pointer-following region an obvious interaction cue without UI chrome. */ .premium-photo-stack{cursor:default} @media (hover:hover) and (pointer:fine){.premium-photo-stack{cursor:crosshair}} /* Touch/mobile: continuous subtle breeze, never dependent on hover. */ @media(max-width:680px), (hover:none), (pointer:coarse){ .premium-hair-a{animation-duration:2.7s!important} .premium-hair-b{animation-duration:3.1s!important} .premium-hair-c{animation-duration:3.45s!important} .premium-ai-card.hero-ai-pill{min-height:68px;padding:16px 18px!important;border-radius:18px!important} .premium-ai-card.hero-ai-pill b{font-size:.96rem!important} } @media(prefers-reduced-motion:reduce){ .premium-hair-a,.premium-hair-b,.premium-hair-c{animation:none!important;translate:0 0!important;rotate:0deg!important} } /* ========================================================== V1.2.3 – editorial polish, mobile nav, cockpit insights ========================================================== */ .area-public .site-header{box-shadow:0 10px 34px rgba(34,27,22,.035)} .area-public .site-header nav>a:not(.btn){transition:color .2s ease,opacity .2s ease}.area-public .site-header nav>a:not(.btn):hover{color:var(--hz-teal)} .mobile-nav-intro,.mobile-nav-foot{display:none} .premium-hero:after{content:"";position:absolute;inset:8% -4% auto auto;width:46%;height:72%;background:radial-gradient(circle at 50% 40%,rgba(105,208,220,.13),rgba(105,208,220,0) 68%);filter:blur(10px);z-index:-1;pointer-events:none} .premium-hero-media{--hx:0;--hy:0;transform:translate3d(calc(var(--hx)*4px),calc(var(--hy)*3px),0);transition:filter .25s ease} .premium-photo-frame{position:relative}.premium-photo-frame:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(7,152,173,.09);border-radius:4px 70px 4px 70px;pointer-events:none;transform:translate3d(calc(var(--hx)*-5px),calc(var(--hy)*-4px),0);transition:transform .15s linear} .premium-photo-stack{box-shadow:0 42px 105px rgba(43,34,28,.18)} .premium-photo-light{background:linear-gradient(112deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.16) 45%,rgba(255,255,255,0) 64%)} .premium-ai-card.hero-ai-pill{left:26px!important;bottom:-25px!important;min-height:76px!important;border-radius:20px!important}.premium-ai-card.hero-ai-pill>span{animation:hzAiPulse 2.4s ease-in-out infinite} @keyframes hzAiPulse{0%,100%{box-shadow:0 0 0 5px rgba(121,215,226,.12)}50%{box-shadow:0 0 0 10px rgba(121,215,226,.03)}} .premium-marquee{width:100%;overflow:hidden;border-top:1px solid rgba(52,42,35,.08);border-bottom:1px solid rgba(52,42,35,.08);background:rgba(255,255,255,.45);padding:15px 0;margin:-36px 0 35px;white-space:nowrap}.premium-marquee>div{display:inline-flex;align-items:center;gap:24px;min-width:max-content;animation:hzMarquee 28s linear infinite}.premium-marquee span{font-size:.66rem;letter-spacing:.19em;font-weight:900;color:#554f4a}.premium-marquee i{font-style:normal;color:#0798ad;font-size:.7rem}@keyframes hzMarquee{to{transform:translateX(-50%)}} .premium-service-row{position:relative}.premium-service-row:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--hz-teal);transition:width .25s ease}.premium-service-row:hover:before{width:28px}.premium-service-row:hover{padding-left:38px!important} .premium-quick-card{position:relative;overflow:hidden}.premium-quick-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-75px;top:-75px;background:rgba(7,152,173,.075);transition:transform .35s ease}.premium-quick-card:hover:after{transform:scale(1.9)} .premium-local-keywords span{transition:transform .25s ease,border-color .25s ease,color .25s ease}.premium-local-keywords span:hover{transform:translateY(-4px);border-color:rgba(121,212,223,.34);color:#fff} .cockpit-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-3px 0 18px}.cockpit-insight{position:relative;display:flex;flex-direction:column;min-height:138px;padding:18px 46px 18px 19px;border-radius:17px;background:#fff;border:1px solid #dde4e6;box-shadow:0 8px 28px rgba(28,38,41,.035);transition:transform .2s ease,box-shadow .2s ease}.cockpit-insight:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(28,38,41,.075)}.cockpit-insight small{font-size:.6rem;letter-spacing:.14em;font-weight:950;color:#7c898e}.cockpit-insight b{font-size:.98rem;margin-top:13px}.cockpit-insight span{font-size:.76rem;color:#738086;margin-top:4px}.cockpit-insight i{position:absolute;right:17px;bottom:16px;font-style:normal;font-size:1.2rem}.cockpit-insight:before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:4px;border-radius:0 5px 5px 0}.insight-seo:before{background:#b997e7}.insight-seo i{color:#8861ba}.insight-finance:before{background:#e3b86a}.insight-finance i{color:#b78023}.insight-stock:before{background:#91c98c}.insight-stock i{color:#5c9a56} .area-admin .panel{box-shadow:0 7px 25px rgba(28,38,41,.025)}.area-admin .app-title h1{letter-spacing:-.045em}.area-admin .sidebar{box-shadow:12px 0 30px rgba(13,20,22,.045)} @media(max-width:1320px){.site-header .nav-toggle{display:flex}.area-public .site-header nav{position:fixed;z-index:101;top:0;right:0;bottom:0;left:auto;width:min(430px,92vw);padding:34px 29px 32px;background:#fbf8f4;color:#171513;border-radius:0;display:flex!important;flex-direction:column;align-items:stretch;gap:0;box-shadow:-28px 0 70px rgba(25,20,17,.18);transform:translateX(108%);opacity:1;visibility:hidden;transition:transform .32s cubic-bezier(.22,.75,.24,1),visibility .32s;white-space:normal;overflow:auto}.area-public .site-header nav.open{transform:translateX(0);visibility:visible}.mobile-nav-intro{display:flex;align-items:end;justify-content:space-between;padding:15px 2px 24px;border-bottom:1px solid #ddd6cf;margin-bottom:4px}.mobile-nav-intro small{letter-spacing:.2em;color:#0798ad;font-size:.62rem;font-weight:950}.mobile-nav-intro b{font-family:Georgia,serif;font-weight:400;font-size:1.35rem}.area-public .site-header nav>a:not(.btn){font-family:Georgia,'Times New Roman',serif;font-size:1.22rem;font-weight:400;letter-spacing:.02em;padding:16px 3px;border-bottom:1px solid #e4ddd5}.area-public .site-header nav>a:not(.btn):after{display:none}.area-public .site-header nav .btn{margin-top:20px;min-height:56px}.mobile-nav-foot{display:flex;flex-direction:column;margin-top:auto;padding-top:28px;gap:8px}.mobile-nav-foot span{font-size:.58rem;letter-spacing:.17em;color:#928980;font-weight:900}.mobile-nav-foot a{font-size:.72rem!important;border:0!important;padding:0!important;color:#0798ad!important;font-family:inherit!important;font-weight:900!important;letter-spacing:.08em!important}} @media(max-width:900px){.cockpit-insights{grid-template-columns:1fr}.premium-marquee{margin-top:-20px}} @media(max-width:680px){.premium-photo-frame:before{inset:-8px;border-radius:3px 38px 3px 38px}.premium-ai-card.hero-ai-pill{left:auto!important;bottom:auto!important;min-height:72px!important}.premium-marquee{margin:-18px 0 18px;padding:12px 0}.premium-marquee>div{gap:18px;animation-duration:22s}.premium-service-row:hover{padding-left:0!important}.premium-service-row:before{display:none}.cockpit-insight{min-height:118px}} @media(prefers-reduced-motion:reduce){.premium-marquee>div,.premium-ai-card.hero-ai-pill>span{animation:none!important}.premium-marquee{overflow:auto}.premium-photo-frame:before{transform:none!important}} /* ============================================================ V1.2.4 – signature experience + guided salon cockpit ============================================================ */ .signature-flow{max-width:1320px;margin:70px auto 105px;padding:0 clamp(22px,5.3vw,84px)} .signature-flow-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);column-gap:68px;align-items:end;padding-bottom:34px;border-bottom:1px solid #d9d2cb} .signature-flow-head>span{grid-column:1/-1;display:block;margin-bottom:12px;color:#0799ae;font-size:.68rem;font-weight:950;letter-spacing:.16em} .signature-flow-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.65rem,4.2vw,4.9rem);line-height:.98;margin:0;max-width:780px} .signature-flow-head p{margin:0;color:#746d66;line-height:1.72;max-width:480px} .signature-flow-grid{display:grid;grid-template-columns:repeat(3,1fr)} .signature-flow-grid article{position:relative;min-height:285px;padding:31px 34px 30px 0;border-bottom:1px solid #d9d2cb} .signature-flow-grid article+article{padding-left:34px;border-left:1px solid #e2dbd5} .signature-flow-grid i{position:absolute;right:26px;top:27px;font:italic 2.6rem/1 Georgia,serif;color:#d5cec7} .signature-flow-grid small{display:block;color:#0799ae;font-size:.63rem;font-weight:950;letter-spacing:.15em;margin-bottom:42px} .signature-flow-grid h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.65rem;margin:0 0 14px;max-width:260px} .signature-flow-grid p{font-size:.9rem;color:#777069;line-height:1.7;max-width:330px} .signature-flow-grid article:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:#0799ae;transition:width .45s cubic-bezier(.2,.7,.2,1)} .signature-flow-grid article:hover:after{width:72px} .premium-faq{max-width:1280px;margin:30px auto 20px;padding:90px clamp(22px,5.3vw,84px)} .premium-faq-list{border-top:1px solid #d8d1ca} .premium-faq details{border-bottom:1px solid #d8d1ca} .premium-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 4px;cursor:pointer;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.15rem,1.6vw,1.48rem);font-weight:400} .premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary i{font-style:normal;font-family:Inter,system-ui,sans-serif;color:#0799ae;font-size:1.25rem;transition:transform .25s ease}.premium-faq details[open] summary i{transform:rotate(45deg)} .premium-faq details p{max-width:790px;margin:-4px 0 24px;padding:0 45px 0 4px;color:#777069;line-height:1.75;font-size:.94rem} .admin-title-actions{display:flex;align-items:center;gap:10px}.admin-view-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid #d8d0c8;border-radius:999px;background:#fff;color:#625b55;font-size:.75rem;font-weight:900;letter-spacing:.04em;transition:.2s ease}.admin-view-toggle:hover{border-color:#0799ae;color:#07889b;background:#f5fcfd} .guided-tasks{margin:2px 0 22px;padding:24px;border-radius:24px;background:linear-gradient(145deg,#191714,#24201c);color:#fff;box-shadow:0 20px 54px rgba(27,21,18,.13)} .guided-tasks .eyebrow{color:#76d2df;margin-bottom:7px}.guided-tasks-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.guided-tasks-head h2{font-family:Georgia,'Times New Roman',serif;font-size:1.85rem;font-weight:400;margin:0}.guided-tasks-head>span{font-size:.7rem;color:#aaa19a;text-transform:uppercase;letter-spacing:.12em;font-weight:850} .guided-task-list{display:grid;gap:7px}.guided-task{display:grid;grid-template-columns:92px 1fr 30px;align-items:center;gap:16px;min-height:74px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);transition:transform .2s ease,background .2s ease,border-color .2s ease}.guided-task:hover{transform:translateX(4px);background:rgba(255,255,255,.065);border-color:rgba(118,210,223,.2)}.guided-task>small{align-self:start;margin-top:4px;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;font-weight:950;color:#8fdbe5}.guided-task div b,.guided-task div span{display:block}.guided-task div b{font-size:.92rem}.guided-task div span{margin-top:3px;color:#afa7a0;font-size:.77rem}.guided-task>i{font-style:normal;text-align:right;color:#76d2df;font-size:1.15rem}.guided-task.task-urgent{border-left:3px solid #ef8d79}.guided-task.task-important{border-left:3px solid #e7bd6c}.guided-task.task-normal{border-left:3px solid #71c9d6}.guided-task.task-good{border-left:3px solid #7bc59e} .area-admin .metric{position:relative;overflow:hidden}.area-admin .metric:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#0799ae,transparent);opacity:.65} @media(max-width:900px){.signature-flow-head{grid-template-columns:1fr;gap:18px}.signature-flow-grid{grid-template-columns:1fr}.signature-flow-grid article,.signature-flow-grid article+article{min-height:0;padding:27px 0;border-left:0}.signature-flow-grid small{margin-bottom:22px}.signature-flow-grid i{right:4px}.guided-task{grid-template-columns:80px 1fr 24px}} @media(max-width:680px){.signature-flow{margin:35px auto 60px;padding:0 14px}.signature-flow-head h2{font-size:2.55rem}.signature-flow-head p{font-size:.91rem}.signature-flow-grid h3{font-size:1.45rem}.premium-faq{padding:55px 14px}.premium-faq summary{font-size:1.16rem;padding:20px 0}.premium-faq details p{padding:0 22px 0 0}.admin-title-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-title-actions>*{width:100%}.guided-tasks{padding:19px 15px;border-radius:20px}.guided-tasks-head{align-items:flex-start;flex-direction:column;gap:8px}.guided-tasks-head h2{font-size:1.55rem}.guided-task{grid-template-columns:1fr 25px;padding:13px}.guided-task>small{grid-column:1/-1;margin:0}.guided-task>i{grid-column:2;grid-row:2}.guided-task div{grid-column:1;grid-row:2}.guided-task div span{line-height:1.45}} @media(prefers-reduced-motion:reduce){.signature-flow-grid article:after,.premium-faq summary i,.guided-task,.admin-view-toggle{transition:none!important}} /* V1.2.5 – instant booking + collapsible admin groups */ .booking-confirm-panel{scroll-margin-top:92px;animation:bookingPanelIn .24s ease both}.booking-confirm-panel[hidden]{display:none!important}.slot.selected{border-color:#0799ae!important;background:#eefbfd!important;box-shadow:0 0 0 3px rgba(7,153,174,.10),0 12px 28px rgba(31,24,20,.08);transform:translateY(-2px)} @keyframes bookingPanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} .area-admin .nav-group{padding:7px 8px 8px}.area-admin .nav-group-title{appearance:none;border:0;background:transparent;width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px!important;margin:0!important;color:#b9c3c6;cursor:pointer;text-align:left;font-size:.63rem;line-height:1.25;letter-spacing:.15em;font-weight:900}.area-admin .nav-group-title:hover{color:#fff}.area-admin .nav-group-title i{font-style:normal;font-size:1rem;line-height:1;transition:transform .18s ease,color .18s ease;color:#78878b}.area-admin .nav-group.open .nav-group-title i{transform:rotate(180deg);color:#dce7e9}.area-admin .nav-group-links{display:grid;gap:2px;padding-top:3px}.area-admin .nav-group-links[hidden]{display:none!important}.area-admin .nav-group.open{background:rgba(255,255,255,.045)} .area-admin .nav-group-salon .nav-group-title i{color:#56c5d5}.area-admin .nav-group-crm .nav-group-title i{color:#91c98c}.area-admin .nav-group-finance .nav-group-title i{color:#e3b86a}.area-admin .nav-group-marketing .nav-group-title i{color:#b997e7}.area-admin .nav-group-website .nav-group-title i{color:#79a9e8}.area-admin .nav-group-system .nav-group-title i{color:#9ba6aa} @media(max-width:900px){.area-admin .sidebar{position:relative!important;top:auto!important;z-index:25;display:block!important;max-height:46vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:9px 10px 12px!important;gap:0!important}.area-admin .nav-group{display:block!important;margin-bottom:7px!important;border-top:0!important;border-left:3px solid transparent!important;padding:6px 7px!important}.area-admin .nav-group-title{display:flex!important}.area-admin .nav-group-salon{border-left-color:#56c5d5!important}.area-admin .nav-group-crm{border-left-color:#91c98c!important}.area-admin .nav-group-finance{border-left-color:#e3b86a!important}.area-admin .nav-group-marketing{border-left-color:#b997e7!important}.area-admin .nav-group-website{border-left-color:#79a9e8!important}.area-admin .nav-group-system{border-left-color:#9ba6aa!important}.area-admin .nav-group a{white-space:normal!important}.area-admin .sidebar-more,.area-admin .sidebar-site{display:block!important;margin:8px 0 0!important}.area-admin .sidebar a.active{box-shadow:inset 3px 0 0 #62cad7!important}} /* V1.2.6 hero look rotator */ .premium-photo-stack[data-rotate-gallery]{position:relative;isolation:isolate;overflow:hidden} .premium-photo-stack[data-rotate-gallery] .premium-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center!important;opacity:0;transform:scale(1.018);transition:opacity .55s ease,transform .9s ease;z-index:1} .premium-photo-stack[data-rotate-gallery] .premium-photo.is-active{opacity:1;transform:scale(1);z-index:2} .premium-photo-stack[data-rotate-gallery] .premium-hair{z-index:4} .premium-photo-light{z-index:5} .premium-rotate-dots{position:absolute;left:18px;bottom:18px;z-index:8;display:flex;gap:8px;align-items:center} .premium-rotate-dot{appearance:none;border:0;width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.16);padding:0;pointer-events:auto} .premium-rotate-dot.is-active{width:26px;background:#fff} .premium-rotate-hint{position:absolute;right:18px;bottom:16px;z-index:8;padding:8px 12px;border-radius:999px;background:rgba(22,19,17,.48);backdrop-filter:blur(8px);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 24px rgba(0,0,0,.18)} .premium-rotate-hint .hint-mobile{display:none} @media (hover:hover) and (pointer:fine){.premium-photo-stack[data-rotate-gallery]:hover .premium-rotate-hint{background:rgba(11,145,168,.88)}} @media (max-width:680px){.premium-rotate-dots{left:14px;bottom:14px}.premium-rotate-hint{right:14px;bottom:14px;font-size:.68rem;padding:7px 10px}.premium-rotate-hint .hint-desktop{display:none}.premium-rotate-hint .hint-mobile{display:inline}.premium-rotate-dot{width:8px;height:8px}.premium-rotate-dot.is-active{width:20px}} @media (prefers-reduced-motion:reduce){.premium-photo-stack[data-rotate-gallery] .premium-photo{transition:none}.premium-rotate-hint{display:none}} /* V1.2.8 – Auftrion-style admin drawer with color-coded accordions */ body.area-admin{overflow-x:hidden} .area-admin .admin-drawer-shell{display:block!important;min-height:calc(100vh - 76px)!important} .area-admin .admin-drawer-shell>.app-main{width:100%;max-width:none;padding:32px clamp(18px,3vw,42px) 60px!important} .area-admin .admin-app-top{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:14px;padding:0 clamp(14px,2vw,26px)!important;z-index:120!important} .area-admin .admin-menu-toggle{width:46px;height:46px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease} .area-admin .admin-menu-toggle:hover{background:rgba(86,197,213,.12);border-color:rgba(86,197,213,.3)} .area-admin .admin-menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#fff;transition:transform .22s ease,opacity .18s ease} .area-admin.admin-menu-open .admin-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} .area-admin.admin-menu-open .admin-menu-toggle span:nth-child(2){opacity:0} .area-admin.admin-menu-open .admin-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .area-admin .admin-top-brand{min-width:0!important} .area-admin .admin-top-brand .brand-logo-compact{height:44px} .area-admin .admin-top-context{display:flex;flex-direction:column;line-height:1.05;padding-left:3px} .area-admin .admin-top-context b{font-size:.85rem;color:#fff} .area-admin .admin-top-context small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#87979b;margin-top:4px} .area-admin .user-pill{justify-self:end} .area-admin .admin-menu-backdrop{position:fixed;inset:76px 0 0;z-index:104;background:rgba(7,13,15,.48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .23s ease,visibility .23s ease} .area-admin.admin-menu-open .admin-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto} .area-admin .admin-drawer{position:fixed!important;top:76px!important;bottom:0!important;left:0!important;width:min(350px,91vw)!important;max-height:none!important;z-index:110!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 14px 26px!important;background:linear-gradient(180deg,#172025 0%,#11191d 100%)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:28px 0 70px rgba(3,8,10,.28)!important;transform:translate3d(-105%,0,0);transition:transform .28s cubic-bezier(.2,.78,.22,1)!important;overscroll-behavior:contain} .area-admin.admin-menu-open .admin-drawer{transform:translate3d(0,0,0)} .area-admin .admin-drawer-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px 12px;padding:17px 16px 14px;background:rgba(23,32,37,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)} .area-admin .admin-drawer-head small,.area-admin .admin-drawer-head b{display:block} .area-admin .admin-drawer-head small{font-size:.59rem;letter-spacing:.18em;color:#72cbd7;font-weight:900} .area-admin .admin-drawer-head b{font-size:1rem;color:#fff;margin-top:2px;letter-spacing:.03em} .area-admin .admin-drawer-head button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer} .area-admin .admin-drawer .nav-group{display:block!important;position:relative!important;margin:8px 0!important;padding:7px 8px 8px!important;border-top:0!important;border-right:1px solid rgba(255,255,255,.045)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important} .area-admin .admin-drawer .nav-group-title{display:flex!important;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 9px!important;border:0;background:transparent;color:#e5ecee;cursor:pointer;text-align:left;font-size:.69rem;font-weight:900;letter-spacing:.1em} .area-admin .admin-drawer .nav-group-title i{font-style:normal;font-size:1rem;color:#839296;transition:transform .2s ease} .area-admin .admin-drawer .nav-group.open .nav-group-title i{transform:rotate(180deg)} .area-admin .admin-drawer .nav-group-links{display:grid;gap:3px;padding:2px 3px 4px} .area-admin .admin-drawer .nav-group-links[hidden]{display:none!important} .area-admin .admin-drawer .nav-group a{white-space:normal!important;display:block;padding:10px 11px!important;border-radius:9px;color:#b8c3c6;font-size:.83rem;transition:background .16s ease,color .16s ease,transform .16s ease} .area-admin .admin-drawer .nav-group a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)} .area-admin .admin-drawer .nav-group-salon{border-left:4px solid #56c5d5!important}.area-admin .admin-drawer .nav-group-salon .nav-group-title{color:#9de4ed} .area-admin .admin-drawer .nav-group-crm{border-left:4px solid #91c98c!important}.area-admin .admin-drawer .nav-group-crm .nav-group-title{color:#bde2b9} .area-admin .admin-drawer .nav-group-finance{border-left:4px solid #e3b86a!important}.area-admin .admin-drawer .nav-group-finance .nav-group-title{color:#f1d69f} .area-admin .admin-drawer .nav-group-marketing{border-left:4px solid #b997e7!important}.area-admin .admin-drawer .nav-group-marketing .nav-group-title{color:#d2bcf3} .area-admin .admin-drawer .nav-group-website{border-left:4px solid #79a9e8!important}.area-admin .admin-drawer .nav-group-website .nav-group-title{color:#b4d1f5} .area-admin .admin-drawer .nav-group-system{border-left:4px solid #9ba6aa!important}.area-admin .admin-drawer .nav-group-system .nav-group-title{color:#cbd1d3} .area-admin .admin-drawer .sidebar-more,.area-admin .admin-drawer .sidebar-site{display:block!important;margin:9px 0 0!important;padding:12px 13px!important;border-radius:11px!important} .area-admin.admin-menu-open{overflow:hidden} @media(max-width:720px){ .area-admin .admin-app-top{grid-template-columns:auto auto 1fr;gap:9px;height:68px!important;padding:0 11px!important} .area-admin .admin-top-context{display:none} .area-admin .admin-top-brand .brand-logo-compact{height:38px} .area-admin .admin-top-brand span{display:none} .area-admin .user-pill{font-size:0;gap:7px}.area-admin .user-pill a{font-size:.75rem} .area-admin .admin-menu-toggle{width:42px;height:42px;border-radius:12px} .area-admin .admin-menu-backdrop{inset:68px 0 0} .area-admin .admin-drawer{top:68px!important;width:min(340px,94vw)!important} .area-admin .admin-drawer-shell>.app-main{padding:20px 13px 48px!important} } @media(prefers-reduced-motion:reduce){.area-admin .admin-drawer,.area-admin .admin-menu-backdrop,.area-admin .admin-menu-toggle span{transition:none!important}} /* V1.2.8 – faster Auftrion-style admin drawer */ .area-admin .admin-drawer-tools{position:relative;z-index:2;padding:3px 0 8px} .area-admin .admin-menu-search{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:4px;margin:0 1px 10px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#91a0a4;transition:border-color .18s ease,background .18s ease} .area-admin .admin-menu-search:focus-within{border-color:rgba(86,197,213,.45);background:rgba(86,197,213,.075)} .area-admin .admin-menu-search>span{font-size:1.15rem;text-align:center;color:#71cbd7} .area-admin .admin-menu-search input{margin:0!important;padding:11px 4px!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:.83rem!important} .area-admin .admin-menu-search input::placeholder{color:#829094} .area-admin .admin-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px} .area-admin .admin-quick-actions>a{display:flex!important;min-width:0;min-height:61px;padding:8px 4px!important;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:11px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);color:#cad4d6!important;text-align:center;transition:transform .16s ease,background .16s ease,border-color .16s ease!important} .area-admin .admin-quick-actions>a:hover{transform:translateY(-2px)!important;background:rgba(86,197,213,.10)!important;border-color:rgba(86,197,213,.22)!important;color:#fff!important} .area-admin .admin-quick-actions>a>span{font-size:1.08rem;line-height:1;color:#78d1dc} .area-admin .admin-quick-actions>a>b{font-size:.56rem;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;max-width:100%} .area-admin .admin-drawer [hidden]{display:none!important} .area-admin .admin-drawer .nav-group{transition:background .16s ease,border-color .16s ease} .area-admin .admin-drawer .nav-group.open{background:rgba(255,255,255,.043)!important} .area-admin .admin-drawer .nav-group-title:focus-visible,.area-admin .admin-menu-toggle:focus-visible,.area-admin .admin-drawer-head button:focus-visible{outline:2px solid #72cbd7;outline-offset:2px} @media(max-width:520px){.area-admin .admin-quick-actions>a{min-height:57px}.area-admin .admin-quick-actions>a>b{font-size:.52rem}.area-admin .admin-menu-search input{font-size:.8rem!important}} /* V1.2.9 – admin favorites, recent navigation and drawer refinements */ .area-admin .admin-smart-nav{display:grid;gap:9px;margin:4px 0 11px;padding:0 1px} .area-admin .admin-favorites,.area-admin .admin-recent{border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.025);padding:10px} .area-admin .admin-smart-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px;padding:0 2px} .area-admin .admin-smart-head b{font-size:.61rem;letter-spacing:.14em;color:#dce7e9} .area-admin .admin-smart-head small{font-size:.58rem;color:#728186} .area-admin .admin-smart-head button{border:0;background:none;color:#7dcbd7;padding:2px 0;font-size:.61rem;font-weight:800;cursor:pointer} .area-admin .admin-smart-links{display:flex;flex-wrap:wrap;gap:5px} .area-admin .admin-smart-links a{display:inline-flex!important;align-items:center;gap:5px!important;width:auto!important;padding:7px 9px!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;color:#c9d3d6!important;font-size:.7rem!important;line-height:1.2!important} .area-admin .admin-smart-links a:hover{background:rgba(114,203,215,.12)!important;color:#fff!important;transform:none!important} .area-admin .admin-smart-links a span{color:#72cbd7;font-size:.72rem} .area-admin .admin-smart-links p{margin:0;color:#66777b;font-size:.68rem;padding:2px} .area-admin .admin-drawer .nav-group-links a{position:relative;padding-right:40px!important} .area-admin .admin-favorite-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#637377;font-size:1rem;cursor:pointer;opacity:.45;transition:opacity .15s ease,background .15s ease,color .15s ease} .area-admin .admin-drawer .nav-group-links a:hover .admin-favorite-toggle,.area-admin .admin-favorite-toggle:focus-visible,.area-admin .admin-favorite-toggle.active{opacity:1} .area-admin .admin-favorite-toggle:hover{background:rgba(255,255,255,.07);color:#fff} .area-admin .admin-favorite-toggle.active{color:#f0cf77} .area-admin .admin-drawer-head{box-shadow:0 10px 25px rgba(8,13,15,.15)} .area-admin .admin-menu-search input{min-height:42px} .area-admin .admin-quick-actions a{transition:transform .16s ease,background .16s ease,border-color .16s ease} .area-admin .admin-quick-actions a:hover{transform:translateY(-2px)} @media(max-width:680px){.area-admin .admin-smart-links a{font-size:.68rem!important;padding:7px 8px!important}.area-admin .admin-favorite-toggle{opacity:.9}.area-admin .admin-smart-head small{display:none}} /* V1.3.0 – explicit look/frisur selector for hero */ .premium-look-selector{position:absolute;left:18px;right:18px;top:18px;z-index:8;display:flex;flex-direction:column;gap:10px;pointer-events:none} .premium-look-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(34,28,24,.10);pointer-events:auto}.premium-look-heading strong{font-size:.92rem;color:#171513;letter-spacing:.03em}.premium-look-heading span{font-size:.76rem;color:#655d56} .premium-look-thumbs{display:flex;gap:10px;overflow:auto;padding:2px 1px 4px;scrollbar-width:none;pointer-events:auto}.premium-look-thumbs::-webkit-scrollbar{display:none} .premium-look-thumb{appearance:none;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);padding:6px;border-radius:18px;display:grid;gap:6px;min-width:88px;box-shadow:0 12px 28px rgba(34,28,24,.10);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.premium-look-thumb img{display:block;width:76px;height:76px;object-fit:cover;object-position:64% center;border-radius:12px}.premium-look-thumb span{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#171513}.premium-look-thumb.is-active{border-color:#0799ae;box-shadow:0 16px 34px rgba(7,152,173,.18);transform:translateY(-2px)} @media (hover:hover) and (pointer:fine){.premium-look-thumb:hover{transform:translateY(-2px);border-color:#0799ae}} @media(max-width:680px){.premium-look-selector{left:12px;right:12px;top:12px;gap:8px}.premium-look-heading{padding:8px 10px;border-radius:14px}.premium-look-heading strong{font-size:.82rem}.premium-look-heading span{font-size:.7rem}.premium-look-thumb{min-width:72px;padding:5px;border-radius:14px}.premium-look-thumb img{width:60px;height:60px;border-radius:10px}.premium-look-thumb span{font-size:.61rem}} @media(prefers-reduced-motion:reduce){.premium-look-thumb{transition:none}} /* V1.3.1 fast random hover + scroll switching */ .premium-photo-stack[data-rotate-gallery] .premium-photo{transition:opacity .24s ease,transform .34s ease} .premium-rotate-hint{background:rgba(22,19,17,.66)!important} .premium-look-heading span{font-weight:700;color:#0b7280} @media (hover:hover) and (pointer:fine){.premium-photo-stack[data-rotate-gallery]:hover .premium-rotate-hint{background:rgba(7,152,173,.95)!important}} /* V1.3.2 current look meta / named styles */ .premium-look-meta{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(34,28,24,.10);pointer-events:auto}.premium-look-copy small{display:block;margin-bottom:4px;font-size:.66rem;letter-spacing:.14em;font-weight:900;color:#0799ae}.premium-look-copy strong{display:block;font-size:1rem;letter-spacing:.04em;color:#171513}.premium-look-copy p{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:#5b554f}.premium-look-try{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;background:#171513;color:#fff;font-weight:800;letter-spacing:.04em;white-space:nowrap;box-shadow:0 12px 22px rgba(23,21,19,.14);transition:transform .2s ease, background .2s ease}.premium-look-try:hover{background:#0799ae;color:#fff;transform:translateY(-1px)} @media(max-width:680px){.premium-look-meta{grid-template-columns:1fr;gap:10px;padding:10px 12px;border-radius:16px}.premium-look-copy strong{font-size:.92rem}.premium-look-copy p{font-size:.76rem}.premium-look-try{width:100%;padding:10px 14px}} @media(prefers-reduced-motion:reduce){.premium-look-try{transition:none}} /* V1.3.3 SEO/content polish */ .premium-hair{background-repeat:no-repeat;background-size:cover;background-position:66% center} .premium-hair-a{background-image:url('/assets/img/hair-motion-left.webp')} .premium-hair-b{background-image:url('/assets/img/hair-motion-ends.webp')} .premium-hair-c{background-image:url('/assets/img/hair-motion-right.webp')} .seo-support{max-width:1180px;margin:24px auto 68px;padding:34px 38px;border-radius:28px;background:linear-gradient(135deg,#eef9fa,#fffdfa 58%,#f7efe6);border:1px solid rgba(7,145,168,.12);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;box-shadow:0 18px 50px rgba(31,24,20,.06)} .seo-support>div:first-child{max-width:850px}.seo-support span{display:block;margin-bottom:9px;font-size:.69rem;font-weight:900;letter-spacing:.17em;color:#087f95}.seo-support h2{font-size:clamp(1.65rem,3vw,2.65rem);margin-bottom:14px}.seo-support p{margin:0;color:#5f5953;line-height:1.75}.seo-support-actions{display:flex;flex-direction:column;gap:9px;min-width:230px}.seo-support-actions .btn{white-space:nowrap}.gallery-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px} @media(max-width:760px){.seo-support{margin:12px 14px 48px;padding:25px 20px;border-radius:22px;grid-template-columns:1fr;gap:22px}.seo-support-actions{min-width:0}.seo-support-actions .btn{width:100%}} /* V1.3.7 – Admin CRUD: Termine, Dienstleistungen, Produkte + zentrale Medien-Löschung */ .report-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.report-admin-head h1{margin:.2rem 0 .45rem}.report-admin-head p{max-width:780px;color:#706a64}.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px}.report-filter label{display:grid;gap:6px;font-size:.78rem;font-weight:800;letter-spacing:.05em}.report-filter input,.report-filter select{min-width:150px}.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.report-actions .btn{font-size:.72rem;padding:10px 13px}.report-preview{background:#eceae7;border-radius:24px;padding:24px;overflow:auto}.hz-fin-report{width:min(1180px,100%);margin:0 auto;background:#fff;color:#242220;padding:28px;border-radius:10px;box-shadow:0 24px 60px rgba(31,27,24,.10);font-size:12px}.hz-fin-report .report-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;border-bottom:3px solid #2c2927;padding-bottom:18px;margin-bottom:18px}.hz-fin-report .brandrow{display:flex;align-items:center;gap:16px}.hz-fin-report .brandrow img{width:68px;height:auto}.hz-fin-report .brandrow h1{font-size:22px;margin:0 0 5px}.hz-fin-report .brandrow p,.hz-fin-report .company p{margin:1px 0;color:#777;font-size:10px}.hz-fin-report .company{text-align:right}.hz-fin-report .company b{display:block;margin-bottom:5px}.hz-fin-report .kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.hz-fin-report .kpi{background:#f4f1ed;border-radius:8px;padding:13px;min-height:86px}.hz-fin-report .kpi small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#8a8178;font-size:8px}.hz-fin-report .kpi strong{display:block;font-size:20px;margin:5px 0 1px}.hz-fin-report .kpi span{font-size:9px;color:#9a938d}.hz-fin-report .kpi.good strong{color:#178a56}.hz-fin-report .kpi.warn strong{color:#b48618}.hz-fin-report .kpi.bad strong,.hz-fin-report td.bad{color:#b74235}.hz-fin-report .section-title{font-size:9px;color:#168d9d;letter-spacing:.19em;text-transform:uppercase;border-bottom:1px solid #168d9d;padding-bottom:6px;margin:20px 0 8px}.hz-fin-report .table-scroll{overflow:auto}.hz-fin-report .report-table{width:100%;border-collapse:collapse;min-width:820px}.hz-fin-report .report-table th{font-size:8px;letter-spacing:.11em;text-transform:uppercase;text-align:left;padding:7px 6px;border-bottom:1px solid #222;white-space:nowrap}.hz-fin-report .report-table td{padding:7px 6px;border-bottom:1px solid #e8e4df;vertical-align:top}.hz-fin-report .report-table tfoot td{font-weight:800;border-top:2px solid #222}.hz-fin-report .right{text-align:right}.hz-fin-report .center{text-align:center}.hz-fin-report .muted{color:#aaa}.hz-fin-report .quarter{background:#f0f7f3;font-weight:800}.hz-fin-report .twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.hz-fin-report .box{border:1px solid #ebe5df;background:#f8f5f1;border-radius:8px;padding:16px}.hz-fin-report .box.tax{background:#fffbed;border-color:#d9c96b}.hz-fin-report .box h3{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px}.hz-fin-report .line{display:flex;justify-content:space-between;gap:14px;margin:6px 0}.hz-fin-report .line.total{font-weight:800;border-top:1px solid #aaa;padding-top:7px}.hz-fin-report .vat-due{display:flex;justify-content:space-between;align-items:end;border:1px solid #dfc96b;background:#fff7d7;border-radius:7px;padding:11px;margin-top:11px}.hz-fin-report .vat-due b{font-size:22px;color:#a77e13}.hz-fin-report .cards3,.hz-fin-report .cards4{display:grid;gap:12px}.hz-fin-report .cards3{grid-template-columns:repeat(3,1fr)}.hz-fin-report .cards4{grid-template-columns:repeat(4,1fr)}.hz-fin-report .mini{background:#f4f1ed;border-radius:8px;padding:13px;min-height:95px}.hz-fin-report .mini small{display:block;color:#8b847c;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.hz-fin-report .mini b{display:block;font-size:20px;margin:5px 0}.hz-fin-report .mini span{font-size:9px;color:#8c857f}.hz-fin-report .mini .red{color:#b74235}.hz-fin-report .mini .green{color:#178a56}.hz-fin-report .bars{display:grid;gap:11px}.hz-fin-report .barrow{display:grid;grid-template-columns:minmax(150px,1fr) 2.4fr 90px;align-items:center;gap:12px}.hz-fin-report .track{height:8px;background:#ebe8df;border-radius:8px;overflow:hidden}.hz-fin-report .fill{height:100%;background:#c7a66b;border-radius:8px}.hz-fin-report .footnotes{margin-top:16px;background:#fff8e9;border-left:4px solid #d8bd73;padding:12px;font-size:9px;color:#5c544b}.hz-fin-report .report-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px;padding-top:12px;border-top:1px solid #ddd;color:#777;font-size:8px}.hz-fin-report .signature{text-align:center}.hz-fin-report .signature:before{content:"";display:block;border-top:1px solid #aaa;width:70%;margin:20px auto 5px} @media(max-width:760px){.report-admin-head{display:grid}.report-preview{padding:8px;margin-left:-10px;margin-right:-10px;border-radius:0}.hz-fin-report{padding:15px 12px;border-radius:0;box-shadow:none;width:100%;font-size:11px}.hz-fin-report .report-head{grid-template-columns:1fr}.hz-fin-report .company{text-align:left}.hz-fin-report .kpis{grid-template-columns:repeat(2,1fr)}.hz-fin-report .kpi:last-child{grid-column:1/-1}.hz-fin-report .twocol{grid-template-columns:1fr}.hz-fin-report .cards4{grid-template-columns:repeat(2,1fr)}.hz-fin-report .cards3{grid-template-columns:1fr}.hz-fin-report .barrow{grid-template-columns:115px 1fr 68px;gap:7px}.report-filter{display:grid;grid-template-columns:1fr 1fr}.report-filter label:nth-child(3){grid-column:1/-1}.report-filter .btn{grid-column:1/-1}.report-filter input,.report-filter select{min-width:0;width:100%}.report-actions{display:grid;grid-template-columns:1fr 1fr}.report-actions .btn:first-child{grid-column:1/-1}} /* V1.3.8 – Admin Mehrfachauswahl, Archivieren/Reaktivieren */ .admin-bulk-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#faf9f7}.admin-bulk-all{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;color:#5d5751;cursor:pointer}.admin-bulk-all input,.admin-row-check{width:17px;height:17px;accent-color:#168d9d}.admin-bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.admin-bulk-bar>span{min-width:78px;font-size:.72rem;font-weight:800;color:#77706a}.admin-bulk-bar select{min-width:165px;padding:8px 34px 8px 10px;font-size:.78rem}.admin-bulk-bar .btn{margin:0}.admin-bulk-bar .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.bulk-col{width:34px!important;min-width:34px!important;text-align:center!important;padding-left:7px!important;padding-right:7px!important}.media-bulk-check{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.68rem;font-weight:800;color:#625b55}.media-card:has(.admin-row-check:checked){outline:2px solid rgba(22,141,157,.55);outline-offset:2px}.area-admin table tr:has(.admin-row-check:checked)>td{background:rgba(22,141,157,.055)} @media(max-width:760px){.admin-bulk-wrap{align-items:stretch}.admin-bulk-all{width:100%}.admin-bulk-bar{width:100%;display:grid;grid-template-columns:1fr 1.5fr auto}.admin-bulk-bar>span{min-width:0}.admin-bulk-bar select{min-width:0;width:100%}.bulk-col{position:sticky;left:0;z-index:2;background:inherit}} /* V1.3.8 – kompakte Listenfilter */ .admin-list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}.admin-filter-mini{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0}.admin-filter-mini label{display:grid;gap:4px;margin:0;font-size:.7rem;font-weight:800;color:#6c655f}.admin-filter-mini input,.admin-filter-mini select{min-width:150px;margin:0;padding:8px 10px;font-size:.78rem}.admin-filter-mini .btn{margin:0;align-self:end}.admin-filter-mini .filter-search{min-width:220px} @media(max-width:760px){.admin-list-tools{display:grid;grid-template-columns:1fr}.admin-filter-mini{display:grid;grid-template-columns:1fr 1fr;align-items:end}.admin-filter-mini label,.admin-filter-mini input,.admin-filter-mini select,.admin-filter-mini .filter-search{min-width:0;width:100%}.admin-filter-mini .btn{width:100%}} /* V1.3.9 – Admin Papierkorb / Wiederherstellung */ .trash-info{border-left:4px solid #c7a66b;background:#fffaf0}.trash-info strong{color:#7d4e27}.trash-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trash-actions form{margin:0}.trash-actions small{color:#8b837c}.area-admin .trash-actions .text-button{white-space:nowrap}.area-admin .table-scroll{overflow:auto;max-width:100%}.area-admin .table-scroll table{min-width:900px}.status-completed{background:#e7f5eb!important;color:#287341!important}.status-cancelled{background:#f7ece9!important;color:#9b4738!important} @media(max-width:760px){.trash-info{font-size:.86rem}.trash-actions{display:grid;grid-template-columns:1fr}.trash-actions .inline,.trash-actions button{width:100%}.area-admin .admin-filter-mini{grid-template-columns:1fr 1fr}.area-admin .admin-filter-mini label:nth-child(5){grid-column:1/-1}.area-admin .admin-filter-mini .btn{grid-column:auto}} /* V1.3.10 – Papierkorb-Aufbewahrung, Finanzschutz & Speicheranzeige */ .admin-trash-settings{display:grid;gap:12px;margin:0 0 10px}.admin-trash-settings .form-grid{margin:0}.trash-cleanup-form{margin-top:4px}.trash-info code{font-weight:900;color:#7d4e27}.area-admin .trash-actions form{max-width:100%}.area-admin td .badge.status-pending{margin-top:5px;display:inline-flex} @media(max-width:620px){.admin-trash-settings .form-grid{grid-template-columns:1fr}.trash-cleanup-form,.trash-cleanup-form .btn{width:100%}} /* V1.3.11 – Hairzhaft Premium-PDFs & MWST-Status */ .tax-settings-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--panel,#fff),#fbf7f3)} .tax-settings-panel:before{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(190,144,116,.14),transparent 68%);pointer-events:none} .tax-settings-panel .panel-head{align-items:flex-start} .tax-status-pill,.tax-status-mini{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;letter-spacing:.06em;white-space:nowrap} .tax-status-pill{padding:8px 11px;font-size:.72rem} .tax-status-mini{padding:4px 7px;font-size:.67rem} .tax-status-pill.is-on,.tax-status-mini.is-on{background:#222322;color:#fff} .tax-status-pill.is-off,.tax-status-mini.is-off{background:#e4f2ef;color:#216c63;border:1px solid #c6e1dc} .tax-main-toggle{margin:18px 0 14px;padding:13px 15px;background:rgba(255,255,255,.72);border:1px solid var(--line,#e7dfd8);border-radius:14px} .tax-main-toggle span{font-weight:800} .tax-setting-note{margin-top:12px;padding:13px 15px;border-left:3px solid #b98c72;background:#f6f0ea;border-radius:0 12px 12px 0;color:var(--muted,#6c635d)} .tax-off-hint{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:11px 13px;border:1px solid #c8e0da;background:#eff7f5;border-radius:12px;color:#286e66} .tax-off-hint small{color:#5e7772} @media(max-width:720px){.tax-settings-panel .panel-head{gap:10px;flex-direction:column;align-items:flex-start}.tax-status-pill{font-size:.66rem}} /* V1.3.11 – Premium Report Preview: gleiche Formsprache wie PDF */ .report-preview{background:linear-gradient(145deg,#e9e6e2,#f0eeeb);border:1px solid #e1dbd5;box-shadow:inset 0 1px rgba(255,255,255,.65)} .report-preview .hz-fin-report{border-radius:18px;padding:30px;background:#fff;box-shadow:0 28px 70px rgba(37,29,24,.12)} .hz-fin-report .report-head.premium{grid-template-columns:1.35fr .65fr;border-bottom:1px solid #d8cec6;padding-bottom:18px} .hz-fin-report .logo-frame{width:62px;height:62px;flex:0 0 62px;border-radius:19px;background:linear-gradient(145deg,#f4ece5,#e9ddd2);display:grid;place-items:center} .hz-fin-report .logo-frame img{width:52px;height:auto} .hz-fin-report .doc-kicker,.hz-fin-report .box-kicker{font-size:8px;letter-spacing:.2em;color:#9b7765;font-weight:900} .hz-fin-report .brandrow h1{font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:-.025em} .hz-fin-report .doc-tax-status{display:inline-flex;margin-top:8px;border-radius:999px;padding:6px 9px;font-size:8px;letter-spacing:.08em;font-weight:900} .hz-fin-report .doc-tax-status.on{background:#202120;color:#fff} .hz-fin-report .doc-tax-status.off{background:#e5f2ef;color:#286e66} .hz-fin-report .mixed-tax-note{display:flex;justify-content:space-between;gap:16px;background:#fff6db;border:1px solid #ecd798;border-radius:12px;padding:11px 13px;margin-bottom:14px} .hz-fin-report .mixed-tax-note span{color:#766341} .hz-fin-report .kpis.no-vat{grid-template-columns:repeat(4,1fr)} .hz-fin-report .kpi.hero{background:#202120;color:#fff} .hz-fin-report .kpi.hero small,.hz-fin-report .kpi.hero span{color:#d6c5ba} .hz-fin-report .section-title{display:flex;align-items:center;gap:8px;color:#7b6254;border-color:#cdbdaf} .hz-fin-report .section-title span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eee4db;color:#7c6252;font-weight:900} .hz-fin-report .box{border-radius:14px;background:#faf7f4} .hz-fin-report .box h3{font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:0;text-transform:none} .hz-fin-report .box .subhead{font-family:inherit;font-size:9px;letter-spacing:.12em;text-transform:uppercase} .hz-fin-report .box.tax{background:#fff9e9;border-color:#ead8a6} .hz-fin-report .tax-off-box{background:#eff7f5;border-color:#c8e1dc} .hz-fin-report .tax-off-box p{color:#56736d} .hz-fin-report .status-big{font-weight:900;font-size:24px;color:#24766d;margin:16px 0} .hz-fin-report .payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px} .hz-fin-report .payment-grid span{display:flex;justify-content:space-between;background:#fff;border-radius:8px;padding:7px 9px} .hz-fin-report .vat-due{background:#202120;border-color:#202120;color:#fff} .hz-fin-report .vat-due span{display:grid}.hz-fin-report .vat-due small{color:#cbc2bb}.hz-fin-report .vat-due b{color:#fff} .hz-fin-report .fill{background:linear-gradient(90deg,#9d7460,#d6b08e)} .hz-fin-report .quarter{background:#eff6f4} .hz-fin-report .footnotes{background:#f8f4f0;border-left-color:#a77b64} .hz-fin-report .report-footer>div:first-child{display:flex;gap:9px;align-items:center}.hz-fin-report .report-footer img{width:34px;height:auto} @media(max-width:760px){.report-preview .hz-fin-report{padding:16px 12px;border-radius:0}.hz-fin-report .kpis.no-vat{grid-template-columns:1fr 1fr}.hz-fin-report .report-head.premium{grid-template-columns:1fr}.hz-fin-report .mixed-tax-note{display:grid}} /* ========================================================== V1.3.12 – HAIRZHAFT PREMIUM UI Einheitliche Premium-Formsprache für Admin, Kundenportal, Authentifizierung, Formulare, Listen, Tabellen und Mobile. ========================================================== */ :root{ --hz-night:#1c1816;--hz-night-2:#29221f;--hz-espresso:#44352e;--hz-taupe:#8d7568; --hz-rose:#b98973;--hz-rose-light:#dcc2b4;--hz-sand:#eee2d8;--hz-cream:#f8f3ee; --hz-glass:rgba(255,253,250,.82);--hz-premium-line:rgba(92,68,56,.13); --hz-premium-shadow:0 24px 70px rgba(43,31,25,.10);--hz-soft-shadow:0 10px 30px rgba(43,31,25,.07); } .area-admin,.area-customer{background: radial-gradient(circle at 92% 3%,rgba(185,137,115,.14),transparent 24rem), radial-gradient(circle at 2% 28%,rgba(112,190,201,.08),transparent 28rem), linear-gradient(180deg,#f8f4f0 0,#f4eee9 48%,#f8f4f0 100%);min-height:100vh} .area-admin:before,.area-customer:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(72,51,41,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(72,51,41,.018) 1px,transparent 1px);background-size:34px 34px} .area-admin .app-top,.area-customer .app-top{height:78px;background:linear-gradient(115deg,rgba(24,20,18,.98),rgba(43,34,30,.97));border-bottom:1px solid rgba(220,194,180,.20);box-shadow:0 14px 42px rgba(20,15,12,.16);backdrop-filter:blur(20px)} .area-admin .admin-top-brand,.area-customer .brand.compact{gap:13px}.area-admin .brand-logo-compact,.area-customer .brand-logo-compact{filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))} .area-admin .admin-top-context{padding-left:16px;border-left:1px solid rgba(255,255,255,.12)} .area-admin .admin-top-context b,.area-admin .admin-top-context small{display:block}.area-admin .admin-top-context b{font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;letter-spacing:.02em}.area-admin .admin-top-context small{color:#c8bab2;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem} .area-admin .user-pill,.area-customer .user-pill{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:8px 9px 8px 14px;color:#f7eee8;box-shadow:inset 0 1px rgba(255,255,255,.05)} .area-admin .user-pill a,.area-customer .user-pill a{background:#f4e8df;color:#2a211d;border-radius:999px;padding:6px 10px;margin-left:10px;font-weight:850} .area-admin .app-main,.area-customer .app-main{width:100%;max-width:1520px;margin:0 auto;padding:34px clamp(17px,3.2vw,48px) 72px!important} .area-admin .app-title,.area-customer .app-title{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 0 22px;padding:26px 28px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(125deg,#211c19 0%,#332924 55%,#45342d 100%);color:#fff;box-shadow:0 24px 55px rgba(36,26,21,.16)} .area-admin .app-title:before,.area-customer .app-title:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;top:-220px;border:1px solid rgba(223,194,177,.18);box-shadow:0 0 0 42px rgba(223,194,177,.035),0 0 0 88px rgba(223,194,177,.022);z-index:-1} .area-admin .app-title:after,.area-customer .app-title:after{content:"HAIRZHAFT";position:absolute;right:26px;bottom:8px;font:700 10px/1 Georgia,serif;letter-spacing:.28em;color:rgba(255,255,255,.12);z-index:-1} .area-admin .app-title h1,.area-customer .app-title h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,3.1vw,3.4rem);letter-spacing:-.035em;margin:0;color:#fff} .area-admin .app-title p,.area-customer .app-title p{max-width:760px;margin:8px 0 0;color:#d8cbc4} .area-admin .app-title .eyebrow,.area-customer .app-title .eyebrow{color:#dfbba8;margin-bottom:7px} .area-admin .app-title input,.area-admin .app-title select,.area-customer .app-title input,.area-customer .app-title select{background:rgba(255,255,255,.96);color:#29221e;border-color:rgba(255,255,255,.35)} .area-admin .app-title .btn-ghost,.area-customer .app-title .btn-ghost{border-color:rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.07)} .area-admin .panel,.area-customer .panel{position:relative;background:linear-gradient(145deg,rgba(255,254,252,.96),rgba(252,248,245,.95));border:1px solid var(--hz-premium-line);border-radius:22px;box-shadow:var(--hz-soft-shadow);padding:22px;overflow:hidden} .area-admin .panel:before,.area-customer .panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none} .area-admin .panel h2,.area-customer .panel h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.025em;color:#2b231f}.area-admin .panel h3,.area-customer .panel h3{color:#3b302a} .area-admin .panel-head,.area-customer .panel-head{gap:18px;border-bottom:1px solid rgba(82,61,50,.09);padding-bottom:14px;margin-bottom:16px} .area-admin .metrics,.area-customer .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 20px} .area-admin .metric,.area-customer .metric{min-height:118px;padding:18px 19px;border-radius:20px;background:linear-gradient(145deg,#fffdfa,#f4ece6);border:1px solid rgba(100,73,59,.10);box-shadow:var(--hz-soft-shadow)} .area-admin .metric:nth-child(4n+1),.area-customer .metric:nth-child(4n+1){background:linear-gradient(145deg,#201b18,#342a25);color:#fff;border-color:#342a25}.area-admin .metric:nth-child(4n+1) span,.area-admin .metric:nth-child(4n+1) small,.area-customer .metric:nth-child(4n+1) span,.area-customer .metric:nth-child(4n+1) small{color:#d9cac1} .area-admin .metric span,.area-customer .metric span{text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:900;color:#8a7468}.area-admin .metric strong,.area-customer .metric strong{font-family:Georgia,"Times New Roman",serif;font-size:1.72rem;line-height:1.12;margin:9px 0 5px}.area-admin .metric small,.area-customer .metric small{color:#918178} .area-admin .btn,.area-customer .btn,.auth-card .btn,.setup-card .btn{min-height:42px;border-radius:13px;padding:11px 16px;letter-spacing:.01em;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease} .area-admin .btn:hover,.area-customer .btn:hover,.auth-card .btn:hover,.setup-card .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(48,35,28,.12)} .area-admin .btn-gold,.area-customer .btn-gold,.auth-card .btn-gold,.setup-card .btn-gold{background:linear-gradient(135deg,#d9b5a2,#b78068);color:#241b17;border:1px solid rgba(105,73,58,.12)} .area-admin .btn-dark,.area-customer .btn-dark,.auth-card .btn-dark,.setup-card .btn-dark{background:linear-gradient(135deg,#1d1917,#3c302a);color:#fff} .area-admin .btn-ghost,.area-customer .btn-ghost{background:rgba(255,255,255,.68);border:1px solid rgba(87,65,54,.14);color:#473930} .area-admin .text-button,.area-customer .text-button{font-weight:850;color:#7f5c4c}.area-admin .text-button.danger,.area-customer .text-button.danger{color:#a64a43} .area-admin label,.area-customer label,.auth-card label,.setup-card label{color:#594940;font-weight:800;font-size:.77rem;letter-spacing:.012em} .area-admin input,.area-admin textarea,.area-admin select,.area-customer input,.area-customer textarea,.area-customer select,.auth-card input,.auth-card textarea,.auth-card select,.setup-card input,.setup-card textarea,.setup-card select{border:1px solid rgba(91,68,56,.16);background:rgba(255,255,255,.90);border-radius:13px;padding:11px 12px;box-shadow:inset 0 1px 2px rgba(44,32,26,.025);transition:border-color .18s,box-shadow .18s,background .18s} .area-admin input:focus,.area-admin textarea:focus,.area-admin select:focus,.area-customer input:focus,.area-customer textarea:focus,.area-customer select:focus,.auth-card input:focus,.setup-card input:focus{border-color:#b88972;background:#fff;box-shadow:0 0 0 4px rgba(185,137,114,.12)} .area-admin table,.area-customer table{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem}.area-admin thead th,.area-customer thead th{padding:11px 12px;background:#f0e7e0;color:#725d51;border-top:1px solid rgba(92,68,56,.10);border-bottom:1px solid rgba(92,68,56,.10);font-size:.64rem;text-transform:uppercase;letter-spacing:.10em;white-space:nowrap}.area-admin thead th:first-child,.area-customer thead th:first-child{border-radius:12px 0 0 12px}.area-admin thead th:last-child,.area-customer thead th:last-child{border-radius:0 12px 12px 0}.area-admin tbody td,.area-customer tbody td{padding:13px 12px;border-bottom:1px solid rgba(92,68,56,.075);vertical-align:middle}.area-admin tbody tr,.area-customer tbody tr{transition:background .16s ease,transform .16s ease}.area-admin tbody tr:hover,.area-customer tbody tr:hover{background:rgba(185,137,115,.055)}.area-admin td small,.area-customer td small{display:block;color:#8b7d75;margin-top:3px} .area-admin code,.area-customer code{background:#f0e7e1;border:1px solid rgba(95,70,57,.09);border-radius:7px;padding:3px 6px;color:#5d4438} .area-admin .badge,.area-customer .badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;border:1px solid transparent;font-size:.66rem;font-weight:900;letter-spacing:.035em;text-transform:none}.area-admin .badge:before,.area-customer .badge:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor;opacity:.58} .status-confirmed,.status-completed,.status-done,.status-paid,.status-published,.status-active,.status-redeemed,.status-target_verified{background:#e8f3ef!important;color:#2d6d60!important;border-color:#cfe5dd!important}.status-pending,.status-due,.status-issued,.status-open,.status-processing,.status-queued,.status-draft,.status-structure_verified{background:#fbf2df!important;color:#856622!important;border-color:#efdfb8!important}.status-cancelled,.status-failed,.status-expired,.status-closed{background:#f8e9e6!important;color:#984a40!important;border-color:#eccfc9!important}.status-free,.status-waived,.status-restored,.status-generated,.status-test_generated{background:#eee9f7!important;color:#69588b!important;border-color:#ddd3ee!important} .area-admin .empty,.area-customer .empty{border:1px dashed rgba(104,77,63,.20);background:rgba(249,244,240,.70);border-radius:16px;color:#8b7b72}.area-admin .success-panel,.area-customer .success-panel{border:1px solid #cfe5dd;background:linear-gradient(145deg,#edf7f3,#e5f2ed);border-radius:17px;color:#285f54}.area-admin .flash,.area-customer .flash{border-radius:16px;box-shadow:var(--hz-soft-shadow);border:1px solid transparent}.area-admin .flash.success,.area-customer .flash.success{border-color:#cfe5dd}.area-admin .flash.error,.area-customer .flash.error{border-color:#eccfc9} .area-admin .admin-bulk-wrap{background:linear-gradient(145deg,#f9f4f0,#f4ebe5);border-color:rgba(100,73,59,.12);border-radius:16px;padding:11px 13px}.area-admin .admin-bulk-bar select{background:#fff}.area-admin .admin-filter-mini{padding:6px;border-radius:15px;background:rgba(255,255,255,.07)}.area-admin .app-title .admin-filter-mini label{color:#eadfd8}.area-admin .app-title .admin-filter-mini .btn{background:#f0dfd4;color:#2a211d} .area-admin .admin-drawer{background:linear-gradient(180deg,#181513,#251f1c)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:26px 0 60px rgba(16,12,10,.30)!important}.area-admin .admin-drawer-head{border-bottom:1px solid rgba(255,255,255,.08)}.area-admin .admin-drawer-head small{color:#d6b6a6!important}.area-admin .admin-drawer-tools{background:rgba(255,255,255,.025)}.area-admin .admin-menu-search{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important}.area-admin .admin-menu-search input{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important}.area-admin .admin-quick-actions a{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}.area-admin .nav-group{border-radius:14px!important;background:rgba(255,255,255,.018)}.area-admin .nav-group-title{color:#d8cbc4!important}.area-admin .nav-group-links a{border-radius:10px!important;color:#d6cdc8!important}.area-admin .nav-group-links a:hover{background:rgba(217,181,162,.09)!important;color:#fff!important}.area-admin .sidebar a.active{background:linear-gradient(90deg,rgba(217,181,162,.18),rgba(217,181,162,.045))!important;box-shadow:inset 3px 0 0 #d1a28b!important;color:#fff!important} .area-customer .sidebar{background:linear-gradient(180deg,#201b18,#2e2622);color:#eee3dc;border-right:1px solid rgba(255,255,255,.06)}.area-customer .sidebar a{border-radius:12px;color:#d9cec8}.area-customer .sidebar a:hover,.area-customer .sidebar a.active{background:rgba(217,181,162,.13);color:#fff}.area-customer .customer-bottom-nav{background:rgba(27,23,21,.95);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}.area-customer .customer-bottom-nav a{color:#cfc2bb}.area-customer .customer-bottom-nav .book{background:linear-gradient(135deg,#d6b09d,#b77e65);color:#261c18;box-shadow:0 10px 26px rgba(12,8,6,.26)} .area-customer .appointment-card,.area-customer .invoice-card,.area-customer .voucher-card,.area-customer .look-card{background:linear-gradient(145deg,#fffdfa,#f8f0ea);border:1px solid rgba(98,72,58,.12);border-radius:21px;box-shadow:var(--hz-soft-shadow);overflow:hidden}.area-customer .appointment-card.future{border-left:4px solid #bb8a72}.area-customer .appointment-date{background:linear-gradient(180deg,#29221e,#40332d);color:#fff}.area-customer .appointment-date small{color:#d8b9aa}.area-customer .voucher-card{position:relative;background:linear-gradient(135deg,#1e1a18,#3b302a);color:#fff}.area-customer .voucher-card:after{content:"H";position:absolute;right:15px;bottom:-24px;font:italic 7rem Georgia,serif;color:rgba(255,255,255,.045)}.area-customer .voucher-card small,.area-customer .voucher-card span{color:#d5c5bc}.area-customer .invoice-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem} .auth-wrap{background:radial-gradient(circle at 20% 15%,rgba(185,137,115,.18),transparent 27rem),radial-gradient(circle at 85% 80%,rgba(80,169,182,.10),transparent 28rem)}.auth-card,.setup-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,254,252,.98),rgba(248,241,236,.97));border:1px solid rgba(96,70,57,.13);box-shadow:0 34px 90px rgba(44,31,25,.15);border-radius:28px}.auth-card:before,.setup-card:before{content:"";position:absolute;right:-70px;top:-100px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(185,137,115,.18);box-shadow:0 0 0 35px rgba(185,137,115,.035)}.auth-card h1,.setup-card h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.035em}.setup{background:radial-gradient(circle at 80% 10%,rgba(185,137,115,.18),transparent 32rem),linear-gradient(145deg,#f7f1ec,#efe5de)} .tax-status-pill{border:1px solid rgba(255,255,255,.16)}.area-admin .app-title .tax-status-pill.is-on{background:#f1dfd4;color:#2b211d}.area-admin .app-title .tax-status-pill.is-off{background:#dff0ec;color:#1f655b} /* Public booking/forms inherit the same refined card language without changing the premium homepage art direction. */ .area-public .booking-page .panel,.area-public .booking-confirm,.area-public .ai-form{border-radius:24px;border:1px solid rgba(93,68,55,.12);box-shadow:var(--hz-soft-shadow);background:linear-gradient(145deg,#fffdfa,#f7efe9)} .area-public .booking-steps span{border-radius:14px}.area-public .slot{border-radius:15px;box-shadow:0 5px 16px rgba(48,35,28,.045)}.area-public .slot:hover,.area-public .slot.selected{border-color:#b98973;box-shadow:0 10px 24px rgba(82,55,43,.10)} @media(max-width:900px){.area-admin .app-main,.area-customer .app-main{padding:20px 13px 58px!important}.area-admin .app-title,.area-customer .app-title{padding:21px 18px;border-radius:21px;align-items:flex-start;flex-direction:column}.area-admin .app-title form,.area-admin .app-title .admin-list-tools,.area-customer .app-title form{width:100%}.area-admin .metrics,.area-customer .metrics{grid-template-columns:1fr 1fr}.area-admin .panel,.area-customer .panel{padding:17px;border-radius:18px}.area-admin .user-pill,.area-customer .user-pill{font-size:.76rem}.area-admin .admin-top-context{display:none}} @media(max-width:620px){.area-admin .app-top,.area-customer .app-top{height:68px;padding:0 10px}.area-admin .app-title h1,.area-customer .app-title h1{font-size:2rem}.area-admin .metrics,.area-customer .metrics{grid-template-columns:1fr}.area-admin .metric,.area-customer .metric{min-height:102px}.area-admin .panel,.area-customer .panel{padding:14px}.area-admin table,.area-customer table{font-size:.78rem}.area-admin thead th,.area-customer thead th{font-size:.58rem;padding:9px 8px}.area-admin tbody td,.area-customer tbody td{padding:10px 8px}.area-admin .user-pill>a,.area-customer .user-pill>a{margin-left:5px;padding:5px 8px}.area-admin .admin-filter-mini{display:grid;grid-template-columns:1fr!important;width:100%;background:transparent;padding:0}.area-admin .app-title .admin-filter-mini label{color:#eadfd8}.area-admin .app-title .admin-filter-mini input,.area-admin .app-title .admin-filter-mini select,.area-admin .app-title .admin-filter-mini button{width:100%}} @media(prefers-reduced-motion:reduce){.area-admin *,.area-customer *{scroll-behavior:auto!important;transition:none!important}} /* V1.3.12 – Premium-Finish für sämtliche Verwaltungs- und Kundenmodule */ .premium-ui{--hz-ink:#211b18;--hz-espresso:#322722;--hz-taupe:#806b60;--hz-rose:#bd8b74;--hz-champagne:#e1c2b1;--hz-cream:#fbf7f3;--hz-paper:#fffdfa;--hz-line:rgba(92,68,56,.12)} .area-admin .quick-links,.area-customer .quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}.area-admin .quick-links>a,.area-admin .quick-links>span,.area-customer .quick-links>a,.area-customer .quick-links>span{display:flex;flex-direction:column;gap:4px;min-height:76px;padding:14px 15px;border:1px solid var(--hz-line);border-radius:16px;background:linear-gradient(145deg,#fffdfa,#f5ece6);text-decoration:none;color:var(--hz-ink);box-shadow:0 9px 24px rgba(56,39,31,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.area-admin .quick-links>a:hover,.area-customer .quick-links>a:hover{transform:translateY(-2px);border-color:rgba(185,137,114,.35);box-shadow:0 16px 34px rgba(56,39,31,.09)}.area-admin .quick-links b,.area-customer .quick-links b{font-size:.88rem}.area-admin .quick-links small,.area-customer .quick-links small{color:#88786f;line-height:1.4} .area-admin .page-list,.area-customer .page-list{display:grid;gap:8px}.area-admin .page-list>a,.area-customer .page-list>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--hz-line);border-radius:14px;background:#fffdfa;color:var(--hz-ink);text-decoration:none;transition:.18s ease}.area-admin .page-list>a:hover,.area-admin .page-list>a.active,.area-customer .page-list>a:hover,.area-customer .page-list>a.active{background:linear-gradient(135deg,#332923,#4b3930);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(41,29,23,.14)}.area-admin .page-list>a small,.area-customer .page-list>a small{color:#9a8b82}.area-admin .page-list>a.active small,.area-customer .page-list>a.active small{color:#ddcec6} .area-admin .record,.area-customer .record{margin:10px 0;padding:16px;border:1px solid var(--hz-line);border-radius:18px;background:linear-gradient(145deg,#fffdfa,#f7f0eb);box-shadow:0 9px 26px rgba(57,40,32,.05)}.area-admin .record p,.area-customer .record p{color:#645850;line-height:1.62}.area-admin .record strong,.area-customer .record strong{color:#332820} .area-admin .settings-sections{gap:16px}.area-admin .settings-sections>.panel{position:relative;overflow:hidden}.area-admin .settings-sections>.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#c89a82,#ead4c7);opacity:.85}.area-admin .settings-sections h2{font-size:1.35rem}.area-admin .settings-sections h3{color:#59473d} .area-admin .admin-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.area-admin .admin-list-tools>*{margin:0}.area-admin .filter-search{border-radius:999px!important;background:#fff!important}.area-admin .secret-box,.area-customer .secret-box{padding:14px 16px;border:1px solid rgba(185,137,114,.24);border-radius:16px;background:linear-gradient(145deg,#f5ece6,#fffdfa);box-shadow:inset 0 1px #fff}.area-admin .secret-box code,.area-customer .secret-box code{display:block;margin-top:5px;word-break:break-all;font-size:.82rem} .area-admin .tax-off-hint,.area-customer .tax-off-hint{display:flex;flex-direction:column;justify-content:center;min-height:66px;padding:11px 13px;border-radius:14px;border:1px solid #cce1db;background:linear-gradient(145deg,#edf7f4,#e5f1ed);color:#2d665c}.area-admin .tax-off-hint small,.area-customer .tax-off-hint small{margin-top:3px;color:#5e7d75} .area-customer .customer-actions>a{position:relative;isolation:isolate;overflow:hidden;min-height:126px;border:1px solid var(--hz-line);box-shadow:0 13px 34px rgba(56,39,31,.075)}.area-customer .customer-actions>a:after{content:"";position:absolute;width:110px;height:110px;right:-50px;bottom:-70px;border:1px solid rgba(189,139,116,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(189,139,116,.045);z-index:-1}.area-customer .customer-actions>a:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(56,39,31,.11)}.area-customer .customer-actions>a.primary{background:linear-gradient(140deg,#27201c,#46362e);color:#fff;border-color:transparent}.area-customer .customer-actions>a.primary small{color:#d9c9c0} .area-customer .next-appointment{border:1px solid rgba(185,137,114,.18);background:radial-gradient(circle at 90% 10%,rgba(226,194,177,.16),transparent 18rem),linear-gradient(145deg,#fffdfa,#f6ede7);box-shadow:0 18px 46px rgba(58,41,33,.08)}.area-customer .next-appointment h2{font-family:Georgia,"Times New Roman",serif;font-weight:600}.area-customer .customer-mini-info>a{border:1px solid var(--hz-line);background:#fffdfa;box-shadow:0 8px 22px rgba(56,39,31,.045)} .area-admin .cockpit-insight{border:1px solid var(--hz-line);border-radius:18px;background:linear-gradient(145deg,#fffdfa,#f4ebe5);box-shadow:0 10px 28px rgba(56,39,31,.055)}.area-admin .cockpit-insight b{font-family:Georgia,"Times New Roman",serif;font-weight:600}.area-admin details,.area-customer details{border:1px solid var(--hz-line);border-radius:14px;background:#fffdfa;padding:10px 13px}.area-admin details summary,.area-customer details summary{cursor:pointer;font-weight:800;color:#44362f} .area-admin hr,.area-customer hr{border:0;border-top:1px solid rgba(96,71,58,.10);margin:18px 0}.area-admin ::selection,.area-customer ::selection{background:#dcc0b2;color:#261c18}.area-admin *,.area-customer *{scrollbar-width:thin;scrollbar-color:#c7a795 transparent} .area-admin .btn,.area-customer .btn,.auth-card .btn{letter-spacing:.01em}.area-admin .btn-gold,.area-customer .btn-gold,.auth-card .btn-gold{background:linear-gradient(135deg,#d6b19f,#b98269);color:#241b17;border:0;box-shadow:0 10px 24px rgba(143,92,69,.16)}.area-admin .btn-gold:hover,.area-customer .btn-gold:hover,.auth-card .btn-gold:hover{transform:translateY(-1px);box-shadow:0 14px 31px rgba(143,92,69,.22)} @media(max-width:720px){.area-admin .quick-links,.area-customer .quick-links{grid-template-columns:1fr}.area-customer .customer-actions{grid-template-columns:1fr 1fr}.area-customer .customer-actions>a{min-height:112px}.area-admin .page-list>a,.area-customer .page-list>a{align-items:flex-start;flex-direction:column;gap:3px}} @media(max-width:460px){.area-customer .customer-actions{grid-template-columns:1fr}.area-customer .customer-actions>a{min-height:98px}} /* V1.3.14 – freie Look-Bilder: keine Bedienelemente mehr über dem Foto */ .premium-look-selector,.premium-rotate-dots,.premium-rotate-hint{display:none!important} .premium-hero-media .premium-photo-stack{cursor:crosshair} .premium-look-underbar{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:18px;padding:17px 18px;border:1px solid rgba(93,68,55,.11);border-radius:22px;background:linear-gradient(145deg,#fffdfa,#f5ece6);box-shadow:0 16px 38px rgba(54,38,30,.07)} .premium-look-underbar small{display:block;color:#a66f59;font-size:.66rem;font-weight:950;letter-spacing:.16em;margin-bottom:5px}.premium-look-underbar b{display:block;color:#251e1a;font:500 1.04rem/1.3 Georgia,"Times New Roman",serif}.premium-look-underbar span{display:block;color:#85776f;font-size:.76rem;margin-top:3px} .premium-look-underbar-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.premium-look-underbar-actions a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;border:1px solid rgba(95,67,54,.14);background:#fff;color:#2d241f;font-size:.78rem;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.premium-look-underbar-actions a:first-child{background:#241d19;color:#fff;border-color:#241d19}.premium-look-underbar-actions a:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(50,34,27,.10)} .looks-page .media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.looks-page .media-card{padding:0!important;border-radius:25px!important;overflow:hidden;background:#fff;border:1px solid rgba(94,70,58,.10);box-shadow:0 16px 40px rgba(53,38,31,.07);transition:transform .22s ease,box-shadow .22s ease}.looks-page .media-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(53,38,31,.11)}.looks-page .media-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .5s ease}.looks-page .media-card:hover img{transform:scale(1.025)}.looks-page .media-card figcaption{padding:14px 16px 16px;font-weight:800;color:#342a25} @media(max-width:760px){.premium-look-underbar{grid-template-columns:1fr;padding:14px;margin-top:12px}.premium-look-underbar-actions{justify-content:flex-start}.premium-look-underbar-actions a{flex:1;justify-content:center}.premium-hero-media .premium-photo-stack{cursor:default}} /* V1.3.14 – Buchung: registriert / registrieren / ohne Konto + Spam-Schutz */ .booking-account-choice{margin:22px 0 16px;padding:18px;border:1px solid rgba(96,70,56,.11);border-radius:22px;background:linear-gradient(145deg,#fffdfa,#f6eee8)} .booking-account-intro small{display:block;color:#a66f59;font-size:.65rem;font-weight:950;letter-spacing:.15em;margin-bottom:5px}.booking-account-intro h3{margin:0 0 5px;font:500 1.35rem/1.2 Georgia,"Times New Roman",serif;color:#2a211d}.booking-account-intro p{margin:0;color:#7b6e67;font-size:.84rem;line-height:1.5} .booking-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.booking-account-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;border:1px solid rgba(96,70,56,.11);border-radius:17px;background:#fff;color:#2d241f;text-decoration:none;box-shadow:0 8px 22px rgba(55,39,31,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.booking-account-card:hover{transform:translateY(-2px);border-color:rgba(179,126,101,.35);box-shadow:0 13px 28px rgba(55,39,31,.08)}.booking-account-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f2e6df;color:#9e684f;font-weight:950}.booking-account-card b,.booking-account-card small{display:block}.booking-account-card b{font-size:.9rem}.booking-account-card small{margin-top:3px;color:#897a72;font-size:.72rem;line-height:1.35}.booking-account-card i{font-style:normal;font-size:1.05rem;color:#a66f59} .guest-booking-details{border:1px solid rgba(96,70,56,.12);border-radius:19px;background:#fff;overflow:hidden}.guest-booking-details summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;flex-direction:column;gap:3px;position:relative;font-weight:900;color:#302620}.guest-booking-details summary::-webkit-details-marker{display:none}.guest-booking-details summary:after{content:"+";position:absolute;right:17px;top:15px;color:#a66f59;font-size:1.15rem}.guest-booking-details[open] summary:after{content:"−"}.guest-booking-details summary small{font-weight:500;color:#8a7c74;font-size:.73rem}.guest-booking-fields{padding:0 17px 17px;border-top:1px solid rgba(96,70,56,.08);padding-top:16px} .booking-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.booking-final-form{position:relative}.booking-spam-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:15px;background:#f1f6f2;color:#436153}.booking-spam-note>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#dcece1;font-weight:950}.booking-spam-note p{margin:0}.booking-spam-note b,.booking-spam-note small{display:block}.booking-spam-note b{font-size:.76rem}.booking-spam-note small{margin-top:2px;font-size:.68rem;color:#718078} @media(max-width:680px){.booking-account-choice{padding:14px}.booking-account-grid{grid-template-columns:1fr}.booking-account-card{padding:12px}.guest-booking-details summary{padding:14px}.guest-booking-fields{padding:14px}} /* V1.3.15 — einfache Premium-Schnellkasse */ .checkout-panel{padding:clamp(18px,3vw,34px);border:1px solid rgba(157,116,96,.18);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,246,242,.98));box-shadow:0 22px 60px rgba(45,37,32,.08)} .checkout-head,.checkout-cart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.checkout-head h2,.checkout-cart-head h3{margin:.25rem 0 0}.checkout-help{font-size:.82rem;color:var(--muted,#786f68);background:#f4eee8;border-radius:999px;padding:8px 12px}.checkout-form{display:grid;gap:22px}.checkout-customer{display:grid;grid-template-columns:minmax(240px,540px) 1fr;gap:14px;align-items:end}.checkout-customer small{padding-bottom:12px;color:var(--muted,#786f68)} .checkout-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.checkout-add-card{display:grid;gap:10px;padding:16px;border:1px solid #e8ddd4;border-radius:18px;background:#fff}.checkout-add-card>small{font-size:.68rem;font-weight:900;letter-spacing:.16em;color:#9b7765}.checkout-add-card.free{background:#faf7f4}.checkout-add-row{display:grid;grid-template-columns:90px 1fr;gap:8px}.checkout-add-card.free .checkout-add-row{grid-template-columns:1fr 72px auto}.checkout-add-row input,.checkout-add-card select,.checkout-add-card>input{min-width:0} .checkout-cart{border-top:1px solid #eadfd7;padding-top:22px}.checkout-empty{padding:24px;border:1px dashed #d8c9bf;border-radius:16px;color:#8a7d75;text-align:center;background:rgba(255,255,255,.55)}.checkout-lines{display:grid;gap:8px}.checkout-line{display:grid;grid-template-columns:minmax(180px,1.7fr) 92px 118px 120px 34px;gap:10px;align-items:center;padding:12px 12px 12px 16px;border:1px solid #ece2da;border-radius:15px;background:#fff}.checkout-line-main{min-width:0}.checkout-line-main small{display:block;font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#a17c68;text-transform:uppercase}.checkout-line-main b{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-line label{margin:0}.checkout-line label span{display:block;font-size:.61rem;color:#8b8179;margin-bottom:3px}.checkout-line input{padding:8px 9px}.checkout-line input[readonly]{background:#f7f3ef;color:#70665f}.checkout-line>strong{text-align:right}.checkout-line-remove{width:32px;height:32px;border:0;border-radius:50%;background:#f3ece7;color:#81695d;font-size:20px;line-height:1;cursor:pointer}.checkout-line-remove:hover{background:#2b2927;color:#fff} .checkout-finish{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:20px;border-top:1px solid #eadfd7;padding-top:22px}.checkout-options{display:grid;gap:15px}.payment-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.payment-cards label{cursor:pointer;margin:0}.payment-cards input{position:absolute;opacity:0;pointer-events:none}.payment-cards span{display:grid;place-items:center;min-height:52px;padding:8px;border:1px solid #e2d7cf;border-radius:14px;background:#fff;font-weight:800;transition:.15s ease}.payment-cards label.selected span,.payment-cards input:checked+span{background:#252422;color:#fff;border-color:#252422;box-shadow:0 8px 24px rgba(37,36,34,.14)} .checkout-total{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:22px;background:linear-gradient(145deg,#222321,#36312e);color:#fff}.checkout-total>small{font-size:.68rem;letter-spacing:.18em;color:#d9c8bc;font-weight:900}.checkout-total>strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:8px 0}.checkout-total>span{color:#d1c8c1;font-size:.82rem}.checkout-total .btn-checkout{margin-top:18px;width:100%;min-height:50px}.checkout-total p{font-size:.72rem;line-height:1.4;color:#d8cdc5;margin:10px 0 0}.checkout-secondary{margin-top:16px}.checkout-secondary details.panel{padding:0}.checkout-secondary summary,.cash-moves-panel>summary{cursor:pointer;font-weight:850;padding:17px 20px;list-style:none}.checkout-secondary summary::-webkit-details-marker,.cash-moves-panel>summary::-webkit-details-marker{display:none}.checkout-secondary details[open] summary,.cash-moves-panel[open]>summary{border-bottom:1px solid #eadfd7}.checkout-secondary details form{padding:18px 20px 22px}.cash-moves-panel{margin-top:16px}.cash-moves-panel>table,.cash-moves-panel>.admin-bulk-toolbar{margin-left:20px;margin-right:20px}.sales-table td small{display:block;color:#8a8179;margin-top:4px;max-width:520px}.invoice-direct-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.just-booked{outline:2px solid rgba(157,116,96,.38);outline-offset:-2px;background:#fffaf6!important} .invoice-detail-title .admin-title-actions{flex-wrap:wrap}.invoice-created{margin-bottom:16px}.invoice-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:18px}.invoice-detail-summary{align-self:start}.invoice-big-total{padding:20px 0;border-bottom:1px solid #e8ddd4}.invoice-big-total small{display:block;color:#8e8076}.invoice-big-total strong{display:block;font:700 2.3rem/1.1 Georgia,"Times New Roman",serif;margin-top:4px}.invoice-detail-summary dl{margin:18px 0;display:grid;gap:10px}.invoice-detail-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:9px;border-bottom:1px solid #eee7e2}.invoice-detail-summary dt{color:#8a7d75}.invoice-detail-summary dd{margin:0;font-weight:800;text-align:right}.btn-block{display:flex;width:100%;justify-content:center;margin-top:8px} @media(max-width:1050px){.checkout-add-grid{grid-template-columns:1fr 1fr}.checkout-add-card.free{grid-column:1/-1}.payment-cards{grid-template-columns:repeat(3,1fr)}.checkout-line{grid-template-columns:minmax(160px,1fr) 82px 108px 100px 34px}.invoice-detail-grid{grid-template-columns:1fr}} @media(max-width:700px){.checkout-head,.checkout-cart-head{align-items:flex-start;flex-direction:column}.checkout-help{border-radius:12px}.checkout-customer{grid-template-columns:1fr}.checkout-customer small{padding:0}.checkout-add-grid{grid-template-columns:1fr}.checkout-add-card.free{grid-column:auto}.checkout-add-card.free .checkout-add-row{grid-template-columns:1fr 70px}.checkout-add-card.free .checkout-add-row .btn{grid-column:1/-1}.checkout-line{grid-template-columns:1fr 70px 92px 32px}.checkout-line-main{grid-column:1/-1}.checkout-line>strong{grid-column:1/4;text-align:left;font-size:1.08rem}.checkout-line-remove{grid-column:4;grid-row:2}.checkout-finish{grid-template-columns:1fr}.payment-cards{grid-template-columns:1fr 1fr}.checkout-total{position:sticky;bottom:8px;z-index:5}.sales-table{min-width:760px}.invoice-detail-title .admin-title-actions{width:100%}} .checkout-prefill-note{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid rgba(86,125,106,.18);border-radius:16px;background:linear-gradient(135deg,#f0f6f2,#fbfdfb);color:#385347}.checkout-prefill-note b{font-size:.82rem}.checkout-prefill-note span{font-size:.76rem;color:#677970;text-align:right} @media(max-width:700px){.checkout-prefill-note{align-items:flex-start;flex-direction:column}.checkout-prefill-note span{text-align:left}} /* V1.3.16 — Premium-Kundenanmeldung: Kennwort oder E-Mail-Code */ .customer-auth-card{width:min(900px,100%)}.customer-auth-card>h1{font-size:clamp(2.25rem,5vw,4rem);max-width:760px}.customer-login-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.customer-login-method{position:relative;display:flex;flex-direction:column;gap:15px;padding:22px;border:1px solid rgba(96,70,56,.13);border-radius:22px;background:linear-gradient(145deg,#fff,#fbf7f3);box-shadow:0 14px 38px rgba(55,39,31,.055)}.customer-login-method.is-highlighted{border-color:rgba(11,145,168,.34);box-shadow:0 18px 42px rgba(11,145,168,.09)}.customer-login-method>div:nth-child(2){min-height:116px}.customer-login-method small{font-size:.66rem;letter-spacing:.15em;font-weight:900;color:#9a7563}.customer-login-method h2{font:600 1.7rem/1.1 Georgia,"Times New Roman",serif;margin:4px 0 8px;color:#2a211d}.customer-login-method p{margin:0;color:#7e7169;font-size:.86rem}.customer-login-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#efe4dd;color:#9f6952;font-weight:950}.customer-login-method:first-child .customer-login-icon{background:#252422;color:#fff}.customer-auth-link{font-size:.78rem;font-weight:800;color:#74665e;text-decoration:underline;text-underline-offset:3px}.customer-register-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border:1px solid rgba(96,70,56,.11);border-radius:18px;background:#f5eee8}.customer-register-bar b,.customer-register-bar span{display:block}.customer-register-bar span{margin-top:2px;color:#81746c;font-size:.76rem}.customer-password-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #eadfd7}.customer-password-action b,.customer-password-action span{display:block}.customer-password-action span{margin-top:4px;color:#84776f;font-size:.76rem;max-width:420px} @media(max-width:720px){.customer-login-methods{grid-template-columns:1fr}.customer-login-method{padding:18px}.customer-login-method>div:nth-child(2){min-height:auto}.customer-register-bar,.customer-password-action{align-items:flex-start;flex-direction:column}.customer-register-bar .btn,.customer-password-action .btn{width:100%}} /* V1.3.17 – six cursor-driven hero looks, no controls over the image */ .premium-photo-stack[data-rotate-gallery]{user-select:none;-webkit-user-select:none;touch-action:pan-y} .premium-photo-stack[data-rotate-gallery] .premium-photo{pointer-events:none;transition:opacity .18s ease,transform .28s ease} .premium-photo-stack[data-rotate-gallery] .premium-photo.is-active{opacity:1;transform:scale(1)} @media (hover:hover) and (pointer:fine){ .premium-photo-stack[data-rotate-gallery]{cursor:ew-resize} } @media (prefers-reduced-motion:reduce){ .premium-photo-stack[data-rotate-gallery] .premium-photo{transition:none!important} } .premium-photo-stack[data-rotate-gallery] .premium-hair{display:none!important} /* V1.3.19 – Verkaufs-Cockpit: direkt öffnen, Rechnung aus Verkauf, Wiederholen */ .sale-done-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:17px 19px;border:1px solid rgba(71,112,91,.2);border-radius:20px;background:linear-gradient(135deg,#eef6f1,#fffdfb);box-shadow:0 14px 34px rgba(45,61,52,.07)} .sale-done-banner>div:first-child{display:grid;gap:3px}.sale-done-banner small{font-size:.66rem;font-weight:950;letter-spacing:.15em;color:#56806b}.sale-done-banner b{font:600 1.2rem/1.2 Georgia,"Times New Roman",serif;color:#23362c}.sale-done-banner span{font-size:.78rem;color:#6e7f76}.sale-done-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .sale-row-link{display:block;color:inherit;text-decoration:none;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background .15s ease}.sale-row-link:hover{background:#f7f0ea}.sale-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .sale-detail-title .admin-title-actions{flex-wrap:wrap}.sale-detail-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.72fr);gap:18px}.sale-detail-summary{align-self:start}.sale-position-count{font-size:.76rem;font-weight:850;color:#88776d;background:#f5eee9;border-radius:999px;padding:7px 10px}.sale-detail-table td small{display:block;margin-top:3px;color:#95867d;font-size:.68rem}.sale-detail-summary dl{margin:18px 0;display:grid;gap:10px}.sale-detail-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:9px;border-bottom:1px solid #eee7e2}.sale-detail-summary dt{color:#8a7d75}.sale-detail-summary dd{margin:0;font-weight:800;text-align:right}.sale-invoice-ready,.sale-create-invoice{margin-top:18px;padding:16px;border-radius:17px;background:#f7f1ec;border:1px solid #eaded5}.sale-invoice-ready{display:grid;gap:5px;background:linear-gradient(145deg,#eff7f2,#fbfdfb);border-color:rgba(76,120,96,.18)}.sale-invoice-ready span,.sale-create-invoice p{font-size:.77rem;line-height:1.5;color:#7b7069}.sale-create-invoice h3{margin:0 0 6px}.sale-create-invoice form{margin-top:13px}.sale-note{margin-top:16px;padding-top:15px;border-top:1px solid #eee5de}.sale-note small{font-size:.65rem;font-weight:900;letter-spacing:.14em;color:#9c7865}.sale-note p{margin:6px 0 0;line-height:1.55}.checkout-prefill-note.repeat{background:linear-gradient(135deg,#f6f0fb,#fdfbff);border-color:rgba(112,82,135,.18);color:#574267} @media(max-width:1050px){.sale-detail-grid{grid-template-columns:1fr}} @media(max-width:720px){.sale-done-banner{align-items:flex-start;flex-direction:column}.sale-done-actions{width:100%;justify-content:flex-start}.sale-done-actions .btn{flex:1 1 auto}.sale-detail-title .admin-title-actions{width:100%}.sale-detail-title .admin-title-actions .btn{flex:1 1 auto}.sale-detail-table{min-width:680px}} .sales-history-head{align-items:center}.sales-history-head>div>span{display:block;margin-top:4px}.sales-date-filter label{display:grid;gap:4px;font-size:.68rem;font-weight:850;letter-spacing:.06em;color:#88776d}.sales-date-filter input{min-width:155px} @media(max-width:720px){.sales-history-head{align-items:flex-start;flex-direction:column}.sales-date-filter,.sales-date-filter label,.sales-date-filter input{width:100%}} .sale-fixed-customer{display:grid;gap:3px;padding:12px 13px;border-radius:13px;background:#fff;border:1px solid #eadfd7}.sale-fixed-customer small{font-size:.62rem;font-weight:900;letter-spacing:.13em;color:#9a7866}.sale-fixed-customer b{font-size:.9rem} /* V1.3.20 – Schnellkasse: echte 1-Klick-Schnellwahl und einfache Rechnungszahlung */ .checkout-customer{grid-template-columns:minmax(220px,.85fr) minmax(260px,1.25fr)} .checkout-customer>small{grid-column:1/-1;padding:0;margin-top:-5px} .checkout-customer-search input{background:#fffdfb} .checkout-quick{display:grid;gap:12px;padding:15px 16px;border:1px solid #e9ddd4;border-radius:19px;background:linear-gradient(145deg,#fffdfa,#f8f2ed)} .checkout-quick-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.checkout-quick-head>div{display:grid;gap:2px}.checkout-quick-head small{font-size:.64rem;font-weight:900;letter-spacing:.16em;color:#9d7865}.checkout-quick-head b{font-size:.92rem}.checkout-quick-head>span{font-size:.72rem;color:#8a7d75;text-align:right} .checkout-quick-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.checkout-quick-item{appearance:none;border:1px solid #e7dbd2;border-radius:15px;background:#fff;padding:11px 12px;text-align:left;cursor:pointer;display:grid;gap:3px;min-width:0;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.checkout-quick-item:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(61,48,41,.09);border-color:#ceb9aa}.checkout-quick-item span{font-size:.57rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#9b7b69}.checkout-quick-item b{font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-quick-item strong{font-size:.72rem;color:#62574f}.checkout-quick-item.product{background:#faf8f6}.checkout-quick-item.just-added{animation:hzQuickAdded .38s ease}@keyframes hzQuickAdded{0%{transform:scale(1)}45%{transform:scale(.96);box-shadow:inset 0 0 0 2px #9d7460}100%{transform:scale(1)}} .invoice-quick-payment{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid rgba(103,133,112,.22);border-radius:18px;background:linear-gradient(145deg,#f0f7f2,#fbfdfb)}.invoice-quick-payment h3{margin:3px 0 0}.invoice-quick-payment p{margin:3px 0 0;font-size:.74rem;color:#6f7c73}.invoice-quick-payment>div>small,.invoice-payment-done>small{font-size:.61rem;font-weight:900;letter-spacing:.15em;color:#5f806d}.invoice-payment-done{display:grid;gap:4px;margin:18px 0;padding:15px 16px;border-radius:17px;background:#eef7f1;border:1px solid rgba(75,118,94,.18)}.invoice-payment-done b{font-size:1.05rem}.invoice-payment-done span{font-size:.76rem;color:#607064}.invoice-payment-correct{margin:10px 0 18px;border:1px solid #eadfd7;border-radius:15px;background:#fbf8f6}.invoice-payment-correct summary{cursor:pointer;padding:11px 13px;font-weight:800;font-size:.76rem}.invoice-payment-correct form{padding:0 13px 13px}.invoice-cancelled-box{display:grid;gap:10px;margin:18px 0;padding:15px;border-radius:16px;background:#f8efed;border:1px solid #ecd8d2}.invoice-payment-history{margin-top:18px} @media(max-width:900px){.checkout-quick-items{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.checkout-customer{grid-template-columns:1fr}.checkout-customer>small{grid-column:auto}.checkout-quick-head{align-items:flex-start;flex-direction:column}.checkout-quick-head>span{text-align:left}.checkout-quick-items{grid-template-columns:1fr 1fr}.checkout-quick-item{padding:10px}.checkout-quick-item b{font-size:.74rem}} .invoice-list-status{display:grid;gap:5px;justify-items:start}.invoice-pay-now{font-size:.7rem;font-weight:850}.invoice-list-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.invoice-list-actions form{margin:0} /* V1.3.21 – Kasse: offene Termine direkt abrechnen + lokaler Warenkorb-Entwurf */ .checkout-open-appointments{margin:16px 0 18px;padding:18px 20px;overflow:hidden;background:linear-gradient(145deg,#fffdfb,#f8f1ec);border-color:rgba(151,108,85,.18)} .checkout-open-head{margin-bottom:12px}.checkout-open-head h2{margin:2px 0 0}.checkout-appointment-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity} .checkout-appointment-card{min-width:280px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"time info amount" "time info action";gap:2px 12px;align-items:center;padding:13px 14px;border:1px solid #eaded5;border-radius:17px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(52,38,31,.05);scroll-snap-align:start;transition:.18s ease} .checkout-appointment-card:hover{transform:translateY(-2px);border-color:rgba(157,116,96,.38);box-shadow:0 12px 28px rgba(52,38,31,.09)} .checkout-appointment-time{grid-area:time;display:grid;place-items:center;min-width:58px;min-height:58px;padding:8px;border-radius:15px;background:#2b2522;color:#fff;font-weight:900;font-size:1rem} .checkout-appointment-info{grid-area:info;min-width:0}.checkout-appointment-info b,.checkout-appointment-info small{display:block}.checkout-appointment-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-appointment-info small{margin-top:3px;color:#897b72;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .checkout-appointment-card strong{grid-area:amount;font-size:.88rem;text-align:right}.checkout-appointment-card em{grid-area:action;font-style:normal;font-size:.68rem;font-weight:900;color:#956b56;text-align:right} .checkout-cart-actions{display:flex;align-items:center;gap:10px}.checkout-clear{border:0;background:transparent;color:#8c6d5e;font:inherit;font-size:.7rem;font-weight:850;cursor:pointer;padding:5px 0}.checkout-clear:hover{text-decoration:underline} .checkout-draft-restored{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 12px;border-radius:13px;background:#f1f7f3;border:1px solid rgba(76,120,96,.17);font-size:.72rem;color:#5d6f63}.checkout-draft-restored b{color:#476554} @media(max-width:700px){.checkout-open-appointments{padding:15px}.checkout-open-head{align-items:flex-start;flex-direction:column}.checkout-appointment-card{min-width:250px}.checkout-cart-actions{width:100%;justify-content:space-between}} /* V1.3.24 – SEO/Conversion Feinschliff */ .customer-login-info{width:min(1040px,calc(100% - 32px));margin:22px auto 70px;padding:30px;border:1px solid rgba(82,57,45,.12);border-radius:28px;background:linear-gradient(145deg,#fff,#f7f0e9);box-shadow:0 22px 54px rgba(56,38,30,.08)} .customer-login-info>div:first-child{max-width:760px}.customer-login-info>div:first-child>span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#a37659;margin-bottom:8px}.customer-login-info h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08;margin:0 0 12px;color:#241c18}.customer-login-info p{color:#675950;line-height:1.7;margin:0} .customer-login-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.customer-login-benefits article{padding:18px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(82,57,45,.09)}.customer-login-benefits b{display:block;color:#2c211c;margin-bottom:7px}.customer-login-benefits article p{font-size:.92rem;line-height:1.55} .customer-login-info-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.site-footer .footer-booking-link{font-weight:900!important;color:#fff!important;background:#2b211d;padding:10px 12px;border-radius:12px;margin:3px 0 6px;width:max-content;max-width:100%} @media(max-width:780px){.customer-login-info{padding:22px 18px;margin-bottom:96px}.customer-login-benefits{grid-template-columns:1fr}.customer-login-info-actions .btn{flex:1;justify-content:center}} /* V1.3.26 – Salon-Tageszentrale: direkte Alltagsschritte statt Menüsuche */ .today-command{margin-top:24px;display:grid;gap:16px} .today-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#1d1b1a,#2a2624);color:#fff;box-shadow:0 24px 60px rgba(24,20,18,.13)} .today-command-head .eyebrow{color:#8fd8e4;margin-bottom:8px} .today-command-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 7px;letter-spacing:-.035em} .today-command-head p{margin:0;max-width:760px;color:#d1c8c2;font-size:.94rem} .today-command-head .btn{flex:0 0 auto;background:#fff;color:#1d1b1a} .today-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .today-command-card{padding:0;overflow:hidden;min-width:0} .today-command-card>.panel-head{padding:18px 20px 14px;margin:0;border-bottom:1px solid var(--line);align-items:flex-start} .today-command-card>.panel-head small{display:block;color:#087f95;font-size:.66rem;letter-spacing:.15em;font-weight:900;margin-bottom:5px} .today-command-card>.panel-head h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;margin:0;letter-spacing:-.025em} .today-command-card>.panel-head>a{font-size:.76rem;font-weight:900;color:#6d655f;padding-top:3px} .today-action-list{display:grid} .today-action-row{display:grid;grid-template-columns:minmax(48px,auto) minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #ece6e0;transition:background .18s ease,transform .18s ease} .today-action-row:last-child{border-bottom:0} .today-action-row:hover{background:#fbf7f2;transform:translateX(2px)} .today-action-row.is-overdue{background:#fff7f5} .today-action-row.is-overdue:hover{background:#fff0ed} .today-action-time{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:6px 8px;border-radius:10px;background:#eee7e1;color:#2d2825;font-size:.76rem;font-weight:900;font-variant-numeric:tabular-nums} .today-action-time.invoice{min-width:78px;font-size:.68rem;background:#eceff0;color:#36515a} .today-action-row.is-overdue .today-action-time{background:#f5ddd8;color:#9b4639} .today-action-main{display:block;min-width:0} .today-action-main b,.today-action-main small,.today-action-value small{display:block} .today-action-main b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .today-action-main small{margin-top:3px;color:#7d756f;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .today-action-value{text-align:right;font-weight:900;font-size:.87rem;white-space:nowrap} .today-action-value small{margin-top:3px;color:#087f95;font-size:.67rem;font-weight:900} .today-empty{display:grid;gap:4px;padding:24px 20px;color:#5e5853;background:linear-gradient(145deg,#fcfaf7,#f6f2ed)} .today-empty b{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem} .today-empty span{font-size:.78rem;color:#817972} @media(max-width:1180px){.today-command-grid{grid-template-columns:1fr 1fr}.today-command-card:last-child{grid-column:1/-1}} @media(max-width:760px){.today-command-head{align-items:stretch;display:grid;padding:20px;border-radius:20px}.today-command-head .btn{width:100%}.today-command-grid{grid-template-columns:1fr}.today-command-card:last-child{grid-column:auto}.today-action-row{grid-template-columns:52px minmax(0,1fr);padding:13px 14px}.today-action-value{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.today-action-value small{display:inline;margin:0}.today-action-main small{white-space:normal}.today-command-card>.panel-head{padding:16px}} /* V1.3.26 – Tageszentrale als Arbeitscockpit: serverseitige Filter & Prioritäten */ .today-command-filters{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 0} .today-command-filters a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fffdfa;color:#5e554f;font-size:.75rem;font-weight:900;box-shadow:0 4px 14px rgba(45,34,28,.035);transition:transform .16s ease,background .16s ease,border-color .16s ease} .today-command-filters a:hover{transform:translateY(-1px);border-color:#cfc1b7;background:#fff} .today-command-filters a b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eee7e1;color:#3b332e;font-size:.68rem;font-variant-numeric:tabular-nums} .today-command-filters a.is-active{background:#24201d;border-color:#24201d;color:#fff} .today-command-filters a.is-active b{background:#fff;color:#24201d} .today-command-filters a.has-alert:not(.is-active){border-color:#e8b6ac;color:#943f33;background:#fff8f6} .today-command-filters a.has-alert:not(.is-active) b{background:#f3d9d4;color:#943f33} .today-next-action{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #ead6a8;border-radius:18px;background:linear-gradient(135deg,#fff9ea,#fffdfa);box-shadow:0 12px 30px rgba(64,46,29,.055)} .today-next-action>div{min-width:0}.today-next-action small,.today-next-action b,.today-next-action span{display:block}.today-next-action small{margin-bottom:5px;color:#9b6d22;font-size:.62rem;font-weight:950;letter-spacing:.15em}.today-next-action b{font-family:Georgia,"Times New Roman",serif;font-size:1.17rem;color:#2b2521}.today-next-action span{margin-top:4px;color:#746a63;font-size:.79rem}.today-next-action .btn{flex:0 0 auto} .today-next-action.is-invoice{border-color:#ebc5bd;background:linear-gradient(135deg,#fff3ef,#fffdfa)}.today-next-action.is-invoice small{color:#a14a3d} .today-next-action.is-done{border-color:#cfe2d4;background:linear-gradient(135deg,#f4fbf6,#fffdfa)}.today-next-action.is-done small{color:#4b8762} .today-action-row.is-ready .today-action-time{background:#f6e6bd;color:#805a19}.today-action-row.is-ready .today-action-value small{color:#a66f14} .today-action-row.is-later{background:#fbfaf8}.today-action-row.is-later .today-action-time{background:#f0efed;color:#77716d}.today-action-row.is-later .today-action-value small{color:#8a837e} .today-action-row.is-due-today{background:#fffaf0}.today-action-row.is-due-today .today-action-time{background:#f4e7c8;color:#8b641e}.today-action-row.is-due-today .today-action-value small{color:#9b6f1e} .today-command-grid>.today-command-card:only-child{grid-column:1/-1} .today-filter-empty{grid-column:1/-1;padding:30px;border:1px dashed #cddfd2;border-radius:20px;background:#f8fcf9;text-align:center}.today-filter-empty b,.today-filter-empty span{display:block}.today-filter-empty b{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;color:#355d43}.today-filter-empty span{margin-top:6px;color:#6e7d73;font-size:.84rem} @media(max-width:760px){.today-command-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.today-command-filters a{justify-content:space-between;min-width:0}.today-command-filters a:first-child{grid-column:1/-1}.today-next-action{display:grid;gap:14px;padding:17px}.today-next-action .btn{width:100%}.today-next-action b{font-size:1.08rem}} /* V1.3.27 – Feierabend-Assistent: Tagesabschluss ohne Taschenrechner */ .day-close-dashboard{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 23px;border:1px solid rgba(92,68,56,.12);border-radius:22px;background:linear-gradient(135deg,#fffdfa,#f5eee8);box-shadow:0 14px 38px rgba(43,31,25,.06)} .day-close-dashboard>div:first-child{min-width:0}.day-close-dashboard small,.day-close-dashboard h2,.day-close-dashboard p{display:block}.day-close-dashboard small{margin-bottom:5px;color:#9a6f5b;font-size:.62rem;font-weight:950;letter-spacing:.15em}.day-close-dashboard h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;letter-spacing:-.025em;color:#2b231f}.day-close-dashboard p{margin:6px 0 0;color:#746a63;font-size:.82rem}.day-close-dashboard-actions{display:flex;gap:8px;flex:0 0 auto}.day-close-dashboard.has-open{border-color:#ead7a8;background:linear-gradient(135deg,#fff9e9,#fffdfa)}.day-close-dashboard.is-ready{border-color:#cfe2d4;background:linear-gradient(135deg,#f4fbf6,#fffdfa)}.day-close-dashboard.is-closed{border-color:#bfdcc8;background:linear-gradient(135deg,#eff9f2,#fffdfa)} .close-assistant{margin:22px 0;padding:0;border-radius:26px;overflow:hidden;border:1px solid rgba(91,67,55,.12);background:#fffdfa;box-shadow:0 24px 62px rgba(39,28,23,.09)} .close-assistant-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:linear-gradient(135deg,#1c1917,#302824);color:#fff}.close-assistant-head small{display:block;color:#d8b8a7;font-size:.65rem;font-weight:950;letter-spacing:.16em;margin-bottom:7px}.close-assistant-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3vw,2.45rem);margin:0 0 6px;letter-spacing:-.035em}.close-assistant-head p{margin:0;color:#d7cec8;max-width:720px;font-size:.9rem;line-height:1.55}.close-assistant-head .btn-light{background:#fff;color:#251e1a} .close-day-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0}.close-calc{padding:27px 28px;background:linear-gradient(145deg,#f7f0e9,#fdfbf8);border-right:1px solid rgba(91,67,55,.10)}.close-calc h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;margin:0 0 18px}.close-calc-line,.close-calc-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(92,68,56,.08);font-size:.84rem}.close-calc-line span{color:#756a63}.close-calc-line b,.close-calc-total b{font-variant-numeric:tabular-nums}.close-calc-line.plus b{color:#326a53}.close-calc-line.minus b{color:#9a5144}.close-calc-total{margin-top:9px;padding:16px 0 8px;border:0;font-size:1rem}.close-calc-total span{font-weight:900;color:#352c27}.close-calc-total b{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem}.close-calc-note{display:block;margin-top:13px;color:#82776f;line-height:1.55;font-size:.72rem} .close-form-card{padding:27px 28px}.close-form-card form{margin-top:15px}.close-form-card label small{display:block;margin:4px 0 7px;color:#8b7e76;font-size:.7rem;font-weight:600}.close-counted-label input{font-size:1.35rem;font-weight:900;letter-spacing:.02em}.close-ready,.close-warning{display:grid;gap:3px;padding:13px 15px;border-radius:15px;margin-bottom:15px}.close-ready{background:#edf7f1;border:1px solid #cfe5d7;color:#426951}.close-warning{background:#fff7e6;border:1px solid #ead6a7;color:#805f22}.close-ready b,.close-warning b{font-size:.84rem}.close-ready span,.close-warning span{font-size:.72rem;opacity:.84}.close-warning a{margin-top:5px;font-size:.72rem;font-weight:900;color:inherit}.close-live-diff{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border-radius:14px;background:#f3eee9;border:1px solid rgba(92,68,56,.10)}.close-live-diff span{font-size:.76rem;color:#746a63}.close-live-diff b{font-size:1rem;font-variant-numeric:tabular-nums}.close-live-diff.is-good{background:#edf7f1;border-color:#cfe5d7;color:#426951}.close-live-diff.is-warning{background:#fff2ef;border-color:#eccbc4;color:#974b40} .close-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(92,68,56,.10)}.close-result-grid article{padding:24px;background:#fffdfa}.close-result-grid small,.close-result-grid b{display:block}.close-result-grid small{font-size:.62rem;font-weight:950;letter-spacing:.13em;color:#8a7d75}.close-result-grid b{margin-top:7px;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem}.close-result-grid article.is-good{background:#f2f9f4}.close-result-grid article.is-warning{background:#fff4f1} @media(max-width:900px){.close-day-grid{grid-template-columns:1fr}.close-calc{border-right:0;border-bottom:1px solid rgba(91,67,55,.10)}.close-result-grid{grid-template-columns:1fr 1fr}} @media(max-width:700px){.day-close-dashboard{display:grid;padding:18px}.day-close-dashboard-actions{width:100%;display:grid;grid-template-columns:1fr}.day-close-dashboard-actions .btn{width:100%}.close-assistant{border-radius:20px}.close-assistant-head{display:grid;padding:21px 18px}.close-assistant-head .btn{width:100%}.close-calc,.close-form-card{padding:21px 18px}.close-result-grid{grid-template-columns:1fr}.close-result-grid article{padding:18px}} /* V1.3.28 – Tagesstart-Assistent: Salonstart ohne Suchen */ .day-start-assistant{margin:0 0 20px;border:1px solid rgba(90,66,54,.12);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#fffdfa,#f6efe9);box-shadow:0 18px 46px rgba(43,31,25,.075)} .day-start-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid rgba(90,66,54,.09);background:linear-gradient(130deg,#fdf8f4,#fffdfa)} .day-start-head h2{margin:2px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;letter-spacing:-.025em;color:#2b231f}.day-start-head p{margin:0;color:#746a63;font-size:.82rem;max-width:760px}.day-start-head .eyebrow{margin:0;color:#9a6f5b} .day-start-state{flex:0 0 auto;min-width:132px;padding:11px 14px;border-radius:15px;text-align:right;border:1px solid rgba(87,65,54,.10);background:#f4eee9}.day-start-state small,.day-start-state b{display:block}.day-start-state small{font-size:.57rem;letter-spacing:.15em;font-weight:950;color:#8c7c72}.day-start-state b{margin-top:4px;font-size:.82rem}.day-start-state.is-ready{background:#edf7f1;border-color:#cfe5d7;color:#426951}.day-start-state.has-open{background:#fff6e4;border-color:#ead6a7;color:#805f22} .day-start-grid{display:grid;grid-template-columns:1.2fr 1fr 1.15fr 1fr;gap:1px;background:rgba(90,66,54,.10)} .day-start-card{min-width:0;display:flex;flex-direction:column;padding:20px 21px;background:#fffdfa;color:#352d28;transition:background .16s ease,transform .16s ease}.day-start-card[href]:hover{background:#fff;transform:translateY(-1px)} .day-start-card small,.day-start-card strong,.day-start-card b,.day-start-card span,.day-start-card i{display:block}.day-start-card small{color:#8d786c;font-size:.58rem;font-weight:950;letter-spacing:.14em}.day-start-card strong{margin:9px 0 3px;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:600;letter-spacing:-.025em}.day-start-card b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-start-card span{margin-top:5px;color:#81766f;font-size:.71rem;line-height:1.45}.day-start-card i{margin-top:auto;padding-top:12px;color:#8b604e;font-size:.69rem;font-weight:900;font-style:normal}.day-start-card.primary{background:linear-gradient(145deg,#27211e,#3a2e29);color:#fff}.day-start-card.primary small,.day-start-card.primary span{color:#d8c8bf}.day-start-card.primary i{color:#e6bca7}.day-start-card.primary.is-empty{background:linear-gradient(145deg,#3a342f,#4a403a)} .day-start-card.cash{background:linear-gradient(145deg,#f5eee8,#fffdfa)}.day-start-card.prep{position:relative}.day-start-card.prep.is-ready{background:#f4faf6}.day-start-card.prep.has-open{background:#fffaf0}.day-start-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.day-start-links a{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid rgba(90,66,54,.13);font-size:.66rem;font-weight:900;color:#6f5548} @media(max-width:1180px){.day-start-grid{grid-template-columns:1fr 1fr}} @media(max-width:700px){.day-start-assistant{border-radius:20px}.day-start-head{display:grid;padding:19px 17px}.day-start-state{width:100%;text-align:left}.day-start-grid{grid-template-columns:1fr}.day-start-card{padding:18px 17px}.day-start-card strong{font-size:1.25rem}} /* V1.3.29 – Terminfluss: ein Klick von Bestätigung bis Abrechnung */ .agenda-table .agenda-current{background:linear-gradient(90deg,#fff6df,#fffdfa)} .agenda-table .agenda-current>td:first-child{box-shadow:inset 4px 0 0 #b77c2f} .agenda-now{display:inline-flex!important;margin-top:5px;padding:3px 7px;border-radius:999px;background:#f0d69b;color:#6d4a17;font-size:.55rem!important;font-weight:950;letter-spacing:.12em} .agenda-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:210px} .agenda-quick-actions form{margin:0}.agenda-quick-actions .btn-small{white-space:nowrap}.agenda-edit-link{font-size:.72rem;font-weight:850;color:#725c50;padding:6px 3px} .agenda-quick-actions .text-button{font-size:.69rem} @media(max-width:900px){ .agenda-layout{grid-template-columns:1fr!important} .agenda-table{display:block;border:0}.agenda-table thead{display:none}.agenda-table tbody{display:grid;gap:10px}.agenda-table tr{display:grid;grid-template-columns:72px 1fr;gap:5px 12px;padding:14px;border:1px solid rgba(90,66,54,.12);border-radius:16px;background:#fffdfa}.agenda-table tr.agenda-current{background:linear-gradient(145deg,#fff6df,#fffdfa)} .agenda-table td{display:block!important;border:0!important;padding:2px 0!important;min-width:0}.agenda-table td.bulk-col{position:absolute;right:18px}.agenda-table td:nth-child(2){grid-row:1/4;grid-column:1;font-size:1.1rem}.agenda-table td:nth-child(3){grid-column:2;font-weight:800}.agenda-table td:nth-child(4),.agenda-table td:nth-child(5),.agenda-table td:nth-child(6),.agenda-table td:nth-child(7){grid-column:2;font-size:.75rem;color:#786d66}.agenda-table td:nth-child(8){grid-column:1/-1;margin-top:8px} .agenda-quick-actions{min-width:0;width:100%}.agenda-quick-actions .btn{flex:1 1 auto}.agenda-edit-link{margin-left:auto} } /* V1.3.30 – Aufgaben-Zentrum: konkrete offene Arbeit mit Direktaktionen */ .task-center{margin:20px 0 18px;border:1px solid rgba(91,67,55,.12);border-radius:24px;overflow:hidden;background:#fffdfa;box-shadow:0 20px 52px rgba(43,31,25,.07)} .task-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:23px 25px;border-bottom:1px solid rgba(91,67,55,.10);background:linear-gradient(135deg,#27211e,#342a26);color:#fff} .task-center-head .eyebrow{color:#e5b79f;margin-bottom:6px}.task-center-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.75rem;font-weight:500;letter-spacing:-.03em}.task-center-head p{margin:6px 0 0;color:#d4c9c3;font-size:.8rem;max-width:680px} .task-center-total{flex:0 0 auto;min-width:78px;text-align:center;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07)}.task-center-total small,.task-center-total b{display:block}.task-center-total small{font-size:.55rem;letter-spacing:.14em;color:#cfbfB7;font-weight:900}.task-center-total b{margin-top:3px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:500} .task-center-list{display:grid}.task-center-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid rgba(91,67,55,.08)}.task-center-row:first-child{border-top:0}.task-center-row:hover{background:#fff} .task-center-label{font-size:.59rem;letter-spacing:.12em;font-weight:950;color:#7a6c64}.task-center-main{min-width:0}.task-center-main b,.task-center-main span{display:block}.task-center-main b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#332b27}.task-center-main span{margin-top:3px;color:#81766f;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-center-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.task-center-actions form{margin:0}.task-center-actions .btn{white-space:nowrap} .task-kind-billing{border-left:3px solid #c58f73}.task-kind-invoice{border-left:3px solid #d77b6d;background:#fffaf8}.task-kind-confirm{border-left:3px solid #d7ae5e}.task-kind-message{border-left:3px solid #6db6c1}.task-kind-stock{border-left:3px solid #9f8b78} .task-center-more{padding:11px 18px;border-top:1px solid rgba(91,67,55,.08);background:#f8f2ed;color:#766a63;font-size:.68rem;text-align:center}.task-center-empty{display:flex;align-items:center;gap:14px;padding:22px 24px}.task-center-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9f5ee;color:#407458;font-size:1.1rem;font-weight:900}.task-center-empty b,.task-center-empty small{display:block}.task-center-empty b{font-size:.9rem}.task-center-empty small{margin-top:3px;color:#80756e;font-size:.72rem} @media(max-width:760px){.task-center{border-radius:20px}.task-center-head{align-items:flex-start;padding:20px 17px}.task-center-head h2{font-size:1.45rem}.task-center-head p{font-size:.75rem}.task-center-total{min-width:64px}.task-center-row{grid-template-columns:1fr;padding:15px 16px;gap:8px}.task-center-label{grid-column:1}.task-center-main{grid-column:1}.task-center-main b,.task-center-main span{white-space:normal}.task-center-actions{grid-column:1;justify-content:stretch}.task-center-actions>*{flex:1}.task-center-actions form{display:flex}.task-center-actions .btn{width:100%;justify-content:center}.task-center-more{text-align:left}} /* V1.3.31 – Kundenkommunikation ohne Umwege */ .communication-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:20px 22px;border:1px solid rgba(191,154,88,.24);border-radius:22px;background:linear-gradient(135deg,#fffaf1 0%,#fff 68%);box-shadow:0 12px 34px rgba(29,24,20,.06)} .communication-context small,.panel-head small{display:block;margin-bottom:5px;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#9a7840} .communication-context h2{margin:0 0 5px;font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;color:#211d19} .communication-context p{margin:0;color:#675e55} .communication-context-actions,.customer-direct-actions,.communication-send-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .communication-context-actions form{margin:0} .customer-direct-actions{margin-top:16px;padding-top:16px;border-top:1px solid rgba(31,27,23,.08)} .message-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px} .message-template{appearance:none;text-align:left;padding:15px 16px;border:1px solid rgba(31,27,23,.10);border-radius:16px;background:#fbf8f2;color:#211d19;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .message-template:hover{transform:translateY(-2px);border-color:rgba(181,137,67,.55);box-shadow:0 10px 24px rgba(34,28,21,.07)} .message-template small{display:block;margin-bottom:4px;color:#a48046;font-size:.66rem;font-weight:800;letter-spacing:.12em} .message-template b{display:block;font-size:.95rem} .message-template span{display:block;margin-top:6px;color:#796b5c;font-size:.82rem} .communication-form{margin-top:4px} .communication-send-row{justify-content:space-between;padding-top:4px} .communication-send-row span{font-size:.9rem;color:#71675d} @media(max-width:760px){.communication-context{align-items:flex-start;flex-direction:column}.communication-context-actions{width:100%}.communication-context-actions .btn,.communication-context-actions form,.communication-context-actions form .btn{width:100%}.message-template-grid{grid-template-columns:1fr}.customer-direct-actions .btn{flex:1 1 100%}.communication-send-row{align-items:stretch;flex-direction:column}.communication-send-row .btn{width:100%}} .appointment-save-actions{display:flex;gap:10px;flex-wrap:wrap}.appointment-save-actions .btn{flex:1 1 180px}@media(max-width:760px){.appointment-save-actions{flex-direction:column}.appointment-save-actions .btn{width:100%;flex:auto}} /* V1.3.32 – Premium-Kommunikationsverlauf */ .communication-workspace{grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);align-items:start} .communication-history-panel{min-width:0}.communication-timeline{display:grid;gap:12px;margin-top:14px}.communication-event{border:1px solid var(--line);border-radius:18px;padding:16px 17px;background:#fff;box-shadow:0 8px 24px rgba(31,24,20,.04)}.communication-event.is-inbound{border-left:4px solid var(--gold)}.communication-event.is-outbound{border-left:4px solid var(--ink)}.communication-event.status-failed{border-color:rgba(168,61,57,.38);background:#fff9f8}.communication-event.status-prepared{border-style:dashed;background:#fbf8f3}.communication-event-top,.communication-event-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.communication-event-top{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.communication-event>b{display:block;font-size:.98rem}.communication-event p{margin:6px 0 12px;color:var(--muted);font-size:.88rem}.communication-event-foot{font-size:.8rem}.communication-event-foot>a{font-weight:850;color:#087f95}.communication-event-foot .error-text{color:var(--danger);max-width:58%;text-align:right}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.72rem;font-weight:850}.status-sent .status-pill{background:#e8f3ed;color:#1e573e;border-color:#cfe4d8}.status-failed .status-pill{background:#f7e6e3;color:#8b312f;border-color:#eccbc7}.status-prepared .status-pill{background:#edf7f9;color:#087f95;border-color:#cde9ee}.communication-form-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.communication-discard{margin-top:10px;text-align:right}.communication-mini-head{margin-top:28px}.communication-mini-list{display:grid;gap:10px;margin-top:12px}.communication-mini-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#fff}.communication-mini-item>div:first-child{min-width:0;display:grid;gap:3px}.communication-mini-item small{color:var(--muted);font-size:.7rem}.communication-mini-item b{font-size:.9rem}.communication-mini-item span{font-size:.78rem;color:var(--muted)}.communication-mini-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.communication-mini-actions>a{font-size:.75rem;font-weight:850;color:#087f95}.communication-mini-item.status-failed{border-color:rgba(168,61,57,.3)} @media(max-width:1050px){.communication-workspace{grid-template-columns:1fr}.communication-history-panel{order:2}} @media(max-width:680px){.communication-event-top,.communication-event-foot,.communication-mini-item{align-items:flex-start;flex-direction:column}.communication-event-foot .error-text{max-width:none;text-align:left}.communication-mini-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.communication-form-actions{width:100%;display:grid;grid-template-columns:1fr}.communication-form-actions .btn{width:100%}} /* V1.3.33 – einheitliche Kunden-Timeline */ .customer-card-title .muted{margin:.35rem 0 0}.customer-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.customer-overview-card{padding:18px 19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#fffdfa,#fff);box-shadow:0 10px 28px rgba(48,34,27,.05)}.customer-overview-card small,.customer-overview-card strong,.customer-overview-card span{display:block}.customer-overview-card small{font-size:.62rem;letter-spacing:.12em;font-weight:900;color:#8b786e}.customer-overview-card strong{margin-top:8px;font:600 1.55rem/1.05 Georgia,"Times New Roman",serif;color:#2c2420}.customer-overview-card span{margin-top:7px;font-size:.74rem;color:var(--muted)}.customer-overview-card.attention{border-color:rgba(180,102,78,.3);background:linear-gradient(145deg,#fff7f3,#fff)} .customer-next-visit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:18px 20px;border:1px solid rgba(183,126,101,.23);border-radius:20px;background:linear-gradient(135deg,#2b231f,#44342d);color:#fff;box-shadow:0 16px 38px rgba(35,25,20,.11)}.customer-next-visit small,.customer-next-visit b,.customer-next-visit span{display:block}.customer-next-visit small{font-size:.61rem;letter-spacing:.13em;font-weight:900;color:#dfb9a7}.customer-next-visit b{margin-top:4px;font:600 1.15rem/1.2 Georgia,"Times New Roman",serif}.customer-next-visit span{margin-top:4px;color:#d7cbc5;font-size:.78rem} .customer-card-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);gap:16px;align-items:start}.customer-profile-panel,.customer-timeline-panel{min-width:0}.customer-timeline-filter{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 17px}.customer-timeline-filter a{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#71665f;font-size:.72rem;font-weight:850}.customer-timeline-filter a:hover,.customer-timeline-filter a.active{background:#2d2521;color:#fff;border-color:#2d2521} .customer-unified-timeline{position:relative;display:grid;gap:10px}.customer-unified-timeline:before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:1px;background:linear-gradient(#dcc9bf,#eee4df)}.customer-timeline-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px 14px 0;border:1px solid var(--line);border-radius:17px;background:#fff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.customer-timeline-item:hover{transform:translateY(-1px);border-color:rgba(179,128,104,.3);box-shadow:0 10px 24px rgba(45,31,25,.06)}.customer-timeline-marker{position:relative;z-index:2;display:grid;place-items:center;width:30px;height:30px;margin-left:3px;border-radius:50%;background:#2d2521;color:#fff;font-size:.68rem;font-weight:950;box-shadow:0 0 0 5px #fffdfa}.type-appointment .customer-timeline-marker{background:#8c6f60}.type-sale .customer-timeline-marker{background:#3c7567}.type-invoice .customer-timeline-marker{background:#a56d51}.type-communication .customer-timeline-marker{background:#4d7e87}.customer-timeline-copy{min-width:0}.customer-timeline-top{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:5px}.customer-timeline-top small{color:#8a7d75;font-size:.67rem;font-weight:780}.customer-timeline-copy>b{display:block;font-size:.9rem;color:#302824}.customer-timeline-copy p{margin:4px 0 0;color:#7c7069;font-size:.76rem;line-height:1.4;white-space:normal}.customer-timeline-action{align-self:center;white-space:nowrap;font-size:.75rem;font-weight:900;color:#087f95}.customer-timeline-empty{padding:24px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center} @media(max-width:1120px){.customer-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-card-layout{grid-template-columns:1fr}.customer-profile-panel{order:2}.customer-timeline-panel{order:1}} @media(max-width:680px){.customer-overview-grid{grid-template-columns:1fr 1fr}.customer-overview-card{padding:15px}.customer-overview-card strong{font-size:1.28rem}.customer-next-visit{align-items:flex-start;flex-direction:column}.customer-next-visit .btn{width:100%}.customer-timeline-item{grid-template-columns:34px minmax(0,1fr);padding:13px 13px 13px 0}.customer-timeline-action{grid-column:2;justify-self:start;margin-top:2px}.customer-timeline-top{align-items:flex-start;flex-direction:column;gap:5px}.customer-unified-timeline:before{left:16px}.customer-card-title .inline{width:100%}.customer-card-title .inline .btn{flex:1 1 calc(50% - 8px)}} @media(max-width:430px){.customer-overview-grid{grid-template-columns:1fr}.customer-card-title .inline .btn{flex:1 1 100%}} /* V1.3.34 – Kundenprofil 360°, Salon-Merker & Wiederbuchung */ .customer-safety-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px;padding:17px 19px;border:1px solid rgba(164,62,54,.28);border-left:5px solid #a43e36;border-radius:18px;background:linear-gradient(145deg,#fff6f3,#fff);box-shadow:0 10px 26px rgba(100,42,37,.06)} .customer-safety-alert small,.customer-safety-alert b,.customer-safety-alert span{display:block}.customer-safety-alert small{font-size:.61rem;letter-spacing:.13em;font-weight:950;color:#a43e36}.customer-safety-alert b{margin-top:4px;font:600 1.06rem/1.2 Georgia,"Times New Roman",serif;color:#3c2924}.customer-safety-alert span{margin-top:6px;color:#715d55;font-size:.84rem;line-height:1.5}.customer-safety-alert>a{flex:0 0 auto;font-size:.76rem;font-weight:900;color:#8b312f} .customer-intelligence-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.customer-intelligence-strip>article{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fffdfa}.customer-intelligence-strip small,.customer-intelligence-strip b,.customer-intelligence-strip span{display:block}.customer-intelligence-strip small{font-size:.59rem;letter-spacing:.12em;font-weight:950;color:#9a7968}.customer-intelligence-strip b{margin-top:7px;color:#302621;font-size:.96rem}.customer-intelligence-strip span{margin-top:5px;color:var(--muted);font-size:.74rem;line-height:1.4} .customer-quick-memory{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);gap:20px;align-items:start;margin:0 0 16px;padding:20px;border:1px solid rgba(177,126,102,.2);border-radius:21px;background:linear-gradient(145deg,#f4e9e2,#fffaf6);box-shadow:0 12px 34px rgba(49,34,27,.05)}.customer-quick-memory>div:first-child small{display:block;font-size:.61rem;letter-spacing:.13em;font-weight:950;color:#a47761}.customer-quick-memory h2{margin:5px 0 0;font:600 1.25rem/1.15 Georgia,"Times New Roman",serif;color:#30251f}.customer-memory-content{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.customer-tag{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(150,106,85,.18);border-radius:999px;background:#fff;color:#6f5649;font-size:.72rem;font-weight:850}.customer-tag.is-regular{background:#2f2723;color:#fff;border-color:#2f2723}.customer-memory-note{flex:1 1 230px;min-width:0;padding:11px 13px;border:1px solid rgba(98,72,59,.1);border-radius:14px;background:rgba(255,255,255,.78)}.customer-memory-note small,.customer-memory-note b{display:block}.customer-memory-note small{font-size:.58rem;letter-spacing:.11em;font-weight:950;color:#9b7866}.customer-memory-note b{margin-top:5px;color:#3b302a;font-size:.78rem;line-height:1.5;font-weight:750} .customer-profile-panel label small{display:block;margin-top:4px;color:var(--muted);font-size:.69rem;font-weight:600} @media(max-width:860px){.customer-intelligence-strip{grid-template-columns:1fr}.customer-quick-memory{grid-template-columns:1fr}.customer-memory-content{width:100%}} @media(max-width:620px){.customer-safety-alert{flex-direction:column}.customer-safety-alert>a{align-self:flex-start}.customer-memory-note{flex-basis:100%}} /* ========================================================== V1.3.35 – nahtloser Premium-Ticker + bessere Lesbarkeit ========================================================== */ /* Mehrere exakt gleiche Gruppen sorgen auch auf sehr breiten Displays fuer eine lueckenlose Schlaufe. */ .premium-marquee{overflow:hidden} .premium-marquee>.premium-marquee-track{display:flex!important;align-items:center!important;gap:0!important;width:max-content!important;min-width:0!important;animation:hzMarqueeSeamless 30s linear infinite!important;will-change:transform} .premium-marquee .premium-marquee-group{display:flex;align-items:center;gap:26px;flex:0 0 auto;padding-right:26px;white-space:nowrap} .premium-marquee .premium-marquee-group span{font-size:.74rem;letter-spacing:.17em;font-weight:900} .premium-marquee .premium-marquee-group i{font-size:.78rem} @keyframes hzMarqueeSeamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-12.5%,0,0)}} /* Public typography: premium darf fein wirken, aber nicht klein. */ .area-public .site-header nav{font-size:.84rem} .premium-kicker{font-size:.77rem} .premium-hero-copy>p{font-size:clamp(1.08rem,1.2vw,1.22rem);line-height:1.72} .premium-note b{font-size:.92rem}.premium-note small{font-size:.84rem;line-height:1.45} .premium-trust b{font-size:.96rem}.premium-trust span{font-size:.86rem;line-height:1.5} .premium-section-intro>div>span,.premium-about-copy>span,.premium-cta>div>span{font-size:.76rem} .premium-section-intro>p{font-size:1.08rem;line-height:1.7} .premium-quick-card>small{font-size:.73rem}.premium-quick-card>div span{font-size:.84rem}.premium-quick-card strong{font-size:.9rem} .premium-service-copy small{font-size:.7rem}.premium-service-price span{font-size:.82rem}.premium-service-row>a{font-size:.9rem} .premium-about-mark span{font-size:.8rem}.premium-values small{font-size:.82rem;line-height:1.45} .premium-journal-grid article>small{font-size:.78rem}.premium-journal-grid article p{font-size:.97rem;line-height:1.68}.premium-journal-grid article a{font-size:.9rem} .premium-local-copy>span{font-size:.75rem}.premium-local-copy p{font-size:1.08rem}.premium-local-links a{font-size:.9rem}.premium-local-keywords span{font-size:.73rem} .area-public .article-body{font-size:1.1rem}.area-public .article-lead,.area-public .lead{font-size:1.22rem} .area-public .post-card p{font-size:1rem;line-height:1.65} .area-public label{font-size:.9rem}.area-public input,.area-public textarea,.area-public select{font-size:1rem} .area-public .booking-account-intro p{font-size:.94rem}.area-public .booking-account-card b{font-size:.98rem}.area-public .booking-account-card small{font-size:.8rem}.area-public .guest-booking-details summary small{font-size:.8rem} .area-public .customer-login-method p{font-size:.95rem}.area-public .customer-login-method small{font-size:.73rem}.area-public .customer-register-bar span,.area-public .customer-password-action span{font-size:.84rem} .area-public .site-footer{font-size:.96rem;line-height:1.55} @media(max-width:680px){ .premium-marquee>.premium-marquee-track{animation-duration:24s!important} .premium-marquee .premium-marquee-group{gap:20px;padding-right:20px} .premium-marquee .premium-marquee-group span{font-size:.7rem;letter-spacing:.15em} .premium-hero-copy>p{font-size:1.06rem;line-height:1.68} .premium-trust b{font-size:.9rem}.premium-trust span{font-size:.82rem} .premium-section-intro>p{font-size:1.03rem} .premium-local-copy p{font-size:1.02rem} } @media(prefers-reduced-motion:reduce){ .premium-marquee>.premium-marquee-track{animation:none!important;transform:none!important} } /* V1.3.36 – Fair-Webdesign-Credit im öffentlichen Footer */ .site-footer .footer-credit{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-top:18px;padding-top:26px;border-top:1px solid rgba(255,255,255,.09)} .site-footer .footer-credit>span{font-size:.68rem;font-weight:900;letter-spacing:.18em;color:#918a84;white-space:nowrap} .site-footer .footer-credit>a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:12px;transform:none!important} .site-footer .footer-credit>a:hover{background:rgba(255,255,255,.045);transform:translateY(-1px)!important} .site-footer .footer-credit img{display:block;width:clamp(142px,11vw,188px);height:auto;max-height:54px;object-fit:contain} @media(max-width:780px){.site-footer .footer-credit{margin-top:6px;padding-top:22px;gap:12px;justify-content:flex-start}.site-footer .footer-credit>span{font-size:.62rem}.site-footer .footer-credit img{width:150px}} /* ========================================================== V1.3.41 – SEO-Beiträge: Bearbeiten, Vorschau und klare Aktionen ========================================================== */ .seo-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .seo-row-actions a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#332a25;font-size:.76rem;font-weight:850;white-space:nowrap} .seo-row-actions a:hover{border-color:rgba(11,145,168,.4);color:#087f95} .seo-editor-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} .seo-editor-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .seo-preview-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px max(20px,4vw);border-bottom:1px solid rgba(222,215,206,.9);background:rgba(255,253,250,.96);backdrop-filter:blur(18px);box-shadow:0 9px 30px rgba(42,33,27,.07)} .seo-preview-bar>div:first-child b,.seo-preview-bar>div:first-child span{display:block}.seo-preview-bar>div:first-child b{font-size:.86rem;color:#2f2723}.seo-preview-bar>div:first-child span{font-size:.76rem;color:var(--muted);margin-top:2px} @media(max-width:760px){.seo-preview-bar{align-items:flex-start;flex-direction:column}.seo-preview-bar .inline{width:100%}.seo-preview-bar .btn{flex:1}.seo-row-actions{gap:6px}.seo-row-actions a{font-size:.72rem;padding:6px 9px}.seo-editor-head-actions{justify-content:flex-start}} /* ========================================================== V1.3.42 – Besuchsassistent, Lückenfüller, Verspätung & Wiederbuchung ========================================================== */ .visit-prep-card{margin:0 0 18px;padding:22px;border:1px solid rgba(17,145,168,.2);border-radius:24px;background:linear-gradient(145deg,#f8fcfc,#fffdfa 62%);box-shadow:0 18px 48px rgba(33,61,64,.07)} .visit-prep-card.has-alert{border-color:rgba(164,62,54,.25);background:linear-gradient(145deg,#fff8f6,#fffdfa 68%)} .visit-prep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.visit-prep-head small,.waitlist-smart-head small,.rebooking-suggestion small{display:block;font-size:.62rem;letter-spacing:.15em;font-weight:950;color:#087f95}.visit-prep-head h2{margin:5px 0 4px;font:600 1.7rem/1.1 Georgia,"Times New Roman",serif}.visit-prep-head p{margin:0;color:var(--muted)}.visit-prep-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .visit-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visit-prep-grid article{min-width:0;padding:15px 16px;border:1px solid rgba(57,45,38,.09);border-radius:17px;background:rgba(255,255,255,.82)}.visit-prep-grid article small,.visit-prep-grid article b,.visit-prep-grid article span{display:block}.visit-prep-grid article small{font-size:.58rem;letter-spacing:.12em;font-weight:950;color:#9a7968}.visit-prep-grid article b{margin-top:6px;color:#332824;font-size:.9rem;line-height:1.45}.visit-prep-grid article span{margin-top:5px;color:var(--muted);font-size:.73rem;line-height:1.4}.visit-prep-grid article.alert{border-color:rgba(164,62,54,.25);background:#fff5f2}.visit-prep-grid article.alert small,.visit-prep-grid article.alert b{color:#973a34} .waitlist-smart-strip{margin:0 0 18px;padding:18px 20px;border:1px solid rgba(160,118,94,.16);border-radius:21px;background:linear-gradient(145deg,#f3e9e2,#fffaf6)}.waitlist-smart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.waitlist-smart-head b{display:block;margin-top:3px;font:600 1.1rem/1.2 Georgia,"Times New Roman",serif}.waitlist-smart-head>a{font-size:.78rem;font-weight:900;color:#087f95}.waitlist-smart-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.waitlist-smart-items article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 13px;border:1px solid rgba(85,60,48,.09);border-radius:15px;background:rgba(255,255,255,.78)}.waitlist-smart-items article b,.waitlist-smart-items article small{display:block}.waitlist-smart-items article b{font-size:.82rem}.waitlist-smart-items article small{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.35}.waitlist-smart-items article>div:last-child{display:grid;gap:3px;flex:0 0 auto}.waitlist-smart-items article a{font-size:.68rem;font-weight:900;color:#087f95;text-align:right} .agenda-delay{width:100%;margin-top:3px}.agenda-delay summary{cursor:pointer;color:#8f684f;font-size:.7rem;font-weight:850}.agenda-delay form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px;padding:8px;border-radius:12px;background:#f7f2ed}.agenda-delay select{width:auto;min-width:110px;margin:0;padding:8px 9px;font-size:.72rem}.agenda-delay .btn{min-height:34px;padding:7px 10px} .rebooking-suggestion{margin-top:16px;padding:16px;border-radius:17px;background:linear-gradient(145deg,#edf9fa,#fff);border:1px solid rgba(11,145,168,.17)}.rebooking-suggestion b,.rebooking-suggestion span{display:block}.rebooking-suggestion b{margin-top:5px;font:600 1.05rem/1.2 Georgia,"Times New Roman",serif}.rebooking-suggestion span{margin:5px 0 12px;color:var(--muted);font-size:.75rem}.rebook-action{border-color:rgba(11,145,168,.26)!important} @media(max-width:980px){.visit-prep-grid,.waitlist-smart-items{grid-template-columns:1fr}.visit-prep-head{flex-direction:column}.visit-prep-actions{justify-content:flex-start}.waitlist-smart-items article{align-items:flex-start}.waitlist-smart-items article>div:last-child{text-align:left}.waitlist-smart-items article a{text-align:left}} @media(max-width:620px){.visit-prep-card{padding:17px;border-radius:20px}.visit-prep-head h2{font-size:1.4rem}.visit-prep-actions{width:100%}.visit-prep-actions .btn{flex:1 1 0}.waitlist-smart-strip{padding:15px}.agenda-delay form{display:grid;grid-template-columns:1fr}.agenda-delay select{width:100%}.agenda-delay .btn{width:100%}} .booking-helper{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 22px;padding:18px 20px;border:1px solid rgba(11,145,168,.16);border-radius:20px;background:linear-gradient(145deg,#f0fafb,#fff)} .booking-helper>div small,.booking-helper>div b,.booking-helper>div span{display:block}.booking-helper>div small{font-size:.62rem;letter-spacing:.15em;font-weight:950;color:#087f95}.booking-helper>div b{margin-top:4px;font-size:.98rem}.booking-helper>div span{margin-top:4px;color:var(--muted);font-size:.8rem}.booking-helper nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.booking-helper nav a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.75rem;font-weight:850}.booking-helper nav a.active{background:#171514;color:#fff;border-color:#171514}.booking-unsure-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border-radius:15px;background:#f7f3ee;color:var(--muted);font-size:.83rem}.booking-unsure-note b{color:var(--ink)}.booking-unsure-note span{flex:1 1 260px}.booking-unsure-note a{font-weight:900;color:#087f95} @media(max-width:760px){.booking-helper{align-items:flex-start;flex-direction:column}.booking-helper nav{justify-content:flex-start}.booking-helper nav a{font-size:.72rem}} /* V1.3.43 – externe Buchung + interne Entwicklungsansicht */ .booking-dev-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px;padding:14px 16px;border:1px solid rgba(11,145,168,.22);border-radius:16px;background:linear-gradient(145deg,#edf9fb,#fff);color:#2f3d40}.booking-dev-preview b,.booking-dev-preview span{display:block}.booking-dev-preview b{font-size:.68rem;letter-spacing:.14em;color:#087f95}.booking-dev-preview span{font-size:.82rem;color:#677174}.booking-routing-actions{margin-top:16px;flex-wrap:wrap}.booking-routing-settings code{padding:2px 6px;border-radius:6px;background:#f0ece7;font-size:.86em} @media(max-width:680px){.booking-dev-preview{flex-direction:column}.booking-routing-actions .btn{width:100%}} /* V1.3.44 – HelloCut-Struktur in eigener Buchung + Kunden-CSV-Import */ .booking-audience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 26px}.booking-audience-tabs a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:900;color:#4b423d}.booking-audience-tabs a.active{background:#171514;color:#fff;border-color:#171514;box-shadow:0 12px 30px rgba(23,21,20,.13)}.booking-service-question{margin-top:6px}.service-choice>span{font-weight:800;color:#706963}.customer-import-panel{margin:0 0 18px}.customer-import-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.customer-import-panel summary::-webkit-details-marker{display:none}.customer-import-panel summary span{color:var(--muted);font-size:.82rem}.customer-import-body{padding-top:18px;border-top:1px solid var(--line);margin-top:16px}.customer-import-form{align-items:center}.customer-import-form input[type=file]{max-width:460px}.customer-import-body code{font-weight:800}.area-public .premium-service-price b{font-size:.92rem}.area-public .premium-service-price span{font-size:.75rem;color:var(--muted)} @media(max-width:680px){.booking-audience-tabs{grid-template-columns:1fr 1fr 1fr;gap:7px}.booking-audience-tabs a{min-height:48px;padding:9px 7px;font-size:.88rem}.customer-import-panel summary{align-items:flex-start;flex-direction:column}.customer-import-form{display:grid!important;grid-template-columns:1fr;width:100%}.customer-import-form input[type=file],.customer-import-form button{width:100%;max-width:none}} /* V1.3.45 – Admin Reset: ruhig, klar, salon-tauglich; kein Braun */ body.area-admin{--hz-ink:#16242a;--hz-espresso:#17313a;--hz-taupe:#64767c;--hz-rose:#0b91a8;--hz-champagne:#bce6eb;--hz-cream:#f4f7f8;--hz-paper:#fff;--hz-line:#dfe7e9;background:#f4f7f8!important;color:#16242a} .area-admin .admin-app-top{background:#10242c!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 7px 24px rgba(12,31,38,.13)!important} .area-admin .admin-drawer{background:linear-gradient(180deg,#10242c 0%,#0d1c22 100%)!important;border-right:1px solid rgba(116,201,215,.15)!important;box-shadow:24px 0 60px rgba(8,25,31,.24)!important} .area-admin .admin-drawer-head{background:rgba(16,36,44,.97)!important;border-bottom:1px solid rgba(116,201,215,.13)!important;box-shadow:none!important} .area-admin .admin-drawer-head small{color:#86d6df!important}.area-admin .admin-drawer-tools{background:transparent!important} .area-admin .admin-menu-search{background:rgba(255,255,255,.055)!important;border:1px solid rgba(134,214,223,.16)!important}.area-admin .admin-menu-search:focus-within{background:rgba(11,145,168,.12)!important;border-color:rgba(134,214,223,.45)!important} .area-admin .admin-quick-actions a{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#d9e7ea!important}.area-admin .admin-quick-actions a:hover{background:rgba(11,145,168,.17)!important;border-color:rgba(134,214,223,.28)!important} .area-admin .nav-group{background:transparent!important;border:0!important;border-left:2px solid transparent!important;border-radius:10px!important;padding:2px 3px!important;margin:4px 0!important} .area-admin .nav-group.open{background:rgba(255,255,255,.035)!important;border-left-color:#63cbd7!important} .area-admin .nav-group-title{color:#93a7ad!important;font-size:.65rem!important;letter-spacing:.12em!important;padding:10px 10px 7px!important} .area-admin .nav-group.open .nav-group-title{color:#b9ebf0!important} .area-admin .nav-group-links{gap:2px!important;padding:0 4px 6px!important} .area-admin .nav-group-links a{color:#d1dde0!important;border-radius:9px!important;padding:9px 10px!important;font-weight:650!important} .area-admin .nav-group-links a:hover{background:rgba(11,145,168,.13)!important;color:#fff!important;transform:none!important} .area-admin .sidebar a.active{background:#0b91a8!important;color:#fff!important;box-shadow:none!important;font-weight:850!important} .area-admin .nav-group-salon,.area-admin .nav-group-crm,.area-admin .nav-group-finance,.area-admin .nav-group-marketing,.area-admin .nav-group-website,.area-admin .nav-group-system{border-left-color:transparent!important} .area-admin .nav-group-salon.open,.area-admin .nav-group-crm.open,.area-admin .nav-group-finance.open,.area-admin .nav-group-marketing.open,.area-admin .nav-group-website.open,.area-admin .nav-group-system.open{border-left-color:#63cbd7!important} .area-admin .nav-group-salon .nav-group-title,.area-admin .nav-group-crm .nav-group-title,.area-admin .nav-group-finance .nav-group-title,.area-admin .nav-group-marketing .nav-group-title,.area-admin .nav-group-website .nav-group-title,.area-admin .nav-group-system .nav-group-title{color:#93a7ad!important} .area-admin .sidebar-more,.area-admin .sidebar-site{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important;color:#c9d8dc!important} .area-admin .sidebar-more:hover,.area-admin .sidebar-site:hover{background:rgba(11,145,168,.14)!important;color:#fff!important} .area-admin .app-main{background:#f4f7f8!important} .area-admin .panel,.area-admin .record,.area-admin details,.area-admin .cockpit-insight{background:#fff!important;border-color:#dfe7e9!important;box-shadow:0 8px 26px rgba(22,50,60,.055)!important} .area-admin .panel:before,.area-admin .settings-sections>.panel:before{background:#0b91a8!important} .area-admin .app-title h1,.area-admin h1,.area-admin h2,.area-admin h3,.area-admin .record strong{color:#16242a!important} .area-admin .app-title p,.area-admin .muted,.area-admin .record p,.area-admin small{color:#697b81} .area-admin input,.area-admin select,.area-admin textarea{background:#fff!important;border-color:#ccdadd!important;color:#17272d!important;box-shadow:none!important}.area-admin input:focus,.area-admin select:focus,.area-admin textarea:focus{border-color:#0b91a8!important;box-shadow:0 0 0 3px rgba(11,145,168,.10)!important} .area-admin .btn-gold{background:#0b91a8!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,145,168,.18)!important}.area-admin .btn-gold:hover{background:#087f94!important;box-shadow:0 11px 25px rgba(11,145,168,.23)!important} .area-admin .btn-dark{background:#17313a!important;color:#fff!important}.area-admin .btn-ghost{background:#fff!important;color:#17313a!important;border-color:#cddadd!important} .area-admin table thead th{background:#edf3f4!important;color:#4e636a!important;border-color:#dce6e8!important}.area-admin table tbody tr:hover{background:#f6fafb!important}.area-admin table td{border-color:#e6edef!important} .area-admin .quick-links>a,.area-admin .quick-links>span{background:#fff!important;border-color:#dfe7e9!important;color:#17313a!important;box-shadow:0 7px 20px rgba(22,50,60,.045)!important}.area-admin .quick-links>a:hover{border-color:#8fd2da!important;box-shadow:0 11px 26px rgba(22,50,60,.08)!important} .area-admin .page-list>a{background:#fff!important;border-color:#dfe7e9!important;color:#17313a!important}.area-admin .page-list>a:hover,.area-admin .page-list>a.active{background:#17313a!important;color:#fff!important} .area-admin .secret-box{background:#f4f9fa!important;border-color:#cfe3e6!important}.area-admin hr{border-top-color:#dfe7e9!important}.area-admin ::selection{background:#bce6eb!important;color:#10242c!important}.area-admin *{scrollbar-color:#9fc9cf transparent!important} .area-admin .agenda-customer-link{color:#087f94;text-decoration:none}.area-admin .agenda-customer-link:hover{text-decoration:underline} .area-admin .customer-import-panel summary span{color:#64767c!important;font-weight:500!important} @media(max-width:720px){.area-admin .admin-drawer{width:min(326px,94vw)!important}.area-admin .admin-drawer-shell>.app-main{padding-top:16px!important}} /* V1.3.45 final – alte Braun-/Beige-Komponenten auch innerhalb des Adminbereichs neutralisieren */ .area-admin .day-start-assistant,.area-admin .task-center,.area-admin .communication-context,.area-admin .booking-unsure-note,.area-admin .agenda-table tr{background:#fff!important;border-color:#dfe7e9!important;box-shadow:0 8px 26px rgba(22,50,60,.055)!important} .area-admin .day-start-head,.area-admin .task-center-head{background:#17313a!important;border-color:#274751!important;color:#fff!important} .area-admin .day-start-head h2,.area-admin .task-center-head h2{color:#fff!important}.area-admin .day-start-head p,.area-admin .task-center-head p{color:#c9d8dc!important}.area-admin .day-start-head .eyebrow,.area-admin .task-center-head .eyebrow{color:#86d6df!important} .area-admin .day-start-card,.area-admin .day-start-card.cash,.area-admin .day-start-card.prep,.area-admin .task-center-more,.area-admin .message-template{background:#fff!important;color:#16242a!important;border-color:#dfe7e9!important}.area-admin .day-start-card.primary{background:#17313a!important;color:#fff!important}.area-admin .day-start-card.primary small,.area-admin .day-start-card.primary span{color:#c9d8dc!important}.area-admin .day-start-card i,.area-admin .task-center-label,.area-admin .message-template small{color:#087f94!important} .area-admin .agenda-table .agenda-current,.area-admin .agenda-table tr.agenda-current{background:#edf8fa!important}.area-admin .agenda-table .agenda-current>td:first-child{box-shadow:inset 4px 0 0 #0b91a8!important}.area-admin .agenda-now{background:#dff3f6!important;color:#087f94!important} .area-admin .communication-context{background:linear-gradient(135deg,#edf8fa,#fff 68%)!important}.area-admin .communication-context small,.area-admin .panel-head small{color:#087f94!important}.area-admin .communication-context h2{color:#16242a!important}.area-admin .communication-context p,.area-admin .communication-send-row span{color:#64767c!important} .area-admin .task-kind-billing,.area-admin .task-kind-invoice,.area-admin .task-kind-confirm,.area-admin .task-kind-message,.area-admin .task-kind-stock{border-left-color:#0b91a8!important}.area-admin .task-kind-invoice{background:#f5fbfc!important} .area-admin .booking-helper nav a.active,.area-admin .booking-audience-tabs a.active{background:#17313a!important;border-color:#17313a!important}.area-admin .booking-unsure-note{color:#64767c!important}.area-admin .booking-routing-settings code{background:#edf3f4!important} /* Einstellungen: zuerst Bereich wählen, statt eine endlose Wand aus Formularfeldern zu sehen. */ .area-admin .settings-sections{max-width:1180px;gap:18px}.area-admin .settings-jump{position:sticky;top:82px;z-index:8;display:flex;flex-wrap:wrap;gap:8px;padding:10px;margin:0 0 4px;background:rgba(244,247,248,.94);backdrop-filter:blur(12px);border:1px solid #dfe7e9;border-radius:16px;box-shadow:0 8px 22px rgba(22,50,60,.06)} .area-admin .settings-jump a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #d7e2e5;color:#29434b;font-size:.76rem;font-weight:850}.area-admin .settings-jump a:hover{background:#17313a;color:#fff;border-color:#17313a} .area-admin .settings-sections>.panel{scroll-margin-top:145px;padding:24px!important}.area-admin .settings-sections>.panel>h2,.area-admin .settings-sections>.panel .panel-head h2{font-size:1.55rem!important;letter-spacing:-.02em!important;margin-bottom:16px!important} .area-admin .settings-sections>.btn-gold{position:sticky;bottom:14px;z-index:9;justify-self:end;min-width:220px;border:1px solid rgba(255,255,255,.65)!important} @media(max-width:760px){.area-admin .settings-jump{top:72px;overflow:auto;flex-wrap:nowrap;padding:8px;border-radius:13px}.area-admin .settings-jump a{white-space:nowrap}.area-admin .settings-sections>.panel{padding:18px!important;scroll-margin-top:132px}.area-admin .settings-sections>.btn-gold{width:100%;bottom:8px;justify-self:stretch}} /* Hairzhaft V1.3.52 — SEO conversion finish */ .public-conversion-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;margin:14px auto 0;padding:11px 18px;border:1px solid rgba(13,129,151,.16);border-radius:16px;background:linear-gradient(135deg,#f5fbfc,#fff);box-shadow:0 8px 24px rgba(20,57,67,.055);color:#38545c}.public-conversion-bar>span{font-size:.9rem;line-height:1.35}.public-conversion-bar>span b{color:#142d35}.public-conversion-bar>div{display:flex;align-items:center;gap:9px;flex:0 0 auto}.public-conversion-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;font-size:.78rem;font-weight:900;text-decoration:none}.public-conversion-phone{border:1px solid #cbdcdf;background:#fff;color:#173943}.public-conversion-phone:hover{border-color:#8fcbd3;color:#0a7890}.public-conversion-book{border:1px solid #0b91a8;background:#0b91a8;color:#fff;box-shadow:0 7px 18px rgba(11,145,168,.16)}.public-conversion-book:hover{background:#087f94;color:#fff}@media(max-width:1380px){.public-conversion-bar{margin-left:24px;margin-right:24px}}@media(max-width:760px){.public-conversion-bar{display:none}} /* Hairzhaft V1.3.52 — dynamische Über mich / Über uns Seite */ .about-team-page{max-width:1180px!important}.about-single-profile{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;margin:28px 0 46px}.about-single-profile figure{margin:0;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:#edf5f5;box-shadow:0 22px 55px rgba(22,54,61,.10)}.about-single-profile img{display:block;width:100%;height:100%;object-fit:cover}.about-single-profile>div>span{font-size:.7rem;letter-spacing:.17em;font-weight:900;color:#088b98}.about-single-profile h2{font-size:clamp(2rem,4vw,3.8rem);margin:.35rem 0 .35rem}.about-single-profile .about-role{font-weight:800;color:#0a8c99;margin:0 0 1rem}.about-team-intro{max-width:780px;margin:24px 0 28px}.about-team-intro h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:10px}.about-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:24px 0 48px}.about-team-card{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #e5ecec;box-shadow:0 15px 36px rgba(24,53,60,.07)}.about-team-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#edf5f5}.about-team-card>div{padding:18px 20px}.about-team-card h2{font-size:1.35rem;margin:0 0 4px}.about-team-card p{margin:0;color:#688087}.about-story{margin-top:15px;padding-top:28px;border-top:1px solid #e4ebec}@media(max-width:760px){.about-single-profile{grid-template-columns:1fr;gap:24px;margin-top:18px}.about-single-profile figure{aspect-ratio:4/4.5;border-radius:22px}.about-team-grid{grid-template-columns:1fr 1fr;gap:12px}.about-team-card{border-radius:18px}.about-team-card>div{padding:14px}.about-team-card h2{font-size:1.1rem}}@media(max-width:460px){.about-team-grid{grid-template-columns:1fr}} /* V1.3.53 – Portraits in der Mitarbeiterwahl der internen Online-Buchung */ .booking-staff-picker{margin:18px 0 20px;padding:18px;border:1px solid rgba(11,145,168,.16);border-radius:20px;background:linear-gradient(145deg,#f4fbfc,#fff)} .booking-staff-picker-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.booking-staff-picker-head small{display:block;font-size:.62rem;letter-spacing:.15em;font-weight:950;color:#087f95}.booking-staff-picker-head h2{margin:4px 0 0;font-size:1.22rem}.booking-staff-picker-head>span{max-width:340px;color:var(--muted);font-size:.78rem;text-align:right} .booking-staff-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.booking-staff-card{display:flex;align-items:center;gap:11px;min-height:66px;padding:9px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.18s transform,.18s border-color,.18s box-shadow}.booking-staff-card:hover{transform:translateY(-1px);border-color:rgba(11,145,168,.35);box-shadow:0 10px 24px rgba(22,50,60,.07)}.booking-staff-card.selected{border-color:#0b91a8;background:#eefbfd;box-shadow:0 0 0 3px rgba(11,145,168,.08)}.booking-staff-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#17313a;color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.04em}.booking-staff-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.booking-staff-avatar>span{display:grid;place-items:center;width:100%;height:100%}.booking-staff-any{background:linear-gradient(135deg,#74c9d7,#0b91a8);font-size:1rem}.booking-staff-card>span:last-child b,.booking-staff-card>span:last-child small{display:block}.booking-staff-card>span:last-child b{font-size:.9rem}.booking-staff-card>span:last-child small{margin-top:2px;color:var(--muted);font-size:.7rem} .slot-staff{display:flex!important;align-items:center;gap:7px;margin-top:7px}.slot-staff-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid!important;place-items:center;background:#17313a;color:#fff;font-size:.56rem;font-weight:950}.slot-staff-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.slot-staff-avatar>span{display:grid;place-items:center;width:100%;height:100%}.slot-staff small{margin:0;line-height:1.15;font-size:.72rem} @media(max-width:680px){.booking-staff-picker{padding:14px}.booking-staff-picker-head{align-items:flex-start;flex-direction:column}.booking-staff-picker-head>span{text-align:left}.booking-staff-options{grid-template-columns:1fr 1fr}.booking-staff-card{padding:8px 9px;min-height:60px}.booking-staff-avatar{flex-basis:40px;width:40px;height:40px}.slot-staff-avatar{flex-basis:28px;width:28px;height:28px}} @media(max-width:420px){.booking-staff-options{grid-template-columns:1fr}} /* V1.3.54 public CMS media */ .cms-page-banner{width:100%;max-height:520px;object-fit:cover;border-radius:24px;margin:24px 0 34px}.post-card{overflow:hidden}.post-card-image{width:calc(100% + 56px);max-width:none;margin:-28px -28px 18px;height:190px;object-fit:cover} /* V1.3.65 – Hairzhaft stärker, Startseite kürzer, eigene Inhaltsseiten */ .area-public .site-header{height:104px;padding-block:10px} .area-public .site-header .brand-logo{height:84px;width:auto;max-width:290px;object-fit:contain} .area-public .site-header .brand{min-width:255px} .premium-home-lite{overflow:hidden} .hairzhaft-brand-hero{padding-top:54px;padding-bottom:42px;min-height:690px} .home-brand-logo-xl{display:block;width:clamp(250px,33vw,485px);height:auto;max-height:180px;object-fit:contain;object-position:left center;margin:0 0 22px;filter:drop-shadow(0 10px 30px rgba(6,130,148,.08))} .hairzhaft-brand-hero .premium-hero-copy>p{max-width:620px;font-size:1.07rem} .hairzhaft-brand-hero .premium-kicker{margin-top:3px} .premium-trust.compact{padding-top:22px;padding-bottom:30px} .home-paths{max-width:1420px;margin:0 auto;padding:62px clamp(18px,5vw,76px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .home-paths>a{min-height:255px;padding:30px 27px;border:1px solid rgba(34,31,29,.1);border-radius:25px;background:rgba(255,255,255,.72);display:flex;flex-direction:column;color:#171513;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .home-paths>a:hover{transform:translateY(-4px);border-color:rgba(7,153,174,.4);box-shadow:0 20px 45px rgba(36,31,28,.07)} .home-paths small{font-weight:900;letter-spacing:.16em;color:var(--hz-teal);font-size:.67rem} .home-paths h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,2vw,2.3rem);font-weight:400;margin:27px 0 10px} .home-paths p{color:#6f675f;line-height:1.55;margin:0 0 22px} .home-paths b{margin-top:auto;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase} .brand-statement{max-width:1350px;margin:25px auto 90px;padding:58px clamp(28px,6vw,86px);border-radius:34px;background:#f2ece6;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.25fr);align-items:center;gap:clamp(35px,7vw,95px)} .brand-statement>img{width:min(100%,390px);height:auto;justify-self:center} .brand-statement span{font-size:.65rem;letter-spacing:.18em;color:var(--hz-teal);font-weight:900} .brand-statement h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.4rem,4vw,4.65rem);line-height:.98;margin:15px 0 20px} .brand-statement p{max-width:610px;color:#665e58;line-height:1.65} .services-page,.visit-page{max-width:1280px} .services-page>.lead,.visit-page>.lead{max-width:800px} .premium-service-list.standalone{margin-top:46px} .premium-service-list.standalone .premium-service-row{grid-template-columns:55px minmax(0,1fr) minmax(120px,180px) 95px} .premium-service-list.standalone .premium-service-copy h2{font-size:1.35rem;margin:4px 0 6px} .premium-service-list.standalone .premium-service-copy p{margin:0;color:#756c65;max-width:720px;line-height:1.55} .signature-flow.standalone{margin:58px 0 30px} .receipt-capture{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:18px;border-radius:17px;background:#f7f9fa;border:1px solid #dce4e7} .receipt-capture>span{font-size:.72rem;font-weight:900;color:#7b878b;text-transform:uppercase} .accounting-autopilot-note{margin-top:18px;padding:17px 18px;border-radius:15px;background:#eaf7f7;display:flex;gap:10px;flex-wrap:wrap;color:#16383e} .expense-shortcut-panel{display:flex;align-items:center;justify-content:space-between;gap:20px} .expense-shortcut-panel small{color:var(--hz-teal);font-weight:900;letter-spacing:.12em} @media(max-width:1320px){.area-public .site-header{height:86px}.area-public .site-header .brand-logo{height:70px}.area-public .site-header .brand{min-width:0}} @media(max-width:980px){.home-paths{grid-template-columns:1fr 1fr}.brand-statement{grid-template-columns:1fr;text-align:center}.brand-statement p{margin-left:auto;margin-right:auto}.brand-statement .inline{justify-content:center}.premium-service-list.standalone .premium-service-row{grid-template-columns:45px 1fr}.premium-service-list.standalone .premium-service-price,.premium-service-list.standalone .premium-service-row>a{grid-column:2}} @media(max-width:680px){.area-public .site-header{height:78px}.area-public .site-header .brand-logo{height:64px;max-width:220px}.hairzhaft-brand-hero{padding-top:28px;min-height:0}.home-brand-logo-xl{width:min(82vw,340px);margin-bottom:15px}.home-paths{grid-template-columns:1fr;padding:38px 14px;gap:10px}.home-paths>a{min-height:190px;padding:24px}.home-paths h2{margin-top:18px}.brand-statement{margin:18px 14px 58px;padding:38px 22px;border-radius:26px}.receipt-capture{grid-template-columns:1fr}.receipt-capture>span{text-align:center}.expense-shortcut-panel{align-items:flex-start;flex-direction:column}}