/* Optional salon composition. The merchant's existing palette and type choices
   remain authoritative; all photography is supplied by that merchant. */
.salon-homepage207 .salon-home207{background:var(--salon-brand-page);color:var(--salon-brand-ink);font-family:inherit;line-height:1.7;isolation:isolate}
.salon-homepage207 .salon-home207 *{box-sizing:border-box}
.salon-homepage207 .salon-home207 :is(h2,h3,h4,p,figure){margin:0}
.salon-homepage207 .salon-home207 :is(h2,h3,h4){font-family:inherit;font-weight:600;overflow-wrap:anywhere}
.salon-homepage207 .salon-home207 a{color:inherit;text-underline-offset:5px}
.salon-homepage207 .salon-home207 :is(p,small,li,figcaption){overflow-wrap:anywhere}
.salon-homepage207 .salon-home207 a:focus-visible{outline:3px solid var(--salon-brand-link);outline-offset:5px}
.salon-homepage207 .salon-home207-section{padding:clamp(40px,6.5vw,100px) max(22px,calc((100% - 1360px)/2));scroll-margin-top:112px}
.salon-homepage207 .salon-home207-section+.salon-home207-section{border-top:1px solid var(--salon-brand-line)}
.salon-homepage207 .salon-home207-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:clamp(24px,3.4vw,48px)}
.salon-homepage207 .salon-home207-heading>div{min-width:0;max-width:830px}
.salon-homepage207 .salon-home207-eyebrow{display:inline-flex;gap:14px;align-items:center;margin-bottom:17px;color:var(--salon-brand-link);font-size:11px;font-weight:600;letter-spacing:.08em}
.salon-homepage207 .salon-home207-eyebrow>span{font-variant-numeric:tabular-nums;letter-spacing:0}
.salon-homepage207 .salon-home207-heading h2{font-size:clamp(28px,3.5vw,54px);line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.salon-homepage207 .salon-home207-heading p{max-width:680px;margin-top:18px;color:var(--salon-brand-muted);font-size:15px;white-space:pre-line}
.salon-homepage207 .salon-home207-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:13px 24px;border:1px solid var(--salon-brand-accent);border-radius:999px;background:var(--salon-brand-accent);color:var(--salon-brand-on-accent)!important;text-decoration:none;white-space:normal;font-size:14px;font-weight:600;flex-shrink:0;max-width:100%;line-height:1.6}
.salon-homepage207 .salon-home207-button>span[aria-hidden]{font-size:22px;line-height:1}
.salon-homepage207 .salon-home207-button-outline{background:transparent;border-color:var(--salon-brand-line);color:var(--salon-brand-ink)!important}
.salon-homepage207 .salon-home207-small-label{display:block;color:var(--salon-brand-link);font-size:10px;letter-spacing:.14em;font-weight:600;margin-bottom:18px}
.salon-homepage207 .salon-home207-benefits{padding-block:44px;background:var(--salon-brand-soft)}
.salon-homepage207 .salon-home207-benefits .salon-home207-heading{margin-bottom:26px}
.salon-homepage207 .salon-home207-benefits .salon-home207-heading h2{font-size:24px;letter-spacing:-.02em}
.salon-homepage207 .salon-home207-benefits .salon-home207-eyebrow{display:none}
.salon-homepage207 .salon-home207-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.salon-homepage207 .salon-home207-benefit-grid article{display:flex;align-items:start;gap:16px;min-width:0}
.salon-homepage207 .salon-home207-benefit-number{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--salon-brand-line);border-radius:50%;color:var(--salon-brand-link);font-size:12px;font-variant-numeric:tabular-nums}
.salon-homepage207 .salon-home207-benefit-grid h3{font-size:15px;line-height:1.6;margin:3px 0 7px}
.salon-homepage207 .salon-home207-benefit-grid p{font-size:12px;line-height:1.9;color:var(--salon-brand-muted);white-space:pre-line}
.salon-homepage207 .salon-home207-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.salon-homepage207 .salon-home207-service{min-width:0;border:1px solid var(--salon-brand-line);border-radius:20px;overflow:hidden;background:var(--salon-brand-surface);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.salon-homepage207 .salon-home207-service-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--salon-brand-soft);isolation:isolate}
.salon-homepage207 .salon-home207-service-photo{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.salon-homepage207 .salon-home207-media-category{position:absolute;inset-inline-start:18px;bottom:18px;max-width:calc(100% - 36px);background:var(--salon-brand-page);color:var(--salon-brand-ink);border:1px solid var(--salon-brand-line);border-radius:999px;padding:6px 13px;font-size:10px;font-weight:600;overflow-wrap:anywhere;line-height:1.7}
.salon-homepage207 .salon-home207-art{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--salon-brand-soft),var(--salon-brand-surface));color:var(--salon-brand-link)}
.salon-homepage207 .salon-home207-art:before{content:"";position:absolute;width:64%;height:170%;border-inline:1px solid var(--salon-brand-line);transform:rotate(35deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--salon-brand-accent) 10%,transparent),transparent)}
.salon-homepage207 .salon-home207-art svg{width:54%;height:auto;max-height:88%;stroke:currentColor;stroke-width:.8;opacity:.6;transform:rotate(-14deg)}
.salon-homepage207 .salon-home207-art svg path{stroke-width:1.5}
.salon-homepage207 .salon-home207-art-number{position:absolute;inset-inline-end:22px;top:12px;color:var(--salon-brand-muted);font-size:52px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums;opacity:.25}
.salon-homepage207 .salon-home207-service:nth-child(3n+2) .salon-home207-art svg{transform:rotate(14deg)}
.salon-homepage207 .salon-home207-service:nth-child(3n) .salon-home207-art svg{transform:rotate(45deg)}
.salon-homepage207 .salon-home207-service-copy{padding:24px;display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0}
.salon-homepage207 .salon-home207-service-index{font-size:10px;letter-spacing:.08em;color:var(--salon-brand-link);margin-bottom:10px}
.salon-homepage207 .salon-home207-service h3{font-size:24px;line-height:1.45;letter-spacing:-.025em;margin-bottom:12px}
.salon-homepage207 .salon-home207-service p{font-size:13px;color:var(--salon-brand-muted);line-height:1.9;white-space:pre-line;margin-bottom:16px}
.salon-homepage207 .salon-home207-service footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;padding-bottom:20px;flex-wrap:wrap}
.salon-homepage207 .salon-home207-service footer strong{font-size:18px;font-weight:600;line-height:1.4}
.salon-homepage207 .salon-home207-service footer>span{font-size:12px;color:var(--salon-brand-muted)}
.salon-homepage207 .salon-home207-service-copy>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding-top:17px;border-top:1px solid var(--salon-brand-line);text-decoration:none;font-size:13px;font-weight:600;color:var(--salon-brand-link)}
.salon-homepage207 .salon-home207-service-copy>a>span[aria-hidden]{font-size:24px;line-height:1;transition:transform .2s ease}
.salon-homepage207 .salon-home207-empty{color:var(--salon-brand-muted);font-size:15px;grid-column:1/-1;padding-block:20px}
.salon-homepage207 .salon-home207-team{background:var(--salon-brand-soft)}
.salon-homepage207 .salon-home207-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.salon-homepage207 .salon-home207-team-grid article{min-width:0}
.salon-homepage207 .salon-home207-team-media{position:relative;aspect-ratio:4/4.5;overflow:hidden;border-radius:140px 140px 18px 18px;background:var(--salon-brand-surface);border:1px solid var(--salon-brand-line)}
.salon-homepage207 .salon-home207-staff-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.salon-homepage207 .salon-home207-team-monogram{display:grid;place-items:center;height:100%;color:var(--salon-brand-link);background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--salon-brand-accent) 15%,transparent),transparent 70%)}
.salon-homepage207 .salon-home207-team-monogram svg{width:70%;height:auto;stroke:currentColor;stroke-width:1;opacity:.5}
.salon-homepage207 .salon-home207-team-monogram>span{position:absolute;top:26px;inset-inline-start:30px;font-size:12px;color:var(--salon-brand-muted);font-variant-numeric:tabular-nums}
.salon-homepage207 .salon-home207-team-copy{padding:22px 2px 0}
.salon-homepage207 .salon-home207-team-copy h3{font-size:22px;letter-spacing:-.02em;line-height:1.4}
.salon-homepage207 .salon-home207-team-copy p{margin-top:7px;color:var(--salon-brand-link);font-size:13px}
.salon-homepage207 .salon-home207-team-copy small{display:block;margin-top:12px;color:var(--salon-brand-muted);font-size:11px;line-height:1.9}
.salon-homepage207 .salon-home207-gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;align-items:start}
.salon-homepage207 .salon-home207-gallery figure{min-width:0}
.salon-homepage207 .salon-home207-gallery figure:nth-child(3n+2){margin-top:48px}
.salon-homepage207 .salon-home207-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--salon-brand-soft)}
.salon-homepage207 .salon-home207-gallery figcaption{font-size:11px;color:var(--salon-brand-muted);padding-top:12px;line-height:1.8}
.salon-homepage207 .salon-home207-visit{background:var(--salon-brand-soft)}
.salon-homepage207 .salon-home207-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.salon-homepage207 .salon-home207-visit-grid h3{font-size:clamp(24px,2.5vw,36px);line-height:1.45;letter-spacing:-.03em;max-width:520px}
.salon-homepage207 .salon-home207-arrival>p{font-size:14px;margin-top:18px;max-width:480px;color:var(--salon-brand-muted);white-space:pre-line}
.salon-homepage207 .salon-home207-arrival>.salon-home207-button{margin-top:25px}
.salon-homepage207 .salon-home207-hours{margin-top:34px;border-top:1px solid var(--salon-brand-line);padding-top:26px;max-width:480px}
.salon-homepage207 .salon-home207-hours h4{font-size:15px;margin-bottom:15px}
.salon-homepage207 .salon-home207-hours dl{margin:0}
.salon-homepage207 .salon-home207-hours dl>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--salon-brand-line);padding:10px 0;font-size:12px}
.salon-homepage207 .salon-home207-hours dd{margin:0;text-align:end;overflow-wrap:anywhere}
.salon-homepage207 .salon-home207-hours small{display:block;margin-top:16px;font-size:10px;color:var(--salon-brand-muted)}
.salon-homepage207 .salon-home207-policies{border-inline-start:1px solid var(--salon-brand-line);padding-inline-start:clamp(24px,4vw,60px)}
.salon-homepage207 .salon-home207-policies ul{list-style:none;padding:0;margin:25px 0}
.salon-homepage207 .salon-home207-policies li{padding:15px 0;border-bottom:1px solid var(--salon-brand-line);font-size:13px;color:var(--salon-brand-muted);line-height:1.9}
.salon-homepage207 .salon-home207-text-link{display:inline-flex;align-items:center;gap:40px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--salon-brand-link)}
.salon-homepage207 .salon-home207-text-link>span{font-size:23px;color:var(--salon-brand-link)}
.salon-homepage207 .salon-home207 .salon-home207-booking{background:var(--salon-brand-page);border-top:1px solid var(--salon-brand-line);padding:clamp(40px,6.5vw,100px) max(22px,calc((100% - 1360px)/2));max-width:none}
.salon-homepage207 .salon-home207-booking>.salon-hero,.salon-homepage207 .salon-home207-booking>.salon-card{max-width:1080px}
.salon-homepage207 .salon-home207-booking .salon-hero h2{font-family:inherit;font-size:clamp(28px,3.5vw,48px);line-height:1.3;font-weight:600;letter-spacing:-.035em}
.salon-homepage207 .salon-home207-booking .salon-hero p{color:var(--salon-brand-muted);white-space:pre-line}
.salon-homepage207 .salon-home207-booking .salon-card{background:var(--salon-brand-surface);border-radius:22px;border-color:var(--salon-brand-line);box-shadow:none}
.salon-homepage207 .salon-home207-booking .salon-note{margin-top:16px}
.salon-homepage207 .salon-home207-booking .salon-type-badge{margin-top:18px}
.salon-homepage207 .shop-nav{background:var(--salon-brand-page);color:var(--salon-brand-ink);border:1px solid var(--salon-brand-line);border-radius:999px;width:calc(100% - 48px);inset-inline:24px;top:24px;height:74px;padding-inline:26px;box-shadow:0 10px 34px color-mix(in srgb,var(--salon-brand-primary) 8%,transparent)}
.salon-homepage207 .announcement+.shop-nav{top:56px}
.salon-homepage207.nav-solid .shop-nav{position:relative;inset:auto;width:auto;margin:18px 24px}
.salon-homepage207 .shop-nav nav{gap:26px}
.salon-homepage207 .shop-nav :is(a,button){font-family:inherit;color:inherit}
.salon-homepage207 .shop-nav .cart-open{border-color:var(--salon-brand-line);color:var(--salon-brand-ink);font-size:12px}
.salon-homepage207 .shop-nav .shop-logo{min-width:0}
.salon-homepage207 .shop-nav .shop-logo b{overflow-wrap:anywhere;line-height:1.4}
.salon-homepage207 .shop-hero h1{font-size:clamp(48px,6.7vw,102px);line-height:1.16;letter-spacing:-.04em;max-width:18ch;text-wrap:balance}
.salon-homepage207 .shop-hero>div:not(.honey-cover197){max-width:100%}
.salon-homepage207 .shop-hero>div>a[href="#salon-booking"]{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:54px;border:1px solid var(--salon-brand-accent);border-radius:999px;background:var(--salon-brand-accent);color:var(--salon-brand-on-accent);padding:13px 26px;text-decoration:none;font-size:14px;font-family:inherit;font-weight:600;line-height:1.6;max-width:100%}
.salon-homepage207 .shop-hero>div>a[href="#salon-booking"]>span{font-family:inherit;font-size:22px;letter-spacing:0;line-height:1}
@media(hover:hover){.salon-homepage207 .salon-home207-service:hover{transform:translateY(-5px);border-color:var(--salon-brand-link)}.salon-homepage207 .salon-home207-service:hover .salon-home207-service-photo{transform:scale(1.04)}.salon-homepage207 .salon-home207-service-copy>a:hover>span[aria-hidden]{transform:translate(3px,-3px)}}
@media(max-width:1100px){.salon-homepage207 .salon-home207-section,.salon-homepage207 .salon-home207 .salon-home207-booking{padding-inline:4vw}.salon-homepage207 .salon-home207-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.salon-homepage207 .salon-home207-service-grid{gap:18px}.salon-homepage207 .salon-home207-service-copy{padding:20px}.salon-homepage207 .salon-home207-service h3{font-size:21px}}
@media(max-width:800px){.salon-homepage207 .salon-home207-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-homepage207 .salon-home207-heading{align-items:start}.salon-homepage207 .salon-home207-heading>.salon-home207-button{gap:18px;padding-inline:18px}.salon-homepage207 .salon-home207-team-grid{gap:20px}.salon-homepage207 .salon-home207-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-homepage207 .salon-home207-gallery figure:nth-child(3n+2){margin-top:0}.salon-homepage207 .salon-home207-gallery figure:nth-child(2n){margin-top:36px}.salon-homepage207 .salon-home207-visit-grid{gap:26px}.salon-homepage207 .salon-home207-policies{padding-inline-start:26px}}
@media(max-width:600px){.salon-homepage207 .salon-home207-section,.salon-homepage207 .salon-home207 .salon-home207-booking{padding:44px 20px}.salon-homepage207 .salon-home207-heading{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:26px}.salon-homepage207 .salon-home207-heading>.salon-home207-button{align-self:start;gap:34px}.salon-homepage207 .salon-home207-heading h2{font-size:30px;letter-spacing:-.025em}.salon-homepage207 .salon-home207-heading p{font-size:13px;margin-top:14px}.salon-homepage207 .salon-home207-eyebrow{font-size:10px;margin-bottom:13px}.salon-homepage207 .salon-home207-benefits{padding-block:32px}.salon-homepage207 .salon-home207-benefit-grid{gap:24px 16px}.salon-homepage207 .salon-home207-benefit-grid article{gap:11px;display:block}.salon-homepage207 .salon-home207-benefit-number{margin-bottom:12px;width:32px;height:32px;font-size:10px}.salon-homepage207 .salon-home207-benefit-grid h3{font-size:14px}.salon-homepage207 .salon-home207-benefit-grid p{font-size:11px}.salon-homepage207 .salon-home207-service-grid{grid-template-columns:minmax(0,1fr);gap:20px}.salon-homepage207 .salon-home207-service-media{aspect-ratio:16/10}.salon-homepage207 .salon-home207-service-copy{padding:22px}.salon-homepage207 .salon-home207-service h3{font-size:25px}.salon-homepage207 .salon-home207-service p{font-size:13px}.salon-homepage207 .salon-home207-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.salon-homepage207 .salon-home207-team-media{border-radius:90px 90px 12px 12px;aspect-ratio:4/5}.salon-homepage207 .salon-home207-team-copy{padding-top:17px}.salon-homepage207 .salon-home207-team-copy h3{font-size:18px}.salon-homepage207 .salon-home207-team-copy p{font-size:12px}.salon-homepage207 .salon-home207-team-copy small{font-size:10px}.salon-homepage207 .salon-home207-team-monogram>span{top:16px;inset-inline-start:21px;font-size:10px}.salon-homepage207 .salon-home207-gallery-grid{gap:14px}.salon-homepage207 .salon-home207-gallery figure:nth-child(2n){margin-top:24px}.salon-homepage207 .salon-home207-gallery figcaption{font-size:10px}.salon-homepage207 .salon-home207-gallery img{border-radius:10px}.salon-homepage207 .salon-home207-visit-grid{grid-template-columns:minmax(0,1fr);gap:34px}.salon-homepage207 .salon-home207-policies{padding:30px 0 0;border-inline-start:0;border-top:1px solid var(--salon-brand-line)}.salon-homepage207 .salon-home207-visit-grid h3{font-size:26px}.salon-homepage207 .salon-home207-booking .salon-card{padding:22px 16px;border-radius:18px}.salon-homepage207 .salon-home207-booking .salon-hero h2{font-size:30px}.salon-homepage207 .shop-nav{width:calc(100% - 24px);inset-inline:12px;top:12px;height:68px;padding-inline:16px}.salon-homepage207 .announcement+.shop-nav{top:44px}.salon-homepage207.nav-solid .shop-nav{margin:12px}.salon-homepage207 .shop-nav>div{gap:10px;flex-shrink:0;font-size:11px}.salon-homepage207 .shop-nav .customer-account-link{max-width:55px;line-height:1.5;text-align:center}.salon-homepage207 .shop-nav .shop-logo{gap:8px}.salon-homepage207 .shop-nav .shop-logo b{font-size:12px;max-width:100px}.salon-homepage207 .shop-hero h1{font-size:clamp(42px,11vw,60px);line-height:1.25;letter-spacing:-.03em;margin-block:20px 28px}.salon-homepage207 .shop-hero>div>a[href="#salon-booking"]{min-height:50px;font-size:13px;padding:11px 22px;gap:35px}}
@media(prefers-reduced-motion:reduce){.salon-homepage207 .salon-home207 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Existing explicit owner controls extend to the added salon sections. Empty
   options keep the composition defaults above. The hero already follows the
   more-specific design-studio rules and does not need another override. */
.salon-homepage207.design-section-title-size .salon-home207 :is(.salon-home207-heading h2,.salon-home207-booking .salon-hero h2){font-size:var(--design-section-title-size);line-height:1.4}
.salon-homepage207.design-body-text-size .salon-home207 :is(.salon-home207-heading p,.salon-home207-benefit-grid p,.salon-home207-service p,.salon-home207-team-copy p,.salon-home207-arrival>p,.salon-home207-policies li,.salon-home207-booking .salon-hero p,.salon-home207-booking .salon-note){font-size:var(--design-body-text-size);line-height:1.8}
.salon-homepage207.design-section-spacing .salon-home207 :is(.salon-home207-section,.salon-home207-booking){padding-block:var(--design-section-spacing)}
.salon-homepage207.font-classic .salon-home207 :is(h2,h3,h4){font-family:Georgia,"IBM Plex Sans Arabic",serif;font-weight:400}
@media(max-width:600px){.salon-homepage207.design-section-title-size .salon-home207 :is(.salon-home207-heading h2,.salon-home207-booking .salon-hero h2){font-size:min(var(--design-section-title-size),36px)}.salon-homepage207.design-section-spacing .salon-home207 :is(.salon-home207-section,.salon-home207-booking){padding-block:min(var(--design-section-spacing),64px)}}

/* Keep the opt-in navigation box coherent when a presentation theme supplies
   its own full-width bar. Only geometry is resolved here; theme colours,
   merchant logo sizing, grid placement and auto-height remain authoritative. */
html body.store-page[class][class].salon-homepage207:not(.nav-solid) .shop-nav{box-sizing:border-box;position:absolute;width:calc(100% - 48px);max-width:calc(100% - 48px);inset-inline:24px;top:24px;margin:0}
html body.store-page[class][class].salon-homepage207:not(.nav-solid) .announcement+.shop-nav{top:56px}
html body.store-page[class][class].salon-homepage207.nav-solid .shop-nav{box-sizing:border-box;position:relative;width:auto;max-width:none;inset:auto;margin:18px 24px}
@media(max-width:600px){html body.store-page[class][class].salon-homepage207:not(.nav-solid) .shop-nav{width:calc(100% - 24px);max-width:calc(100% - 24px);inset-inline:12px;top:12px;margin:0}html body.store-page[class][class].salon-homepage207:not(.nav-solid) .announcement+.shop-nav{top:44px}html body.store-page[class][class].salon-homepage207.nav-solid .shop-nav{inset:auto;width:auto;max-width:none;margin:12px}}