/* Approved Lumi salon page — exact structure, isolated from old dashboard preview rules. */
.booking-page-preview:has(.lumi-exact){container-type:inline-size;background:#fff!important}
.salon-public-preview.lumi-exact{
  --lumi-line:#deddd8;--lumi-muted:#6e6d68;--lumi-serif:"Wix Madefor Display",Arial,sans-serif;--lumi-sans:"Onest",Arial,sans-serif;
  display:block!important;width:100%!important;max-width:none!important;padding:0!important;overflow:hidden;background:#fff!important;color:#111!important;font-family:var(--lumi-sans)!important
}
.lumi-exact *{box-sizing:border-box}
.lumi-exact button{font-family:var(--lumi-sans)}
.lumi-exact .salon-cover{position:relative;height:430px;min-height:0!important;overflow:hidden;border-bottom:1px solid var(--lumi-line);background:linear-gradient(180deg,#fafafa 0%,#e9e9e8 100%)}
.lumi-exact .salon-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lumi-exact .salon-cover>img:not([hidden])+.default-cover-copy{padding:18px;background:rgba(255,255,255,.9)}
.lumi-exact .default-cover-copy{position:absolute;z-index:2;left:7%;bottom:54px;display:block;width:min(52%,620px);color:#111}
.lumi-exact .default-cover-copy>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.lumi-exact .default-cover-copy h1{margin:16px 0;font:700 clamp(54px,7cqw,96px)/.86 var(--lumi-serif);letter-spacing:-.065em}
.lumi-exact .default-cover-copy p{margin:0;color:var(--lumi-muted);font-size:11px}
.lumi-exact .salon-profile{width:min(1180px,92%);margin:auto}
.lumi-exact .salon-profile-head{position:relative;z-index:2;display:grid;grid-template-columns:214px minmax(300px,1fr) 150px auto;align-items:center;gap:28px;margin-top:-92px;padding-bottom:58px;border-bottom:1px solid var(--lumi-line)}
.lumi-exact .salon-round-logo.brand-logo{position:relative;display:block!important;width:184px!important;height:184px!important;overflow:visible!important;isolation:isolate;border:0!important;border-radius:50%!important;background:transparent!important;padding:0!important;filter:none!important}
.lumi-exact .salon-round-logo.brand-logo:before{content:"";position:absolute;z-index:-1;inset:calc(-1 * clamp(4px,.5cqw,6px));border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 9px 22px rgba(20,20,18,.1)}
.lumi-exact .salon-round-logo.brand-logo:after{content:"";position:absolute;z-index:2;inset:0;border:clamp(3px,.35cqw,4px) solid rgba(255,255,255,.97);border-radius:50%;pointer-events:none}
.lumi-exact .salon-round-logo.brand-logo img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transform:none;clip-path:none;box-shadow:none}
.lumi-exact .salon-identity{min-width:0;padding-top:106px}
.lumi-exact .kicker{margin:0 0 18px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.lumi-exact .salon-identity h2{margin:0;font:700 58px/.95 var(--lumi-serif);letter-spacing:-.055em}
.lumi-exact .salon-identity>p:not(.kicker){margin:11px 0 0;color:var(--lumi-muted);font-size:11px}
.lumi-exact .salon-rating{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:8px;margin-top:14px;padding-top:106px}
.lumi-exact .salon-rating b{font:700 40px/1 var(--lumi-serif)}
.lumi-exact .salon-rating span{font-size:10px;letter-spacing:.08em}
.lumi-exact .salon-rating button{grid-column:1/-1;width:max-content;border:0;background:none;padding:5px 0;color:var(--lumi-muted);font-size:10px;text-align:left;text-decoration:underline}
.lumi-exact .salon-actions{display:flex;gap:8px;padding-top:106px}
.lumi-exact .salon-actions>*{min-width:0;flex:1 1 auto}
.lumi-exact .black-button,.lumi-exact .outline-button{min-height:42px;border:1px solid #111;border-radius:999px;padding:12px clamp(12px,1.6cqw,20px);font-size:13px;font-weight:600;white-space:nowrap}
.lumi-exact .black-button{background:#111;color:#fff}.lumi-exact .outline-button{background:#fff;color:#111}
.lumi-exact .salon-about{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;padding:90px 0}
.lumi-exact .salon-about h3,.lumi-exact .section-title h3{margin:0;font:600 clamp(44px,6cqw,76px)/.95 var(--lumi-serif);letter-spacing:-.055em}
.lumi-exact .salon-about>p{margin:0;padding-top:30px;color:var(--lumi-muted);font-size:13px;line-height:1.8}
.lumi-exact .salon-gallery-shell{position:relative}
.lumi-exact .salon-gallery{display:grid;height:620px;gap:8px}
.lumi-exact .salon-gallery>.salon-gallery-photo{display:block;background-position:center;background-size:cover}
.lumi-exact .salon-gallery.photos-1{grid-template-columns:1fr;grid-template-rows:1fr}
.lumi-exact .salon-gallery.photos-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}
.lumi-exact .salon-gallery.photos-3{grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr}
.lumi-exact .salon-gallery.photos-3>.salon-gallery-photo:first-of-type{grid-row:1/3}
.lumi-exact .salon-gallery-shell>button{position:absolute;right:20px;bottom:20px;border:0;border-radius:999px;background:#fff;padding:12px 17px;font-size:10px}
.lumi-exact .salon-team,.lumi-exact .salon-works,.lumi-exact .salon-reviews{padding:100px 0;border-bottom:1px solid var(--lumi-line)}
.lumi-exact .section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}
.lumi-exact .underlined{border:0;background:none;padding:8px 0;font-size:11px;text-decoration:underline}
.lumi-exact .profile-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lumi-exact .profile-team-grid:has(>article:only-child){grid-template-columns:minmax(0,1fr)}
.lumi-exact .profile-team-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.lumi-exact .profile-team-grid article{display:flex;min-width:0;flex-direction:column;border:1px solid var(--lumi-line);padding:12px}
.lumi-exact .profile-team-grid article>div{padding:20px 5px}
.lumi-exact .profile-team-grid h4{margin:0 0 6px;font:700 25px var(--lumi-serif)}
.lumi-exact .profile-team-grid p{margin:0 0 6px;color:var(--lumi-muted);font-size:10px}
.lumi-exact .profile-team-grid article>div span{font-size:10px}
.lumi-exact .profile-team-grid article>div small{display:-webkit-box;overflow:hidden;margin:9px 0;color:var(--lumi-muted);font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lumi-exact .profile-team-grid .black-button{align-self:flex-start;margin:0 5px 8px}
.lumi-exact .team-photo{display:block;aspect-ratio:4/5;background-position:center;background-size:cover}
.lumi-exact .team-anna{background-image:url('https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=800&q=85')}
.lumi-exact .team-maria{background-image:url('https://images.unsplash.com/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=800&q=85')}
.lumi-exact .team-alina{background-image:url('https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=800&q=85')}
.lumi-exact .salon-works .section-title>span{color:var(--lumi-muted);font-size:11px}
.lumi-exact .lumi-work-carousel{position:relative}
.lumi-exact .lumi-work-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.lumi-exact .lumi-work-grid::-webkit-scrollbar{display:none}
.lumi-exact .work-gallery-photo{display:block;aspect-ratio:4/5;background-position:center;background-size:cover}
.lumi-exact .work-gallery-photo{scroll-snap-align:start}
.lumi-exact .lumi-work-nav{position:absolute;z-index:4;top:50%;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.68);padding:0;box-shadow:0 8px 24px rgba(20,20,18,.12);backdrop-filter:blur(7px);transform:translateY(-50%);cursor:pointer}
.lumi-exact .lumi-work-nav[hidden]{display:none}
.lumi-exact .lumi-work-nav.previous{left:8px}.lumi-exact .lumi-work-nav.next{right:8px}
.lumi-exact .lumi-work-nav svg{width:19px;height:19px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lumi-exact .review-summary{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:28px 0;border-top:1px solid #111}
.lumi-exact .review-summary>div:first-child{display:flex;flex-direction:column}.lumi-exact .review-summary>div:first-child b{font:700 68px var(--lumi-serif)}.lumi-exact .review-summary>div:first-child span{color:var(--lumi-muted);font-size:10px}
.lumi-exact .rating-bars{display:grid;gap:8px}.lumi-exact .rating-bars span{display:grid;grid-template-columns:15px 1fr 30px;align-items:center;gap:9px;font-size:9px}.lumi-exact .rating-bars i{position:relative;height:5px;background:#e6e5e0}.lumi-exact .rating-bars em{display:block;height:100%;background:#111}
.lumi-exact .review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lumi-exact .review-cards article{display:flex;min-height:220px;flex-direction:column;border:1px solid var(--lumi-line);padding:22px}.lumi-exact .review-cards article>div{display:flex;justify-content:space-between}.lumi-exact .review-cards article>div span{font-size:10px}.lumi-exact .review-cards p{flex:1;margin:28px 0;font-size:11px;line-height:1.7}.lumi-exact .review-cards small{color:var(--lumi-muted);font-size:8px}
.lumi-exact .salon-contacts{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:30px;padding:70px 0 88px}
.lumi-exact .salon-contacts h3{margin:0;font:600 clamp(36px,4.5cqw,60px)/.95 var(--lumi-serif);letter-spacing:-.05em}.lumi-exact .salon-contacts>div:first-child>p:last-child{margin:12px 0 0;color:var(--lumi-muted);font-size:11px}
.lumi-exact .salon-contact-phone{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none}.lumi-exact .salon-contact-phone svg{width:21px;height:21px;fill:#111}.lumi-exact .salon-contact-phone b{font-size:14px;white-space:nowrap}
.lumi-exact .salon-contact-socials{display:flex;align-items:center;gap:15px}.lumi-exact .salon-contact-socials a{display:grid;width:34px;height:34px;place-items:center;color:#111}.lumi-exact .salon-contact-socials svg{width:24px;height:24px}.lumi-exact .salon-contact-socials [aria-label=Telegram] svg{fill:#111}.lumi-exact .salon-contact-socials [aria-label=Instagram] svg,.lumi-exact .salon-contact-socials [aria-label="Сайт"] svg{fill:none;stroke:#111;stroke-width:1.7}
@container (max-width:1100px){
  .lumi-exact .salon-profile-head{grid-template-columns:170px minmax(280px,1fr) 150px;margin-top:-74px}.lumi-exact .salon-round-logo.brand-logo{width:154px!important;height:154px!important}.lumi-exact .salon-identity,.lumi-exact .salon-rating{padding-top:86px}.lumi-exact .salon-actions{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.lumi-exact .salon-actions button{width:100%}
}
@container (max-width:980px){
  .lumi-exact .salon-profile-head{grid-template-columns:170px 1fr auto;margin-top:-74px}.lumi-exact .salon-round-logo.brand-logo{width:154px!important;height:154px!important}.lumi-exact .salon-identity,.lumi-exact .salon-rating{padding-top:86px}.lumi-exact .salon-actions{grid-column:2/-1;padding-top:0}.lumi-exact .salon-rating b{font-size:34px}
  .lumi-exact .lumi-work-grid{grid-auto-columns:calc((100% - 20px)/3)}
}
@container (max-width:760px){
  .lumi-exact .salon-cover{height:330px}.lumi-exact .default-cover-copy{left:20px;bottom:48px;width:calc(100% - 40px)}.lumi-exact .default-cover-copy h1{font-size:52px}.lumi-exact .salon-profile{width:calc(100% - 36px)}
  .lumi-exact .salon-profile-head{grid-template-columns:112px minmax(0,1fr);gap:15px;margin-top:-54px;padding-bottom:35px}.lumi-exact .salon-round-logo.brand-logo{width:112px!important;height:112px!important}.lumi-exact .salon-identity{padding-top:66px}.lumi-exact .salon-identity h2{font-size:31px}
  .lumi-exact .salon-rating{grid-column:2;display:flex;align-items:center;gap:7px;margin:0;padding-top:0}.lumi-exact .salon-rating b{font-size:30px}.lumi-exact .salon-rating button{grid-column:auto}.lumi-exact .salon-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding-top:0}
  .lumi-exact .salon-about{grid-template-columns:1fr;gap:10px;padding:60px 0}.lumi-exact .salon-about h3{font-size:50px}.lumi-exact .salon-about>p{padding-top:0}
  .lumi-exact .salon-gallery{height:520px}.lumi-exact .salon-gallery.photos-1{grid-template-columns:1fr;grid-template-rows:1fr}.lumi-exact .salon-gallery.photos-2{height:360px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.lumi-exact .salon-gallery.photos-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:2fr 1fr}.lumi-exact .salon-gallery.photos-3>.salon-gallery-photo:first-of-type{grid-row:auto;grid-column:1/-1}.lumi-exact .salon-team,.lumi-exact .salon-works,.lumi-exact .salon-reviews{padding:65px 0}.lumi-exact .section-title{display:block}.lumi-exact .section-title h3{margin-bottom:20px;font-size:46px}.lumi-exact .profile-team-grid,.lumi-exact .review-cards{grid-template-columns:1fr}.lumi-exact .lumi-work-grid{grid-auto-columns:calc((100% - 7px)/2);gap:7px}.lumi-exact .lumi-work-nav{width:34px;height:34px}.lumi-exact .salon-contacts{grid-template-columns:1fr;gap:22px;padding:55px 0 70px}.lumi-exact .salon-contact-socials{justify-content:flex-start}
}

body{margin:0;background:white} [hidden]{display:none!important}button,a{cursor:pointer}.lumi-exact .salon-round-logo.brand-logo:not(:has(img)){display:grid!important;place-items:center;background:linear-gradient(135deg,#a386ef,#7250c4)!important;color:white;font:600 42px Onest,sans-serif}.lumi-exact .salon-about>p{white-space:pre-line}.lumi-exact footer{padding:25px 0;border-top:1px solid #deddd8;font-size:13px;color:#6e6d68}
.lumi-exact .default-cover-copy,.lumi-exact .default-cover-copy p{color:var(--cover-ink,#111)!important}.lumi-exact .default-cover-copy p{opacity:.68}

.lumi-exact .salon-round-logo.brand-logo img{object-fit:contain;background:#fff}
.lumi-exact .salon-round-logo.brand-logo{transform:translateY(clamp(4px,.5cqw,6px))}.lumi-exact .salon-round-logo.brand-logo:before{inset:calc(-1 * clamp(6px,.75cqw,9px))}.lumi-exact .default-cover-copy{bottom:72px}.lumi-exact .salon-profile-head{column-gap:34px}
@container(max-width:760px){.lumi-exact .default-cover-copy{bottom:64px}.lumi-exact .salon-profile-head{column-gap:22px}}
/* Slightly lower the logo on the About page. */
.lumi-exact .salon-round-logo.brand-logo{transform:translateY(clamp(10px,1cqw,12px))}

/* Actions belong below the company identity, including before the first review. */
.lumi-exact .salon-profile-head{grid-template-columns:214px minmax(0,1fr) auto;align-items:start}
.lumi-exact .salon-actions{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:0}
.lumi-exact .salon-actions button{width:100%;border-radius:999px;min-height:48px;white-space:normal;line-height:1.3}
@container(max-width:1180px){.lumi-exact .salon-profile-head{grid-template-columns:170px minmax(0,1fr) auto}}
@container(max-width:760px){.lumi-exact .salon-profile-head{grid-template-columns:112px minmax(0,1fr)}.lumi-exact .salon-actions{grid-column:1/-1}}
@container(max-width:520px){.lumi-exact .salon-actions{grid-template-columns:1fr;gap:12px}.lumi-exact .salon-actions button{min-height:48px;font-size:15px}}

.lumi-exact .salon-gallery>.salon-gallery-photo{min-width:0;min-height:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent}
.compact-editor-preview .lumi-exact .salon-actions button{min-height:max(48px,calc(40px / var(--preview-scale,1)));font-size:max(15px,calc(13px / var(--preview-scale,1)))}
.compact-editor-preview .lumi-exact .salon-round-logo.brand-logo{transform:translateY(28px)}

/* Match the approved cover proportions in the Computer editor preview. */
.desktop-editor-preview .lumi-exact .default-cover-copy{bottom:132px}
.desktop-editor-preview .lumi-exact .default-cover-copy p{font-size:clamp(22px,2.65cqw,32px);line-height:1.4}

/* Contact details and branded social buttons. */
.lumi-exact .salon-contacts{grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:18px;align-items:start}
.lumi-exact .salon-contacts>div:first-child{grid-column:1;grid-row:1/3}
.lumi-exact .salon-contacts .kicker{font-size:15px;line-height:1.4}
.lumi-exact .salon-contact-phone{grid-column:2;grid-row:1;gap:12px}
.lumi-exact .salon-contact-phone b{font-size:22px;line-height:1.4}
.lumi-exact .salon-contact-phone svg{width:28px;height:28px;flex-shrink:0}
.lumi-exact .salon-contact-socials{grid-column:2;grid-row:2;gap:12px;justify-content:flex-start}
.lumi-exact .salon-contact-socials a{width:48px;height:48px;border-radius:50%;background:#111;color:white;display:grid;place-items:center}
.lumi-exact .salon-contact-socials a svg{width:25px;height:25px}
.lumi-exact .salon-contact-socials [aria-label="Telegram"] svg,.lumi-exact .salon-contact-socials [aria-label="Instagram"] svg{fill:white;stroke:none}
.lumi-exact .salon-contact-socials [aria-label="Сайт"] svg{stroke:white}
@container(max-width:760px){.lumi-exact .salon-contacts{grid-template-columns:1fr;gap:22px}.lumi-exact .salon-contacts>div:first-child{grid-column:1;grid-row:1}.lumi-exact .salon-contact-phone{grid-column:1;grid-row:2}.lumi-exact .salon-contact-socials{grid-column:1;grid-row:3}.lumi-exact .salon-contact-phone b{font-size:21px}}

.lumi-exact .salon-contact-phone{justify-content:center;justify-self:center}
.lumi-exact .salon-contact-phone b{font-size:clamp(24px,2.6cqw,32px)}
.lumi-exact .salon-contact-phone svg{width:32px;height:32px}
.lumi-exact .salon-contact-socials{justify-content:center;justify-self:stretch}
.lumi-exact .salon-contact-socials [aria-label="Telegram"] svg{width:28px;height:28px;fill:#fff;stroke:none}
.lumi-exact .salon-contact-socials [aria-label="Сайт"] svg{fill:none;stroke:#fff;stroke-width:1.7}

.lumi-exact .salon-contacts>div:first-child>p:last-child{font-size:21px;line-height:1.5}

.lumi-exact .salon-contact-socials{display:flex!important;justify-content:center!important;justify-self:center!important;align-items:center;flex-wrap:wrap;width:max-content;max-width:100%;margin-inline:auto}.lumi-exact .salon-contact-socials a{flex:0 0 48px}.lumi-exact .salon-contact-socials a[hidden]{display:none!important}.lumi-exact .salon-contact-phone{justify-self:center!important;max-width:100%}.lumi-exact .salon-contact-phone b{white-space:nowrap}

.lumi-exact .salon-contact-channel{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-self:center;gap:18px;max-width:100%;min-width:0}.lumi-exact .salon-contact-channel .salon-contact-phone{display:flex;align-items:center;justify-content:center;align-self:center;width:max-content;max-width:100%;margin:0}.lumi-exact .salon-contact-channel .salon-contact-socials{display:flex!important;align-items:center;justify-content:center!important;align-self:center;flex-wrap:wrap;width:max-content;max-width:100%;margin:0!important;padding:0!important;gap:12px}.lumi-exact .salon-contact-channel .salon-contact-socials a[hidden]{display:none!important}@container(max-width:760px){.lumi-exact .salon-contact-channel{grid-column:1;grid-row:2;justify-self:center;width:100%}.lumi-exact .salon-contact-channel .salon-contact-phone b{font-size:clamp(18px,4.8cqw,30px)}}

/* Centre social icons under the phone digits; the handset sits to their left. */
.lumi-exact .salon-contact-channel .salon-contact-socials{box-sizing:border-box;width:100%;padding-left:44px!important}