@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap} @font-face{font-family:Oswald;src:url('assets/fonts/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap} :root{color-scheme:dark;--bg:#121416;--surface:#1d2124;--elevated:#292e32;--border:rgba(198,164,96,.14);--gold:#c6a460;--gold-light:#f5ecd6;--gold-mid:#c7a560;--accent:#c6a460;--accent-light:#e9d9af;--accent-dark:#8b744b;--text:#f1f0eb;--muted:#b0b4b5;--green:#4ade80;--radius:16px;--pad:16px;--font:Manrope,Arial,sans-serif;--heading:Oswald,'Arial Narrow',sans-serif} html.fonts-fallback{--font:Arial,sans-serif;--heading:'Arial Narrow',Arial,sans-serif} .loading{font-family:Arial,sans-serif} *{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:var(--font);color:var(--text);font-size:12px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:active:not(:disabled){transform:scale(.98)}button{transition:background .18s,border-color .18s,transform .12s}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.gold{color:var(--gold)}.muted{color:var(--muted)}.small{font-size:12px}.app-shell{max-width:430px;margin:0 auto;height:100vh;height:var(--app-height,100dvh);display:flex;flex-direction:column;background:var(--bg);overflow:hidden;position:relative}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:10px}.icon-button svg{width:22px;height:22px}.screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:18px var(--pad) 16px;outline:none}.screen::-webkit-scrollbar{display:none}.screen.enter{animation:enter .2s ease-out}.screen.home{padding-top:14px}.screen.assistant{padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.screen h1,.screen h2,.screen h3{font-family:var(--heading);font-weight:600;margin:0;line-height:1.2}.screen h1{font-size:28px;text-transform:uppercase;letter-spacing:.25px}.screen h2{font-size:18px;text-transform:uppercase}.section-title{margin:14px 0 12px!important}.page-title{margin-bottom:6px!important}.page-subtitle{color:var(--muted);margin:0 0 22px;line-height:1.5;font-size:12px}.card{border:1px solid var(--border);background:linear-gradient(135deg,#19191c,#111113);border-radius:var(--radius)}.brand-row{display:flex;align-items:center;gap:9px}.brand-mark{color:var(--gold);width:30px;height:30px}.brand-name{font-size:13px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}.open-status{display:flex;align-items:center;gap:5px;color:#c8c8ce;font-size:12px;margin-left:auto;white-space:nowrap}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;flex-shrink:0}.rating{display:flex;align-items:center;gap:4px;font-size:12px;margin-left:7px}.rating svg{width:17px;height:17px;color:var(--gold);fill:var(--gold);stroke-width:0}.address-row{display:flex;align-items:center;gap:7px;margin:9px 0 13px;font-size:12px}.address-row svg{width:18px;height:18px;color:#c9c9ce}.text-link{background:none;color:var(--gold);font-size:12px;padding:4px 0;display:inline-flex;align-items:center;gap:2px;text-decoration:none}.address-row .text-link{margin-left:auto}.text-link svg{width:13px;height:13px;color:inherit}.hero{height:190px;margin:0 calc(-1 * var(--pad));position:relative;overflow:hidden}.hero img{height:100%;width:100%;object-fit:cover;object-position:63% 30%;display:block;transform:translateX(20%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.8) 0%,rgba(5,5,7,.45) 38%,transparent 76%),linear-gradient(0deg,var(--bg),transparent 50%)}.hero-content{position:absolute;z-index:1;left:var(--pad);bottom:21px}.hero h1{font-size:28px;line-height:1.02;letter-spacing:-.5px}.hero h1 span{display:block;color:var(--gold)}.hero p{margin:10px 0 0;font-size:12px;color:#d6d4d1}.steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0 22px}.home .steps{margin:8px 0 16px}.step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.step i{font-style:normal;width:28px;height:28px;border:1px solid #797980;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#d4d4d9}.step.active{color:var(--gold)}.step.active i{color:#111;background:var(--gold);border-color:var(--gold);font-weight:800}.step-line{flex:1;max-width:25px;height:1px;background:#52525a}.services-list{display:grid;gap:8px}.service-card{display:flex;align-items:center;width:100%;text-align:left;padding:12px;min-height:70px;gap:12px}.service-card.selected,.barber-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 .5px var(--gold)}.service-card .service-icon{color:var(--gold);width:36px;height:36px;flex-shrink:0}.service-info{flex:1;min-width:0}.service-name{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.service-meta{color:var(--muted);font-size:12px;margin-top:7px}.service-meta b{color:var(--text);font-weight:500}.badge{padding:3px 7px;font-size:12px;line-height:1.35;border-radius:4px;background:linear-gradient(120deg,var(--gold-light),var(--gold));color:#152330;font-weight:800;white-space:nowrap}.badge.neutral{background:#d8d8df;color:#222}.radio{width:21px;height:21px;border:1px solid #b0b0b8;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.selected .radio{border:2px solid var(--gold)}.selected .radio:after{content:'';width:11px;height:11px;border-radius:50%;background:var(--gold)}.action-bar{flex-shrink:0;padding:8px var(--pad) 9px;background:var(--bg)}.action-bar:empty{display:none}.primary-button{border-radius:8px;min-height:50px;background:linear-gradient(110deg,#b8c8d8,#e7eff5 40%,#8ba4ba);color:#111;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:12px;padding:10px 16px;box-shadow:inset 0 1px 0 #edf3f8}.primary-button:disabled{opacity:.45}.primary-button svg{width:19px;height:19px}.primary-button.two-line{flex-direction:column;gap:2px;line-height:1.35}.primary-button.two-line b{font-size:13px}.outline-button{border:1px solid var(--gold);background:transparent;border-radius:8px;min-height:40px;padding:10px 14px;width:100%;font-size:12px}.payment-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:var(--muted);margin:9px 0 0}.payment-note svg{width:16px;height:16px}.bottom-nav{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #29292e;background:rgba(17,17,20,.95);backdrop-filter:blur(18px);min-height:68px;flex-shrink:0;padding:7px 6px max(7px,env(safe-area-inset-bottom))}.nav-item{background:transparent;color:#a3a3ab;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;min-height:47px;padding:4px 0;border-radius:8px}.nav-item.active{color:var(--gold)}.nav-item.active .home-icon{fill:var(--gold)}.nav-item svg{width:23px;height:23px}.barber-list{display:grid;gap:10px;margin-top:18px}.barber-card{display:flex;align-items:center;gap:13px;padding:9px 11px;text-align:left;width:100%;min-height:98px}.barber-card img{width:76px;height:76px;object-fit:cover;border-radius:7px}.barber-details{flex:1;min-width:0}.barber-name{font-weight:700;font-size:12px;display:flex;align-items:center;gap:8px}.barber-details p{font-size:12px;color:var(--muted);margin:7px 0}.barber-rating{display:flex;align-items:center;gap:5px;font-size:12px}.barber-rating svg{width:13px;height:13px;color:var(--gold);fill:var(--gold);stroke:0}.barber-rating span{color:var(--muted)}.any-card{display:flex;align-items:center;gap:14px;padding:13px;text-align:left;width:100%;min-height:73px}.any-icon{width:45px;height:45px;display:grid;place-items:center;background:#222224;border-radius:8px;color:var(--gold)}.any-icon svg{width:29px;height:29px;fill:var(--gold);stroke-width:0}.any-card strong{font-size:12px}.any-card p{font-size:12px;color:var(--muted);margin:6px 0 0}.any-card .radio{margin-left:auto}.hint-card{display:flex;align-items:flex-start;padding:15px;gap:12px;margin-top:14px}.hint-card>svg{color:var(--gold)}.hint-body{flex:1}.hint-title{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px}.hint-body p{color:var(--muted);font-size:12px;line-height:1.5;margin:9px 0 0}.chip{padding:6px 8px;border-radius:6px;background:#28282d;white-space:nowrap;font-size:12px}.mini-summary{display:flex;align-items:center;gap:10px;padding:12px;margin-top:12px;font-size:12px}.mini-summary svg{color:var(--gold);width:23px;height:23px}.mini-summary .price{margin-left:auto;white-space:nowrap}.day-list{display:flex;gap:9px;overflow-x:auto;padding:0 0 6px;margin:16px 0 24px;scrollbar-width:none}.day-button{background:#141416;border:1px solid var(--border);border-radius:9px;min-width:72px;min-height:73px;text-align:center;padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.day-button strong{font-size:18px;font-weight:600}.day-button.selected{background:linear-gradient(120deg,#e7eff5,#b8c8d8);color:#151e27;border-color:var(--gold)}.slots-title{font-family:var(--heading);font-size:15px;font-weight:500;text-transform:uppercase;margin:0 0 10px}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.slot{min-height:44px;background:linear-gradient(120deg,#18181b,#111113);border:1px solid var(--border);border-radius:8px;font-size:12px}.slot.selected{background:var(--gold);color:#172330;border-color:var(--gold);font-weight:800}.slot:disabled{color:#66666d;text-decoration:line-through;text-decoration-thickness:1px}.booking-summary{padding:15px;margin-top:24px}.summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.summary-heading h2{font-size:17px}.summary-heading button{background:none;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px;padding:0}.summary-heading svg{width:14px;height:14px}.summary-row{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:13px}.summary-row>svg{color:var(--gold);width:20px;height:20px}.summary-row .duration{font-size:12px;color:var(--muted)}.summary-row b{margin-left:auto;white-space:nowrap;font-size:12px}.customer-form{display:grid;gap:10px;margin-top:12px}.input-row{display:flex;align-items:center;gap:8px;min-height:45px}.input-row>svg{width:21px;height:21px;color:#c7c7ce}.input-row label{font-size:12px;min-width:58px}.input-wrap{display:flex;align-items:center;flex:1;min-width:0;border:1px solid var(--border);border-radius:7px;background:#141416}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:10px 12px;color:var(--text);font-size:12px;outline-offset:0}.input-wrap small{font-size:12px;white-space:nowrap;color:var(--muted);padding-right:8px}input::placeholder{color:#777780}.form-error{font-size:12px;color:#e0d0ab;margin:3px 0;line-height:1.5}.chat-heading{margin-bottom:6px!important;flex-shrink:0}.chat-subtitle{color:var(--muted);font-size:12px;margin:0 0 18px;flex-shrink:0}.chat-stream{flex:1 1 0;height:0;min-height:0;min-width:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none;padding-bottom:18px}.chat-stream::-webkit-scrollbar{display:none}.chat-content{display:flex;flex-direction:column;gap:15px}.chat-content>*{flex-shrink:0}.chat-message{display:flex;align-items:flex-start;gap:9px}.assistant-avatar{border:1px solid #af8d41;color:var(--gold);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.assistant-avatar svg{width:27px;height:27px}.message-body{background:linear-gradient(120deg,#222225,#171719);padding:13px;border-radius:10px;line-height:1.55;font-size:12px;max-width:calc(100% - 54px);white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{justify-content:flex-end}.user .message-body{background:linear-gradient(120deg,#ceb379,#c1a159);color:#0f1113;max-width:79%;border-bottom-right-radius:3px}.chat-time{display:block;text-align:right;color:var(--muted);font-size:12px;margin-top:5px}.user .chat-time{color:#6d5828}.proposal-card{padding:13px;width:calc(100% - 52px);align-self:flex-end;margin-top:-5px}.proposal-top{display:flex;align-items:flex-start;gap:10px}.proposal-top img{width:72px;height:82px;border-radius:6px;object-fit:cover}.proposal-details{flex:1;min-width:0}.proposal-details strong{font-size:12px}.proposal-line{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:8px;color:#c6c6cd}.proposal-line svg{width:14px;height:14px}.proposal-card .primary-button{margin-top:13px;min-height:42px;font-size:12px}.proposal-card .outline-button{margin-top:8px;min-height:36px;font-size:12px}.quick-replies{display:flex;gap:8px;margin:8px 0 15px;flex-wrap:wrap;flex-shrink:0}.quick-reply{border:1px solid #3b3b42;border-radius:30px;padding:10px 15px;background:#141417;color:#ceced4;font-size:12px}.composer{display:flex;align-items:center;gap:10px;margin:0 -16px;padding:10px 16px;border-top:1px solid #202024;background:var(--bg);flex-shrink:0}.composer input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;background:#161619;color:var(--text);font-size:12px;padding:12px}.send-button{height:42px;width:42px;background:var(--gold);color:#172330;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.send-button svg{width:22px;height:22px}.chat-example{background:transparent;border:0;text-align:left;color:var(--muted);font-size:12px;padding:0;line-height:1.6;margin-bottom:10px}.owner-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.owner-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.owner-tools{display:flex;align-items:center;gap:8px}.lock-box{background:#222227;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#bdbdc7}.lock-box svg{width:20px;height:20px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.metric-card{display:flex;align-items:flex-start;gap:12px;padding:17px 13px;min-height:105px}.metric-card>svg{color:var(--gold);margin-top:3px}.metric-label{font-size:12px;color:#dddce0}.metric-value{font-family:var(--heading);font-size:27px;font-weight:600;margin-top:5px;line-height:1.1;white-space:nowrap}.metric-value.revenue{font-size:23px}.metric-hint{color:var(--muted);font-size:12px;margin-top:7px}.appointments-list{display:grid;gap:10px}.appointment-card{display:flex;align-items:center;min-height:95px;padding:13px;gap:12px}.appointment-time{border-right:1px solid #34343b;padding-right:10px;min-width:84px}.appointment-time strong{font-family:var(--heading);font-size:19px;font-weight:500}.appointment-status{display:flex;align-items:center;gap:4px;color:var(--green);font-size:12px;margin-top:8px}.appointment-status .status-dot{width:6px;height:6px}.appointment-info{flex:1;min-width:0}.appointment-info strong{font-size:12px}.appointment-info p{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0 0}.call-button{width:38px;height:38px;border:1px solid var(--border);border-radius:8px;color:var(--gold);display:grid;place-items:center;background:#171718;text-decoration:none;flex-shrink:0}.call-button svg{width:19px;height:19px}.call-button:disabled{opacity:.4}.manage-card{display:flex;align-items:center;gap:12px;padding:17px 14px;margin-top:24px;border-color:var(--border);width:100%;text-align:left}.manage-card>svg{color:var(--gold);width:35px;height:35px}.manage-card strong{color:var(--gold);font-size:12px;display:flex;align-items:center;gap:8px}.manage-card strong svg{width:17px;height:17px}.manage-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.editor-list{display:grid;gap:14px;margin-top:20px}.editor-card{display:flex;align-items:center;gap:13px;padding:16px 13px;min-height:110px}.editor-icon{text-align:center;color:var(--gold);width:41px;flex-shrink:0}.editor-icon svg{width:33px;height:33px}.editor-icon small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.editor-details{flex:1;min-width:0}.editor-details>label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.price-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;background:#111113;min-height:40px;padding:0 9px;gap:5px}.price-input:focus-within{border-color:var(--gold);box-shadow:inset 0 0 0 .5px var(--gold)}.price-input input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);font-size:12px;padding:9px 0;outline:none}.price-input input::-webkit-inner-spin-button{display:none}.price-input svg{color:var(--muted);width:15px;height:15px}.price-input span{font-size:12px}.toggle-area{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:57px;font-size:12px;color:#c5c5cb}.toggle{position:relative;width:44px;height:25px;display:inline-block}.toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle-track{position:absolute;inset:0;border-radius:30px;background:#55555b;border:1px solid #646469;transition:background .18s}.toggle-track:after{content:'';position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#f1f1f2;box-shadow:0 1px 3px #0005;transition:transform .18s}.toggle input:checked+.toggle-track{background:var(--gold);border-color:var(--gold)}.toggle input:checked+.toggle-track:after{transform:translateX(18px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--gold);outline-offset:3px}.editor-helper{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);line-height:1.6;margin-top:24px}.editor-helper svg{width:20px;height:20px}.empty-state{text-align:center;padding:55px 15px;color:var(--muted);line-height:1.7}.empty-state>svg{color:var(--gold);width:48px;height:48px;margin-bottom:15px}.empty-state h2{color:var(--text);margin-bottom:13px}.empty-state .primary-button{margin-top:24px}.my-booking{padding:17px;margin-top:16px}.my-booking .summary-row:first-of-type{margin-top:0}.booking-actions{display:flex;gap:9px;margin-top:19px}.booking-actions button{flex:1;min-height:42px;border-radius:7px;background:#242429;font-size:12px}.booking-actions .cancel-button{color:#d9c7a0}.cancelled{opacity:.55}.success-check{margin:25px auto 24px;width:78px;height:78px;border:1px solid var(--gold);background:#b8c8d815;color:var(--gold);border-radius:50%;display:grid;place-items:center}.success-check svg{width:36px;height:36px}.success-title{text-align:center!important;font-size:25px!important}.success-subtitle{text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,15px);z-index:30;width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;border:1px solid #3a4c5c;border-radius:12px;background:#222e38;color:var(--text);font-size:12px;box-shadow:0 8px 25px #0009;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal{border:1px solid #3c3c43;background:#151518;color:var(--text);border-radius:18px;padding:24px;width:calc(100vw - 36px);max-width:390px;box-shadow:0 15px 70px #0009}.modal::backdrop{background:#000a;backdrop-filter:blur(6px)}.modal h2{font-family:var(--heading);font-size:23px;margin:0 0 12px;text-transform:uppercase}.modal p{font-size:12px;line-height:1.7;color:var(--muted)}.modal .primary-button{margin-top:17px}.modal .outline-button{margin-top:9px;border-color:var(--border)}.modal .menu-item{width:100%;background:#1e1e23;border-radius:9px;text-align:left;padding:15px;margin-top:10px;font-size:12px}.pin-input{width:100%;background:#0c0c0e;border:1px solid var(--border);border-radius:9px;padding:14px;font-size:18px;letter-spacing:12px;color:var(--text);text-align:center}.demo-label{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.schedule-day{font-family:var(--heading);font-size:15.84px;color:var(--gold);margin:22px 0 11px}.loading{display:flex;height:100%;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{height:19px;width:19px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.inline-back{display:inline-flex;align-items:center;gap:6px;background:none;color:var(--muted);font-size:12px;padding:0 0 15px}.inline-back svg{width:17px;height:17px} @keyframes enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}} @media(min-width:481px){body{background:radial-gradient(ellipse at top,#242426,#111113 60%);padding:20px}.app-shell{height:calc(100dvh - 40px);max-height:900px;border:1px solid #303037;border-radius:16px;box-shadow:0 15px 70px #0007}} @media(max-height:800px){.hero{height:165px}.hero h1{font-size:26px}.service-card{min-height:63px;padding:10px 12px}.home .section-title{margin-top:10px!important;margin-bottom:10px!important}.barber-card{min-height:91px}.barber-card img{width:68px;height:68px}.day-list{margin-bottom:17px}.booking-summary{margin-top:18px}.editor-card{min-height:98px}.editor-list{gap:11px}.chat-content{gap:12px}.message-body{padding:11px}} @media(max-width:359px){:root{--pad:13px}.brand-name{font-size:12px}.open-status{font-size:12px}.brand-mark{width:25px;height:25px}.rating{margin-left:2px}.hero h1{font-size:24.16px}.service-name{font-size:12px}.barber-name{font-size:12px;gap:5px}.barber-card{gap:9px}.barber-card img{width:60px;height:70px}.appointment-time{min-width:75px}.metric-card{padding:13px 10px;gap:8px}.metric-value.revenue{font-size:16px}.input-wrap small{display:none}.editor-card{gap:8px;padding:13px 10px}.editor-details>label{font-size:12px}.toggle-area{min-width:51px}.proposal-top img{width:57px;height:77px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}} /* Компактная главная сохраняет композицию исходного мобильного макета. */ .home .hero{height:180px}.home .hero h1{font-size:27px}.home .service-card{min-height:63px;padding:10px 12px}.home .section-title{margin-top:10px!important;margin-bottom:10px!important}.home .steps{margin:8px 0 12px}.more-slots{margin-top:7px}.more-slots .slots-grid{margin-top:10px}.more-slots summary{cursor:pointer;font-size:12px}.booking .steps{margin:0 0 15px}.booking .day-list{margin:12px 0 16px}.booking .day-button{min-height:64px}.booking .day-button strong{font-size:17.5px}.booking .booking-summary{margin-top:17px;padding:13px}.booking .summary-heading{margin-bottom:10px}.booking .summary-row{margin-top:10px}.booking .input-row{min-height:39px}.booking .customer-form{gap:7px}.editor .page-title{margin-bottom:0}.editor .editor-list{gap:12px}.editor .editor-card{min-height:105px}.assistant .chat-subtitle{margin-bottom:20px}.assistant .chat-stream{min-height:0}.assistant .quick-replies{margin-top:8px} @media(max-height:800px){.home .hero{height:155px}.home .service-card{min-height:59px}.home .hero h1{font-size:24.16px}} /* Portfolio: the same brass, type and surfaces as the booking flow. */ .portfolio-preview{margin-top:26px;padding-top:20px;border-top:1px solid #252529}.portfolio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.portfolio-section-heading h2{font-size:17.5px}.portfolio-strip{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:4px}.work-card{background:#141416;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:0;text-align:left;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;appearance:none}.work-card.compact{flex:0 0 155px;scroll-snap-align:start}.work-photo{position:relative;aspect-ratio:3/4;flex:0 0 auto;width:100%;overflow:hidden;background:#1b1b1e}.work-photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transition:transform .3s}.work-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0008,transparent);pointer-events:none}.work-card:active .work-photo img{transform:scale(1.025)}.work-category{position:absolute;left:10px;bottom:10px;border:1px solid #b8c8d844;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:700;color:var(--gold-light);background:#1b2026cc;backdrop-filter:blur(8px);z-index:1}.work-caption{flex:1 0 auto;padding:11px 10px 12px}.work-caption strong{display:block;min-height:2.8em;font-size:12px;font-weight:700;line-height:1.4}.work-caption>span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px}.portfolio-note{font-size:12px;color:var(--muted);line-height:1.6;display:flex;align-items:center;gap:6px;margin:12px 0}.portfolio-note:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--accent-dark);flex-shrink:0}.portfolio-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:9px}.eyebrow{color:var(--accent);letter-spacing:1.8px;font-size:12px;font-weight:700;margin:0 0 9px}.portfolio-count{color:var(--muted);font-size:12px;white-space:nowrap;padding-bottom:4px}.portfolio-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px}.portfolio-filter{background:#151518;border:1px solid #323238;color:#c2c2ca;border-radius:7px;font-size:12px;min-height:38px;padding:9px 13px;white-space:nowrap}.portfolio-filter.selected{background:#b8c8d815;border-color:var(--gold);color:var(--gold)}.master-filter-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-bottom:17px}.master-filter-label select{font-family:var(--font);background:#17171a;color:var(--text);border:1px solid var(--border);border-radius:7px;min-height:38px;min-width:180px;padding:8px 12px;font-size:12px;max-width:75%}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-grid .work-card{height:100%}.barber-card.with-profile{position:relative;display:flex;align-items:center;min-height:100px;height:100px;padding:0;overflow:hidden}.barber-select{min-height:100px;height:100px;padding:16px;gap:14px;display:flex;align-items:center;width:100%;border-radius:var(--radius);background:transparent;text-align:left}.barber-select img{width:45px;height:45px;border-radius:8px;object-fit:cover;flex-shrink:0}.barber-profile-link{position:absolute;left:75px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:3px;background:transparent;color:var(--gold);font-size:13px;line-height:1.4;padding:0;margin:0;border:none;width:auto;min-height:auto}.barber-profile-link svg{width:14px;height:14px}.profile-heading{display:flex;align-items:center;gap:19px;margin:5px 0 22px}.profile-avatar{width:108px;height:126px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.profile-heading .badge{display:inline-block;margin-bottom:9px}.profile-heading h1{font-size:26px;text-transform:none}.profile-heading p{font-size:12px;color:var(--muted);margin:8px 0}.profile-bio{font-size:12px;line-height:1.8;color:#c6c6ce;margin:0 0 17px}.specialty-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.specialty-chips>span{border:1px solid var(--border);background:#1c2630;color:var(--gold-light);padding:7px 9px;border-radius:6px;font-size:12px}.profile-service{display:flex;align-items:center;gap:11px;padding:14px;margin-bottom:25px}.profile-service>div{flex:1;min-width:0}.profile-service small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.profile-service strong{font-size:12px;font-weight:600}.profile-service b{font-size:12px;white-space:nowrap}.work-detail-photo{position:relative;aspect-ratio:3/4;margin:-18px -16px 24px;background:#191919;overflow:hidden}.work-detail-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.work-detail-photo .work-category{left:18px;bottom:18px;font-size:12px;padding:6px 10px}.work-detail-heading h1{font-size:24.16px}.work-description{font-size:12px;color:#bcbcc5;line-height:1.8;margin:12px 0 17px}.work-master{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px;margin:18px 0}.work-master img{height:51px;width:47px;object-fit:cover;border-radius:6px}.work-master>span{flex:1;min-width:0}.work-master strong{display:block;font-size:12px}.work-master small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.work-master>svg{color:var(--gold);width:19px;height:19px}.work-service-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px}.work-service-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.work-service-row b{font-family:var(--heading);font-weight:500;font-size:21px;color:var(--gold);white-space:nowrap}.work-consultation{color:var(--muted);font-size:12px;line-height:1.8;margin:15px 0 5px}.reference-summary{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:left;margin-top:12px}.reference-summary img{height:59px;width:46px;object-fit:cover;object-position:50% 50%;border-radius:6px}.reference-summary>span{flex:1;min-width:0}.reference-summary small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.reference-summary strong{font-size:12px}.reference-summary>svg{color:var(--gold);width:17px;height:17px}.profile .portfolio-note{margin-top:-3px;margin-bottom:14px}.profile .portfolio-grid{padding-bottom:7px} @media(max-width:359px){.portfolio-filter{padding:8px 10px;font-size:12px}.profile-avatar{width:95px;height:115px}.profile-heading{gap:14px}.profile-heading h1{font-size:24.16px}.work-detail-photo{margin-left:-13px;margin-right:-13px}.work-card.compact{flex-basis:143px}.portfolio-grid{gap:9px}} @media(max-height:800px){.profile-avatar{height:115px;width:100px}} /* Опциональное отражение фото из API, включая миниатюру выбранной записи. */ .portfolio-image.is-mirrored{transform:scaleX(-1)} .work-card:active .work-photo img.is-mirrored{transform:scale(-1.025,1.025)} /* Красный индикатор относится только к закрытому барбершопу. */ .open-status .status-dot.closed{background:#ef6666} /* Подсказки занимают свою область только до первого сообщения. */ .screen.assistant.chat-started .quick-replies{display:none} .build-version{font-size:12px;color:var(--muted);text-align:right;margin:16px 0 4px} /* Помощник: рекомендации и ожидание ответа внутри переписки. */ .chat-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:6px}.chat-title-row .chat-heading{margin-bottom:0!important}.chat-title-row .icon-button{flex-shrink:0;width:30px;height:30px;color:var(--muted)}.chat-work-suggestions{margin-left:52px}.chat-work-suggestions .portfolio-grid{gap:9px}.chat-typing{display:flex;align-items:center;gap:5px;margin-left:52px;color:var(--muted);font-size:12px;padding:10px 0}.chat-typing i{width:5px;height:5px;background:var(--gold);border-radius:50%;animation:typing 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}.chat-typing span{margin-left:5px}@keyframes typing{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.chat-typing i{animation:none}} /* Ближайшее окно открывает тот же выбор времени, что нижняя кнопка. */ .nearest-window{width:100%;text-align:left;color:var(--text)}@media(hover:hover) and (pointer:fine){.nearest-window:hover{border-color:var(--accent-light)}}.nearest-window .hint-body{min-width:0}.nearest-window .hint-title{flex-wrap:wrap}.nearest-window .chip{max-width:100%;white-space:normal} /* Обычный браузер и запуск с главного экрана iOS/Android. */ html,body{height:100%;overflow:hidden} .bottom-nav{padding:4px 6px max(4px,var(--nav-safe-bottom,env(safe-area-inset-bottom,0px)));min-height:0;flex-shrink:0;background:#111114} input,textarea,select{font-size:16px!important} .owner-login-form{display:grid;gap:10px;margin-bottom:16px}.owner-login-form label{color:var(--muted);font-size:12px}.owner-login-form input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:#151518;color:var(--text);padding:12px} @media(min-width:481px){body{overflow:auto}} /* Главная не перерисовывается при выборе услуги. Верхней панели нет. */ .preview-header,#preview-header{display:none!important} .app-shell{padding-top:env(safe-area-inset-top,0px)} .brand-menu{display:flex;align-items:center;gap:9px;min-width:0;padding:0;background:transparent;text-align:left;flex-shrink:1} .brand-menu .brand-name{overflow:hidden;text-overflow:ellipsis} .screen-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:transparent;padding:5px 0;margin:0 0 10px;font-size:12px;min-height:32px} .screen-back svg{width:19px;height:19px}.screen.work{position:relative} .screen-back.over-photo{position:absolute;z-index:2;left:16px;top:12px;margin:0;padding:8px 11px;color:var(--text);border:1px solid #ffffff20;border-radius:9px;background:#0a0a0cc9;backdrop-filter:blur(8px)} /* Запрещаем масштабирование жестами, оставляя оба направления прокрутки. */ html,body,.app-shell,.screen,.modal{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%} #chat-input,#customer-name,#customer-phone,#owner-login,#owner-password,.owner-login-form input,.price-input input{font-size:16px!important;line-height:1.5;transform:none} /* 2.0.7: читаемый текст на телефоне; поля ввода сохраняют 16px. */ :root{--type-body:15px;--type-label:15px;--type-meta:13px;--type-caption:12px} body{font-size:var(--type-body);line-height:1.5} .screen h1{font-size:28px}.screen h2{font-size:22px}.screen h3{font-size:18px} .screen .page-subtitle,.chat-subtitle,.owner-heading p{font-size:var(--type-meta);line-height:1.5} .section-title,.home .section-title{margin:20px 0 16px!important}.page-title{margin-bottom:10px!important} .brand-name{font-size:15px;letter-spacing:1px}.brand-mark{width:32px;height:32px} .open-status{font-size:12px;gap:6px}.status-dot{width:8px;height:8px}.rating{font-size:13px;gap:5px}.rating svg{width:19px;height:19px} .address-row{font-size:13px;line-height:1.5;gap:8px;flex-wrap:wrap;margin:13px 0 18px}.address-row>span{flex:1;min-width:120px;overflow-wrap:anywhere}.address-row svg{width:21px;height:21px} .text-link{font-size:13px;min-height:36px;line-height:1.4}.text-link svg{width:17px;height:17px} .home .hero{height:205px}.home .hero h1,.hero h1{font-size:30px;line-height:1.06}.hero p{font-size:14px;line-height:1.5;margin-top:12px}.hero-content{bottom:22px} .steps,.home .steps{margin:18px 0 24px;gap:8px}.step{font-size:12px;gap:7px}.step i{width:32px;height:32px;min-width:32px;flex-shrink:0;font-size:14px}.step-line{max-width:18px;min-width:6px} .services-list{gap:12px}.service-card,.home .service-card{min-height:88px;padding:16px;gap:14px}.service-card .service-icon{width:40px;height:40px} .service-name{font-size:15px;line-height:1.4;flex-wrap:wrap;gap:7px}.service-meta{font-size:13px;line-height:1.5;margin-top:6px}.radio{width:24px;height:24px}.badge{font-size:12px;padding:4px 8px} .primary-button{font-size:15px;min-height:56px;padding:14px 16px;border-radius:10px;line-height:1.4}.primary-button.two-line b{font-size:15px}.primary-button svg{width:22px;height:22px} .outline-button{font-size:14px;min-height:48px;line-height:1.5}.payment-note{font-size:12px;line-height:1.4;margin:10px 0 2px}.action-bar{padding-top:8px;padding-bottom:8px} .nav-item{font-size:12px;line-height:1.2;min-height:48px;gap:3px;padding:2px 0;justify-content:center}.nav-item svg{width:25px;height:25px} .any-card{padding:16px;gap:14px;min-height:100px}.any-card strong{font-size:15px;line-height:1.45}.any-card p{font-size:13px;line-height:1.5}.any-icon{border:1px solid rgba(255,255,255,0.14);box-sizing:border-box} .barber-card.with-profile{position:relative;display:flex;align-items:center;min-height:100px;height:100px;padding:0;overflow:hidden}.barber-select{min-height:100px;height:100px;padding:16px;gap:14px;display:flex;align-items:center;width:100%;border-radius:var(--radius);background:transparent;text-align:left}.barber-card img,.barber-select img{width:45px!important;height:45px!important;border-radius:8px;object-fit:cover;flex-shrink:0;background:#222224;border:1px solid rgba(255,255,255,0.14)!important;box-sizing:border-box;box-shadow:none}.barber-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.barber-name{font-size:15px;line-height:1.4;display:flex;align-items:center;gap:8px;margin:0;padding-bottom:20px}.barber-details p,.barber-rating{display:none}.barber-profile-link{position:absolute;left:75px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:3px;background:transparent;color:var(--gold);font-size:13px;line-height:1.4;padding:0;margin:0;border:none;width:auto;min-height:auto}.barber-profile-link svg{width:14px;height:14px} .hint-card{padding:18px;gap:12px}.hint-title{font-size:15px;line-height:1.5;gap:8px}.hint-body p{font-size:13px;line-height:1.6;margin-top:10px}.chip{font-size:12px;padding:7px 10px;line-height:1.4}.mini-summary{font-size:14px;line-height:1.5;padding:16px;flex-wrap:wrap;gap:10px}.mini-summary>span:not(.price){flex:1;min-width:120px}.mini-summary .price{white-space:nowrap} .day-button{font-size:13px;min-width:78px;min-height:82px;padding:12px 9px}.booking .day-button strong,.day-button strong{font-size:22px}.slots-title{font-size:18px}.slot{font-size:14px;min-height:48px} .summary-heading{gap:12px;flex-wrap:wrap}.summary-heading h2{font-size:21px}.summary-heading button{font-size:12px;min-height:36px}.summary-row,.booking .summary-row{font-size:14px;line-height:1.5;gap:9px;flex-wrap:wrap;margin-top:14px;overflow-wrap:anywhere}.summary-row>span:not(.duration){flex:1;min-width:0}.summary-row .duration{font-size:12px}.summary-row b{font-size:15px} .input-row,.booking .input-row{min-height:62px;gap:10px;align-items:center}.input-row label{font-size:14px;min-width:58px}.input-wrap input{min-height:48px;line-height:1.5;padding:12px}.input-wrap small{font-size:12px;line-height:1.4}.form-error{font-size:12px;line-height:1.5} .chat-title-row .chat-heading{font-size:27px}.chat-subtitle{margin-bottom:20px}.message-body{font-size:15px;line-height:1.6;padding:16px;border-radius:13px}.chat-content{gap:18px}.chat-time{font-size:12px;line-height:1.4;margin-top:8px;color:#b6b6be} .proposal-details strong{font-size:15px;line-height:1.4;display:block}.proposal-line{font-size:12px;line-height:1.5;align-items:flex-start;overflow-wrap:anywhere;gap:7px}.proposal-line svg{width:18px;height:18px}.proposal-top{gap:12px}.proposal-top img{width:62px;height:90px}.proposal-card .primary-button{font-size:14px;min-height:52px}.proposal-card .outline-button{font-size:13px;min-height:46px} .quick-reply{font-size:13px;line-height:1.4;min-height:44px;padding:11px 16px}.composer{padding-top:12px;padding-bottom:12px}.composer input{font-size:16px!important;min-height:52px;padding:14px;line-height:1.4}.send-button{height:52px;width:52px}.send-button svg{width:25px;height:25px}.chat-typing,.chat-example{font-size:12px;line-height:1.5} .metric-label,.metric-hint{font-size:12px;line-height:1.5}.metric-card{min-height:130px;padding:18px 14px;gap:10px}.metric-value{font-size:30px}.metric-value.revenue{font-size:25px} .appointment-card{min-height:112px;padding:16px;gap:12px}.appointment-time{min-width:96px}.appointment-time strong{font-size:28px}.appointment-status{font-size:12px;line-height:1.4;flex-wrap:wrap}.appointment-info strong{font-size:15px;line-height:1.5}.appointment-info p{font-size:12px;line-height:1.55}.call-button{width:44px;height:44px} .manage-card{padding:18px}.manage-card strong{font-size:15px;line-height:1.4}.manage-card p{font-size:13px;line-height:1.5} .editor-card,.editor .editor-card{min-height:136px;padding:16px;gap:12px}.editor-details>label{font-size:15px;line-height:1.4}.editor-icon small{font-size:12px;line-height:1.4}.price-input{min-height:48px;margin-top:10px}.price-input span{font-size:14px}.toggle-area{font-size:12px;line-height:1.4;min-width:70px}.editor-helper{font-size:13px;line-height:1.5} .booking-actions button{font-size:13px;min-height:48px;line-height:1.4}.success-title{font-size:30px!important}.success-subtitle{font-size:15px;line-height:1.6}.schedule-day{font-size:16px} .toast{font-size:14px;line-height:1.5;bottom:calc(102px + env(safe-area-inset-bottom,0px))}.modal{max-height:85dvh;overflow-y:auto}.modal h2{font-size:25px}.modal p{font-size:15px;line-height:1.6}.modal .menu-item{font-size:15px;line-height:1.45;min-height:52px}.owner-login-form label{font-size:13px}.build-version{font-size:12px} .portfolio-section-heading{gap:10px;align-items:center;flex-wrap:wrap}.portfolio-section-heading h2{font-size:22px}.portfolio-section-heading .text-link{font-size:13px}.portfolio-preview{margin-top:30px;padding-top:24px} .work-card.compact{flex-basis:180px}.work-category{font-size:12px;line-height:1.4;padding:5px 9px}.work-caption{display:flex;flex-direction:column;gap:8px;padding:14px 12px}.work-caption strong{font-size:15px;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}.work-caption>span{font-size:13px;line-height:1.5;min-height:3em;margin-top:auto;overflow-wrap:anywhere}.portfolio-note,.eyebrow,.portfolio-count{font-size:12px;line-height:1.5}.eyebrow{letter-spacing:1px} .portfolio-filter{font-size:13px;line-height:1.4;min-height:44px;padding:10px 14px}.master-filter-label{font-size:13px;line-height:1.4;flex-wrap:wrap}.master-filter-label select{min-height:46px;flex:1;min-width:170px} .profile-heading h1{font-size:28px}.profile-heading p,.profile-bio{font-size:14px;line-height:1.6}.specialty-chips>span{font-size:12px;line-height:1.5}.profile-service{gap:10px;flex-wrap:wrap}.profile-service>div{flex:1;min-width:120px}.profile-service small{font-size:12px;line-height:1.4}.profile-service strong{font-size:15px;line-height:1.5}.profile-service b{font-size:15px;white-space:nowrap} .work-detail-photo .work-category{font-size:12px}.work-detail-heading h1{font-size:28px}.work-description{font-size:15px;line-height:1.6}.work-master strong{font-size:15px;line-height:1.4}.work-master small{font-size:12px;line-height:1.5}.work-service-row{font-size:15px;line-height:1.5}.work-service-row small{font-size:12px;line-height:1.5}.work-service-row b{font-size:25px}.work-consultation{font-size:13px;line-height:1.6} .reference-summary small{font-size:12px;line-height:1.4}.reference-summary strong{font-size:14px;line-height:1.5}.screen-back{font-size:13px;min-height:40px} @media(max-width:360px){.steps,.home .steps{gap:4px}.step{gap:4px}.step i{width:28px;height:28px;min-width:28px}.step-line{max-width:10px;min-width:4px}.service-card,.home .service-card{padding:14px;gap:10px}.service-card .service-icon{width:34px;height:34px}.editor-card,.editor .editor-card{padding:14px;gap:9px}.editor-icon{width:34px}.toggle-area{min-width:62px}.appointment-card{padding:14px;gap:9px}.appointment-time{min-width:84px;padding-right:8px}.chat-work-suggestions{margin-left:0}.portfolio-grid{gap:10px}} /* Мобильный корневой контейнер привязан к экрану, а не к укороченному 100dvh iOS. Только при клавиатуре pwa.js задаёт временную высоту --app-height. */ @media(max-width:480px),(display-mode:standalone){ html,body{height:100%;min-height:0;overflow:hidden;background:#111114} body{padding:0} .app-shell{position:fixed;inset:0;width:100%;height:var(--app-height,auto);max-height:none;margin:0 auto;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)} } /* Установленное приложение iOS: auto/inset могут исключать область статус-бара. 100vh задаёт полную высоту; safe area остаётся внутри, а не вычитается из неё. */ @media(display-mode:standalone){ html,body{height:100vh;min-height:100vh;overflow:visible;overscroll-behavior:none} .app-shell{height:var(--app-height,100vh);bottom:auto} .bottom-nav{padding-bottom:max(4px,calc(var(--nav-safe-bottom,env(safe-area-inset-bottom,0px)) - 6px))} } html.ios-standalone,html.ios-standalone body{height:100vh;min-height:100vh;overflow:visible;overscroll-behavior:none} html.ios-standalone body{padding:0;background:#111114} html.ios-standalone .app-shell{position:fixed;inset:0 0 auto;width:100%;height:var(--app-height,100vh);max-height:none;margin:0 auto;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)} html.ios-standalone .bottom-nav{padding-bottom:max(4px,calc(var(--nav-safe-bottom,env(safe-area-inset-bottom,0px)) - 6px))} /* Safari не должен обрезать подпись как содержимое нативной кнопки. */ .bottom-nav{overflow:visible} .nav-item{-webkit-appearance:none;appearance:none;overflow:visible} .nav-item>span{display:block;flex:0 0 auto;min-height:15px;line-height:15px;white-space:nowrap;color:inherit} /* 2.0.10: компактная шапка и две равные карточки в предпросмотре работ. */ .home .brand-row{min-height:52px;margin-bottom:18px} .home .brand-mark{width:35.2px;height:35.2px} .home .brand-name{font-size:16.5px} .home .portfolio-strip{width:100%;min-width:0;gap:12px} .home .portfolio-strip .work-card.compact{flex:0 0 calc((100% - 12px)/2)} /* 2.0.11: компактные сообщения и карточка той же ширины, что её ответ. */ .assistant .message-body{padding:10px 16px} .assistant .message-body.proposal-message{min-width:min(225px,calc(100% - 54px))} .assistant .proposal-card{align-self:flex-start;margin-left:var(--proposal-left,52px);width:var(--proposal-width,calc(100% - 54px));max-width:calc(100% - var(--proposal-left,52px))} .assistant .proposal-details strong,.assistant .proposal-line{overflow-wrap:anywhere} /* 2.0.12: отступ заголовка времени и компактные карточки образов. */ .booking .slots-title{margin:0 0 16px} .work-caption{flex:0 0 auto;gap:0;padding:12px} .work-caption strong{min-height:0} .portfolio-strip{align-items:flex-start} .portfolio-grid{align-items:start} .portfolio-grid .work-card{height:auto} .gallery .work-card.selected{border-color:var(--gold)} /* 2.0.14: панель услуг; основная страница сохраняет свою компоновку. */ /* Каталог выделяется латунной кромкой и редким мягким бликом. */ .service-overview{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:112px;padding:14px 16px;text-align:left;border-color:#b8c8d861;background:linear-gradient(125deg,#191c20 0%,#151517 52%,#101012 100%);box-shadow:inset 0 1px 0 #e7eff510,0 8px 24px #0003} .service-overview::before{content:'';position:absolute;z-index:0;pointer-events:none;left:0;top:-20%;width:26%;height:140%;background:linear-gradient(90deg,transparent,#e7eff510,transparent);transform:translate3d(-220%,0,0) skewX(-18deg);opacity:0;animation:catalog-glint 8s ease-in-out 1s infinite} .service-overview>span{position:relative;z-index:1;min-width:0} .service-overview:focus,.service-overview:focus-visible{outline:none} .catalog-top{display:flex;align-items:center;gap:10px;margin-bottom:10px} .catalog-icons{display:flex;align-items:center;gap:7px;flex-shrink:0} .catalog-icons>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6e5d3748;border-radius:10px;background:linear-gradient(135deg,#263340,#1b242c);box-shadow:0 2px 6px #0003;color:#c9d9e7} .catalog-icons>span+span{margin-left:0} .catalog-icons svg{width:22px;height:22px} .catalog-count{color:#c9b68c;font-size:12px;line-height:1.4} .catalog-arrow{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:1px solid #b8c8d836;border-radius:50%;color:var(--gold);background:#b8c8d808;flex-shrink:0} .catalog-arrow svg{width:19px;height:19px} .service-overview>.catalog-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%)} .catalog-copy{display:block} .catalog-copy strong{display:block;font-family:var(--heading);font-size:23px;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.3px;color:var(--text)} .catalog-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px} .home.services-open .service-overview::before{animation-play-state:paused} @keyframes catalog-glint{0%,70%{opacity:0;transform:translate3d(-220%,0,0) skewX(-18deg)}74%{opacity:.6}91%{opacity:.6;transform:translate3d(620%,0,0) skewX(-18deg)}94%,100%{opacity:0;transform:translate3d(620%,0,0) skewX(-18deg)}} .services-dialog{position:fixed;inset:0;width:min(100%,430px);height:var(--app-height,100dvh);max-width:none;max-height:none;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 0 0;border:0;background:transparent;color:var(--text);overflow:hidden;overflow:clip;isolation:isolate;outline:0;touch-action:pan-x pan-y} .services-dialog[open]{display:flex;flex-direction:column} .services-dialog::backdrop{background:#0000;transition:background .9s ease} .services-dialog.is-open::backdrop{background:#000a} .services-dialog.is-closing::backdrop{transition-duration:.52s} .services-dialog::before{content:'';position:absolute;z-index:0;top:0;left:0;right:0;height:calc(150px + env(safe-area-inset-top,0px));background:#09090b;opacity:0;transition:opacity .9s ease;pointer-events:none} .services-dialog.is-open::before{opacity:1} .services-dialog.is-closing::before{transition-duration:.52s} .sheet-brand-header{position:relative;z-index:1;outline:0;flex:0 0 52px;margin-bottom:14px} .sheet-brand{position:absolute;left:50%;top:50%;transform:translate3d(calc(-50% - var(--brand-start-shift,0px)),calc(-50% + var(--brand-start-y,0px)),0);display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .65s ease} .services-dialog:not(.is-open):not(.is-closing) .sheet-brand{transition:none} .sheet-brand .brand-mark{width:35.2px;height:35.2px;flex-shrink:0;color:var(--gold)} .sheet-brand .brand-name{font-size:16.5px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .services-dialog.is-open .sheet-brand{transform:translate3d(-50%,-50%,0)} .services-dialog.from-scrolled-page .sheet-brand{opacity:0} .services-dialog.from-scrolled-page.is-open .sheet-brand{opacity:1} .home .brand-row{transition:opacity .45s ease}.home.services-open .brand-row{opacity:0} .services-panel{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:1;border:1px solid #ffffff14;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(135deg,#151517 0%,#0e0e10 42%,#09090b 100%);box-shadow:inset 0 1px 0 #ffffff0d,0 -16px 46px #000a;transform:translate3d(0,105%,0);transition:transform .9s cubic-bezier(.4,0,.2,1);overflow:hidden} .services-dialog.is-open .services-panel{transform:translate3d(0,0,0)} .services-dialog.is-closing .services-panel{transition-duration:.52s;transition-timing-function:cubic-bezier(.4,0,.2,1)} .services-dialog.is-closing .sheet-brand{transition-duration:.52s;transition-timing-function:cubic-bezier(.4,0,.2,1)} .services-dialog.is-dragging .services-panel{transform:translate3d(0,var(--sheet-drag-offset,0px),0);transition:none} .services-dialog.is-dragging .sheet-brand{transform:translate3d(calc(-50% - var(--brand-drag-shift,0px)),calc(-50% + var(--brand-drag-y,0px)),0);transition:none} .services-dialog.is-settling .services-panel,.services-dialog.is-settling .sheet-brand{transition-duration:.32s} .sheet-drag-zone{display:flex;flex-direction:column;flex-shrink:0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none} .services-dialog.is-dragging .sheet-drag-zone{cursor:grabbing} .sheet-heading,.sheet-categories,.sheet-caption,.sheet-service-footer{opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s ease .22s,transform .5s cubic-bezier(.4,0,.2,1) .22s} .services-dialog.is-open .sheet-heading,.services-dialog.is-open .sheet-categories,.services-dialog.is-open .sheet-caption,.services-dialog.is-open .sheet-service-footer{opacity:1;transform:translate3d(0,0,0)} .services-dialog.is-closing .sheet-heading,.services-dialog.is-closing .sheet-categories,.services-dialog.is-closing .sheet-caption,.services-dialog.is-closing .sheet-service-footer,.services-dialog.is-closing .sheet-service{transition-delay:0s} .sheet-handle{width:36px;height:4px;border-radius:4px;background:#ffffff24;flex-shrink:0;align-self:center;margin:10px 0 8px} .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 12px;flex-shrink:0} .sheet-heading h2{font-family:var(--heading);font-size:25px;line-height:1.2;text-transform:uppercase;margin:0} .sheet-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff08;color:var(--muted)} .sheet-close svg{width:22px;height:22px} .sheet-categories{display:grid;grid-template-columns:repeat(var(--category-count,4),minmax(0,1fr));gap:6px;padding:0 16px;flex-shrink:0} .sheet-category{position:relative;overflow:visible;background:#ffffff05;color:var(--muted);border:1px solid #ffffff0c;border-radius:10px;padding:10px 3px;min-height:44px;font-size:12px;line-height:1.3} .sheet-category::before{content:'';position:absolute;inset:-6px 0} .sheet-category.selected{background:linear-gradient(130deg,#e7eff5,#b8c8d8);border-color:var(--gold);color:#0f1113} .sheet-caption{font-size:12px;color:var(--muted);margin:12px 16px 8px;line-height:1.5;flex-shrink:0} .sheet-service-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px 14px;scrollbar-width:none} .sheet-service{opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 12px;min-height:76px;margin-bottom:9px;border:1px solid #ffffff0d;border-radius:13px;background:linear-gradient(135deg,#1b1b1e,#111113);box-shadow:inset 0 1px 0 #ffffff07} .services-dialog.is-open .sheet-service{opacity:1;transform:translate3d(0,0,0);transition-delay:calc(.28s + var(--reveal-order,0)*.06s)} .sheet-service:active:not(:disabled){transform:translate3d(0,0,0)} .sheet-service>svg{width:26px;height:26px;flex-shrink:0} .sheet-service-info{flex:1;min-width:0} .sheet-service strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere} .sheet-service strong .badge{display:inline-block;margin-left:7px;font-size:10px;padding:2px 5px;vertical-align:middle} .sheet-service small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4} .sheet-service>b{font-size:13px;font-weight:600;white-space:nowrap} .sheet-service.selected{border-color:#b8c8d8aa;background:linear-gradient(135deg,#1a1d21,#101214);box-shadow:inset 0 1px 0 #e7eff514} .sheet-service .radio,.sheet-check{width:22px;height:22px;flex:0 0 22px} .sheet-service.selected .radio{border-color:var(--gold)} .sheet-service.selected .radio::after{content:'';display:block;width:10px;height:10px;margin:4px;border-radius:50%;background:var(--gold)} .sheet-check{display:grid;place-items:center;border:1px solid #7a7a82;border-radius:6px;color:transparent} .sheet-check svg{width:16px;height:16px} .sheet-service.selected .sheet-check{background:var(--gold);border-color:var(--gold);color:#101215} .sheet-service-footer{flex-shrink:0;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff0b;background:linear-gradient(135deg,#101012,#09090b);box-shadow:0 -8px 24px #0003} .sheet-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:12px;color:var(--muted);line-height:1.4} .sheet-total strong{font-size:17px;color:var(--text);white-space:nowrap} @media(max-width:360px){.sheet-service{gap:8px;padding:12px 10px}.sheet-service>svg{width:22px;height:22px}.sheet-service strong{font-size:14px}.sheet-service>b{font-size:12px}} @media(prefers-reduced-motion:reduce){.services-panel,.sheet-brand,.services-dialog.is-closing .services-panel,.services-dialog.is-closing .sheet-brand,.services-dialog::backdrop{transition:none}.service-overview::before{animation:none;display:none}} html.ios-standalone .services-dialog{height:var(--app-height,100vh)} @media(display-mode:standalone){.services-dialog{height:var(--app-height,100vh)}} .sheet-error{font-size:12px;line-height:1.5;color:#e7eff5;margin:0 0 10px;overflow-wrap:anywhere} /* Initial focus remains in the fixed header, not in the translated panel. */ @media(prefers-reduced-motion:reduce){.services-dialog::before,.sheet-heading,.sheet-categories,.sheet-caption,.sheet-service-footer,.sheet-service{transition:none!important}} /* 2.0.21: мягкая латунная сетка и свет над исходным фото, под текстом. */ .home .hero{isolation:isolate} .hero-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mix-blend-mode:screen} .hero-mesh{position:absolute;inset:-10% -8% -12%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560%20280%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22dots%22%20width%3D%226%22%20height%3D%226%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%22.9%22%20fill%3D%22%23e5b863%22%2F%3E%3C%2Fpattern%3E%3ClinearGradient%20id%3D%22fade%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.7%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fade-y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22soft%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22560%22%20height%3D%22280%22%3E%3Crect%20width%3D%22560%22%20height%3D%22280%22%20fill%3D%22url%28%23fade%29%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22vertical%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22560%22%20height%3D%22280%22%3E%3Crect%20width%3D%22560%22%20height%3D%22280%22%20fill%3D%22url%28%23fade-y%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url%28%23soft%29%22%3E%3Crect%20x%3D%2236%22%20y%3D%228%22%20width%3D%22370%22%20height%3D%22264%22%20fill%3D%22url%28%23dots%29%22%20mask%3D%22url%28%23vertical%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:100% 100%;opacity:.44;animation:none;transform:translate3d(var(--hero-mesh-x,0px),var(--hero-mesh-y,12px),0);will-change:transform} .hero-glow{position:absolute;inset:-25% -5% -35% -30%;background:radial-gradient(ellipse at 42% 58%,#b8c8d81a 0%,#b18e4108 28%,transparent 58%);opacity:.7;animation:none;transform:translate3d(var(--hero-glow-x,12.88px),var(--hero-glow-y,7.65px),0);will-change:transform} .home .hero::after{z-index:2;pointer-events:none} .home .hero-content{z-index:3} .home.services-open .hero-atmosphere>span{animation-play-state:paused} @media(prefers-reduced-motion:reduce){.hero-atmosphere{display:none}} /* 2.0.22: меню без начального выделения, плавная галерея и шторка помощника. */ .modal{opacity:0;transform:translate3d(0,16px,0) scale(.98);transition:opacity .45s ease,transform .45s cubic-bezier(.4,0,.2,1)} .modal.is-open{opacity:1;transform:translate3d(0,0,0) scale(1)} .modal.is-closing{transition-duration:.28s;pointer-events:none} .modal::backdrop{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .45s ease,backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease} .modal.is-open::backdrop{background:#000a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .modal.is-closing::backdrop{transition-duration:.12s;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)} .modal-initial-focus{outline:none} .screen.details-enter{animation:details-enter .55s cubic-bezier(.4,0,.2,1) both} .screen.details-leave{animation:details-leave .32s cubic-bezier(.4,0,.2,1) both;pointer-events:none} @keyframes details-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}} @keyframes details-leave{from{opacity:var(--details-leave-opacity,1);transform:var(--details-leave-transform,translate3d(0,0,0))}to{opacity:0;transform:translate3d(0,18px,0)}} .assistant-panel{position:relative} .assistant-screen{flex:1;min-height:0;padding:0 16px;animation:none} .assistant-screen .chat-title-row{min-height:44px;gap:8px;margin-bottom:8px} .assistant-screen .chat-heading{font-size:27px!important;line-height:1.2} .assistant-tools{display:flex;align-items:center;gap:4px;flex-shrink:0} .assistant-screen .chat-subtitle{margin-bottom:18px} .assistant-screen .composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))} .assistant-toast{position:absolute;z-index:5;left:50%;bottom:calc(82px + env(safe-area-inset-bottom,0px));transform:translate(-50%,8px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;border:1px solid #3a4c5c;border-radius:12px;background:#222e38;color:var(--text);font-size:13px;line-height:1.5;padding:10px 14px;text-align:center;transition:opacity .2s,transform .2s} .assistant-toast.visible{opacity:1;transform:translate(-50%,0)} @media(prefers-reduced-motion:reduce){.modal{transition:none}.screen.details-enter,.screen.details-leave{animation:none}} .services-dialog.is-closing{pointer-events:none} .assistant-dialog.is-closing,html.ios-standalone .assistant-dialog.is-closing{height:var(--assistant-exit-height,var(--app-height,100dvh))} /* 2.0.23: золотые кнопки с текстом, частицы двигаются через rAF. */ .send-button{width:52px;min-width:52px;height:52px;padding:0;border-radius:50%;display:grid;place-items:center} /* 2.0.24: три входа на главной и галереи в плавных шторках. */ .home-menu-buttons{display:grid;gap:12px} .home-menu-buttons .service-overview{margin:0} .home-gallery-button{display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;min-height:112px;background:linear-gradient(135deg,#171a1e,#111113 75%);box-shadow:inset 0 1px 0 #ffffff08} .home-gallery-button .catalog-copy{flex:1;min-width:0} .home-gallery-button .catalog-copy strong{font-size:23px} .home-gallery-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #6e5d3748;border-radius:10px;background:linear-gradient(135deg,#263340,#1b242c);color:#c9d9e7} .home-gallery-icon svg{width:22px;height:22px} .home-gallery-button:focus,.home-gallery-button:focus-visible{outline:none;border-color:var(--border)} .gallery-screen.screen{padding:0 16px max(20px,env(safe-area-inset-bottom,0px));animation:none} .gallery-screen .work-detail-photo{margin:0 -16px 24px} .gallery-screen.screen.details-enter{animation:details-enter .55s cubic-bezier(.4,0,.2,1) both} .gallery-screen.screen.details-leave{animation:details-leave .32s cubic-bezier(.4,0,.2,1) both} .gallery-photo-count{margin:0 0 6px;color:var(--muted);font-size:12px;line-height:1.5} .gallery-screen .portfolio-grid{gap:10px} .gallery-action{flex-shrink:0;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff0b;background:#0b0b0d} .gallery-action:empty{display:none} .gallery-dialog .gallery-screen{opacity:0;transition:opacity .55s ease .25s} .gallery-dialog.is-open .gallery-screen{opacity:1} .gallery-dialog.is-closing .gallery-screen{transition-delay:0s} @media(prefers-reduced-motion:reduce){.gallery-dialog .gallery-screen,.modal::backdrop{transition:none}.gallery-screen.screen.details-enter,.gallery-screen.screen.details-leave{animation:none}} /* Рабочий кабинет. Геометрия клиентских экранов и safe area сохранены. */ .staff-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-nav.barber-nav{grid-template-columns:repeat(3,minmax(0,1fr))} .staff-content{min-width:0}.staff-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.staff-heading>div{min-width:0;flex:1}.staff-heading h1{font-size:28px}.staff-heading .page-subtitle{margin:8px 0 0;font-size:13px}.staff-bell{position:relative;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--border);background:#17171a}.staff-bell>span{position:absolute;top:-4px;right:-3px;min-width:18px;padding:2px 4px;border-radius:10px;color:#0f1113;background:var(--gold);font-size:12px;font-weight:800} .staff-date-row{display:flex;align-items:center;gap:7px;margin-bottom:14px}.staff-date-row input{min-width:0;flex:1;width:100%;height:44px;border:1px solid var(--border);border-radius:9px;background:#151518;color:var(--text);padding:8px;font-size:16px}.staff-date-arrow{display:grid;place-items:center;flex:0 0 38px;width:38px;height:44px;border:1px solid var(--border);border-radius:9px;background:#151518}.staff-date-arrow svg{width:18px;height:18px}.staff-today{padding:10px 7px;min-height:44px;background:transparent;color:var(--gold);font-size:12px;white-space:nowrap} .staff-filters{display:flex;gap:10px;margin:12px 0 16px}.staff-filter-label{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;color:var(--muted);font-size:12px;line-height:1.5}.staff-filter-label select,.staff-filter-label input{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:9px;background:#151518;color:var(--text);font-size:16px}.staff-report-date{margin:12px 0}.staff-actions{display:flex;gap:10px;align-items:stretch;margin:16px 0}.staff-actions>.primary-button,.staff-actions>.outline-button{flex:1;min-width:0;font-size:13px}.staff-actions>.outline-button{border-color:var(--border);background:#1b2026}.staff-date-title{margin:24px 0 16px!important;font-size:21px!important;color:var(--gold)}.staff-section-title{margin:24px 0 14px!important;font-size:21px!important} .staff-appointment{display:flex;align-items:center;padding:12px;gap:8px}.staff-booking-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;background:transparent;padding:0;text-align:left}.staff-time{display:flex;flex-direction:column;flex:0 0 59px;align-self:flex-start;gap:4px;padding-right:8px;border-right:1px solid var(--border)}.staff-time strong{font-family:var(--heading);font-size:29px;font-weight:600;line-height:1.2}.staff-time small{font-size:12px;color:var(--muted);white-space:nowrap}.staff-client{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;font-size:13px;line-height:1.5}.staff-client>strong{font-size:15px;overflow-wrap:anywhere}.staff-client>span:not(.staff-status),.staff-client>small{color:var(--muted)}.staff-client>small{font-size:12px}.staff-price{align-self:flex-start;white-space:nowrap;font-size:12px;font-weight:600}.staff-call{display:grid;place-items:center;width:40px;height:44px;flex:0 0 40px;border:1px solid var(--border);border-radius:9px;color:var(--gold);background:#1c2630}.staff-call svg{width:20px;height:20px}.staff-status{font-size:12px;line-height:1.5;color:var(--green)}.staff-status.cancelled{color:#d7998b}.staff-status.no_show{color:#cdb277}.staff-status.completed{color:#b5b7b6}.staff-refresh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin:18px 0 4px}.staff-empty{padding:22px 16px;text-align:center;color:var(--muted);line-height:1.5}.staff-empty p{margin:0}.staff-block-card{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:10px;font-size:14px}.staff-block-card>div{flex:1;min-width:0}.staff-block-card p{font-size:12px;color:var(--muted);margin:6px 0 0}.staff-block-card .text-link{min-height:44px} .staff-tabs{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px}.staff-tab{flex:1;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#151518;color:var(--muted);font-size:12px;white-space:nowrap}.staff-tab.selected{background:linear-gradient(120deg,var(--gold-light),var(--gold));border-color:var(--gold);color:#172330}.staff-category-tabs .staff-tab{flex:0 0 auto}.staff-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.staff-metrics .metric-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px;min-width:0}.staff-metrics .metric-card>span{font-size:12px;color:var(--muted);line-height:1.5}.staff-metrics .metric-card>strong{font-size:21px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.staff-metrics .metric-card>small{font-size:12px;color:var(--muted);line-height:1.5}.staff-report-details{display:grid;gap:10px;padding:14px;font-size:13px}.staff-report-details>span{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.staff-report-details b{color:var(--text);white-space:nowrap}.staff-chart{display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding:18px 12px 12px;min-height:148px}.staff-chart button{display:flex;flex:1 0 24px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-height:116px;background:transparent;padding:0;color:var(--muted);font-size:12px}.staff-chart button>span{width:14px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,var(--accent-dark),var(--gold))}.staff-chart small{font-size:12px}.staff-nearest-date{margin:14px 0 8px;color:var(--muted);font-size:12px} .staff-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:var(--muted);font-size:13px;line-height:1.5;min-width:0}.staff-field input,.staff-field select{min-height:46px;width:100%;min-width:0;padding:10px 12px;background:#151518;color:var(--text);border:1px solid var(--border);border-radius:9px;font-size:16px}.staff-form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-form-columns .staff-field{margin:6px 0}.staff-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;line-height:1.5;color:var(--text)}.staff-check input{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0}.staff-fieldset{border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin:16px 0}.staff-fieldset legend{font-size:13px;color:var(--muted);padding:0 5px}.staff-weekday{padding:10px 0;border-bottom:1px solid var(--border)}.staff-weekday:last-child{border-bottom:0}.staff-form .primary-button{margin:14px 0 10px}.staff-form+.outline-button{margin-bottom:10px}.staff-form .form-error:empty{display:none}.staff-detail{padding:14px;line-height:1.6;margin-bottom:14px}.staff-detail p{font-size:13px;color:var(--muted);margin:6px 0}.staff-detail-call{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:12px}.staff-detail-actions{display:grid;gap:10px}.staff-menu-card{display:flex;align-items:center;justify-content:space-between;padding:16px;min-height:58px;width:100%;text-align:left;margin-bottom:12px;font-size:15px}.staff-modal-list{margin:16px 0}.staff-catalog-list{display:grid;gap:10px;margin-top:14px}.staff-service{display:flex;align-items:center;gap:10px;padding:14px 12px;width:100%;text-align:left;min-height:82px}.staff-service>svg:first-child{width:26px;height:26px}.staff-service>span{flex:1;min-width:0}.staff-service strong{font-size:15px;line-height:1.4;display:block}.staff-service small{font-size:12px;color:var(--muted);margin-top:5px;display:block;line-height:1.5}.staff-service>b{font-size:13px;white-space:nowrap}.staff-service>svg:last-child{width:17px;height:17px;color:var(--gold)}.staff-archive-toggle{margin:12px 0} .staff-team-list{display:grid;gap:12px;margin-top:18px}.staff-team-card{padding:14px}.staff-team-main{display:flex;align-items:center;gap:12px;width:100%;padding:0;text-align:left;background:transparent}.staff-team-main img{width:52px;height:62px;object-fit:cover;border-radius:8px;flex-shrink:0}.staff-team-main>span{flex:1;min-width:0}.staff-team-main strong{display:block;font-size:16px;line-height:1.4}.staff-team-main small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.staff-team-card>.text-link{margin-top:8px;min-height:40px}.staff-team-main>svg{width:18px;color:var(--gold)}.staff-push-card{padding:16px;margin-bottom:16px;font-size:15px}.staff-push-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 14px}.staff-events{display:grid;gap:10px}.staff-event{display:flex;flex-direction:column;gap:7px;text-align:left;padding:14px;width:100%;line-height:1.5}.staff-event strong{font-size:15px}.staff-event>span{font-size:13px;color:var(--muted)}.staff-event small{font-size:12px;color:var(--muted)}.staff-event.unread{border-color:var(--border);background:linear-gradient(135deg,#242c34,#1b2026)}.staff-client-history{padding:14px;margin:12px 0}.staff-client-history summary{cursor:pointer}.staff-client-history summary>strong{font-size:15px}.staff-client-history summary>small{display:block;margin:6px 0;color:var(--muted);font-size:12px;line-height:1.5}.staff-client-history button{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px 0;text-align:left;background:transparent;border-top:1px solid var(--border);margin-top:10px;font-size:13px}.staff-client-history button small{font-size:12px;color:var(--muted)} @media(max-width:360px){.staff-price{font-size:12px}.staff-booking-main{gap:9px}.staff-appointment{padding:10px;gap:6px}.staff-call{width:34px;flex-basis:34px}.staff-time{flex-basis:53px}.staff-time strong{font-size:26px}.staff-client>strong{font-size:14px}.staff-metrics .metric-card>strong{font-size:18px}.staff-today{padding:8px 3px}.staff-date-row{gap:4px}.staff-date-arrow{flex-basis:32px;width:32px}} /* Формы кабинета: поле даты/времени не расширяет окно на iPhone. */ .modal{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y} .modal-initial-focus,.staff-form,.staff-form-columns,.staff-weekday{min-width:0;max-width:100%;overflow-wrap:anywhere} .staff-form{width:100%} .staff-fieldset{min-inline-size:0;min-width:0;max-width:100%;width:100%} .staff-fieldset legend{max-width:100%;white-space:normal} .staff-field{max-width:100%} .staff-field input,.staff-field select{display:block;max-width:100%;box-sizing:border-box} .staff-field input[type="date"],.staff-field input[type="time"],.staff-field input[type="month"]{-webkit-appearance:none;appearance:none;min-inline-size:0;inline-size:100%;max-inline-size:100%;text-align:left} .staff-field input::-webkit-date-and-time-value{min-width:0;text-align:left} .staff-field input::-webkit-datetime-edit{min-width:0;padding:0} .staff-check{min-width:0;overflow-wrap:anywhere} .modal .staff-help{font-size:12px;line-height:1.55;margin:4px 0 12px;color:var(--muted)} .staff-service.is-unavailable{background:#111113;border-color:#27272c} .staff-service.is-unavailable>svg,.staff-service.is-unavailable>b,.staff-service.is-unavailable strong{opacity:.5} .staff-service.is-unavailable small{color:#aaa7a0} .staff-delete-button{color:#d8c395!important;border-color:#63423b!important} @media(max-width:360px){.staff-form-columns{gap:7px}.staff-fieldset{padding:8px}.staff-field input,.staff-field select{padding:10px 8px}} /* Кабинет: две вкладки и компактный журнал без кассы и ролей. */ .staff-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .owner-pin-input{width:100%;max-width:100%;min-width:0;font-size:24px!important;letter-spacing:.35em;text-align:center} .owner-visit{display:flex;gap:10px;align-items:center;padding:14px;margin:10px 0}.owner-visit-main{display:flex;flex:1;min-width:0;gap:14px;padding:0;background:none;text-align:left}.owner-visit-time{flex:0 0 58px;font:27px var(--heading);line-height:1.3}.owner-visit-main>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;overflow-wrap:anywhere}.owner-visit-main>span>strong{font-size:15px}.owner-visit-main small{font-size:12px;color:var(--muted);line-height:1.45}.owner-visit.is-cancelled{opacity:.6} .owner-price-row{padding:12px;margin:10px 0}.owner-price-main{display:flex;width:100%;gap:10px;align-items:center;background:none;text-align:left;padding:0;min-height:48px}.owner-price-main>span{flex:1;min-width:0;overflow-wrap:anywhere}.owner-price-main strong{display:block;font-size:15px;line-height:1.4}.owner-price-main small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.owner-price-main>b{font-size:14px;white-space:nowrap}.owner-price-toggle{display:block;min-height:44px;padding:8px 0;margin-top:5px}.owner-price-row.is-unavailable{background:#111113;border-color:#27272c}.owner-price-row.is-unavailable .owner-price-main{opacity:.55} /* Одинаковые шевроны для предыдущей и следующей даты. */ .staff-date-arrow.is-previous svg{transform:rotate(180deg)} /* Прайс: область нажатия двух верхних кнопок на 4px меньше с каждой стороны. */ .staff-actions>button[data-action="staff-add-service"],.staff-actions>button[data-action="staff-categories"]{position:relative;pointer-events:none} .staff-actions>button[data-action="staff-add-service"]::before,.staff-actions>button[data-action="staff-categories"]::before{content:'';position:absolute;inset:4px;z-index:1;pointer-events:auto;border-radius:inherit} .staff-actions>button[data-action="staff-add-service"]:disabled::before,.staff-actions>button[data-action="staff-categories"]:disabled::before{pointer-events:none} .chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-left:52px}.chat-suggestions .quick-reply{max-width:100%;text-align:left;overflow-wrap:anywhere;background:#1b2026;border:1px solid var(--border);color:var(--gold-light)} /* Короткие сообщения помощника разделяют мысли переносом строки. */ .assistant .message-body{white-space:pre-line} /* Нулевой transform тоже создаёт отдельную систему координат для курсора WebKit. */ .assistant-dialog.is-open:not(.is-dragging) .assistant-panel{transform:none} .assistant .chat-gallery-button{align-self:flex-start;width:auto;max-width:calc(100% - 52px);margin-left:52px;min-height:40px;padding:9px 15px;font-size:13px;line-height:1.5} .chat-reply-in{animation:chatReplyIn .28s ease-out both} @keyframes chatReplyIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.chat-reply-in{animation:none}} /* Optional customer account; use the same compact modal and local fonts. */ .customer-account-form{display:grid;gap:9px;min-width:0;margin:16px 0} .customer-account-form label{font-size:13px;color:var(--muted);margin-top:5px} .customer-account-form input{width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#151518;color:var(--text);font:16px var(--font)} .customer-account-form small{font-size:12px;color:var(--muted)} .customer-account-form .form-error:empty{display:none} .customer-account-form .primary-button{margin-top:9px} .customer-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0} .customer-account-tabs button{min-height:42px;border:1px solid var(--border);border-radius:10px;background:#19191c;color:var(--muted);font-size:13px} .customer-account-tabs button[aria-pressed=true]{color:var(--gold);background:#b8c8d80d} .customer-email{overflow-wrap:anywhere} .modal.is-open{transform:none} .chat-confirm-hint{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5} /* Центрированные окна: свайп за заголовок без изменения их положения. */ .modal .modal-drag-zone{margin-top:-8px} .modal .modal-drag-zone .sheet-handle{margin:0 0 14px} .modal.is-open.is-dragging{transform:translate3d(0,var(--sheet-drag-offset,0px),0);transition:none} .modal.is-open.is-settling{transform:translate3d(0,0,0);transition:transform .34s cubic-bezier(.2,.8,.2,1)} .modal.is-closing{transform:translate3d(0,var(--modal-close-offset,16px),0) scale(.98)} @media(prefers-reduced-motion:reduce){.modal.is-open.is-settling{transition:none}} /* Подсветка охватывает всё поле вместе с подсказкой «Твоё имя». */ .input-wrap:focus-within{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)} .input-wrap input:focus,.input-wrap input:focus-visible{outline:none} .input-wrap input{flex:1;min-width:0} /* Базовый слой бренда; цвета и стекло задаёт тема «Сумерки» в конце файла. */ body,.app-shell{background:var(--bg)} .home .brand-row{min-height:59px;margin-bottom:10px;padding:7px 13px;border:1px solid #ffffff0e;border-radius:17px;background:linear-gradient(130deg,#282e34,#191c20 75%);box-shadow:inset 0 1px 0 #ffffff09,0 5px 18px #0003} .brand-menu{gap:11px;width:fit-content;max-width:100%} .brand-name{font-family:var(--heading);font-size:16.5px;font-weight:600;letter-spacing:1.3px;line-height:1.2;color:var(--text)} .brand-menu .brand-mark,.sheet-brand .brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:10px;overflow:hidden} .brand-image{object-fit:cover;background:transparent;border-radius:10px;display:block} .sheet-brand{gap:11px;will-change:transform} /* Match the source header and floating copy exactly; only their position changes. */ .home .brand-menu .brand-name,.services-dialog .sheet-brand .brand-name{font-family:var(--heading);font-size:16.5px;font-weight:600;letter-spacing:1.3px;line-height:1.2} .home .brand-menu .brand-mark,.services-dialog .sheet-brand .brand-mark{width:44px;height:44px;flex:0 0 44px} .home .brand-menu:active:not(:disabled){transform:none} .sheet-brand-header{flex-basis:56px} .home .hero{height:226px;margin:12px 0 18px;border:0;outline:0;box-shadow:none;border-radius:17px;background:#121416;overflow:hidden;clip-path:inset(0 round 17px)} .home .hero>img,.home .hero::after,.home .hero-atmosphere{border-radius:inherit} .home .hero img{width:100%;height:100%;object-fit:cover;object-position:51% 42%;transform:none;filter:saturate(.95) brightness(.73)} .home .hero::after{background:linear-gradient(90deg,#120a08c9 0%,#28120d59 66%,#120a081a),linear-gradient(0deg,#121416f2 0%,#1214163b 65%,#12141605)} .home .hero-content{left:20px;right:14px;bottom:22px} .home .hero h1{font-size:31px;line-height:1.15;letter-spacing:.3px;text-shadow:0 2px 18px #0007} .home .hero h1 span{color:var(--gold-light)} .hero-atmosphere{display:block;opacity:.22}.hero-mesh{opacity:.12}.hero-glow{background:radial-gradient(ellipse at 32% 65%,#bd9b5980,transparent 64%)} .card{background:linear-gradient(135deg,#292e32,#1b1e22);border-color:var(--border)} .home .service-overview,.home .home-gallery-button{min-height:94px;border-radius:13px;border-color:var(--border);background:linear-gradient(125deg,#262b31,#1b1f24 80%);box-shadow:inset 0 1px 0 #ffffff07} .home .service-overview{border-left:3px solid var(--accent-light)} .home .catalog-copy strong,.home .home-gallery-button .catalog-copy strong{font-size:22px;letter-spacing:.3px} .home .catalog-copy small{color:#c8c0ae;font-size:12px} .catalog-arrow{color:#ece6d8;border-color:#ffffff24;background:#ffffff04}.catalog-count{color:var(--muted)} .home-gallery-icon,.catalog-icons>span{color:#eee8dc;background:#272d33;border-color:#ffffff24} .home .catalog-top{padding-right:44px;flex-wrap:wrap;gap:8px 10px} .home .catalog-icons>span{flex:0 0 34px} .home .catalog-copy{padding-right:44px} .primary-button{color:var(--text);background:linear-gradient(110deg,#f8f5ee,#bd9b59 55%,#c6baa0);box-shadow:inset 0 1px 0 #ffffff40,0 4px 16px #00000040;border-radius:10px} @media(hover:hover) and (pointer:fine){.primary-button:hover{background:linear-gradient(110deg,#ffffff,#eee8dc 65%,#d7ccb2)}} .outline-button{border-color:#c6a46088;color:var(--text);border-radius:10px} .send-button,.user .message-body{background:linear-gradient(125deg,#ede6d6,#c9bb9d);color:#1b1e22} .assistant-avatar{border-color:transparent;background:transparent;overflow:hidden;border-radius:10px} .assistant-avatar .brand-image{width:100%;height:100%;border-radius:10px;object-fit:cover} .message-body{background:linear-gradient(130deg,#292e32,#21252a);border:1px solid #ffffff04} .day-button.selected,.slot.selected,.sheet-category.selected{background:linear-gradient(135deg,var(--accent-light),var(--accent-dark));color:var(--text);border-color:var(--accent-light)} /* One chrome palette for menu selection and controls. */ .sheet-service.selected{border-color:var(--accent-light);background:linear-gradient(135deg,#323941,#24292f);box-shadow:inset 0 1px 0 #c22c2626} .sheet-service.selected .radio{border-color:var(--accent-light)} .sheet-service.selected .radio::after{background:var(--accent-light)} .sheet-service.selected .sheet-check{background:var(--accent);border-color:var(--accent-light);color:var(--text)} .sheet-service>svg{color:#e9e2d4} .sheet-service.selected>svg{color:var(--text)} .sheet-service:focus-visible,.sheet-category:focus-visible{outline-color:var(--accent-light)} .badge,.badge.neutral{background:#2d333b;color:var(--gold-light);border:1px solid #c6a46044} .selected .radio::after{background:var(--gold)} .portfolio-filter.selected,.staff-tab.selected{background:var(--accent);color:var(--text);border-color:var(--accent-light)} .bottom-nav{background:#141517f2;border-top-color:#41464b} .nav-item.active{color:var(--gold)}.nav-item.active .home-icon{fill:var(--gold)} .action-bar{background:linear-gradient(0deg,#121416 88%,#12141600)} .services-panel,.modal{background:linear-gradient(140deg,#252b31,#15181c 75%);border-color:#564e3b} .barber-card img,.profile-avatar,.proposal-top img{background:#1e2227} .input-wrap,.composer input,.customer-account-form input{background:#1d2125;border-color:#564e3b} .input-wrap:focus-within{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)} @media(max-height:740px){.home .hero{height:185px;margin-bottom:14px}.home .hero h1{font-size:28px}.home .service-overview,.home .home-gallery-button{min-height:84px}} @media(prefers-reduced-motion:reduce){.hero-atmosphere{display:none}} /* Style & Steel branding; the two animated headers retain identical metrics. */ .home .hero{height:222px;margin-bottom:12px} .home .hero img{object-position:50% 44%;filter:saturate(.55) brightness(.8)} .home .hero::after{background:linear-gradient(90deg,#0d0e10a6,#15181c26),linear-gradient(0deg,#121416f5,#12141600 90%)} .home .hero h1{font-size:25px;line-height:1.23;letter-spacing:.3px} .home .hero h1 span{font-size:23px;color:#faf8f3} .home .hero-content{left:18px;right:14px;bottom:20px} .hero-glow{background:radial-gradient(ellipse at 74% 22%,#bd9b5926,transparent 60%)} .primary-button,.primary-button:hover,.send-button,.user .message-body{color:#1e2227} .day-button.selected,.slot.selected,.sheet-category.selected{color:#1e2227} .sheet-service.selected .sheet-check{color:#1e2227} .offers-banner{margin:0 0 14px;padding:10px 13px;border:1px solid #a696744d;border-radius:12px;background:linear-gradient(115deg,#2f353c,#21262b);box-shadow:inset 0 1px 0 #ffffff0a} .offers-banner p{display:flex;gap:9px;align-items:center;margin:0;font-size:12px;line-height:1.6;color:#f3ede0} .offers-banner p+p{margin-top:3px;color:#cbc2ad} .offers-banner svg{width:17px;height:17px;flex:0 0 17px;color:#efe6d2} .sheet-category{white-space:normal;overflow-wrap:anywhere;line-height:1.25;padding:9px 4px;min-height:50px} @media(max-width:360px){.home .brand-menu .brand-name,.services-dialog .sheet-brand .brand-name{font-size:15px;letter-spacing:1px}.home .hero h1{font-size:23px}.home .hero h1 span{font-size:21px}} @media(max-height:740px){.home .hero{height:185px}.home .hero h1{font-size:24px}.home .hero h1 span{font-size:22px}} /* Выбор слотов и быстрые кнопки в кабинете */ .staff-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 14px} .staff-slot{min-height:40px;padding:6px 4px;background:#121416;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer} .staff-slot.selected{background:linear-gradient(120deg,var(--gold-light),var(--gold));border-color:var(--gold);color:#1e2227} .staff-slot:disabled{opacity:0.3;cursor:not-allowed;background:#0c0e10;color:var(--muted);text-decoration:line-through} .staff-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0 12px} .staff-pills-label{font-size:12px;color:var(--muted);margin-right:2px;width:100%} .staff-pill{min-height:36px;padding:6px 11px;background:#121416;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer} .staff-pill.selected{background:linear-gradient(120deg,var(--gold-light),var(--gold));border-color:var(--gold);color:#1e2227;font-weight:600} /* ===== Барбер SGX 6.0 · «Графит», золото «Шампань» ===== Тёмно-графитовый фон с лёгкой сеткой и голубым свечением, стеклянные карточки, кнопки-капсулы. Золото «Шампань» — действие и выбранное состояние, в тон логотипу. Частицы «барбер-пол» рисует app.js. */ :root{color-scheme:dark;--bg:#0d1016;--bg-top:#0e1218;--bg-bot:#06080b;--surface:#12161e;--elevated:#191e28;--border:rgba(255,255,255,.11);--gold:#e3b257;--gold-light:#f6d892;--gold-mid:#e3b257;--accent:#e3b257;--accent-light:#efcd85;--accent-dark:#a87628;--text:#f2f4f7;--muted:#aeb4bf;--green:#3ddc97;--heading:Manrope,Arial,sans-serif; --glass:rgba(255,255,255,.05);--glass-2:rgba(255,255,255,.09);--edge:rgba(255,255,255,.11);--edge-soft:rgba(255,255,255,.08);--hi:rgba(255,255,255,.2);--shadow:rgba(2,8,20,.35); --ac-1:#f6d892;--ac-2:#d19a36;--ac-tx:#1a1307;--ac-glow:rgba(227,178,87,.42);--wait-bg:rgba(227,178,87,.14); --ac-line:rgba(227,178,87,.3);--ac-inset:rgba(227,178,87,.35);--ac-border:rgba(227,178,87,.75);--ac-tint:rgba(227,178,87,.18);--ac-ring:rgba(227,178,87,.25);--ac-glow-soft:rgba(227,178,87,.3);--ac-sheen:rgba(246,216,146,.14);--ok-bg:rgba(61,220,151,.12); --sheet:rgba(13,16,22,.95);--grid:rgba(170,185,210,.045);--glow-1:rgba(227,178,87,.13);--glow-2:rgba(160,150,140,.07); --sheet-1:#11151c;--sheet-2:#0c0f14;--sheet-3:#080a0e;--nav-1:rgba(24,28,37,.88);--nav-2:rgba(10,12,16,.88);--fx-a:238,198,120;--fx-b:255,248,235; --glass-face:linear-gradient(160deg,var(--glass-2),var(--glass));--glass-shadow:inset 0 1px 0 var(--hi),0 12px 28px -14px var(--shadow);--primary-face:linear-gradient(180deg,var(--ac-1),var(--ac-2));--primary-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 26px -10px var(--ac-glow)} html,body{background:var(--bg-bot)} .app-shell{background:radial-gradient(70% 34% at 88% 4%,var(--glow-1),transparent 70%),radial-gradient(60% 30% at 0% 64%,var(--glow-2),transparent 70%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(180deg,var(--bg-top),var(--bg-bot))} /* Заголовки как у SGX: жирный гротеск, обычный регистр */ .screen h1,.screen h2,.screen h3,.page-title,.section-title,.slots-title,.catalog-copy strong,.home .catalog-copy strong,.staff-heading h1,.chat-heading,.sheet-heading h2,.modal h2,.success-title{font-weight:800;font-family:var(--heading);text-transform:none;letter-spacing:-.02em;color:var(--text)} .page-title{font-size:27px;font-weight:800} .slots-title,.section-title{font-size:20px;font-weight:800} .page-subtitle{color:var(--muted)} /* Стекло */ .card,.home .service-overview,.home .home-gallery-button,.offers-banner,.metric-card,.owner-visit,.owner-price-row,.staff-block-card,.staff-empty,.hint-card,.mini-summary,.booking-summary{background:var(--glass-face);border:1px solid var(--edge);border-radius:20px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)} .home .service-overview{border-left:1px solid var(--edge)} .service-overview::before{background:linear-gradient(90deg,transparent,var(--ac-sheen),transparent)} .home-gallery-icon,.catalog-icons>span,.any-icon{color:var(--accent-light);background:var(--wait-bg);border:1px solid var(--ac-line);border-radius:12px} .catalog-arrow{color:var(--text);border-color:var(--edge);background:var(--glass)} .home .catalog-copy small,.catalog-count{color:var(--muted)} .home .catalog-copy strong,.home .home-gallery-button .catalog-copy strong{font-size:19px;font-weight:800} /* Кнопки-капсулы */ .primary-button,.send-button{background:var(--primary-face);color:var(--ac-tx);border:0;border-radius:999px;font-weight:800;box-shadow:var(--primary-shadow)} @media(hover:hover) and (pointer:fine){.primary-button:hover{background:var(--primary-face);filter:brightness(1.06)}} .primary-button:disabled{filter:saturate(.3) brightness(.75);box-shadow:none} .primary-button svg{width:18px;height:18px} .outline-button{background:var(--glass-face);border:1px solid var(--edge);color:var(--text);border-radius:999px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} @media(hover:hover) and (pointer:fine){.outline-button:hover{background:var(--glass-2)}} .icon-button,.staff-call,.staff-date-arrow,.screen-back{color:var(--text);background:var(--glass-face);border:1px solid var(--edge);border-radius:999px;box-shadow:var(--glass-shadow)} .screen-back{padding:6px 14px 6px 10px;width:fit-content} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px} /* Главная */ .home .brand-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:4px 2px 12px;margin-bottom:0;background:none;border:0;border-bottom:1px solid var(--edge-soft);border-radius:0;box-shadow:none} .brand-name,.home .brand-menu .brand-name{font-family:var(--heading);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--text)} .home .brand-menu .brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px} .brand-profile{margin-left:auto;width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px} .brand-profile svg{width:19px;height:19px} .home .hero{position:relative;z-index:1;height:188px;margin:0;border:1px solid var(--ac-line);border-radius:24px;clip-path:inset(0 round 24px);background:var(--bg-bot);box-shadow:0 18px 36px -18px var(--shadow)} .home .hero img{filter:none;object-position:50% 42%} .home .hero::after{background:linear-gradient(180deg,transparent 50%,rgba(10,16,28,.5) 100%)} /* Подсветка фото как у зеркал в зале: тёплый ободок внутри и мягкое свечение снаружи, медленно «дышит». */ .hero-frame{position:relative;margin:14px 0 0} .hero-light{position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:0;box-shadow:0 0 0 1px var(--ac-inset),0 0 14px 1px var(--ac-glow-soft),0 0 30px 2px var(--ac-tint);animation:mirror-light 7s ease-in-out infinite alternate} .home .hero::before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--ac-line),inset 0 0 24px 2px rgba(255,236,200,.2);animation:mirror-light 7s ease-in-out infinite alternate} @keyframes mirror-light{0%{opacity:.45}100%{opacity:1}} @media(prefers-reduced-motion:reduce){.hero-light,.home .hero::before{animation:none;opacity:.8}} .hero-book{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 0 18px;border-radius:999px;color:#fff;font-size:15px;font-weight:700;background:rgba(12,18,30,.42);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)} .hero-book:disabled{opacity:.6} .hero-book-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16)} .hero-book-arrow svg{width:18px;height:18px} .screen .shop-title{margin:22px 2px 6px;font-size:28px;font-weight:800;line-height:1.1} .screen .shop-lead{margin:0 2px 14px;color:var(--muted);font-size:13px;line-height:1.5} .shop-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px} .shop-stat{display:grid;gap:3px;padding:12px 14px;border-radius:18px} .shop-stat b{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums} .shop-stat b svg{width:17px;height:17px;color:var(--accent)} .shop-stat small{color:var(--muted);font-size:12px} .shop-stat.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px} .shop-stat-note{text-align:right} .home .home-section{margin:24px 2px 10px!important} .booking-promo{position:relative;overflow:hidden;display:grid;gap:14px;padding:16px;border-radius:24px} .booking-promo>*:not(.pole-fx){position:relative;z-index:1} .booking-promo h3{margin:0 0 4px;font-size:18px;font-weight:800} .booking-promo p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;max-width:26ch} .booking-promo .primary-button{margin:0} .pole-fx{position:absolute;z-index:0;pointer-events:none;display:block} .booking-promo .pole-fx{right:-14px;top:-16px;width:200px;height:150px} .home .home-menu-buttons{margin-top:10px;display:grid;gap:8px} /* Карточка установки на главный экран — в самом низу главной. */ .install-card,.install-hero{position:relative;overflow:hidden;display:grid;gap:12px;margin-top:14px;padding:18px 16px 16px;border-radius:24px} .install-card>*:not(.pole-fx),.install-hero>*:not(.pole-fx){position:relative;z-index:1} .install-card .pole-fx,.install-hero .pole-fx{right:-12px;top:-14px;width:200px;height:150px} .install-card-head{display:flex;align-items:center;gap:12px} .install-card-head .brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:13px;box-shadow:0 0 0 1px var(--ac-line),0 8px 20px -8px var(--ac-glow)} .install-card-head span{display:grid;gap:2px} .install-card-head strong{font-size:15px} .install-card-head small{color:var(--muted);font-size:12px} .screen .install-card h3,.screen .install-title{margin:2px 0 0;font-size:27px;font-weight:800;line-height:1.12;letter-spacing:-.025em;max-width:13ch} .screen .install-title{max-width:16ch} .install-card p,.install-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.5} .install-hero .install-card-note{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px} .install-card-note svg{width:17px;height:17px;color:var(--accent)} .install-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:4px;padding:0 18px;border:0;border-radius:999px;background:var(--primary-face);color:var(--ac-tx);font-size:15px;font-weight:800;box-shadow:var(--primary-shadow)} .install-button svg{width:19px;height:19px} @media(hover:hover) and (pointer:fine){.install-button:hover{filter:brightness(1.05)}} .install-card-free{margin:8px 4px 0;color:var(--muted);font-size:12.5px} .install-ways-title{margin:22px 2px 10px!important} .install-way{margin-top:8px;padding:0;border-radius:18px;overflow:hidden} .install-way summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 16px;font-size:15px;font-weight:700;cursor:pointer} .install-way summary::-webkit-details-marker{display:none} .install-way summary span{flex:1} .install-way summary svg{width:18px;height:18px;color:var(--accent)} .install-way summary svg:last-child{color:var(--muted);transition:transform .2s ease} .install-way[open] summary svg:last-child{transform:rotate(90deg)} .install-way ol{margin:0;padding:0 16px 16px 38px;display:grid;gap:8px;font-size:14px;line-height:1.5} .install-way li::marker{color:var(--accent);font-weight:800} @media(display-mode:standalone){.install-card-free{display:none}} @media(display-mode:standalone){.install-card{display:none}} .ai-entry .home-gallery-icon{color:var(--ac-tx);background:var(--primary-face);border:0} .screen.home+.action-bar{display:none} .screen.home{padding-bottom:16px} /* Шаги записи */ .step{gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--glass);border:1px solid var(--edge);color:var(--muted)} .step i{width:26px;height:26px;min-width:26px;font-size:12px;background:var(--glass-2);border:1px solid var(--edge);color:var(--text)} .step.active{background:var(--primary-face);border-color:transparent;color:var(--ac-tx);font-weight:800;box-shadow:var(--primary-shadow)} .step.active i{background:var(--ac-tx);border-color:var(--ac-tx);color:var(--ac-1)} .step-line{background:var(--edge)} /* Мастера, дни, время */ .barber-card.selected,.any-card.selected,.service-card.selected,.sheet-service.selected{border-color:var(--ac-border);background:linear-gradient(160deg,var(--ac-tint),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px var(--ac-inset),0 14px 30px -16px var(--ac-glow)} .barber-card img,.barber-select img,.profile-avatar,.proposal-top img{background:var(--elevated);border-color:var(--edge)!important} .radio{border:1.5px solid rgba(255,255,255,.35);background:transparent} .selected .radio{border:2px solid var(--ac-1)} .selected .radio::after{background:var(--ac-1)} .badge,.badge.neutral{background:var(--wait-bg);border:1px solid var(--ac-line);color:var(--accent-light);border-radius:999px} .chip{background:var(--glass);border:1px solid var(--edge);color:var(--text);border-radius:999px} .barber-profile-link,.text-link{color:var(--accent-light)} .day-button{background:var(--glass-face);border:1px solid var(--edge);border-radius:16px;color:var(--muted);box-shadow:var(--glass-shadow)} .day-button strong{font-family:var(--heading);font-weight:800;color:var(--text)} .day-button.selected,.slot.selected,.sheet-category.selected,.portfolio-filter.selected,.staff-tab.selected,.staff-slot.selected,.staff-pill.selected{background:var(--primary-face);border-color:transparent;color:var(--ac-tx);font-weight:800;box-shadow:var(--primary-shadow)} .day-button.selected strong{color:var(--ac-tx)} .slot,.sheet-category,.portfolio-filter,.staff-tab,.staff-slot,.staff-pill{background:var(--glass);border:1px solid var(--edge);color:var(--text);border-radius:999px} @media(hover:hover) and (pointer:fine){.slot:hover:not(:disabled){background:var(--glass-2)}} .slot:disabled,.staff-slot:disabled{background:transparent;border-color:var(--edge-soft);color:rgba(166,181,203,.45)} /* Поля ввода */ .input-wrap,.composer input,.customer-account-form input,.price-input,.staff-field input,.staff-field select,.staff-filter-label select,.staff-date-row input{background:rgba(10,16,28,.35);border:1px solid var(--edge);border-radius:999px;color:var(--text)} .input-wrap:focus-within,.price-input:focus-within{border-color:var(--ac-1);box-shadow:0 0 0 3px var(--ac-ring),0 0 18px var(--ac-glow-soft)} /* Помощник и шторки */ .assistant-avatar{background:transparent;border:1px solid var(--edge)} .message-body{background:var(--glass-face);border:1px solid var(--edge);color:var(--text);border-radius:18px} .user .message-body,.chat-message.user .message-body{background:var(--primary-face);color:var(--ac-tx);border-color:transparent} .quick-reply{background:var(--glass);border:1px solid var(--edge);color:var(--text);border-radius:999px} .composer{background:transparent;border-top:1px solid var(--edge-soft)} .chat-typing i{background:var(--ac-1)} .services-panel,.modal{background:var(--sheet);border:1px solid var(--edge);border-radius:28px;box-shadow:inset 0 1px 0 var(--hi),0 -20px 60px rgba(2,8,20,.55);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4)} .sheet-service{background:var(--glass-face);border:1px solid var(--edge);border-radius:18px} .sheet-service>svg{color:var(--accent-light)} .sheet-service.selected .sheet-check{background:var(--primary-face);border-color:transparent;color:var(--ac-tx)} .work-card,.portfolio-preview{background:var(--glass);border:1px solid var(--edge);border-radius:18px} .work-category{color:var(--accent-light)} /* Нижнее меню: парящая стеклянная капсула */ .action-bar{background:transparent;padding-bottom:6px} .bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none;gap:4px;margin:4px 14px max(10px,calc(var(--nav-safe-bottom,env(safe-area-inset-bottom,0px)) - 4px));padding:6px;min-height:64px;border:1px solid var(--edge);border-radius:999px;background:linear-gradient(160deg,var(--nav-1),var(--nav-2));box-shadow:inset 0 1px 0 var(--hi),0 16px 36px -12px rgba(2,8,20,.6);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)} html.ios-standalone .bottom-nav{padding-bottom:6px} .nav-item{min-height:50px;gap:3px;border-radius:999px;color:var(--muted);font-size:11.5px;font-weight:700} .nav-item svg{width:21px;height:21px} .nav-item>span{min-height:14px;line-height:14px} .nav-item.active{color:var(--text);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--hi),0 0 0 1px var(--edge-soft)} .nav-item.active .home-icon{fill:none} /* Кабинет владельца */ .schedule-heading{position:relative;align-items:flex-start} .schedule-heading>*:not(.pole-fx){position:relative;z-index:1} .schedule-heading .pole-fx{right:84px;top:-30px;width:170px;height:120px} .schedule-heading h1{font-size:30px;font-weight:800;letter-spacing:-.03em} .staff-heading>.staff-head-actions{display:flex;gap:8px;flex:0 0 auto} .staff-head-actions .icon-button{width:42px;height:42px;display:grid;place-items:center;position:relative} .staff-label{margin:14px 0 6px 4px;font-size:12px;color:var(--muted)} .staff-date-row{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;align-items:center} .staff-date-row input{height:44px;text-align:center;font-weight:700;padding:0 14px} .staff-date-arrow{width:44px;height:44px;display:grid;place-items:center} .staff-period{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px} .staff-period>button{min-height:44px;margin:0;font-size:14px} .staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px} .staff-metrics .metric-card{display:grid;align-content:start;gap:8px;padding:12px;border-radius:18px;min-width:0;min-height:0} .staff-metrics small{color:var(--muted);font-size:12px} .staff-metrics b{font-family:var(--heading);font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap} .staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px} .staff-actions>.outline-button{background:var(--glass-face);border-color:var(--edge)} .staff-grid>button{margin:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:700;white-space:nowrap} .staff-grid svg{width:17px;height:17px} .staff-filter-label{margin-top:12px;color:var(--muted)} .staff-date-title,.staff-section-title{color:var(--text)!important;font-family:var(--heading)} .staff-week-day{margin:14px 4px 6px;font-size:14px;font-weight:700;color:var(--muted)} .owner-visit{border-radius:20px} .owner-visit-time{font-family:var(--heading);font-weight:800;color:var(--text)} .staff-status{color:var(--green)} .staff-status.cancelled{color:#ff8a8a} .staff-delete-button{color:#ffb3b3!important;border-color:rgba(255,138,138,.4)!important} .toast{background:var(--sheet);border:1px solid var(--edge);color:var(--text);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)} /* Шторка записи. Шаг 1 — шторка услуг, шаги 2–4 — основной экран в той же форме: одинаковый фон, скругление и место под логотипом, поэтому смена шага выглядит как смена содержимого. */ :root{--sheet-face:linear-gradient(180deg,var(--sheet-1) 0%,var(--sheet-2) 55%,var(--sheet-3) 100%)} .services-panel{background:var(--sheet-face)} .services-dialog::before{background:var(--bg-top)} .sheet-step-meta{display:grid;gap:8px;margin:-4px 0 0;padding:0 16px 12px} .sheet-step-meta small{color:var(--muted);font-size:12px} .step-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px} .step-progress i{height:4px;border-radius:4px;background:rgba(255,255,255,.1)} .step-progress i.on{background:var(--ac-1);box-shadow:0 0 10px var(--ac-glow)} .sheet-peek{display:none} .app-shell.booking-steps{background:var(--bg-top)} .app-shell.booking-steps .sheet-peek{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:88px;padding:18px 0 14px} .peek-brand{display:flex;align-items:center;gap:11px;max-width:calc(100% - 32px)} .peek-brand .brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:10px} .peek-brand .brand-name{font-family:var(--heading);font-size:16.5px;font-weight:600;letter-spacing:1.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .app-shell.booking-steps .bottom-nav{display:none} #app .screen.booking-step{padding-top:0} .sheet-service-footer{background:var(--sheet-3);border-top:1px solid var(--edge-soft)} .screen.booking-step{position:relative;border:1px solid var(--edge);border-bottom:0;border-radius:26px 26px 0 0;background:var(--sheet-face);box-shadow:inset 0 1px 0 var(--hi)} .app-shell.booking-steps .action-bar{background:var(--sheet-3);border-left:1px solid var(--edge);border-right:1px solid var(--edge);padding:10px 16px max(12px,env(safe-area-inset-bottom,0px))} .step-sheet-head{position:sticky;top:0;z-index:4;margin:0 -16px 14px;padding:8px 16px 14px;background:linear-gradient(180deg,var(--sheet-1) 78%,transparent)} .step-sheet-head .sheet-handle{width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.28);margin:0 auto 12px} .step-sheet-row{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin-bottom:12px} .step-sheet-title h1.page-title{margin:0!important;font-size:21px;line-height:1.15} .step-sheet-title small{display:block;margin-top:3px;color:var(--muted);font-size:12px} .step-sheet-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;color:var(--text);background:var(--glass-face);border:1px solid var(--edge);box-shadow:var(--glass-shadow)} .step-sheet-button svg{width:19px;height:19px} .screen .step-section-title{margin:20px 2px 10px!important;font-size:17px;font-weight:800} #booking-summary{display:grid;gap:8px} .booking-step .barber-list{display:grid;gap:8px} .booking-step .hint-card{margin-top:8px} .step-lead,.step-note{margin:0 2px 14px;color:var(--muted);font-size:13px;line-height:1.5} .step-note{margin-top:14px} .step-recap{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px} .step-recap>svg{width:20px;height:20px;color:var(--accent-light)} .step-recap span{display:grid;gap:2px;min-width:0} .step-recap small{color:var(--muted);font-size:12px} .review-card{padding:16px} .review-card h2{margin:0 0 12px;font-size:19px} .review-list{display:grid;gap:0;margin:0} .review-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--edge-soft)} .review-list dt{color:var(--muted);font-size:13px} .review-list dd{margin:0;text-align:right;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums} .review-card+.reference-summary{margin-top:10px} /* Шаг 1 → шаг 2: шторка услуг растворяется на месте, под ней уже шаг 2 */ .services-dialog.is-handoff.is-closing .services-panel{transform:translate3d(0,0,0)!important;opacity:0;transition:opacity .22s ease!important} .services-dialog.is-handoff .sheet-brand{transform:translate3d(-50%,-50%,0)!important;transition:none!important} .services-dialog.is-handoff.is-closing::backdrop,.services-dialog.is-handoff.is-closing::before{transition-duration:.22s} @media(prefers-reduced-motion:reduce){.services-dialog.is-handoff.is-closing .services-panel{transition:none!important}} /* Формы витрины в кабинете: часы, контакты, тексты, фото и работы. */ .staff-hint{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.5} .staff-field textarea{width:100%;min-height:84px;margin-top:6px;padding:12px 14px;border:1px solid var(--edge);border-radius:16px;background:rgba(10,16,28,.35);color:var(--text);font:inherit;font-size:16px;line-height:1.45;resize:vertical} .staff-field textarea:focus{outline:none;border-color:var(--ac-1);box-shadow:0 0 0 3px var(--ac-ring)} .staff-field input[type="file"]{padding:10px 12px;border-radius:16px;font-size:14px} .staff-media-preview{display:block;width:100%;max-height:180px;object-fit:cover;margin:0 0 12px;border:1px solid var(--edge);border-radius:16px;background:var(--elevated)} .staff-media-preview.logo{width:96px;height:96px;object-fit:contain;padding:6px} .staff-works{display:grid;gap:8px;margin:0 0 14px;max-height:38vh;overflow-y:auto} .staff-work{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:6px 8px 6px 6px;border:1px solid var(--edge);border-radius:14px;background:var(--glass)} .staff-work img{width:52px;height:52px;object-fit:cover;border-radius:10px} .staff-work span{font-size:14px;font-weight:600;min-width:0;overflow-wrap:anywhere} @media(max-width:359px){.staff-grid>button{font-size:12.5px}.staff-metrics b{font-size:18px}.shop-stat b{font-size:19px}} /* Профиль в шапке: человечек ровно по центру круга */ .brand-profile svg{width:20px;height:20px} /* Нижнее меню: свои иконки, у активной вкладки мягкая заливка и золотая деталь */ .nav-item svg .i-fill{transition:fill .2s ease} .nav-item .i-dot{fill:currentColor} .nav-item.active svg .i-fill{fill:var(--ac-tint)} .nav-item.active svg .i-ac{stroke:var(--gold)} .nav-item.active svg .i-dot{fill:var(--gold)} /* «Ты записан!» */ .success-hero{text-align:center} .success-check{position:relative;width:84px;height:84px;margin:18px auto;border:1px solid var(--ac-border);border-radius:50%;display:grid;place-items:center;color:var(--gold-light);background:radial-gradient(circle at 50% 30%,rgba(246,216,146,.24),rgba(227,178,87,.05) 72%);box-shadow:0 0 0 8px rgba(227,178,87,.06),0 18px 40px -14px var(--ac-glow)} .success-check svg{width:38px;height:38px;stroke-width:2.2} .success-check::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--ac-border);opacity:0;pointer-events:none} .success-hero .success-title{margin:0} .success-hero .success-subtitle{margin:8px auto 0} /* Карточка визита «билет»: дата сверху, вырезы по бокам на линии перфорации */ .visit-ticket{--cut:93px;position:relative;margin-top:20px;padding:0;overflow:hidden;border-radius:24px;-webkit-mask:radial-gradient(circle 10px at 0 var(--cut),#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 10px at 100% var(--cut),#0000 96%,#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle 10px at 0 var(--cut),#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 10px at 100% var(--cut),#0000 96%,#000) 100% 0/51% 100% no-repeat} .my-booking.visit-ticket{margin-top:16px;padding:0} .ticket-head{height:92px;display:flex;align-items:center;gap:14px;padding:0 16px;background:radial-gradient(120% 150% at 0 0,rgba(227,178,87,.13),transparent 62%)} .ticket-day{width:58px;height:62px;flex:0 0 58px;display:grid;place-content:center;justify-items:center;gap:3px;border-radius:16px;background:var(--primary-face);color:var(--ac-tx);box-shadow:var(--primary-shadow)} .ticket-day b{font:800 25px/1 var(--heading);letter-spacing:-.03em} .ticket-day small{font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.06em} .ticket-when{display:grid;gap:4px;min-width:0} .ticket-when small{color:var(--muted);font-size:13px;font-weight:600} .ticket-when strong{font:800 28px/1 var(--heading);letter-spacing:-.02em;color:var(--text)} .ticket-tag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:var(--glass-2);border:1px solid var(--edge-soft);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap} .ticket-tag svg{width:14px;height:14px} .ticket-cut{margin:0 18px;border-top:1.5px dashed rgba(255,255,255,.15)} .ticket-body{display:grid;gap:14px;padding:16px} .ticket-line{display:flex;align-items:center;gap:12px;min-width:0;margin:0} .ticket-ico{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:var(--wait-bg);border:1px solid var(--ac-line);color:var(--accent-light)} .ticket-ico svg{width:21px;height:21px} .ticket-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--ac-line)} .ticket-text{display:grid;gap:2px;min-width:0;flex:1} .ticket-text strong{font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere} .ticket-text small{color:var(--muted);font-size:12.5px;line-height:1.35} .ticket-price{font:800 17px/1 var(--heading);white-space:nowrap;color:var(--gold-light)} .ticket-place{padding-top:14px;border-top:1px solid var(--edge-soft);color:var(--text);font-size:13.5px;line-height:1.4;text-decoration:none} .ticket-place>span{flex:1;min-width:0;overflow-wrap:anywhere} .ticket-place svg{width:18px;height:18px;flex:0 0 18px;color:var(--muted)} .ticket-place svg:last-child{width:16px;height:16px;flex-basis:16px} .ticket-place:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px} .ticket-status{margin:0;color:var(--muted);font-size:12.5px} .visit-ticket .reference-summary{margin:0;background:var(--glass);box-shadow:none} .visit-ticket .booking-actions{margin-top:0;gap:8px} .visit-ticket .booking-actions button{min-height:44px;border-radius:999px;background:var(--glass-2);border:1px solid var(--edge-soft);color:var(--text);font-weight:700;box-shadow:inset 0 1px 0 var(--hi)} .visit-ticket .booking-actions .cancel-button{color:var(--muted)} /* Анимация после записи: галочка рисуется, билет выезжает снизу, по нему пробегает блик */ @keyframes ok-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}} @keyframes ok-draw{to{stroke-dashoffset:0}} @keyframes ok-ring{0%{opacity:.9;transform:none}100%{opacity:0;transform:scale(1.75)}} @keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @keyframes ticket-in{0%{opacity:0;transform:translateY(40px) scale(.94)}60%{opacity:1}100%{opacity:1;transform:none}} @keyframes ticket-shine{from{transform:translateX(-140%) skewX(-18deg)}to{transform:translateX(320%) skewX(-18deg)}} .success-hero.is-fresh .success-check{animation:ok-pop .6s cubic-bezier(.2,.9,.3,1.2) both} .success-hero.is-fresh .success-check path{stroke-dasharray:26;stroke-dashoffset:26;animation:ok-draw .45s .35s cubic-bezier(.4,0,.2,1) forwards} .success-hero.is-fresh .success-check::after{animation:ok-ring 1.1s .55s ease-out} .success-hero.is-fresh .success-title{animation:rise-in .5s .18s cubic-bezier(.2,.8,.2,1) both} .success-hero.is-fresh .success-subtitle{animation:rise-in .5s .28s cubic-bezier(.2,.8,.2,1) both} .visit-ticket.is-fresh{animation:ticket-in .75s .4s cubic-bezier(.2,.85,.25,1) both;transform-origin:50% 0} .visit-ticket.is-fresh .ticket-body>*{animation:rise-in .45s cubic-bezier(.2,.8,.2,1) both} .visit-ticket.is-fresh .ticket-body>:nth-child(1){animation-delay:.75s} .visit-ticket.is-fresh .ticket-body>:nth-child(2){animation-delay:.85s} .visit-ticket.is-fresh .ticket-body>:nth-child(n+3){animation-delay:.95s} .visit-ticket.is-fresh::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(246,216,146,.14),transparent);transform:translateX(-140%) skewX(-18deg);animation:ticket-shine 1.1s 1.1s ease-in-out both;pointer-events:none} .success-hero.is-fresh~.install-card,.success-hero.is-fresh~.install-card-free{animation:rise-in .55s 1.15s cubic-bezier(.2,.8,.2,1) both} @media(prefers-reduced-motion:reduce){.success-hero.is-fresh *,.success-hero.is-fresh .success-check::after,.visit-ticket.is-fresh,.visit-ticket.is-fresh *,.visit-ticket.is-fresh::after,.success-hero.is-fresh~*{animation:none!important}.success-hero.is-fresh .success-check path{stroke-dashoffset:0}} /* Единый стиль кнопок: стекло и капсулы во всех окнах */ .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} .modal .menu-item{display:flex;align-items:center;min-height:52px;padding:0 20px;margin-top:10px;border-radius:999px;background:var(--glass-face);border:1px solid var(--edge);color:var(--text);font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 var(--hi)} @media(hover:hover) and (pointer:fine){.modal .menu-item:hover{background:var(--glass-2)}} .screen-back.over-photo{border-radius:999px;padding:8px 14px 8px 10px;background:rgba(14,17,23,.62);border:1px solid var(--edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} select,.master-filter-label select{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 40px 0 16px;border-radius:999px;border:1px solid var(--edge);color:var(--text);font:600 14px var(--font);background:var(--glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aeb4bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px;box-shadow:inset 0 1px 0 var(--hi)} select:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .customer-account-tabs{gap:0;padding:4px;margin:14px 0 4px;border-radius:999px;background:var(--glass);border:1px solid var(--edge-soft)} .customer-account-tabs button{min-height:40px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;transition:background .2s,color .2s} .customer-account-tabs button[aria-pressed=true]{color:var(--text);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--hi),0 0 0 1px var(--edge)} .customer-account-form.simple{display:grid;gap:10px} .customer-account-form.simple input{margin:0} .customer-account-form.simple .form-error:empty{display:none} .account-skip{display:block;width:100%;margin-top:12px;padding:10px;background:none;border:0;color:var(--muted);font-size:13.5px;font-weight:600;text-align:center;text-decoration:underline;text-decoration-color:var(--edge);text-underline-offset:4px} @media(hover:hover) and (pointer:fine){.account-skip:hover{color:var(--text)}} /* «Мои записи»: прошедшие визиты и отменённые барбершопом — приглушённые карточки */ .my-past-title{margin:28px 0 0} .visit-ticket.is-muted{opacity:.72} .visit-ticket.is-muted .ticket-day{background:var(--glass-2);color:var(--text);box-shadow:inset 0 1px 0 var(--hi)} .visit-ticket.is-muted .ticket-price{color:var(--muted)} .visit-ticket.is-muted .ticket-status{color:var(--accent-light)} /* ===== Маникюр 1.1 · «Вино на молоке» (основа — «Пудра × Nail Room») ===== Светлая тема: молочный фон с пудровыми пятнами, белые карточки с тонким кантом, винно-ягодный акцент — действие и выбор (1.1, выбор пользователя вместо слепящего розового). Заголовки Cormorant Garamond, неон и логотип Poiret One, текст Manrope. */ @font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-display:swap} @font-face{font-family:'Poiret One';src:url('assets/fonts/poiret-one.woff2') format('woff2');font-weight:400;font-display:swap} :root{color-scheme:light;--bg:#fafafa;--bg-top:#fcf5f7;--bg-bot:#f7f7f7;--surface:#ffffff;--elevated:#fbfbfb;--border:rgba(121,121,121,.16); --gold:#a3a3a3;--gold-light:#848484;--gold-mid:#a3a3a3;--accent:#a3a3a3;--accent-light:#848484;--accent-dark:#636363;--text:#110c0e;--muted:#4e4044;--green:#23a26b; --heading:'Cormorant Garamond',Georgia,'Times New Roman',serif;--neon:'Poiret One','Cormorant Garamond',Georgia,serif; --glass:rgba(255,255,255,.5);--glass-2:rgba(255,255,255,.82);--edge:rgba(154,154,154,.2);--edge-soft:rgba(154,154,154,.13);--hi:rgba(255,255,255,.95);--shadow:rgba(115,115,115,.24); --ac-1:#d5d5d5;--ac-2:#a3a3a3;--ac-tx:#ffffff;--ac-glow:rgba(163,163,163,.5);--wait-bg:rgba(163,163,163,.1); --ac-line:rgba(163,163,163,.26);--ac-inset:rgba(163,163,163,.3);--ac-border:rgba(163,163,163,.7);--ac-tint:rgba(163,163,163,.12);--ac-ring:rgba(163,163,163,.2);--ac-glow-soft:rgba(163,163,163,.26);--ac-sheen:rgba(255,255,255,.7);--ok-bg:rgba(35,162,107,.12); --sheet:rgba(255,248,251,.95);--grid:transparent;--glow-1:rgba(221,221,221,.55);--glow-2:rgba(240,240,240,.75); --sheet-1:#fff9fb;--sheet-2:#fbfbfb;--sheet-3:#f8f8f8;--nav-1:rgba(255,255,255,.82);--nav-2:rgba(251,251,251,.74);--fx-a:163,163,163;--fx-b:213,213,213; --glass-face:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5));--glass-shadow:inset 0 1px 0 var(--hi),0 16px 32px -20px var(--shadow); --primary-face:linear-gradient(135deg,#d5d5d5,#a3a3a3);--primary-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px -12px var(--ac-glow)} html,body{background:var(--bg-bot)} .app-shell{background:radial-gradient(60% 30% at 92% 2%,var(--glow-1),transparent 70%),radial-gradient(55% 28% at 0% 50%,var(--glow-2),transparent 70%),radial-gradient(50% 26% at 100% 96%,rgba(239,239,239,.8),transparent 70%),linear-gradient(180deg,var(--bg-top),var(--bg-bot))} .card,.home .service-overview,.home .home-gallery-button,.offers-banner,.metric-card,.owner-visit,.owner-price-row,.staff-block-card,.staff-empty,.hint-card,.mini-summary,.booking-summary{border-color:rgba(255,255,255,.88);border-radius:26px;box-shadow:inset 0 1px 0 var(--hi),0 0 0 1px var(--edge-soft),0 18px 36px -24px var(--shadow)} /* Заголовки: высокий контраст антиквы, цифры и мелкие подписи остаются в Manrope */ .screen h1,.screen h2,.screen h3,.page-title,.section-title,.slots-title,.catalog-copy strong,.home .catalog-copy strong,.staff-heading h1,.chat-heading,.sheet-heading h2,.modal h2,.success-title{font-weight:700;letter-spacing:-.005em} .page-title{font-size:31px}.slots-title,.section-title{font-size:24px} .screen .shop-title{font-size:36px;font-weight:700} .booking-promo h3{font-size:23px;font-weight:700} .home .catalog-copy strong,.home .home-gallery-button .catalog-copy strong{font-size:22px;font-weight:700} .step-sheet-title h1.page-title{font-size:25px} .screen .step-section-title{font-size:21px} .review-card h2{font-size:23px} .screen .install-card h3,.screen .install-title{font-size:31px;font-weight:700} .schedule-heading h1{font-size:34px;font-weight:700} .brand-name,.home .brand-menu .brand-name,.peek-brand .brand-name,.services-dialog .sheet-brand .brand-name,.app-shell.booking-steps .peek-brand .brand-name{font-family:var(--neon);font-weight:400;letter-spacing:.04em;font-size:17px} .day-button strong,.ticket-day b,.ticket-when strong,.ticket-price,.staff-metrics b,.owner-visit-time,.shop-stat b{font-family:var(--font);letter-spacing:-.02em} .ticket-day b{font-size:24px}.ticket-when strong{font-size:26px} /* Кнопки и поля на светлом */ .primary-button:disabled{filter:saturate(.4) brightness(1.05);opacity:.55} .radio{border-color:rgba(121,121,121,.35)} .slot:disabled,.staff-slot:disabled{color:rgba(78,64,68,.45)} .input-wrap,.composer input,.customer-account-form input,.price-input,.staff-field input,.staff-field select,.staff-filter-label select,.staff-date-row input,.staff-field textarea{background:rgba(255,255,255,.72);border-color:var(--edge)} .step-progress i{background:rgba(154,154,154,.16)} .step-sheet-head .sheet-handle{background:rgba(121,121,121,.25)} .ticket-cut{border-top-color:rgba(121,121,121,.22)} .services-panel,.modal{border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--hi),0 -20px 60px -10px rgba(115,115,115,.28)} .bottom-nav{border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--hi),0 0 0 1px var(--edge-soft),0 18px 36px -16px rgba(115,115,115,.35)} .nav-item.active{color:var(--accent-dark);background:rgba(163,163,163,.12);box-shadow:inset 0 0 0 1px var(--ac-line)} .toast{box-shadow:0 12px 30px -14px var(--shadow)} .screen-back.over-photo{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.85);color:var(--text)} select,.master-filter-label select{background:var(--glass-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px} .staff-status.cancelled{color:hsl(346 62% 52%)} .staff-delete-button{color:hsl(345 62% 48%)!important;border-color:hsl(345 62% 48% / .35)!important} .success-check{color:var(--accent);background:radial-gradient(circle at 50% 30%,#fff,rgba(213,213,213,.25) 72%);box-shadow:0 0 0 8px rgba(163,163,163,.07),0 18px 40px -14px var(--ac-glow)} .ticket-head{background:radial-gradient(120% 150% at 0 0,rgba(213,213,213,.22),transparent 62%)} .visit-ticket.is-fresh::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)} .home .hero::after{background:linear-gradient(180deg,transparent 55%,rgba(17,12,14,.35) 100%)} .home .hero::before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 24px 2px rgba(255,255,255,.25)} .hero-light{box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 18px 2px rgba(213,213,213,.45),0 0 36px 4px rgba(163,163,163,.18)} .home .hero{border-color:rgba(255,255,255,.8);background:#d5d5d5;box-shadow:0 22px 40px -22px rgba(115,115,115,.55)} .hero-book{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.9);color:var(--text);text-shadow:none} .hero-book-arrow{background:var(--primary-face);color:#fff;box-shadow:0 6px 14px -6px var(--ac-glow)} /* Главная без фото студии: розовая стена с неоновой вывеской и веером типс */ .hero.is-neon{background:radial-gradient(80% 70% at 50% 30%,#c3c3c3,transparent 75%),linear-gradient(180deg,#b2b2b2 0%,#c3c3c3 55%,#e5e5e5 100%);height:214px} .hero.is-neon::after{background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(255,255,255,.45),transparent 70%),linear-gradient(180deg,transparent 60%,rgba(255,255,255,.3))} .neon-sign{position:absolute;z-index:2;inset:28px 12px auto;text-align:center;display:grid;gap:4px;color:#fff;pointer-events:none} .neon-sign b{font:400 34px/1.05 var(--neon);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 0 2px #fff,0 0 8px #fff,0 0 16px #d6d6d6,0 0 30px #9a9a9a,0 0 56px #9a9a9a;animation:neon-flick 7s infinite} .neon-sign span{font:400 15px/1.2 var(--neon);letter-spacing:.08em;text-shadow:0 0 8px rgba(255,255,255,.75)} @keyframes neon-flick{0%,91%,100%{opacity:1}92%{opacity:.72}93%{opacity:1}95%{opacity:.86}} @media(prefers-reduced-motion:reduce){.neon-sign b{animation:none}} .hero.is-neon .neon-sign{inset:auto 12px auto;top:50%;transform:translateY(-62%)} .work-category{color:var(--accent-dark);background:rgba(255,255,255,.82)} .reference-summary small{color:var(--accent-dark)} /* Шаг 3: лента идей дизайна */ .idea-optional{font:600 12px var(--font);color:var(--muted);letter-spacing:0;margin-left:6px} .idea-picker{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 16px;padding:2px 16px 8px} .idea-picker::-webkit-scrollbar{display:none} .idea-pick{position:relative;flex:0 0 96px;height:122px;padding:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.9);background:var(--elevated);box-shadow:0 12px 22px -16px var(--shadow);cursor:pointer} .idea-pick img{width:100%;height:100%;object-fit:cover;display:block} .idea-pick span{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;font:700 11px/1.2 var(--font);text-align:left;text-shadow:0 1px 6px rgba(26,26,26,.6)} .idea-pick i{position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:50%;border:1.5px solid #fff;color:#fff;display:grid;place-items:center;font:700 13px/1 var(--font);font-style:normal;background:rgba(255,255,255,.2)} .idea-pick::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(28,28,28,.45));pointer-events:none} .idea-pick>*{z-index:1} .idea-pick.selected{outline:2.5px solid var(--accent);outline-offset:-2.5px} .idea-pick.selected i{background:var(--primary-face);border-color:transparent} /* 1.0.1: блоки отделены от фона — почти непрозрачный белый, тонкий розово-сливовый кант, мягкая тень (вариант 1) */ .card,.home .home-gallery-button,.offers-banner,.hint-card,.booking-summary,.sheet-service,.day-button,.slot,.shop-stat{background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(96,96,96,.22);box-shadow:0 10px 24px -16px rgba(84,84,84,.45)} .day-button.selected,.slot.selected{background:var(--primary-face);border-color:transparent;box-shadow:var(--primary-shadow)} .barber-card.selected,.any-card.selected,.service-card.selected,.sheet-service.selected{border-color:var(--ac-border);background:linear-gradient(160deg,var(--ac-tint),rgba(255,255,255,.94))} .slot:disabled{background:transparent;border-color:var(--edge-soft);box-shadow:none} /* 1.1.1: остатки тёмной барберской темы в окнах, кабинете и помощнике — на светлое */ .owner-login-form input,.staff-date-arrow,.staff-filter-label input,.staff-filter-label select{background:rgba(255,255,255,.92);border:1px solid var(--edge);color:var(--text)} .owner-login-form input{border-radius:999px} .staff-event.unread{background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.86));border-color:var(--ac-line)} .staff-service.is-unavailable,.owner-price-row.is-unavailable{background:rgba(255,255,255,.55)} .chat-suggestions .quick-reply{background:rgba(255,255,255,.92);border:1px solid var(--edge);color:var(--text)} .modal.is-open::backdrop,.services-dialog.is-open::backdrop{background:rgba(46,46,46,.38)} /* 1.1.3: крупное имя под вывеской скрыто (остаётся для экранных чтецов) */ .screen .shop-title.sr-only{position:absolute;margin:-1px} .screen .shop-title.sr-only+.shop-lead{margin-top:20px} /* 1.1.6: светлая шапка шторки — мягкий градиент; свет набирается в начале подъёма и не меняется под конец */ .services-dialog::before{height:calc(170px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-top) 52%,color-mix(in srgb,var(--bg-top) 0%,transparent) 100%)} .services-dialog.is-open::before{transition:opacity .55s cubic-bezier(.2,.6,.3,1) 0s} .services-dialog.is-closing::before{transition:opacity .4s ease 0s} /* 1.1.4: длинные категории («Окрашивание») не рвутся по букве */ .sheet-categories{gap:5px;padding:0 12px} .sheet-category{font-size:11px;letter-spacing:-.01em;padding:9px 2px;overflow-wrap:normal;word-break:normal;hyphens:auto} /* 1.1.4: на телефоне hover «залипает» после тапа — текст главной кнопки не темнеет */ .primary-button:hover,.send-button:hover{color:var(--ac-tx)} /* Своя картинка дизайна от клиентки и заявки с подтверждением (включаются мастеру флагами features). */ .design-upload{padding:14px;margin:0 0 14px;display:grid;gap:10px} .design-upload-head{display:flex;gap:10px;align-items:flex-start}.design-upload-head>svg{width:24px;height:24px;flex-shrink:0;color:var(--accent)} .design-upload-head strong{display:block;font-size:15px}.design-upload-head small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:2px} .design-note{margin:0;padding:9px 11px;border-radius:12px;background:rgba(208,208,208,.08);font-size:12.5px;line-height:1.45} .design-preview{display:flex;gap:12px;align-items:center}.design-preview img{width:88px;height:88px;object-fit:cover;border-radius:14px;flex-shrink:0}.design-remove{min-height:38px;padding:0 16px} .design-pick{display:flex;align-items:center;justify-content:center;min-height:46px;cursor:pointer;width:100%}.design-pick.is-busy{opacity:.6;pointer-events:none} .design-review{display:flex;gap:12px;align-items:center;padding:10px 12px;margin-top:10px}.design-review img{width:64px;height:64px;object-fit:cover;border-radius:12px}.design-review small{display:block;color:var(--muted);font-size:12px} .ticket-design img{width:42px;height:42px;object-fit:cover;border-radius:12px;flex-shrink:0} .ticket-status.is-pending{color:var(--accent-dark)} .staff-status.pending{background:rgba(208,208,208,.14);color:var(--accent-dark)} .owner-visit.is-pending{border-color:rgba(208,208,208,.55)!important} .staff-design{display:flex;gap:12px;align-items:center;margin:12px 0;color:inherit;text-decoration:none}.staff-design img{width:76px;height:76px;object-fit:cover;border-radius:14px} .staff-requests{padding:14px;margin:0 0 16px;border-color:rgba(208,208,208,.5)!important}.staff-requests h3{margin:0 0 4px;font-size:17px}.staff-request-date{margin:10px 0 6px;font-size:12px;color:var(--muted)} .screen.design .design-upload{margin-top:6px}.screen.design .design-preview img{width:132px;height:132px} .screen.design .design-upload-head small{display:none} .staff-week{display:grid;gap:8px;margin-bottom:10px}.staff-week-row{display:grid;gap:4px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.55)}.staff-week-row:has(input[type=checkbox]:not(:checked)) .staff-form-columns{opacity:.35;pointer-events:none} .staff-week{gap:6px}.staff-week-row{grid-template-columns:minmax(104px,auto) 1fr;align-items:center;gap:8px;padding:6px 8px} .staff-week-row .staff-check{margin:0;font-size:13px}.staff-week-row .staff-form-columns{gap:6px;margin:0} .staff-week-row .staff-field{font-size:0;gap:0;margin:0}.staff-week-row .staff-field input{font-size:15px;min-height:38px;padding:4px 8px} .staff-week-row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.staff-week-row .staff-check{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .staff-week-row .staff-field input{padding:4px 2px;text-align:center;min-width:0;width:100%}.staff-week-row input[type=time]::-webkit-calendar-picker-indicator{display:none} .design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-thumb{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.6)}.design-thumb img{width:100%;height:100%;object-fit:cover;display:block} .design-x{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(50,50,50,.62);color:#fff;font-size:19px;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer} .design-limit{margin:0;font-size:12px;color:var(--muted);text-align:center} .design-review-imgs,.ticket-design-imgs{display:flex;gap:4px;flex-shrink:0}.design-review-imgs img{width:52px;height:52px;object-fit:cover;border-radius:10px}.ticket-design-imgs img{width:34px;height:34px;object-fit:cover;border-radius:9px} .staff-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}.staff-design-grid .staff-design{margin:0}.staff-design-grid img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:12px} .staff-design{border:0;padding:0;background:none;cursor:zoom-in} .photo-viewer{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:rgba(24,24,24,.92);display:grid;place-items:center;overflow:hidden}.photo-viewer::backdrop{background:rgba(24,24,24,.6)} .photo-viewer img{max-width:94vw;max-height:80dvh;object-fit:contain;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.4);user-select:none;-webkit-user-drag:none} .photo-viewer button{position:absolute;border:0;border-radius:50%;width:46px;height:46px;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)} .photo-viewer .pv-close{top:max(14px,env(safe-area-inset-top));right:14px}.photo-viewer .pv-prev{left:10px;top:50%;transform:translateY(-50%)}.photo-viewer .pv-next{right:10px;top:50%;transform:translateY(-50%)} .photo-viewer .pv-count{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;margin:0;text-align:center;color:#fff;font-size:14px;opacity:.85} .photo-viewer button{z-index:2;background:rgba(255,255,255,.3);box-shadow:0 2px 10px rgba(0,0,0,.35)}.photo-viewer img{position:relative;z-index:1} .design-text-label{display:grid;gap:6px;font-size:13px;font-weight:600}.design-text-label textarea{width:100%;min-height:76px;padding:11px 13px;border:1px solid var(--edge);border-radius:14px;background:rgba(255,255,255,.7);color:var(--text);font:inherit;font-weight:400;line-height:1.4;resize:vertical}.design-text-label textarea:focus{outline:none;border-color:var(--ac-1);box-shadow:0 0 0 3px var(--ac-ring)} .design-review-text strong{display:block;margin-top:2px;font-size:13.5px;font-weight:500;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere} .ticket-design-text small{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4} .staff-design-text{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(208,208,208,.08);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45} .notify-card{padding:14px;margin:0 0 14px;display:grid;gap:12px;border:1.5px solid var(--ac-1)} .notify-head{display:flex;gap:10px;align-items:flex-start}.notify-head>svg{width:24px;height:24px;flex-shrink:0;color:var(--accent)} .notify-head strong{display:block;font-size:15px}.notify-head small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:3px} .notify-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:step} .notify-steps li{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.35;padding:8px 10px;border-radius:12px;background:rgba(208,208,208,.07)} .notify-ico{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--surface,#fff);color:var(--accent)}.notify-ico svg{width:20px;height:20px} .notify-code{margin:0;display:grid;justify-items:center;gap:2px;text-align:center}.notify-code b{font-size:24px;letter-spacing:.12em}.notify-code small{color:var(--muted);font-size:11.5px} .notify-button{display:flex;align-items:center;justify-content:center;gap:8px}.notify-button svg{width:20px;height:20px} .notify-denied{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:0 0 12px}.notify-denied svg{width:18px;height:18px;flex-shrink:0} .claim-link{margin-top:14px} /* Шаги записи: плавный переход вперёд/назад, шапка шторки остаётся на месте */ .screen.booking-step.step-leave-fwd>:not(.step-sheet-head){animation:step-out-left .15s ease-in both} .screen.booking-step.step-leave-back>:not(.step-sheet-head){animation:step-out-right .15s ease-in both} .screen.booking-step.step-fwd>:not(.step-sheet-head){animation:step-in-right .34s cubic-bezier(.22,.8,.24,1) both} .screen.booking-step.step-back>:not(.step-sheet-head){animation:step-in-left .34s cubic-bezier(.22,.8,.24,1) both} .screen.booking-step.step-leave-fwd .step-sheet-title,.screen.booking-step.step-leave-back .step-sheet-title{animation:step-title-out .15s ease-in both} .screen.booking-step.step-fwd .step-sheet-title,.screen.booking-step.step-back .step-sheet-title{animation:step-title-in .3s ease-out both} .screen.booking-step.step-fwd .step-progress i.cur{transform-origin:left center;animation:step-bar .45s cubic-bezier(.22,.8,.24,1) both} @keyframes step-out-left{to{opacity:0;transform:translate3d(-28px,0,0)}} @keyframes step-out-right{to{opacity:0;transform:translate3d(28px,0,0)}} @keyframes step-in-right{from{opacity:0;transform:translate3d(36px,0,0)}to{opacity:1;transform:none}} @keyframes step-in-left{from{opacity:0;transform:translate3d(-36px,0,0)}to{opacity:1;transform:none}} @keyframes step-title-out{to{opacity:0}} @keyframes step-title-in{from{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:none}} @keyframes step-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}} .screen.booking-step{overflow-x:hidden} .master-messages{display:grid;gap:8px;margin:12px 0 4px;padding:12px;border-radius:16px;background:rgba(208,208,208,.07)} .master-messages-title{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--muted)}.master-messages-title svg{width:16px;height:16px} .master-msg{margin:0;padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--surface,#fff);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.45;box-shadow:0 1px 3px rgba(0,0,0,.06)} .master-prepaid,.staff-prepaid{display:flex;align-items:center;gap:6px;margin:0;font-weight:700;color:#1f9d55}.master-prepaid svg,.staff-prepaid svg{width:18px;height:18px} .master-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.master-actions .outline-button{min-height:42px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13.5px} .prepay-note{display:flex;gap:8px;align-items:flex-start;margin:12px 2px 0;font-size:13px;line-height:1.4}.prepay-note svg{width:18px;height:18px;flex-shrink:0;margin-top:1px} .staff-status.prepaid{background:rgba(31,157,85,.12);color:#1f9d55} .copy-fallback{font-size:20px;font-weight:800;letter-spacing:.04em;user-select:all} /* предоплата: светящаяся кнопка в прайсе, плашки на главной и в записи */ .prepay-glow{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(210,210,210,.55);animation:prepay-pulse 2.4s ease-in-out infinite} @keyframes prepay-pulse{0%,100%{box-shadow:0 0 6px 1px rgba(210,210,210,.35)}50%{box-shadow:0 0 18px 5px rgba(210,210,210,.6)}} .sheet-heading{gap:10px} .prepay-chip{position:relative;margin-left:auto;padding:8px 14px;border:0;border-radius:999px;background:linear-gradient(135deg,#e7e7e7,#d2d2d2);color:#fff;font:inherit;font-weight:800;font-size:13.5px;white-space:nowrap;cursor:pointer} .prepay-banner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;margin:0 0 14px;padding:12px 14px;border:0;border-radius:18px;background:linear-gradient(135deg,#e7e7e7,#d2d2d2);color:#fff;text-align:left;font:inherit;cursor:pointer} .prepay-banner strong{font-size:15px}.prepay-banner span:not(.prepay-glow){grid-column:1;font-size:12.5px;opacity:.95}.prepay-banner>svg{grid-row:1/3;grid-column:2;width:20px;height:20px} .prepay-card{position:relative;display:grid;gap:6px;margin:12px 0 4px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#e7e7e7,#d2d2d2);color:#fff;text-align:center} .prepay-card strong{font-size:17px}.prepay-card small{opacity:.95}.prepay-phone{margin:2px 0;font-size:20px;font-weight:800;letter-spacing:.03em} .prepay-card .outline-button{background:#fff;color:#b4b4b4;border:0;min-height:42px} .prepay-text{margin-bottom:12px!important}.prepay-steps{margin:14px 0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.4} @media(prefers-reduced-motion:reduce){.prepay-glow{animation:none}} .master-actions.is-single{grid-template-columns:1fr} .sheet-service-desc{line-height:1.35;white-space:normal} .staff-decline-reason{width:100%;min-height:80px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--edge);border-radius:14px;font:inherit;resize:vertical} .master-note{position:relative;margin:0 0 10px;padding:14px;border-left:4px solid #d2d2d2;display:grid;gap:10px} .master-note-head{display:flex;align-items:center;gap:10px}.master-note-head img{width:40px;height:40px;border-radius:50%;object-fit:cover}.master-note-head strong{display:block;font-size:15px}.master-note-head small{display:block;color:var(--muted);font-size:12px} .master-note-text{margin:0;padding:10px 12px;border-radius:14px 14px 14px 4px;background:rgba(208,208,208,.1);font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere} /* уведомления: компактная строка с качающимся колокольчиком */ .notify-compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 14px;border:1.5px solid var(--ac-1);text-align:left;font:inherit;color:inherit;cursor:pointer} .notify-compact>svg{width:18px;height:18px;color:var(--muted)} .notify-compact-text strong{display:block;font-size:14.5px}.notify-compact-text small{display:block;color:var(--muted);font-size:12px;margin-top:2px} .notify-bell{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(208,208,208,.12);color:var(--accent)} .notify-bell svg{width:22px;height:22px;transform-origin:50% 8%;animation:bell-ring 2.6s ease-in-out infinite} @keyframes bell-ring{0%,55%,100%{transform:rotate(0)}5%{transform:rotate(16deg)}10%{transform:rotate(-14deg)}15%{transform:rotate(11deg)}20%{transform:rotate(-8deg)}25%{transform:rotate(5deg)}30%{transform:rotate(-2deg)}35%{transform:rotate(0)}} #modal .notify-card{border:0;padding:0;margin:0 0 14px} /* сообщение мастера внутри карточки своей записи */ .visit-ticket.has-note.is-muted{opacity:1}.visit-ticket.has-note.is-muted>:not(.ticket-note){opacity:.7} .ticket-note{margin:-2px -2px 12px;padding:12px;border-radius:16px;background:#fdfdfd;border:1.5px solid #d2d2d2;display:grid;gap:8px} @media(prefers-reduced-motion:reduce){.notify-bell svg{animation:none}} .prepay-to{margin:-4px 0 4px;font-size:14px;font-weight:700;opacity:.95} .master-from{display:flex;align-items:center;gap:10px}.master-from img{width:40px;height:40px;border-radius:50%;object-fit:cover}.master-from strong{display:block;font-size:15px}.master-from small{display:block;color:var(--muted);font-size:12px} .ticket-master-bottom{margin-top:6px;padding-top:10px;border-top:1px dashed var(--edge-soft,rgba(0,0,0,.08))} /* «Твой дизайн» в карточке записи - на одной линии со значками услуги и мастера */ .ticket-design .ticket-design-imgs{flex:0 0 40px;width:40px;height:40px;position:relative;gap:0} .ticket-design .ticket-design-imgs img{width:40px!important;height:40px!important;border-radius:12px;object-fit:cover} .ticket-design .ticket-design-imgs img:not(:first-child){display:none} /* отменённая запись: приглушены дата и услуга, сообщение мастера и кнопка - в полную яркость */ .visit-ticket.is-muted{opacity:1} .visit-ticket.is-muted>.ticket-head,.visit-ticket.is-muted>.ticket-cut,.visit-ticket.is-muted .ticket-body>.ticket-line,.visit-ticket.is-muted .ticket-master-bottom{opacity:.62} .visit-ticket.is-muted .ticket-status{font-weight:700} .home-contact-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px} .home-contact-buttons .contact-button{text-decoration:none;color:inherit;min-width:0} .home-contact-buttons .catalog-copy{min-width:0} .home-contact-buttons.is-single{grid-template-columns:1fr} /* плашка «Внеси предоплату» закреплена сверху, пока мастер не подтвердила запись */ .prepay-banner.is-pinned{position:sticky;top:0;z-index:6;box-shadow:0 8px 22px rgba(203,203,203,.32)} .notify-ask{margin:4px 0 16px}.notify-ask>svg{width:30px!important;height:30px!important;transform-origin:50% 8%;animation:bell-ring 2.6s ease-in-out infinite} .push-later{display:block;margin:10px auto 0} .is-copied{transition:background-color .15s ease-out,color .15s ease-out} /* метки статуса в кабинете - по размеру слова, а не во всю ширину */ .staff-status{display:inline-block;width:fit-content;align-self:flex-start;padding:1px 8px;border-radius:999px} .sheet-section-title,.owner-section-title{margin:14px 0 8px;font-size:18px;text-align:center} /* карточка записи в кабинете */ .bk-status{margin:-4px 0 12px} .bk-info{display:grid;gap:2px;margin:0 0 14px;padding:4px 12px;border-radius:16px;background:rgba(208,208,208,.06);border:1px solid rgba(208,208,208,.14)} .bk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(140,140,140,.14)}.bk-row:last-child{border-bottom:0} .bk-row>svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)} .bk-row>span{flex:1;min-width:0}.bk-row small{display:block;font-size:11.5px;color:var(--muted)}.bk-row strong{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere} .bk-price{font-size:15px;white-space:nowrap} .bk-call{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1.5px solid var(--ac-1);font-size:13px;text-decoration:none;color:inherit;margin:0!important} .bk-sub{margin:4px 0 8px;font-size:15px}.bk-sub small{font-weight:400;font-size:12px;color:var(--muted);margin-left:4px} .bk-note{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;padding:12px;border-radius:14px;background:#fdfdfd;border:1.5px solid #e7e7e7;font-size:13.5px;line-height:1.4}.bk-note>svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)} /* просмотр картинок: кнопки-значки без обводки */ .photo-viewer button{padding:0;outline:none;box-shadow:none}.photo-viewer button svg{width:24px;height:24px;stroke:#fff;color:#fff} /* дата в расписании не наезжает на стрелки: на iPhone поле даты шире из-за «26 октября 2026 г.» */ .staff-date-row{grid-template-columns:44px minmax(0,1fr) 44px} .staff-date-row input{display:block;min-width:0;max-width:100%;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;overflow:hidden} .staff-date-row input::-webkit-date-and-time-value{text-align:center} /* iPhone без стандартного вида прижимает дату к верху - выравниваем по высоте поля */ .staff-date-row input{height:44px;line-height:42px;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center;justify-content:center;text-align:center} .staff-date-row input::-webkit-date-and-time-value{margin:0;line-height:42px;text-align:center;width:100%} .staff-date-row input::-webkit-datetime-edit{padding:0;line-height:42px} /* плашка предоплаты въезжает сверху при первом появлении */ .prepay-banner.is-entering{animation:prepay-drop .65s cubic-bezier(.22,1.25,.36,1) both} @keyframes prepay-drop{0%{opacity:0;transform:translate3d(0,-110%,0) scale(.96)}60%{opacity:1}100%{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.prepay-banner.is-entering{animation:none}} .payer-hint{margin:-4px 0 0;font-size:13px;line-height:1.35;color:var(--muted)} a.home-gallery-button,a.home-gallery-button *{text-decoration:none!important} /* custom.css пакета клиента */ /* мастер: стиль как у её прайса — пастельный аниме-фон, светлый розовый, мультяшный шрифт с тёмной обводкой */ @font-face{font-family:WDidact;src:url('assets/fonts/didact-cyr.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:WDidact;src:url('assets/fonts/didact-lat.woff2') format('woff2');font-display:swap}@font-face{font-family:WUnb;src:url('assets/fonts/unbounded-cyr.woff2') format('woff2');font-weight:900;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:block}@font-face{font-family:WUnb;src:url('assets/fonts/unbounded-lat.woff2') format('woff2');font-weight:900;font-display:block} :root{--font:YuNunito,Manrope,Arial,sans-serif;--heading:YuNunito,Manrope,sans-serif;--neon:YuNunito,Manrope,sans-serif; --yu-pink:#c2c2c2;--yu-ink:#4f4f4f; --yu-outline:-1.5px -1.5px 0 var(--yu-ink),1.5px -1.5px 0 var(--yu-ink),-1.5px 1.5px 0 var(--yu-ink),1.5px 1.5px 0 var(--yu-ink),0 -1.5px 0 var(--yu-ink),0 1.5px 0 var(--yu-ink),-1.5px 0 0 var(--yu-ink),1.5px 0 0 var(--yu-ink),2.5px 3px 0 var(--yu-ink)} html,body{background:#f7f7f7} /* фон на самой оболочке приложения (она fixed и не скроллится), поверх картинки - светлая дымка */ /* сплошной фон без картинки */ .app-shell{background:none!important;isolation:isolate}.app-shell::before{content:'';position:absolute;inset:-20px;z-index:-1;pointer-events:none;background:#efefef} /* заголовки как «Price list» */ .screen h1:not(.sr-only),.screen h2,.screen h3,.section-title{font-family:var(--heading)!important;font-weight:800!important;color:var(--yu-pink)!important;text-shadow:1.50px 0.00px 0 var(--yu-ink),1.45px 0.39px 0 var(--yu-ink),1.30px 0.75px 0 var(--yu-ink),1.06px 1.06px 0 var(--yu-ink),0.75px 1.30px 0 var(--yu-ink),0.39px 1.45px 0 var(--yu-ink),0.00px 1.50px 0 var(--yu-ink),-0.39px 1.45px 0 var(--yu-ink),-0.75px 1.30px 0 var(--yu-ink),-1.06px 1.06px 0 var(--yu-ink),-1.30px 0.75px 0 var(--yu-ink),-1.45px 0.39px 0 var(--yu-ink),-1.50px 0.00px 0 var(--yu-ink),-1.45px -0.39px 0 var(--yu-ink),-1.30px -0.75px 0 var(--yu-ink),-1.06px -1.06px 0 var(--yu-ink),-0.75px -1.30px 0 var(--yu-ink),-0.39px -1.45px 0 var(--yu-ink),-0.00px -1.50px 0 var(--yu-ink),0.39px -1.45px 0 var(--yu-ink),0.75px -1.30px 0 var(--yu-ink),1.06px -1.06px 0 var(--yu-ink),1.30px -0.75px 0 var(--yu-ink),1.45px -0.39px 0 var(--yu-ink),2.20px 0.90px 0 var(--yu-ink),2.09px 1.47px 0 var(--yu-ink),1.76px 1.96px 0 var(--yu-ink),1.27px 2.29px 0 var(--yu-ink),0.70px 2.40px 0 var(--yu-ink),0.13px 2.29px 0 var(--yu-ink),-0.36px 1.96px 0 var(--yu-ink),-0.69px 1.47px 0 var(--yu-ink),-0.80px 0.90px 0 var(--yu-ink),-0.69px 0.33px 0 var(--yu-ink),-0.36px -0.16px 0 var(--yu-ink),0.13px -0.49px 0 var(--yu-ink),0.70px -0.60px 0 var(--yu-ink),1.27px -0.49px 0 var(--yu-ink),1.76px -0.16px 0 var(--yu-ink),2.09px 0.33px 0 var(--yu-ink),2.80px 1.60px 0 var(--yu-ink),2.69px 2.17px 0 var(--yu-ink),2.36px 2.66px 0 var(--yu-ink),1.87px 2.99px 0 var(--yu-ink),1.30px 3.10px 0 var(--yu-ink),0.73px 2.99px 0 var(--yu-ink),0.24px 2.66px 0 var(--yu-ink),-0.09px 2.17px 0 var(--yu-ink),-0.20px 1.60px 0 var(--yu-ink),-0.09px 1.03px 0 var(--yu-ink),0.24px 0.54px 0 var(--yu-ink),0.73px 0.21px 0 var(--yu-ink),1.30px 0.10px 0 var(--yu-ink),1.87px 0.21px 0 var(--yu-ink),2.36px 0.54px 0 var(--yu-ink),2.69px 1.03px 0 var(--yu-ink);letter-spacing:.3px;text-transform:none} .screen h2.section-title{font-size:26px} .neon-sign b{font-family:var(--neon)!important;color:var(--yu-pink)!important;text-transform:none;letter-spacing:.02em;font-size:42px;text-shadow:1.50px 0.00px 0 var(--yu-ink),1.45px 0.39px 0 var(--yu-ink),1.30px 0.75px 0 var(--yu-ink),1.06px 1.06px 0 var(--yu-ink),0.75px 1.30px 0 var(--yu-ink),0.39px 1.45px 0 var(--yu-ink),0.00px 1.50px 0 var(--yu-ink),-0.39px 1.45px 0 var(--yu-ink),-0.75px 1.30px 0 var(--yu-ink),-1.06px 1.06px 0 var(--yu-ink),-1.30px 0.75px 0 var(--yu-ink),-1.45px 0.39px 0 var(--yu-ink),-1.50px 0.00px 0 var(--yu-ink),-1.45px -0.39px 0 var(--yu-ink),-1.30px -0.75px 0 var(--yu-ink),-1.06px -1.06px 0 var(--yu-ink),-0.75px -1.30px 0 var(--yu-ink),-0.39px -1.45px 0 var(--yu-ink),-0.00px -1.50px 0 var(--yu-ink),0.39px -1.45px 0 var(--yu-ink),0.75px -1.30px 0 var(--yu-ink),1.06px -1.06px 0 var(--yu-ink),1.30px -0.75px 0 var(--yu-ink),1.45px -0.39px 0 var(--yu-ink),2.20px 0.90px 0 var(--yu-ink),2.09px 1.47px 0 var(--yu-ink),1.76px 1.96px 0 var(--yu-ink),1.27px 2.29px 0 var(--yu-ink),0.70px 2.40px 0 var(--yu-ink),0.13px 2.29px 0 var(--yu-ink),-0.36px 1.96px 0 var(--yu-ink),-0.69px 1.47px 0 var(--yu-ink),-0.80px 0.90px 0 var(--yu-ink),-0.69px 0.33px 0 var(--yu-ink),-0.36px -0.16px 0 var(--yu-ink),0.13px -0.49px 0 var(--yu-ink),0.70px -0.60px 0 var(--yu-ink),1.27px -0.49px 0 var(--yu-ink),1.76px -0.16px 0 var(--yu-ink),2.09px 0.33px 0 var(--yu-ink),2.80px 1.60px 0 var(--yu-ink),2.69px 2.17px 0 var(--yu-ink),2.36px 2.66px 0 var(--yu-ink),1.87px 2.99px 0 var(--yu-ink),1.30px 3.10px 0 var(--yu-ink),0.73px 2.99px 0 var(--yu-ink),0.24px 2.66px 0 var(--yu-ink),-0.09px 2.17px 0 var(--yu-ink),-0.20px 1.60px 0 var(--yu-ink),-0.09px 1.03px 0 var(--yu-ink),0.24px 0.54px 0 var(--yu-ink),0.73px 0.21px 0 var(--yu-ink),1.30px 0.10px 0 var(--yu-ink),1.87px 0.21px 0 var(--yu-ink),2.36px 0.54px 0 var(--yu-ink),2.69px 1.03px 0 var(--yu-ink)!important;animation:none!important} .neon-sign span{font-family:var(--font)!important;color:var(--yu-ink)!important;text-shadow:0 0 6px #fff,0 0 2px #fff;letter-spacing:.06em} /* карточки — белые полупрозрачные плашки, как таблица прайса */ .card,.home .service-overview,.home .home-gallery-button{background:rgba(255,255,255,.78)!important;border:1.5px solid rgba(150,140,145,.45)!important;backdrop-filter:blur(2px)} /* верхняя карточка: её фон светлее, вместо сплошной розовой заливки */ .hero.is-neon{background:linear-gradient(180deg,rgba(242,242,242,0) 55%,rgba(233,233,233,.55) 100%),url('assets/images/wenli-hero-v1.jpg') 0% 50%/cover no-repeat,rgb(225,225,225)!important;border:2px solid #fff!important;box-shadow:0 10px 28px -10px rgba(142,142,142,.55)!important} .hero.is-neon:before{content:'♡ ✿ ♡';position:absolute;z-index:2;left:0;right:0;top:16px;text-align:center;font:800 18px/1 YuNunito,sans-serif;letter-spacing:10px;color:var(--yu-pink);text-shadow:1.50px 0.00px 0 var(--yu-ink),1.45px 0.39px 0 var(--yu-ink),1.30px 0.75px 0 var(--yu-ink),1.06px 1.06px 0 var(--yu-ink),0.75px 1.30px 0 var(--yu-ink),0.39px 1.45px 0 var(--yu-ink),0.00px 1.50px 0 var(--yu-ink),-0.39px 1.45px 0 var(--yu-ink),-0.75px 1.30px 0 var(--yu-ink),-1.06px 1.06px 0 var(--yu-ink),-1.30px 0.75px 0 var(--yu-ink),-1.45px 0.39px 0 var(--yu-ink),-1.50px 0.00px 0 var(--yu-ink),-1.45px -0.39px 0 var(--yu-ink),-1.30px -0.75px 0 var(--yu-ink),-1.06px -1.06px 0 var(--yu-ink),-0.75px -1.30px 0 var(--yu-ink),-0.39px -1.45px 0 var(--yu-ink),-0.00px -1.50px 0 var(--yu-ink),0.39px -1.45px 0 var(--yu-ink),0.75px -1.30px 0 var(--yu-ink),1.06px -1.06px 0 var(--yu-ink),1.30px -0.75px 0 var(--yu-ink),1.45px -0.39px 0 var(--yu-ink),2.20px 0.90px 0 var(--yu-ink),2.09px 1.47px 0 var(--yu-ink),1.76px 1.96px 0 var(--yu-ink),1.27px 2.29px 0 var(--yu-ink),0.70px 2.40px 0 var(--yu-ink),0.13px 2.29px 0 var(--yu-ink),-0.36px 1.96px 0 var(--yu-ink),-0.69px 1.47px 0 var(--yu-ink),-0.80px 0.90px 0 var(--yu-ink),-0.69px 0.33px 0 var(--yu-ink),-0.36px -0.16px 0 var(--yu-ink),0.13px -0.49px 0 var(--yu-ink),0.70px -0.60px 0 var(--yu-ink),1.27px -0.49px 0 var(--yu-ink),1.76px -0.16px 0 var(--yu-ink),2.09px 0.33px 0 var(--yu-ink),2.80px 1.60px 0 var(--yu-ink),2.69px 2.17px 0 var(--yu-ink),2.36px 2.66px 0 var(--yu-ink),1.87px 2.99px 0 var(--yu-ink),1.30px 3.10px 0 var(--yu-ink),0.73px 2.99px 0 var(--yu-ink),0.24px 2.66px 0 var(--yu-ink),-0.09px 2.17px 0 var(--yu-ink),-0.20px 1.60px 0 var(--yu-ink),-0.09px 1.03px 0 var(--yu-ink),0.24px 0.54px 0 var(--yu-ink),0.73px 0.21px 0 var(--yu-ink),1.30px 0.10px 0 var(--yu-ink),1.87px 0.21px 0 var(--yu-ink),2.36px 0.54px 0 var(--yu-ink),2.69px 1.03px 0 var(--yu-ink);pointer-events:none} /* текст прямо на фоне — с белым ореолом, чтобы читался */ .home>p,.home .shop-address,.page-subtitle{text-shadow:0 0 4px #fff,0 0 8px #fff} /* «что-то миленькое»: сердечки у заголовков разделов */ .section-title:after{content:' ♡';color:var(--yu-pink);text-shadow:1.50px 0.00px 0 var(--yu-ink),1.45px 0.39px 0 var(--yu-ink),1.30px 0.75px 0 var(--yu-ink),1.06px 1.06px 0 var(--yu-ink),0.75px 1.30px 0 var(--yu-ink),0.39px 1.45px 0 var(--yu-ink),0.00px 1.50px 0 var(--yu-ink),-0.39px 1.45px 0 var(--yu-ink),-0.75px 1.30px 0 var(--yu-ink),-1.06px 1.06px 0 var(--yu-ink),-1.30px 0.75px 0 var(--yu-ink),-1.45px 0.39px 0 var(--yu-ink),-1.50px 0.00px 0 var(--yu-ink),-1.45px -0.39px 0 var(--yu-ink),-1.30px -0.75px 0 var(--yu-ink),-1.06px -1.06px 0 var(--yu-ink),-0.75px -1.30px 0 var(--yu-ink),-0.39px -1.45px 0 var(--yu-ink),-0.00px -1.50px 0 var(--yu-ink),0.39px -1.45px 0 var(--yu-ink),0.75px -1.30px 0 var(--yu-ink),1.06px -1.06px 0 var(--yu-ink),1.30px -0.75px 0 var(--yu-ink),1.45px -0.39px 0 var(--yu-ink),2.20px 0.90px 0 var(--yu-ink),2.09px 1.47px 0 var(--yu-ink),1.76px 1.96px 0 var(--yu-ink),1.27px 2.29px 0 var(--yu-ink),0.70px 2.40px 0 var(--yu-ink),0.13px 2.29px 0 var(--yu-ink),-0.36px 1.96px 0 var(--yu-ink),-0.69px 1.47px 0 var(--yu-ink),-0.80px 0.90px 0 var(--yu-ink),-0.69px 0.33px 0 var(--yu-ink),-0.36px -0.16px 0 var(--yu-ink),0.13px -0.49px 0 var(--yu-ink),0.70px -0.60px 0 var(--yu-ink),1.27px -0.49px 0 var(--yu-ink),1.76px -0.16px 0 var(--yu-ink),2.09px 0.33px 0 var(--yu-ink),2.80px 1.60px 0 var(--yu-ink),2.69px 2.17px 0 var(--yu-ink),2.36px 2.66px 0 var(--yu-ink),1.87px 2.99px 0 var(--yu-ink),1.30px 3.10px 0 var(--yu-ink),0.73px 2.99px 0 var(--yu-ink),0.24px 2.66px 0 var(--yu-ink),-0.09px 2.17px 0 var(--yu-ink),-0.20px 1.60px 0 var(--yu-ink),-0.09px 1.03px 0 var(--yu-ink),0.24px 0.54px 0 var(--yu-ink),0.73px 0.21px 0 var(--yu-ink),1.30px 0.10px 0 var(--yu-ink),1.87px 0.21px 0 var(--yu-ink),2.36px 0.54px 0 var(--yu-ink),2.69px 1.03px 0 var(--yu-ink)} /* шторка записи и окна: заголовки в том же стиле */ dialog h2,.services-dialog h2,.sheet-heading h2{font-family:var(--heading)!important;font-weight:800!important;color:var(--yu-pink)!important;text-shadow:1.50px 0.00px 0 var(--yu-ink),1.45px 0.39px 0 var(--yu-ink),1.30px 0.75px 0 var(--yu-ink),1.06px 1.06px 0 var(--yu-ink),0.75px 1.30px 0 var(--yu-ink),0.39px 1.45px 0 var(--yu-ink),0.00px 1.50px 0 var(--yu-ink),-0.39px 1.45px 0 var(--yu-ink),-0.75px 1.30px 0 var(--yu-ink),-1.06px 1.06px 0 var(--yu-ink),-1.30px 0.75px 0 var(--yu-ink),-1.45px 0.39px 0 var(--yu-ink),-1.50px 0.00px 0 var(--yu-ink),-1.45px -0.39px 0 var(--yu-ink),-1.30px -0.75px 0 var(--yu-ink),-1.06px -1.06px 0 var(--yu-ink),-0.75px -1.30px 0 var(--yu-ink),-0.39px -1.45px 0 var(--yu-ink),-0.00px -1.50px 0 var(--yu-ink),0.39px -1.45px 0 var(--yu-ink),0.75px -1.30px 0 var(--yu-ink),1.06px -1.06px 0 var(--yu-ink),1.30px -0.75px 0 var(--yu-ink),1.45px -0.39px 0 var(--yu-ink),2.20px 0.90px 0 var(--yu-ink),2.09px 1.47px 0 var(--yu-ink),1.76px 1.96px 0 var(--yu-ink),1.27px 2.29px 0 var(--yu-ink),0.70px 2.40px 0 var(--yu-ink),0.13px 2.29px 0 var(--yu-ink),-0.36px 1.96px 0 var(--yu-ink),-0.69px 1.47px 0 var(--yu-ink),-0.80px 0.90px 0 var(--yu-ink),-0.69px 0.33px 0 var(--yu-ink),-0.36px -0.16px 0 var(--yu-ink),0.13px -0.49px 0 var(--yu-ink),0.70px -0.60px 0 var(--yu-ink),1.27px -0.49px 0 var(--yu-ink),1.76px -0.16px 0 var(--yu-ink),2.09px 0.33px 0 var(--yu-ink),2.80px 1.60px 0 var(--yu-ink),2.69px 2.17px 0 var(--yu-ink),2.36px 2.66px 0 var(--yu-ink),1.87px 2.99px 0 var(--yu-ink),1.30px 3.10px 0 var(--yu-ink),0.73px 2.99px 0 var(--yu-ink),0.24px 2.66px 0 var(--yu-ink),-0.09px 2.17px 0 var(--yu-ink),-0.20px 1.60px 0 var(--yu-ink),-0.09px 1.03px 0 var(--yu-ink),0.24px 0.54px 0 var(--yu-ink),0.73px 0.21px 0 var(--yu-ink),1.30px 0.10px 0 var(--yu-ink),1.87px 0.21px 0 var(--yu-ink),2.36px 0.54px 0 var(--yu-ink),2.69px 1.03px 0 var(--yu-ink);text-transform:none} /* кнопки: белые буквы с тонкой тёмной обводкой, как цифры на прайсе */ .primary-button,.segment.active,.services-dialog [aria-pressed="true"],.services-dialog .is-active{color:#fff!important;text-shadow:-1px -1px 0 var(--yu-ink),1px -1px 0 var(--yu-ink),-1px 1px 0 var(--yu-ink),1px 1px 0 var(--yu-ink),1.5px 2px 0 var(--yu-ink);font-size:15px!important;font-weight:800!important;letter-spacing:.3px} /* без белой полосы внутри карточки и без линии под шапкой */ .hero.is-neon:after,.hero.is-neon .hero-mesh,.hero.is-neon .hero-glow{display:none!important} .brand-row{border-bottom:0!important;box-shadow:none!important} /* надпись в карточке справа, чтобы не закрывала лицо персонажа слева */ .hero.is-neon .neon-sign{left:47%!important;right:6px!important;text-align:center} .hero.is-neon .neon-sign b{font-size:36px} .hero.is-neon:before{left:42%;right:12px;box-shadow:none!important;border:0!important;background:none!important;inset:auto 12px auto 42%;top:16px} /* после удаления линии под шапкой - убрать лишний зазор, всё чуть выше */ .home .brand-row{padding-bottom:2px!important} .home .hero-frame{margin-top:8px!important} /* «Мои работы»: мастер одна - без «Все» и «Все мастера» */ .portfolio-filter[data-category="all"],.master-filter-label{display:none!important} /* розовый шрифт с обводкой везде: названия, цифры, цены, меню; мелкий текст - тёмно-розовый без обводки, чтобы читался */ :root{--yu-outline-thin:-1px -1px 0 var(--yu-ink),1px -1px 0 var(--yu-ink),-1px 1px 0 var(--yu-ink),1px 1px 0 var(--yu-ink),0 -1px 0 var(--yu-ink),0 1px 0 var(--yu-ink),-1px 0 0 var(--yu-ink),1px 0 0 var(--yu-ink),1.5px 2px 0 var(--yu-ink)} .app-shell strong,.app-shell b,dialog strong,dialog b,.brand-name,.hero-book>span:not(.hero-book-arrow),.nav-item span,.sheet-category:not(.selected),.install-button span{color:var(--yu-pink)!important;text-shadow:1.00px 0.00px 0 var(--yu-ink),0.92px 0.38px 0 var(--yu-ink),0.71px 0.71px 0 var(--yu-ink),0.38px 0.92px 0 var(--yu-ink),0.00px 1.00px 0 var(--yu-ink),-0.38px 0.92px 0 var(--yu-ink),-0.71px 0.71px 0 var(--yu-ink),-0.92px 0.38px 0 var(--yu-ink),-1.00px 0.00px 0 var(--yu-ink),-0.92px -0.38px 0 var(--yu-ink),-0.71px -0.71px 0 var(--yu-ink),-0.38px -0.92px 0 var(--yu-ink),-0.00px -1.00px 0 var(--yu-ink),0.38px -0.92px 0 var(--yu-ink),0.71px -0.71px 0 var(--yu-ink),0.92px -0.38px 0 var(--yu-ink),1.80px 1.00px 0 var(--yu-ink),1.67px 1.50px 0 var(--yu-ink),1.30px 1.87px 0 var(--yu-ink),0.80px 2.00px 0 var(--yu-ink),0.30px 1.87px 0 var(--yu-ink),-0.07px 1.50px 0 var(--yu-ink),-0.20px 1.00px 0 var(--yu-ink),-0.07px 0.50px 0 var(--yu-ink),0.30px 0.13px 0 var(--yu-ink),0.80px 0.00px 0 var(--yu-ink),1.30px 0.13px 0 var(--yu-ink),1.67px 0.50px 0 var(--yu-ink)!important;font-weight:800!important;letter-spacing:.2px} .app-shell small,.app-shell p,dialog small,dialog p,.sheet-total span,.shop-stat-note{color:#6c6c6c!important} .nav-item.active span{color:#b7b7b7!important} /* блок «Добавить на экран»: аватарка круглая без рамки, кнопка - белый текст с обводкой и без значков */ .install-card .brand-image{border:0!important;box-shadow:none!important;background:none!important;border-radius:50%!important;padding:0!important;outline:0!important} .install-button svg{display:none!important} .install-button span{color:#fff!important;text-shadow:1.00px 0.00px 0 var(--yu-ink),0.92px 0.38px 0 var(--yu-ink),0.71px 0.71px 0 var(--yu-ink),0.38px 0.92px 0 var(--yu-ink),0.00px 1.00px 0 var(--yu-ink),-0.38px 0.92px 0 var(--yu-ink),-0.71px 0.71px 0 var(--yu-ink),-0.92px 0.38px 0 var(--yu-ink),-1.00px 0.00px 0 var(--yu-ink),-0.92px -0.38px 0 var(--yu-ink),-0.71px -0.71px 0 var(--yu-ink),-0.38px -0.92px 0 var(--yu-ink),-0.00px -1.00px 0 var(--yu-ink),0.38px -0.92px 0 var(--yu-ink),0.71px -0.71px 0 var(--yu-ink),0.92px -0.38px 0 var(--yu-ink),1.80px 1.00px 0 var(--yu-ink),1.67px 1.50px 0 var(--yu-ink),1.30px 1.87px 0 var(--yu-ink),0.80px 2.00px 0 var(--yu-ink),0.30px 1.87px 0 var(--yu-ink),-0.07px 1.50px 0 var(--yu-ink),-0.20px 1.00px 0 var(--yu-ink),-0.07px 0.50px 0 var(--yu-ink),0.30px 0.13px 0 var(--yu-ink),0.80px 0.00px 0 var(--yu-ink),1.30px 0.13px 0 var(--yu-ink),1.67px 0.50px 0 var(--yu-ink)!important;font-size:16px!important} /* иконка «Главная»: светлая дверь не залезает на тёмный низ домика */ .nav-item .i-ac{transform:translateY(-1.9px);stroke-linecap:butt} /* «Записи» (пустой экран): текст с обводкой, как везде; значок календаря в стиле шрифта - розовый с тёмной обводкой */ .empty-state p{color:var(--yu-pink)!important;text-shadow:1.00px 0.00px 0 var(--yu-ink),0.92px 0.38px 0 var(--yu-ink),0.71px 0.71px 0 var(--yu-ink),0.38px 0.92px 0 var(--yu-ink),0.00px 1.00px 0 var(--yu-ink),-0.38px 0.92px 0 var(--yu-ink),-0.71px 0.71px 0 var(--yu-ink),-0.92px 0.38px 0 var(--yu-ink),-1.00px 0.00px 0 var(--yu-ink),-0.92px -0.38px 0 var(--yu-ink),-0.71px -0.71px 0 var(--yu-ink),-0.38px -0.92px 0 var(--yu-ink),-0.00px -1.00px 0 var(--yu-ink),0.38px -0.92px 0 var(--yu-ink),0.71px -0.71px 0 var(--yu-ink),0.92px -0.38px 0 var(--yu-ink),1.80px 1.00px 0 var(--yu-ink),1.67px 1.50px 0 var(--yu-ink),1.30px 1.87px 0 var(--yu-ink),0.80px 2.00px 0 var(--yu-ink),0.30px 1.87px 0 var(--yu-ink),-0.07px 1.50px 0 var(--yu-ink),-0.20px 1.00px 0 var(--yu-ink),-0.07px 0.50px 0 var(--yu-ink),0.30px 0.13px 0 var(--yu-ink),0.80px 0.00px 0 var(--yu-ink),1.30px 0.13px 0 var(--yu-ink),1.67px 0.50px 0 var(--yu-ink)!important;font-size:15px!important} .empty-state svg{color:var(--yu-pink)!important;stroke:var(--yu-pink)!important;width:60px!important;height:60px!important;filter:drop-shadow(1px 0 0 var(--yu-ink)) drop-shadow(-1px 0 0 var(--yu-ink)) drop-shadow(0 1px 0 var(--yu-ink)) drop-shadow(0 -1px 0 var(--yu-ink)) drop-shadow(1.5px 2px 0 var(--yu-ink))} /* шторка «Меню мастера»: мелкий текст без обводки и тени - чисто и читается; заголовок и кнопки как везде */ .services-dialog strong,.services-dialog b,.services-dialog .sheet-category:not(.selected){color:#8d8d8d!important;text-shadow:none!important} .services-dialog small,.services-dialog p,.services-dialog .sheet-total span{color:#6a6a6a!important;text-shadow:none!important} /* шапка над шторкой: «мастер» у аватарки такой же, как на главной */ .services-dialog .brand-name,.sheet-brand .brand-name{color:var(--yu-pink)!important;text-shadow:1.00px 0.00px 0 var(--yu-ink),0.92px 0.38px 0 var(--yu-ink),0.71px 0.71px 0 var(--yu-ink),0.38px 0.92px 0 var(--yu-ink),0.00px 1.00px 0 var(--yu-ink),-0.38px 0.92px 0 var(--yu-ink),-0.71px 0.71px 0 var(--yu-ink),-0.92px 0.38px 0 var(--yu-ink),-1.00px 0.00px 0 var(--yu-ink),-0.92px -0.38px 0 var(--yu-ink),-0.71px -0.71px 0 var(--yu-ink),-0.38px -0.92px 0 var(--yu-ink),-0.00px -1.00px 0 var(--yu-ink),0.38px -0.92px 0 var(--yu-ink),0.71px -0.71px 0 var(--yu-ink),0.92px -0.38px 0 var(--yu-ink),1.80px 1.00px 0 var(--yu-ink),1.67px 1.50px 0 var(--yu-ink),1.30px 1.87px 0 var(--yu-ink),0.80px 2.00px 0 var(--yu-ink),0.30px 1.87px 0 var(--yu-ink),-0.07px 1.50px 0 var(--yu-ink),-0.20px 1.00px 0 var(--yu-ink),-0.07px 0.50px 0 var(--yu-ink),0.30px 0.13px 0 var(--yu-ink),0.80px 0.00px 0 var(--yu-ink),1.30px 0.13px 0 var(--yu-ink),1.67px 0.50px 0 var(--yu-ink)!important} /* «Свободное время»: отступ от дат сверху и от кнопок времени снизу */ .slots-title{margin:18px 0 12px!important} /* ровнее контур букв */ .screen h1,.screen h2,.screen h3,.section-title,.neon-sign b,dialog h2{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision} /* шрифт 4 (Nunito Italic): основной текст средней жирности, чтобы читался */ body{font-weight:600} /* иконки вариант 7: те же линии + блёстки вокруг (звёздочка справа сверху, крестик слева снизу, точка) */ .nav-item>svg,.home-gallery-icon>svg,.shop-stat b>svg,.sheet-service>svg,.summary-row>svg,.hint-card>svg,.empty-state>svg,.brand-profile>svg{box-sizing:content-box!important;padding:4px!important;margin:-4px!important;overflow:visible;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important} /* иконки (вариант 7): ярко-розовые и светлые, чуть толще линии */ .nav-item>svg,.home-gallery-icon>svg,.shop-stat b>svg,.sheet-service>svg,.summary-row>svg,.hint-card>svg,.brand-profile>svg{color:#a7a7a7!important;stroke:#a7a7a7!important;stroke-width:2.1px} .nav-item>svg *,.home-gallery-icon>svg *,.shop-stat b>svg *,.sheet-service>svg *,.summary-row>svg *,.hint-card>svg *,.brand-profile>svg *{stroke:#a7a7a7!important} .nav-item.active>svg,.nav-item.active>svg *{color:#979797!important;stroke:#979797!important} /* иконки услуг в меню (её выбор): пилочка, лак, ногти с бликом, когти - лапка Г */ .sheet-service>svg>*{display:none!important} .sheet-service[data-service-id="mani-classic"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="manikyur-s-pokrytiem"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Crect%20x%3D%227%22%20y%3D%2210%22%20width%3D%2210%22%20height%3D%2211.5%22%20rx%3D%223.5%22/%3E%3Crect%20x%3D%229.5%22%20y%3D%223.5%22%20width%3D%225%22%20height%3D%226.5%22%20rx%3D%221.2%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="naraschivanie-1-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V11.2C8.6%209.2%2010.4%208.4%2012%208.0C13.6%208.4%2015.4%209.2%2015.4%2011.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V11.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="naraschivanie-2-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V9.7C8.6%207.699999999999999%2010.4%206.9%2012%206.5C13.6%206.9%2015.4%207.699999999999999%2015.4%209.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V9.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="naraschivanie-3-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V8.2C8.6%206.199999999999999%2010.4%205.4%2012%205.0C13.6%205.4%2015.4%206.199999999999999%2015.4%208.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V8.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="naraschivanie-4-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V6.7C8.6%204.7%2010.4%203.9%2012%203.5C13.6%203.9%2015.4%204.7%2015.4%206.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V6.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="naraschivanie-5-7-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V4.7C8.6%202.7%2010.4%201.9%2012%201.5C13.6%201.9%2015.4%202.7%2015.4%204.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V4.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="kogti-za-vse-nogti"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="kogti-4"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service[data-service-id="kogti-2"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} /* «Запись с ИИ»: светлая плашка под иконкой, как у «Мои работы» (розовая иконка на розовом не читалась) */ .home-gallery-icon{background:rgba(163,163,163,.1)!important;border:1px solid rgba(163,163,163,.26)!important;box-shadow:none!important} /* карточка записи от ИИ-помощника: аватарка мастера круглая, а не обрезанный квадрат */ .proposal-top img{width:58px!important;height:58px!important;min-width:58px;border-radius:50%!important;object-fit:cover!important;background:none!important;border:0!important} /* аватарки у сообщений помощника: круглые, без квадратной рамки */ .assistant-avatar{border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;overflow:hidden} .assistant-avatar img,.brand-image{border-radius:50%!important} /* вариант 7 и на шагах записи, в билете, «Мои записи», карточке ИИ: розовые иконки с блёстками */ .input-row svg,.step-recap svg,.ticket-tag svg,.ticket-ico svg,.ticket-place svg,.ticket-line svg,.payment-note svg,.proposal-line svg,.profile-service svg,.summary-row svg,.hint-card svg{box-sizing:content-box!important;padding:4px!important;margin:-4px!important;overflow:visible;color:#a7a7a7!important;stroke:#a7a7a7!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important} .input-row svg *,.step-recap svg *,.ticket-tag svg *,.ticket-ico svg *,.ticket-place svg *,.ticket-line svg *,.payment-note svg *,.proposal-line svg *,.profile-service svg *,.summary-row svg *,.hint-card svg *{stroke:#a7a7a7!important} /* иконки услуг везде одинаковые (по рисунку старой иконки), кроме меню услуг и нижней панели */ :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"])>*{display:none!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .input-row svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.step-recap svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.ticket-tag svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.ticket-ico svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.ticket-place svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.ticket-line svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.payment-note svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.proposal-line svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.profile-service svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.summary-row svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]),.hint-card svg:not(#yu):has(> path[d^="M8 21v-9a4 4 0 0 1 8 0v9"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> rect[x="10"][y="2.5"][width="4"])>*{display:none!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> rect[x="10"][y="2.5"][width="4"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Crect%20x%3D%227%22%20y%3D%2210%22%20width%3D%2210%22%20height%3D%2211.5%22%20rx%3D%223.5%22/%3E%3Crect%20x%3D%229.5%22%20y%3D%223.5%22%20width%3D%225%22%20height%3D%226.5%22%20rx%3D%221.2%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .input-row svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.step-recap svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.ticket-tag svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.ticket-ico svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.ticket-place svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.ticket-line svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.payment-note svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.proposal-line svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.profile-service svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.summary-row svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]),.hint-card svg:not(#yu):has(> rect[x="10"][y="2.5"][width="4"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Crect%20x%3D%227%22%20y%3D%2210%22%20width%3D%2210%22%20height%3D%2211.5%22%20rx%3D%223.5%22/%3E%3Crect%20x%3D%229.5%22%20y%3D%223.5%22%20width%3D%225%22%20height%3D%226.5%22%20rx%3D%221.2%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"])>*{display:none!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V8.2C8.6%206.199999999999999%2010.4%205.4%2012%205.0C13.6%205.4%2015.4%206.199999999999999%2015.4%208.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V8.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .input-row svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.step-recap svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.ticket-tag svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.ticket-ico svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.ticket-place svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.ticket-line svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.payment-note svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.proposal-line svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.profile-service svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.summary-row svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]),.hint-card svg:not(#yu):has(> path[d^="M8.5 22v-7.5C8.5 9 10.2"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V8.2C8.6%206.199999999999999%2010.4%205.4%2012%205.0C13.6%205.4%2015.4%206.199999999999999%2015.4%208.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V8.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"])>*{display:none!important} :is(.ticket-ico,.profile-service,.summary-row,.proposal-top)>svg:has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .input-row svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.step-recap svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.ticket-tag svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.ticket-ico svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.ticket-place svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.ticket-line svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.payment-note svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.proposal-line svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.profile-service svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.summary-row svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]),.hint-card svg:not(#yu):has(> path[d^="M8 21.5v-7a3.5 3.5 0 0 1 7 0v7"]){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} /* одна категория услуг - без вкладок «Маникюр / Дизайн» */ .sheet-categories[style*="--category-count:1"]{display:none!important} /* баннер без сердечек и цветочка сверху */ .hero.is-neon:before{content:none!important;display:none!important} /* мягкое медленное свечение за надписью баннера (пульсирует, как свет) */ .hero.is-neon .neon-sign:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:128%;height:175%;transform:translate(-50%,-50%) scale(.92);border-radius:50%; background:radial-gradient(closest-side,#fff,rgba(246,246,246,.95) 35%,rgba(208,208,208,.55) 65%,rgba(203,203,203,0) 100%);filter:blur(5px);opacity:.5;animation:yu-glow 5.5s ease-in-out infinite;pointer-events:none} @keyframes yu-glow{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(.88)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}} @media (prefers-reduced-motion:reduce){.hero.is-neon .neon-sign:before{animation:none;opacity:.7}} /* без строки с адресом под баннером */ .home .shop-lead{display:none!important} .home .hero-frame+.shop-title+.shop-lead+*,.home .shop-lead+*{margin-top:14px} /* заголовок «Запись к мастеру» перенесён в карточку - отдельный заголовок над ней не нужен */ .home .section-title.home-section{display:none!important} .home .booking-promo{margin-top:16px} /* карточки «Запись к мастеру» и «Добавить на экран»: вместо сетки точек - сердечки (custom.js) */ .booking-promo canvas.pole-fx,.install-card canvas.pole-fx{display:none!important} .booking-promo,.install-card{position:relative;overflow:hidden} .booking-promo>*,.install-card>*{position:relative;z-index:1} canvas.yu-hearts{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 72%,transparent)} /* старая анимация «сетка точек» убрана везде (кабинет, установка); вместо неё сердечки */ canvas.pole-fx{display:none!important} .install-hero,.schedule-heading{position:relative;overflow:hidden}.install-hero>*,.schedule-heading>*{position:relative;z-index:1} .schedule-heading{border-radius:20px} /* кабинет: без лишних категорий (у Юли одна категория) */ [data-action="staff-categories"],.staff-category-tabs:has(>:only-child){display:none!important} .staff-actions:has(>[data-action="staff-add-service"]){grid-template-columns:1fr!important} /* кабинет: значки в стиле варианта 7 - розовые с блёстками */ .staff-grid>button>svg,.staff-bell>svg,.staff-heading .icon-button>svg,.owner-visit .staff-call>svg,.staff-actions>button>svg{box-sizing:content-box!important;padding:4px!important;margin:-4px!important;overflow:visible;color:#a7a7a7!important;stroke:#a7a7a7!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important} .staff-grid>button>svg *,.staff-bell>svg *,.staff-heading .icon-button>svg *,.owner-visit .staff-call>svg *,.staff-actions>button>svg *{stroke:#a7a7a7!important} /* прайс в кабинете: те же иконки услуг, что у клиенток */ .owner-price-main>svg>*{display:none!important} .owner-price-main>svg{box-sizing:content-box!important;padding:4px!important;margin:-4px!important;overflow:visible} .owner-price-main[data-id="mani-classic"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="manikyur-s-pokrytiem"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Crect%20x%3D%227%22%20y%3D%2210%22%20width%3D%2210%22%20height%3D%2211.5%22%20rx%3D%223.5%22/%3E%3Crect%20x%3D%229.5%22%20y%3D%223.5%22%20width%3D%225%22%20height%3D%226.5%22%20rx%3D%221.2%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="naraschivanie-1-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V11.2C8.6%209.2%2010.4%208.4%2012%208.0C13.6%208.4%2015.4%209.2%2015.4%2011.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V11.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="naraschivanie-2-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V9.7C8.6%207.699999999999999%2010.4%206.9%2012%206.5C13.6%206.9%2015.4%207.699999999999999%2015.4%209.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V9.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="naraschivanie-3-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V8.2C8.6%206.199999999999999%2010.4%205.4%2012%205.0C13.6%205.4%2015.4%206.199999999999999%2015.4%208.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V8.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="naraschivanie-4-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V6.7C8.6%204.7%2010.4%203.9%2012%203.5C13.6%203.9%2015.4%204.7%2015.4%206.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V6.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="naraschivanie-5-7-sm"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V4.7C8.6%202.7%2010.4%201.9%2012%201.5C13.6%201.9%2015.4%202.7%2015.4%204.7V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V4.5%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="kogti-za-vse-nogti"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main:not([data-id^="kogti"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V8.2C8.6%206.199999999999999%2010.4%205.4%2012%205.0C13.6%205.4%2015.4%206.199999999999999%2015.4%208.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V8.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat} .owner-price-main[data-id="kogti-4"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main[data-id="kogti-2"]>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} /* «мастер» под «Расписание»: курсивная «s» не обрезается */ .schedule-heading{padding-left:4px;margin-left:-4px}.schedule-heading .page-subtitle{padding-left:3px;overflow:visible} /* кабинет: у Юли одна категория - вкладки, выбор категории и старые услуги шаблона не показываем */ .staff-category-tabs{display:none!important} #staff-service-form .staff-field:has(select[name="category"]),#staff-work-form .staff-field:has(select[name="category"]){display:none!important} .owner-price-row:has([data-id="mani-gel"],[data-id="mani-strength"],[data-id="extension"],[data-id="removal"],[data-id="pedi-classic"],[data-id="pedi-gel"],[data-id="french"],[data-id="rub"],[data-id="art"],[data-id="care"],[data-id="spa-feet"]){display:none!important} /* пожелания к дизайну - обычный читаемый текст, без розовой обводки заголовков */ .design-review-text strong,.ticket-design-text small,.staff-design-text{font-family:inherit!important;font-style:normal!important;font-weight:500!important;color:#3a3a3a!important;-webkit-text-fill-color:#3a3a3a!important;text-shadow:none!important;-webkit-text-stroke:0!important;font-size:13.5px!important;letter-spacing:0!important} .design-text-label{color:#3a3a3a}.design-text-label textarea{background:rgba(255,255,255,.85)!important;border-color:rgba(167,167,167,.35)!important} /* карточка уведомлений: мелкий жирный текст без обводки */ .notify-steps b,.notify-steps span{font-family:inherit!important;text-shadow:none!important;-webkit-text-stroke:0!important;color:#3a3a3a!important;-webkit-text-fill-color:#3a3a3a!important;letter-spacing:0!important} .notify-steps b{font-weight:800!important;font-style:normal!important} .notify-steps .notify-ico{color:#a7a7a7!important} /* главная - фон чёткий, как раньше; размытие только на остальных экранах */ .app-shell:has(.screen.home)::before{filter:none;inset:0;background:#efefef} /* полоска-ручка шторки видна на белом фоне (меню клиентки и кабинета) */ .sheet-handle{background:rgba(80,80,80,.28)!important} /* шторка «Price list»: её фон с прайса и подзаголовки как на прайсе */ .services-dialog .services-panel{background:#efefef!important} .services-dialog .sheet-service-footer{background:rgba(251,251,251,.92)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .yu-group,.sheet-section-title,.owner-section-title{margin:14px 0 4px;text-align:center;font-size:30px;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:.3px;color:var(--yu-pink)!important;text-shadow:1.00px 0.00px 0 var(--yu-ink),0.92px 0.38px 0 var(--yu-ink),0.71px 0.71px 0 var(--yu-ink),0.38px 0.92px 0 var(--yu-ink),0.00px 1.00px 0 var(--yu-ink),-0.38px 0.92px 0 var(--yu-ink),-0.71px 0.71px 0 var(--yu-ink),-0.92px 0.38px 0 var(--yu-ink),-1.00px 0.00px 0 var(--yu-ink),-0.92px -0.38px 0 var(--yu-ink),-0.71px -0.71px 0 var(--yu-ink),-0.38px -0.92px 0 var(--yu-ink),-0.00px -1.00px 0 var(--yu-ink),0.38px -0.92px 0 var(--yu-ink),0.71px -0.71px 0 var(--yu-ink),0.92px -0.38px 0 var(--yu-ink),1.80px 1.00px 0 var(--yu-ink),1.67px 1.50px 0 var(--yu-ink),1.30px 1.87px 0 var(--yu-ink),0.80px 2.00px 0 var(--yu-ink),0.30px 1.87px 0 var(--yu-ink),-0.07px 1.50px 0 var(--yu-ink),-0.20px 1.00px 0 var(--yu-ink),-0.07px 0.50px 0 var(--yu-ink),0.30px 0.13px 0 var(--yu-ink),0.80px 0.00px 0 var(--yu-ink),1.30px 0.13px 0 var(--yu-ink),1.67px 0.50px 0 var(--yu-ink)!important} .services-panel .sheet-heading h2{font-size:34px!important;letter-spacing:.5px} /* Price list: карточки плотные, выбранная - заметно розовая с яркой рамкой */ .services-dialog .sheet-service{background:rgba(255,255,255,.92)!important} .services-dialog .sheet-service.selected{background:linear-gradient(135deg,#f2f2f2,#e7e7e7)!important;border:2px solid #a7a7a7!important;box-shadow:0 6px 14px rgba(167,167,167,.22)!important} .services-dialog .sheet-caption{display:none!important} /* предоплата: белый текст на розовых плашках, без обводки заголовков */ .prepay-banner strong,.prepay-banner span,.prepay-card strong,.prepay-card small,.prepay-card .prepay-phone,.prepay-chip{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(60,60,60,.35)!important;-webkit-text-stroke:0!important} .prepay-card .outline-button{color:#858585!important;-webkit-text-fill-color:#858585!important;text-shadow:none!important} .prepay-steps li{color:#3a3a3a} .prepay-banner,.prepay-card,.prepay-chip{background:linear-gradient(135deg,#b7b7b7,#9e9e9e)!important;opacity:1!important;filter:none!important} .services-panel .sheet-heading h2{font-size:30px!important;white-space:nowrap} .prepay-chip{padding:7px 11px!important;font-size:12.5px!important} .master-note-text{color:#3a3a3a!important;-webkit-text-fill-color:#3a3a3a!important;font-weight:600!important;text-shadow:none!important} .master-note{border:2px solid #a7a7a7!important;background:#f8f8f8!important} .prepay-card .prepay-to{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(60,60,60,.35)!important} .my-closed-title:after{content:none!important} /* Позвонить / Написать - компактно: значок сверху, текст по центру */ .home-contact-buttons .contact-button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px!important;text-align:center;min-height:0!important} .home-contact-buttons .contact-button .catalog-copy{display:grid;justify-items:center;gap:2px} .home-contact-buttons .contact-button strong{font-size:22px!important;line-height:1.1!important;margin:0!important} .home-contact-buttons .contact-button small{font-size:12.5px!important;margin:0!important} .home-contact-buttons .contact-button .catalog-copy,.home-contact-buttons .contact-button strong,.home-contact-buttons .contact-button small{width:100%;text-align:center!important;justify-content:center;padding:0!important} /* приложение на экране «Домой»: верхний отступ вдвое меньше */ html.ios-standalone .app-shell{padding-top:max(0px,calc(env(safe-area-inset-top,0px) - 10px))!important} html.ios-standalone .screen:not(.booking-step){padding-top:7px!important} html.ios-standalone .empty-state{padding-top:27px!important} @media (display-mode: standalone){.screen:not(.booking-step){padding-top:7px!important}.empty-state{padding-top:27px!important}} .yu-group,.sheet-section-title,.owner-section-title{margin-bottom:12px!important} /* Позвонить / Написать: в строку - значок слева, текст справа, ниже по высоте */ .home-contact-buttons .contact-button{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;padding:12px 10px!important;gap:10px!important} .home-contact-buttons .contact-button .catalog-copy{width:auto!important;justify-items:start!important;text-align:left!important;min-width:0} .home-contact-buttons .contact-button strong,.home-contact-buttons .contact-button small{text-align:left!important;width:auto!important} .home-contact-buttons .contact-button strong{font-size:19px!important} .home-contact-buttons .contact-button small{font-size:11.5px!important;white-space:nowrap} .home-contact-buttons .contact-button .home-gallery-icon{flex-shrink:0} .home-contact-buttons .contact-button{padding:12px 8px 12px 16px!important;gap:12px!important} .home-contact-buttons .contact-button .catalog-copy{justify-content:start!important} @media (max-width:389px){.home-contact-buttons .contact-button strong{font-size:16.5px!important}.home-contact-buttons .contact-button{padding-right:6px!important}} /* Price list: выбор услуги плавно и без скачков - рамка у всех 2px, цвета перетекают */ .services-dialog .sheet-service{border:2px solid rgba(96,96,96,.12)!important;background:rgba(255,255,255,.92)!important} .services-dialog .sheet-service.selected{background:#eeeeee!important;border-color:#a7a7a7!important} .services-dialog.is-open .sheet-service{transition:opacity .5s ease calc(.28s + var(--reveal-order,0)*.06s),transform .5s cubic-bezier(.4,0,.2,1) calc(.28s + var(--reveal-order,0)*.06s),background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out!important} .services-dialog .sheet-service .radio,.services-dialog .sheet-service .sheet-check{transition:background-color .15s ease-out,border-color .15s ease-out} @media(prefers-reduced-motion:reduce){.services-dialog.is-open .sheet-service{transition:none!important}} /* кабинет: значок «есть непрочитанные» - точка внутри круга колокольчика */ .staff-bell>span{top:7px!important;right:8px!important;min-width:0!important;width:11px;height:11px;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0;color:transparent!important;background:#9e9e9e!important;border:2px solid #fff;box-shadow:0 0 0 1px rgba(158,158,158,.25)} .staff-bell>span{top:5px!important;right:5px!important;width:10px;height:10px} /* сообщение Юли после подтверждения: заметный блок и читаемый текст */ .master-messages:not(.is-closed){background:#fafafa!important;border:2px solid #c6c6c6;border-radius:18px!important;padding:12px!important;box-shadow:0 6px 18px rgba(167,167,167,.15)} .master-messages .master-msg{font-family:inherit!important;font-style:normal!important;font-weight:500!important;font-size:14.5px!important;line-height:1.5!important;color:#303030!important;-webkit-text-fill-color:#303030!important;text-shadow:none!important;background:#fff!important;padding:12px 14px!important} .master-from strong{font-size:17px!important} .is-copied{background:#eeeeee!important;color:#858585!important;-webkit-text-fill-color:#858585!important} /* дата в карточке записи: светло-розовое число на розовом квадрате */ .visit-ticket:not(.is-muted) .ticket-day b{color:#f9f9f9!important;-webkit-text-fill-color:#f9f9f9!important} .visit-ticket:not(.is-muted) .ticket-day small{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(60,60,60,.35)!important} .schedule-heading .page-subtitle{display:none!important} /* разделы прайса: заголовки и иконки для новых услуг (по разделу) */ .sheet-section-title,.owner-section-title{margin:14px 0 12px!important;text-align:center;font-size:30px;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:.3px} .owner-section-title{font-size:22px!important;margin:16px 0 8px!important} .sheet-service:where([data-section="main"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main:where([data-section="main"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2835%2012%2012%29%22%3E%3Crect%20x%3D%2210.3%22%20y%3D%222%22%20width%3D%223.4%22%20height%3D%2220%22%20rx%3D%221.7%22/%3E%3Cpath%20d%3D%22M10.8%207l2.4%201M10.8%2010.5l2.4%201M10.8%2014l2.4%201%22%20stroke-width%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service:where([data-section="ext"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V11.2C8.6%209.2%2010.4%208.4%2012%208.0C13.6%208.4%2015.4%209.2%2015.4%2011.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V11.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main:where([data-section="ext"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.6%2019.5V11.2C8.6%209.2%2010.4%208.4%2012%208.0C13.6%208.4%2015.4%209.2%2015.4%2011.2V19.5Q12%2021%208.6%2019.5Z%22/%3E%3Cpath%20d%3D%22M10.9%2017V11.0%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .sheet-service:where([data-section="add"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} .owner-price-main:where([data-section="add"])>svg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%201.5v5M25.5%204h5%22%20stroke%3D%22%23afafaf%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3.5%2024.5v3.6M1.7%2026.3h3.6%22%20stroke%3D%22%23d4d4d4%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23afafaf%22%20stroke%3D%22none%22/%3E%3Cg%20transform%3D%22translate%284%204%29%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.3%22%20rx%3D%225.6%22%20ry%3D%224.6%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2214.8%22%20cy%3D%226.9%22%20r%3D%222.1%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2210.8%22%20r%3D%222.1%22/%3E%3Cpath%20d%3D%22M3.9%208.8%203%206.6M8.8%204.8l-.3-2.4M15.2%204.8l.3-2.4M20.1%208.8l.9-2.2%22%20stroke-width%3D%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important} /* кабинет → прайс: плотнее, «Скрыть» аккуратной кнопкой под названием */ .staff-catalog-list .owner-price-row{padding:10px 12px!important;margin:0 0 8px!important} .staff-catalog-list .owner-price-main{min-height:40px} .staff-catalog-list .owner-price-toggle{display:inline-flex!important;align-items:center;min-height:30px!important;margin:6px 0 0 var(--toggle-indent,34px)!important;padding:3px 14px!important;border:1.5px solid #c6c6c6!important;border-radius:999px!important;font-size:13px!important;text-decoration:none!important;background:#fff!important} .staff-catalog-list .owner-price-row.is-unavailable .owner-price-toggle{background:#a7a7a7!important;border-color:#a7a7a7!important;color:#fff!important;-webkit-text-fill-color:#fff!important} /* карточка записи в кабинете: читаемый тёмный текст в строках */ .bk-row strong,.bk-price{color:#303030!important;-webkit-text-fill-color:#303030!important;text-shadow:none!important;font-weight:700!important;letter-spacing:0!important} .bk-row small,.bk-sub small{color:#6c6c6c!important} .bk-row>svg{color:#a7a7a7!important}.bk-row>svg *{stroke:#a7a7a7!important} .bk-call{border-color:#c6c6c6!important;background:#fff!important} /* просмотр картинок: белые кнопки-значки без розовой обводки */ .photo-viewer button{border:0!important;outline:none!important;box-shadow:none!important;background:rgba(255,255,255,.2)!important} .photo-viewer button svg{background:none!important;padding:0!important;margin:0!important;filter:none!important;width:24px!important;height:24px!important} .photo-viewer button svg *{stroke:#fff!important;fill:none!important} .photo-viewer button{background:rgba(20,20,20,.5)!important} .photo-viewer .pv-count{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important} /* плашки предоплаты (сверху и в записи): мягкий розовый, заметная рамка, тёмно-розовый текст */ .prepay-banner,.prepay-card{background:linear-gradient(135deg,#f4f4f4,#e9e9e9)!important;border:2px solid #bdbdbd!important;box-shadow:0 8px 22px rgba(167,167,167,.22)!important} .prepay-banner strong,.prepay-banner span,.prepay-card strong,.prepay-card small,.prepay-card .prepay-phone,.prepay-card .prepay-to{color:#666666!important;-webkit-text-fill-color:#666666!important;text-shadow:none!important} .prepay-banner>svg{color:#858585!important;stroke:#858585!important} .prepay-card .outline-button{background:#afafaf!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important} .prepay-card .outline-button.is-copied{background:#fff!important;color:#858585!important;-webkit-text-fill-color:#858585!important} .prepay-glow{animation-name:prepay-pulse-soft!important} @keyframes prepay-pulse-soft{0%,100%{box-shadow:0 0 4px 0 rgba(167,167,167,.25)}50%{box-shadow:0 0 16px 4px rgba(167,167,167,.4)}} /* ряд дат: тень кнопок не обрезается краем прокрутки (не было полосы) */ .day-list{padding:8px 16px 34px!important;margin:-8px -16px -24px!important;scroll-padding-inline:16px} .screen .step-section-title{margin-left:0!important;margin-right:0!important} /* блок «Ближайшее окно» на шаге «День и время» убран по просьбе */ .nearest-window{display:none!important} /* курсивная «Д» в заголовке шага: Safari обрезал выступ слева по рамке анимируемого блока */ .step-sheet-title{padding-inline:8px!important;margin-inline:-8px!important} .step-sheet-title .page-title{padding-inline:4px!important;margin-inline:-4px!important} /* «Когда удобно?» и «Свободное время»: один размер, ровные отступы (24 сверху, 15 до кнопок) */ .screen .step-section-title,.screen .slots-title{font-size:19px!important;line-height:1.2!important} .screen .step-section-title{margin-top:24px!important;margin-bottom:15px!important} .screen .slots-title{margin-top:14px!important;margin-bottom:15px!important} /* фокус полей (PIN, формы кабинета): мягкое розовое свечение вплотную, без красной рамки с зазором */ input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none!important;border-color:#cecece!important;box-shadow:0 0 0 4px rgba(189,189,189,.28)!important} /* ===== wenli.nailss: тёмный хром Y2K (поверх светлой версии) ===== */ :root{--font:WDidact,Manrope,Arial,sans-serif!important;--heading:WUnb,Manrope,sans-serif!important;--neon:WUnb,Manrope,sans-serif!important; --yu-pink:#eceef2;--yu-ink:#000;--bg-top:#141417!important; --chrome:linear-gradient(180deg,#ffffff 0%,#e9ebef 30%,#9a9ea7 50%,#f4f5f7 66%,#c3c6cd 82%,#ffffff 100%); --glass:rgba(30,31,36,.66);--edge:rgba(255,255,255,.16);--txt:#eef0f3;--mute:#a7abb4} html,body{background:#0b0b0d!important;color:var(--txt)} body{font-weight:400!important} .app-shell::before,.app-shell:has(.screen.home)::before{background:radial-gradient(110% 70% at 85% -5%,#3a3b41 0%,#1b1c20 45%,#0b0b0d 100%)!important;filter:none!important} /* хромовые заголовки, как её «PRICE» */ .screen h1:not(.sr-only),.screen h2,.screen h3,.section-title,dialog h2,.services-dialog h2,.sheet-heading h2,.neon-sign b,.sheet-section-title{font-family:var(--heading)!important;font-weight:900!important;background:var(--chrome)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;-webkit-text-stroke:0!important;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,255,255,.08));letter-spacing:.01em} .section-title:after{content:''!important} .neon-sign b{font-size:21px!important;text-transform:none;white-space:nowrap} .neon-sign span{color:var(--mute)!important;text-shadow:none!important;letter-spacing:.16em!important;text-transform:lowercase} .hero.is-neon .neon-sign:before{background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0))!important} /* текст */ .app-shell strong,.app-shell b,dialog strong,dialog b,.brand-name,.hero-book>span:not(.hero-book-arrow),.nav-item span,.sheet-category:not(.selected),.install-button span,.empty-state p,.services-dialog strong,.services-dialog b,.services-dialog .brand-name,.sheet-brand .brand-name{color:var(--txt)!important;text-shadow:none!important;-webkit-text-stroke:0!important} .app-shell small,.app-shell p,dialog small,dialog p,.sheet-total span,.shop-stat-note,.services-dialog small,.services-dialog p,.services-dialog .sheet-total span{color:var(--mute)!important;text-shadow:none!important} .home>p,.home .shop-address,.page-subtitle{text-shadow:none!important} .nav-item.active span{color:#fff!important} /* карточки — тёмное матовое стекло с тонкой светлой кромкой */ .card,.home .service-overview,.home .home-gallery-button,.sheet-service,.slot,.day,.date-chip,.time-slot,.input-row,.review-card,.visit-ticket{background:var(--glass)!important;border:1px solid var(--edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.45)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--txt)} .hero.is-neon{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)!important;background-color:#16171a!important} .hero.is-neon .neon-sign{left:46%!important;right:10px!important} /* кнопки — жидкий металл */ .primary-button,.hero-book,.install-button{background:var(--chrome)!important;color:#111!important;text-shadow:none!important;border:0!important;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 -2px 0 rgba(0,0,0,.18)!important} .primary-button *,.hero-book>span:not(.hero-book-arrow),.install-button span{color:#111!important;text-shadow:none!important;-webkit-text-stroke:0!important} .hero-book{background:rgba(255,255,255,.1)!important;border:1px solid var(--edge)!important;backdrop-filter:blur(10px)} .hero-book>span:not(.hero-book-arrow){color:var(--txt)!important} .hero-book-arrow{background:var(--chrome)!important;color:#111!important} .hero-book-arrow svg,.hero-book-arrow svg *{stroke:#111!important;color:#111!important} /* выбранное — светлый хром, тёмный текст */ .segment.active,.services-dialog [aria-pressed="true"],.services-dialog .is-active,.sheet-service.selected,.slot.selected,.day.selected{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important;text-shadow:none!important} /* иконки — серебро */ .nav-item>svg,.home-gallery-icon>svg,.shop-stat b>svg,.sheet-service>svg,.summary-row>svg,.hint-card>svg,.brand-profile>svg,.input-row svg,.step-recap svg,.ticket-tag svg,.ticket-ico svg,.ticket-place svg,.ticket-line svg,.proposal-line svg,.profile-service svg{filter:brightness(0) invert(.92)!important} .nav-item.active>svg{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.5))!important} .home-gallery-icon{background:rgba(255,255,255,.06)!important;border:1px solid var(--edge)!important} /* нижняя панель, шапка, шторка */ .bottom-nav,.tab-bar,nav.nav{background:rgba(18,18,21,.82)!important;border:1px solid var(--edge)!important;backdrop-filter:blur(16px)} .nav-item.active{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important} .services-dialog .services-panel,dialog .sheet-panel,dialog>.sheet,.sheet-body{background:#141417!important;color:var(--txt)} .services-dialog .sheet-service-footer{background:rgba(20,20,23,.92)!important;border-top:1px solid var(--edge)} .sheet-handle{background:rgba(255,255,255,.3)!important} .services-dialog::backdrop{background:rgba(0,0,0,.6)} input,textarea,select{background:rgba(255,255,255,.06)!important;color:var(--txt)!important;border:1px solid var(--edge)!important} input::placeholder,textarea::placeholder{color:#7d818a!important} .sheet-section-title{font-size:19px!important;text-transform:uppercase} /* шторка: плашки услуг тоже тёмное стекло */ .services-dialog .sheet-service.sheet-service{background:var(--glass)!important;border:1px solid var(--edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important} .services-dialog .sheet-service.sheet-service.selected{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 8px 22px rgba(0,0,0,.5)!important} /* шаги записи: тёмная шторка */ .screen.booking-step{background:#141417!important} .step-sheet-head{background:linear-gradient(#141417 78%,rgba(20,20,23,0))!important} .step-sheet-button{background:rgba(255,255,255,.08)!important;border:1px solid var(--edge)!important;color:var(--txt)!important} .step-sheet-button svg,.step-sheet-button svg *{stroke:var(--txt)!important;color:var(--txt)!important} .day-button.day-button{background:var(--glass)!important;border:1px solid var(--edge)!important;color:var(--txt)!important;box-shadow:none!important} .day-button.day-button strong,.day-button.day-button span,.day-button.day-button small{color:var(--txt)!important} .day-button.day-button.selected,.slot.slot.selected{background:var(--chrome)!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(0,0,0,.5)!important} .day-button.day-button.selected *,.slot.slot.selected,.slot.slot.selected *{color:#111!important;text-shadow:none!important} .slot.slot{color:var(--txt)!important} .slot.slot:disabled,.slot.slot.busy{opacity:.35} .action-bar.action-bar{background:#141417!important;border-top:1px solid var(--edge)!important;box-shadow:none!important} /* поля ввода — тёмные */ .input-row.input-row{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .input-row .input-wrap.input-wrap{background:rgba(255,255,255,.07)!important;border:1px solid var(--edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important} .input-row .input-wrap input,.input-row .input-wrap textarea{background:none!important;border:0!important;box-shadow:none!important;color:var(--txt)!important} .screen textarea{background:rgba(255,255,255,.07)!important;color:var(--txt)!important;border:1px solid var(--edge)!important} /* хромовые звёзды с её прайса на баннере */ .hero-frame::before{content:'';position:absolute;z-index:5;right:-6px;top:-22px;width:90px;height:65px;background:url('assets/images/wenli-stars-v1.png') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))} .hero-frame::after{content:'';position:absolute;z-index:5;left:50%;top:48px;width:30px;height:32px;background:url('assets/images/wenli-star-v1.png') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))} /* заголовок шторки прайса — её дутое «PRICE» */ .services-dialog .sheet-heading h2{font-size:0!important;width:150px;height:42px;background:url('assets/images/wenli-price-v1.png') left center/contain no-repeat!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))!important} /* кнопки: мягкий металл без тёмной полосы посередине */ :root{--chrome-btn:linear-gradient(180deg,#ffffff 0%,#eef0f3 38%,#d9dce1 62%,#c7cad0 100%)} .primary-button,.install-button,.hero-book-arrow,.day-button.day-button.selected,.slot.slot.selected{background:var(--chrome-btn)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.18),0 6px 18px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.35)!important} .hero .hero-book.hero-book{background:rgba(20,20,23,.55)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} /* тёмные переменные эталона: модалки, тосты, шторки, текст — всё сразу */ :root{color-scheme:dark;--bg:#0d0d0f;--bg-bot:#0b0b0d;--surface:#1a1a1e;--elevated:#1e1f23;--border:rgba(255,255,255,.12);--text:#eef0f3;--muted:#a7abb4; --glass-2:rgba(36,37,42,.85);--edge-soft:rgba(255,255,255,.1);--hi:rgba(255,255,255,.1);--shadow:rgba(0,0,0,.5); --sheet:rgba(22,22,25,.97);--sheet-1:#17171a;--sheet-2:#141417;--sheet-3:#121214;--nav-1:rgba(22,22,25,.85);--nav-2:rgba(18,18,21,.8); --glass-face:linear-gradient(160deg,rgba(42,43,48,.85),rgba(26,27,31,.7));--glass-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 32px -20px rgba(0,0,0,.6); --ac-tx:#111;--ac-tint:rgba(255,255,255,.08);--ac-sheen:rgba(255,255,255,.25);--glow-1:rgba(255,255,255,.06);--glow-2:rgba(255,255,255,.04)} dialog,.modal,.toast{color:var(--txt)!important} .toast.toast{background:rgba(28,29,33,.95)!important;border:1px solid var(--edge)!important} .modal.modal,dialog.modal{background:#17171a!important;border:1px solid var(--edge)!important} /* сообщение от мастера после записи */ .master-messages.master-messages{background:var(--glass)!important;border:1px solid var(--edge)!important} .master-messages .master-msg.master-msg{background:rgba(255,255,255,.06)!important;color:var(--txt)!important;-webkit-text-fill-color:var(--txt)!important;border:1px solid rgba(255,255,255,.08)!important} .outline-button{color:var(--txt)!important;border-color:var(--edge)!important;background:rgba(255,255,255,.06)!important} /* вкладки Регистрация/Вход */ .customer-account-tabs button[aria-selected="true"],.customer-account-tabs button.active,.customer-account-tabs button.is-active{background:var(--chrome-btn)!important;color:#111!important} .customer-account-tabs button{color:var(--txt)!important} .account-skip,.review-list dt{color:var(--mute)!important} .review-list dd{color:var(--txt)!important} /* кабинет мастера */ .staff-date-arrow svg,.staff-date-arrow svg *{stroke:#111!important;color:#111!important} .screen h1.page-title,.screen.schedule h1,.screen[class*="staff"] h1{font-size:24px!important} .app-shell *:not(h1):not(h2):not(h3):not(.section-title):not(.sheet-section-title):not(b){-webkit-text-fill-color:currentColor}