/* Phase76.6 only: owned public content. No legacy main or body owns these styles. */
.mw76-root.mw76-public-content { display: block; padding: 0; background: var(--mw76-surface); }
.mw76-root.mw76-public-content :where(h1, h2, h3, h4) { font-family: inherit; font-weight: var(--mw76-weight-bold); color: var(--mw76-text); line-height: 1.35; margin: 0 0 var(--mw76-space-4); }
.mw76-root.mw76-public-content h1 { font-size: var(--mw76-heading-hero); }
.mw76-root.mw76-public-content h2 { font-size: var(--mw76-heading-1); }
.mw76-root.mw76-public-content h3 { font-size: var(--mw76-heading-3); }
.mw76-root.mw76-public-content h4 { font-size: var(--mw76-font-body); }
.mw76-root.mw76-public-content :where(p, ul, ol, figure, dl) { margin: 0; }
.mw76-root.mw76-public-content p { color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content :where(a, button, input, select) { font: inherit; }
.mw76-root.mw76-public-content :where(a, button) { touch-action: manipulation; }
.mw76-root.mw76-public-content img { max-inline-size: 100%; }
.mw76-root.mw76-public-content svg { inline-size: 1.25rem; block-size: 1.25rem; flex-shrink: 0; }
.mw76-root.mw76-public-content .mw76-public-width { inline-size: min(calc(100% - 4rem), var(--mw76-content-public)); margin-inline: auto; }
.mw76-root.mw76-public-content .mw76-section { padding-block: var(--mw76-space-16); }
.mw76-root.mw76-public-content :is(.mw76-eyebrow, .mw76-public-kicker) { display: flex; align-items: center; gap: var(--mw76-space-2); color: var(--mw76-color-action); font-size: var(--mw76-font-label); font-weight: var(--mw76-weight-semibold); margin-block-end: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-section-heading { max-inline-size: var(--mw76-content-reading); margin: 0 auto var(--mw76-space-8); text-align: center; }
.mw76-root.mw76-public-content .mw76-section-heading .mw76-eyebrow { justify-content: center; }
.mw76-root.mw76-public-content :is(.mw76-data, .mw76-bidi-data) { font-variant-numeric: tabular-nums; }
.mw76-root.mw76-public-content .mw76-bidi-data { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; }
.mw76-root.mw76-public-content .mw76-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--mw76-space-2); min-block-size: 2.75rem; padding: var(--mw76-space-3) var(--mw76-space-4); color: var(--mw76-color-secondary); background: var(--mw76-surface); border: 1px solid var(--mw76-border); border-radius: var(--mw76-radius-control); font-weight: var(--mw76-weight-semibold); font-size: var(--mw76-font-label); line-height: 1.5; text-decoration: none; text-align: center; }
.mw76-root.mw76-public-content .mw76-button--primary { color: var(--mw76-surface); background: var(--mw76-color-action); border-color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-button:hover { text-decoration: underline; text-underline-offset: .2em; }
.mw76-root.mw76-public-content .mw76-button--ghost { border-color: transparent; }
.mw76-root.mw76-public-content .mw76-text-link { display: inline-flex; align-items: center; gap: var(--mw76-space-2); color: var(--mw76-link); text-underline-offset: .2em; }
.mw76-root.mw76-public-content .mw76-icon-button { display: inline-grid; place-items: center; min-inline-size: 2.75rem; min-block-size: 2.75rem; background: var(--mw76-surface); color: var(--mw76-link); border: 1px solid var(--mw76-border); border-radius: var(--mw76-radius-control); }
.mw76-root.mw76-public-content .mw76-alert { display: flex; align-items: center; gap: var(--mw76-space-3); padding: var(--mw76-space-4); margin-block: var(--mw76-space-4); background: var(--mw76-surface-tint); color: var(--mw76-text); border-inline-start: 3px solid var(--mw76-info); border-radius: var(--mw76-radius-control); }
.mw76-root.mw76-public-content .mw76-alert > button { margin-inline-start: auto; }
.mw76-root.mw76-public-content :is(.mw76-breadcrumb, .mw76-public-profile__breadcrumb) { display: flex; align-items: center; gap: var(--mw76-space-2); padding-block: var(--mw76-space-6); font-size: var(--mw76-font-label); color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content :is(.mw76-breadcrumb, .mw76-public-profile__breadcrumb) a { color: var(--mw76-link); }
.mw76-root.mw76-public-content .mw76-home-hero { padding-block: var(--mw76-space-12) var(--mw76-space-8); background: linear-gradient(120deg, var(--mw76-surface-tint), var(--mw76-surface)); }
.mw76-root.mw76-public-content .mw76-home-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--mw76-space-16); align-items: center; }
.mw76-root.mw76-public-content .mw76-home-copy { padding-block: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-home-copy h1 { color: var(--mw76-color-secondary); }
.mw76-root.mw76-public-content .mw76-lead { font-size: 1.125rem; line-height: 1.75; margin-block-end: var(--mw76-space-6); max-inline-size: 38rem; }
.mw76-root.mw76-public-content .mw76-home-art { position: relative; min-block-size: 24rem; display: grid; place-items: center; isolation: isolate; }
.mw76-root.mw76-public-content .mw76-home-arch { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--mw76-space-8); inline-size: 65%; block-size: 23rem; border-radius: 50% 50% var(--mw76-radius-card) var(--mw76-radius-card); background: var(--mw76-surface); color: var(--mw76-color-secondary); box-shadow: var(--mw76-shadow-card); border: 1px solid var(--mw76-surface-tint); outline: 1px solid var(--mw76-border); outline-offset: .75rem; }
.mw76-root.mw76-public-content .mw76-home-art-mark svg { inline-size: 6rem; block-size: 6rem; stroke-width: 1; }
.mw76-root.mw76-public-content .mw76-home-art-line { inline-size: 50%; border-block-start: 1px solid var(--mw76-border); }
.mw76-root.mw76-public-content :is(.mw76-home-art-orbit, .mw76-home-art-detail) { position: absolute; display: grid; place-items: center; border-radius: 50%; background: var(--mw76-surface-tint); color: var(--mw76-color-action); border: 1px solid var(--mw76-surface); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-home-art-orbit { inset-inline-end: 3%; inset-block-start: 12%; inline-size: 6rem; block-size: 6rem; }
.mw76-root.mw76-public-content .mw76-home-art-detail { inset-inline-start: 0; inset-block-end: 0; inline-size: 8rem; block-size: 8rem; }
.mw76-root.mw76-public-content :is(.mw76-home-art-orbit, .mw76-home-art-detail) svg { inline-size: 2.5rem; block-size: 2.5rem; stroke-width: 1.25; }
.mw76-root.mw76-public-content .mw76-home-search { position: relative; margin-block-start: var(--mw76-space-8); padding: var(--mw76-space-6); background: var(--mw76-surface); border-radius: var(--mw76-radius-card); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-home-search > label { display: block; font-weight: var(--mw76-weight-semibold); margin-block-end: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-home-search > p { font-size: var(--mw76-font-label); margin-block-start: var(--mw76-space-3); }
.mw76-root.mw76-public-content :is(.mw76-search-row, .mw76-explore-search__row) { display: flex; align-items: stretch; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content :is(.mw76-search-field, .mw76-explore-search__field) { display: flex; align-items: center; gap: var(--mw76-space-3); flex: 1; min-inline-size: 0; padding: var(--mw76-space-3) var(--mw76-space-4); border: 1px solid var(--mw76-border); border-radius: var(--mw76-radius-control); color: var(--mw76-color-secondary); background: var(--mw76-surface); }
.mw76-root.mw76-public-content :is(.mw76-search-field, .mw76-explore-search__field) input { inline-size: 100%; min-inline-size: 0; border: 0; color: var(--mw76-text); background: transparent; padding: var(--mw76-space-1); }
.mw76-root.mw76-public-content .mw76-search__clear { display: inline-grid; place-items: center; min-inline-size: 2.75rem; min-block-size: 2.75rem; color: var(--mw76-link); }
.mw76-root.mw76-public-content .mw76-trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mw76-space-8); padding-block: var(--mw76-space-8); border-block-end: 1px solid var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-trust-strip > div { display: flex; align-items: flex-start; gap: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-trust-strip svg { color: var(--mw76-color-action); inline-size: 2rem; block-size: 2rem; }
.mw76-root.mw76-public-content .mw76-trust-strip :is(strong, small) { display: block; }
.mw76-root.mw76-public-content .mw76-trust-strip small { color: var(--mw76-text-muted); font-size: var(--mw76-font-label); margin-block-start: var(--mw76-space-1); }
.mw76-root.mw76-public-content .mw76-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-discovery-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mw76-space-3); padding: var(--mw76-space-8); border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-discovery-card h3 { margin: 0; }
.mw76-root.mw76-public-content .mw76-discovery-card > a { margin-block-start: auto; padding-block-start: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-discovery-icon { display: grid; place-items: center; background: var(--mw76-surface-tint); color: var(--mw76-color-action); border-radius: 50%; inline-size: 4rem; block-size: 4rem; margin-block-end: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-discovery-icon svg { inline-size: 2rem; block-size: 2rem; }
.mw76-root.mw76-public-content .mw76-how-section { background: var(--mw76-surface-muted); }
.mw76-root.mw76-public-content .mw76-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mw76-space-8); padding: 0; list-style: none; text-align: center; }
.mw76-root.mw76-public-content .mw76-journey li > span { display: inline-grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: 50%; background: var(--mw76-color-secondary); color: var(--mw76-surface); margin-block-end: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-audiences { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-audiences article { padding: var(--mw76-space-8); background: var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-audiences p { margin-block-end: var(--mw76-space-4); }
.mw76-root.mw76-public-content :is(.mw76-callout, .mw76-public-profile__booking-cta) { display: flex; align-items: center; justify-content: space-between; gap: var(--mw76-space-8); padding: var(--mw76-space-8); margin-block-end: var(--mw76-space-16); background: var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content :is(.mw76-callout, .mw76-public-profile__booking-cta) > a { flex-shrink: 0; }
/* Listing: real server filters alongside image-led, separately actionable salon cards. */
.mw76-root.mw76-public-content .mw76-explore { padding-block-end: var(--mw76-space-16); }
.mw76-root.mw76-public-content .mw76-explore__header { display: flex; align-items: center; justify-content: space-between; gap: var(--mw76-space-8); margin-block: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-explore__header-note { display: flex; gap: var(--mw76-space-3); align-items: center; max-inline-size: 20rem; padding: var(--mw76-space-4); font-size: var(--mw76-font-label); background: var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); color: var(--mw76-color-secondary); }
.mw76-root.mw76-public-content .mw76-explore-search { background: var(--mw76-surface-muted); padding: var(--mw76-space-6); margin-block: var(--mw76-space-8); border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-explore-search > label { display: block; font-size: var(--mw76-font-label); font-weight: var(--mw76-weight-semibold); margin-block-end: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-explore__layout { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: var(--mw76-space-8); align-items: start; }
.mw76-root.mw76-public-content .mw76-explore-filters { inline-size: min(23rem, 92vw); background: var(--mw76-surface); color: var(--mw76-text); }
.mw76-root.mw76-public-content .mw76-explore-filters__header { padding: var(--mw76-space-4); align-items: flex-start; border-block-end: 1px solid var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-explore-filters__header h2 { font-size: var(--mw76-heading-3); margin: 0; }
.mw76-root.mw76-public-content .mw76-explore-filters .offcanvas-body { padding: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-explore-filters__form fieldset { padding: 0 0 var(--mw76-space-6); margin-block-end: var(--mw76-space-6); border-block-end: 1px solid var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-explore-filters__form legend { float: none; inline-size: auto; margin-block-end: var(--mw76-space-4); font-size: var(--mw76-font-body); font-weight: var(--mw76-weight-bold); color: var(--mw76-color-secondary); }
.mw76-root.mw76-public-content .mw76-field { display: flex; flex-direction: column; gap: var(--mw76-space-2); margin-block-end: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-field label { font-size: var(--mw76-font-label); font-weight: var(--mw76-weight-medium); }
.mw76-root.mw76-public-content .mw76-select { inline-size: 100%; min-inline-size: 0; min-block-size: 2.75rem; padding: var(--mw76-space-2); border: 1px solid var(--mw76-border); border-radius: var(--mw76-radius-control); color: var(--mw76-text); background: var(--mw76-surface); }
.mw76-root.mw76-public-content .mw76-check-row { display: flex; align-items: flex-start; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-check-row input { inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: var(--mw76-space-1); accent-color: var(--mw76-color-action); flex-shrink: 0; }
.mw76-root.mw76-public-content .mw76-check-row small { display: block; color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content .mw76-explore-filters__actions { display: grid; gap: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-explore-results { min-inline-size: 0; }
.mw76-root.mw76-public-content .mw76-explore-results__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--mw76-space-4); margin-block-end: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-explore-results__header h2 { font-size: var(--mw76-heading-2); margin-block-end: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-explore-results__header p { font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-explore-results__sort { text-align: end; font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-explore-results__sort > span { display: block; color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content .mw76-salon-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-public-salon-card { position: relative; min-inline-size: 0; overflow: hidden; border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); background: var(--mw76-surface); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-public-salon-card__media { display: block; aspect-ratio: 8 / 5; background: var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-public-salon-card__media img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.mw76-root.mw76-public-content .mw76-media-fallback { display: grid; place-content: center; gap: var(--mw76-space-4); inline-size: 100%; block-size: 100%; min-block-size: 5rem; color: var(--mw76-color-secondary); background: linear-gradient(135deg, var(--mw76-surface-tint), var(--mw76-surface-muted)); text-align: center; }
.mw76-root.mw76-public-content .mw76-media-fallback svg { inline-size: 2.5rem; block-size: 2.5rem; margin-inline: auto; stroke-width: 1; }
.mw76-root.mw76-public-content .mw76-public-salon-card__body { display: flex; flex-direction: column; gap: var(--mw76-space-4); padding: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-salon-card__identity { display: flex; align-items: flex-start; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-public-salon-card__logo { inline-size: 2.75rem; block-size: 2.75rem; flex-shrink: 0; object-fit: cover; border-radius: 50%; }
.mw76-root.mw76-public-content .mw76-public-salon-card__logo--fallback { display: grid; place-items: center; background: var(--mw76-surface-tint); color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-public-salon-card h3 { font-size: var(--mw76-font-body); margin: 0 0 var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-public-salon-card h3 a { color: var(--mw76-text); text-decoration: none; }
.mw76-root.mw76-public-content .mw76-public-salon-card__trust { display: flex; flex-wrap: wrap; gap: var(--mw76-space-2); font-size: var(--mw76-font-caption); }
.mw76-root.mw76-public-content :is(.mw76-public-salon-card__trust span, .mw76-verified-mark) { display: inline-flex; align-items: center; gap: var(--mw76-space-1); }
.mw76-root.mw76-public-content .mw76-public-salon-card__trust svg { inline-size: 1rem; block-size: 1rem; color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-verified-mark { color: var(--mw76-success); }
.mw76-root.mw76-public-content .mw76-public-salon-card__location { display: flex; align-items: flex-start; gap: var(--mw76-space-2); font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-salon-card__description { font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-salon-card__facts { display: flex; flex-wrap: wrap; gap: var(--mw76-space-2); font-size: var(--mw76-font-caption); color: var(--mw76-color-secondary); }
.mw76-root.mw76-public-content .mw76-public-salon-card__facts span { border-radius: var(--mw76-radius-control); background: var(--mw76-surface-muted); padding: var(--mw76-space-1) var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-public-salon-card__availability { display: flex; gap: var(--mw76-space-3); color: var(--mw76-success); font-size: var(--mw76-font-caption); }
.mw76-root.mw76-public-content .mw76-public-salon-card__availability small { display: block; }
.mw76-root.mw76-public-content .mw76-public-salon-card__actions { display: flex; flex-wrap: wrap; gap: var(--mw76-space-2); padding-block-start: var(--mw76-space-3); border-block-start: 1px solid var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-public-salon-card__actions > a:not(.mw76-card-save) { flex: 1; padding-inline: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-card-save { position: absolute; inset-inline-end: var(--mw76-space-3); inset-block-start: var(--mw76-space-3); background: var(--mw76-surface); border: 1px solid var(--mw76-surface-tint); box-shadow: var(--mw76-shadow-card); padding: var(--mw76-space-2); max-inline-size: calc(100% - 1.5rem); font-size: var(--mw76-font-caption); }
.mw76-root.mw76-public-content .mw76-active-filters { display: flex; flex-wrap: wrap; gap: var(--mw76-space-3); margin-block-end: var(--mw76-space-6); align-items: center; }
.mw76-root.mw76-public-content .mw76-active-filters__list { display: flex; flex-wrap: wrap; gap: var(--mw76-space-2); }
.mw76-root.mw76-public-content :is(.mw76-filter-chip, .mw76-active-filters__clear) { display: inline-flex; align-items: center; gap: var(--mw76-space-2); min-block-size: 2.75rem; padding: var(--mw76-space-2) var(--mw76-space-3); color: var(--mw76-link); background: var(--mw76-surface-tint); border-radius: var(--mw76-radius-control); font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-pagination { margin-block: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--mw76-space-2); list-style: none; padding: 0; }
.mw76-root.mw76-public-content .mw76-public-pagination :is(a, span[aria-current], span[aria-disabled]) { display: inline-flex; align-items: center; justify-content: center; gap: var(--mw76-space-2); min-block-size: 2.75rem; min-inline-size: 2.75rem; padding: var(--mw76-space-2); border: 1px solid var(--mw76-border); border-radius: var(--mw76-radius-control); color: var(--mw76-link); background: var(--mw76-surface); text-decoration: none; }
.mw76-root.mw76-public-content .mw76-public-pagination [aria-current] { background: var(--mw76-color-action); border-color: var(--mw76-color-action); color: var(--mw76-surface); }
.mw76-root.mw76-public-content .mw76-public-pagination [aria-disabled] { color: var(--mw76-text-muted); }
/* Profile: identity, mosaic, service catalogue and contact/review composition. */
.mw76-root.mw76-public-content .mw76-public-profile__identity { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--mw76-space-6); margin-block: var(--mw76-space-4) var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-profile__identity-main { display: flex; align-items: center; gap: var(--mw76-space-6); flex: 1; min-inline-size: 0; }
.mw76-root.mw76-public-content .mw76-public-profile__identity h1 { font-size: var(--mw76-heading-1); overflow-wrap: anywhere; }
.mw76-root.mw76-public-content .mw76-public-profile__logo { inline-size: 5rem; block-size: 5rem; border-radius: var(--mw76-radius-card); object-fit: cover; flex-shrink: 0; }
.mw76-root.mw76-public-content .mw76-public-profile__logo--fallback { display: grid; place-items: center; background: var(--mw76-surface-tint); color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-public-profile__logo--fallback svg { inline-size: 2.5rem; block-size: 2.5rem; }
.mw76-root.mw76-public-content .mw76-public-profile__trust-line { display: flex; flex-wrap: wrap; gap: var(--mw76-space-3); font-size: var(--mw76-font-label); color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content .mw76-public-profile__trust-line :is(a, span) { display: inline-flex; align-items: center; gap: var(--mw76-space-1); }
.mw76-root.mw76-public-content .mw76-public-profile__trust-line a { color: var(--mw76-link); }
.mw76-root.mw76-public-content .mw76-public-profile__primary-actions { display: flex; flex-wrap: wrap; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-profile-gallery-preview { display: flex; gap: var(--mw76-space-4); block-size: 25rem; margin-block-end: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-profile__cover { flex: 2; min-inline-size: 0; overflow: hidden; border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-public-profile__cover > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mw76-root.mw76-public-content .mw76-profile-preview-tiles { flex: 1; min-inline-size: 0; display: grid; gap: var(--mw76-space-4); grid-auto-rows: minmax(0, 1fr); }
.mw76-root.mw76-public-content .mw76-profile-preview-tiles a { display: block; min-block-size: 0; overflow: hidden; border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-profile-preview-tiles img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mw76-root.mw76-public-content .mw76-public-profile__section-nav { display: flex; flex-wrap: wrap; gap: var(--mw76-space-3); padding-block-end: var(--mw76-space-4); border-block-end: 1px solid var(--mw76-border); margin-block-end: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-profile__section-nav a { color: var(--mw76-color-secondary); text-decoration: none; padding: var(--mw76-space-3) var(--mw76-space-4); border-radius: var(--mw76-radius-control); background: var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-public-profile__content { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--mw76-space-8); align-items: start; }
.mw76-root.mw76-public-content .mw76-public-profile__section { margin-block-end: var(--mw76-space-12); scroll-margin-block-start: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-public-section-heading { margin-block-end: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-public-section-heading--row { display: flex; align-items: center; justify-content: space-between; gap: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-count { display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; border-radius: 50%; color: var(--mw76-color-action); background: var(--mw76-surface-tint); }
.mw76-root.mw76-public-content .mw76-public-service-group { margin-block-end: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-service-group > header { display: flex; align-items: center; justify-content: space-between; gap: var(--mw76-space-3); margin-block-end: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-service-group > header h3 { margin: 0; }
.mw76-root.mw76-public-content .mw76-public-service-group > header > span { font-size: var(--mw76-font-label); color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content .mw76-public-service-list { display: grid; gap: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-service { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; gap: var(--mw76-space-4); align-items: start; padding: var(--mw76-space-6); border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-public-service > :is(img, .mw76-public-service__media) { inline-size: 5rem; block-size: 5rem; object-fit: cover; border-radius: var(--mw76-radius-control); }
.mw76-root.mw76-public-content .mw76-public-service__copy > span { font-size: var(--mw76-font-caption); color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-public-service__copy h4 { margin-block-end: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-public-service__copy p { font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-service__facts { display: flex; gap: var(--mw76-space-4); font-size: var(--mw76-font-label); text-align: end; }
.mw76-root.mw76-public-content .mw76-public-service__facts :is(small, strong) { display: block; }
.mw76-root.mw76-public-content .mw76-public-service__facts small { color: var(--mw76-text-muted); }
.mw76-root.mw76-public-content .mw76-public-service__actions { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: var(--mw76-space-4); align-items: center; }
.mw76-root.mw76-public-content .mw76-public-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-gallery img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-public-profile__aside { background: var(--mw76-surface-muted); padding: var(--mw76-space-6); border-radius: var(--mw76-radius-card); }
.mw76-root.mw76-public-content .mw76-public-profile__aside section + section { border-block-start: 1px solid var(--mw76-border); margin-block-start: var(--mw76-space-6); padding-block-start: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-public-profile__aside h2 { display: flex; align-items: center; gap: var(--mw76-space-2); font-size: var(--mw76-heading-3); }
.mw76-root.mw76-public-content .mw76-public-profile__aside p { font-size: var(--mw76-font-label); margin-block-end: var(--mw76-space-3); overflow-wrap: anywhere; }
.mw76-root.mw76-public-content .mw76-public-hours > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--mw76-space-2); margin-block-end: var(--mw76-space-3); font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-hours dd { margin: 0; }
.mw76-root.mw76-public-content .mw76-public-contact { display: grid; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-public-contact a { display: inline-flex; align-items: center; gap: var(--mw76-space-2); min-block-size: 2.75rem; color: var(--mw76-link); overflow-wrap: anywhere; }
.mw76-root.mw76-public-content .mw76-rating-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--mw76-space-2); color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-rating-summary > span { color: var(--mw76-text-muted); font-size: var(--mw76-font-label); }
.mw76-root.mw76-public-content .mw76-public-review-list { display: grid; gap: var(--mw76-space-4); }
.mw76-root.mw76-public-content .mw76-public-review { padding: var(--mw76-space-6); border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); box-shadow: var(--mw76-shadow-card); }
.mw76-root.mw76-public-content .mw76-public-review header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-public-review header > div:first-child > span { display: flex; gap: var(--mw76-space-2); font-size: var(--mw76-font-caption); color: var(--mw76-success); margin-block: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-public-review__rating { display: flex; gap: var(--mw76-space-2); color: var(--mw76-color-action); }
.mw76-root.mw76-public-content .mw76-public-review time { display: block; color: var(--mw76-text-muted); font-size: var(--mw76-font-caption); margin-block-end: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-public-review__reply { margin-block-start: var(--mw76-space-4); padding: var(--mw76-space-4); background: var(--mw76-surface-muted); border-inline-start: 3px solid var(--mw76-color-secondary); border-radius: var(--mw76-radius-control); }
.mw76-root.mw76-public-content .mw76-public-review p { white-space: pre-line; overflow-wrap: anywhere; }
/* Informational and empty states remain public content, with unchanged policy text. */
.mw76-root.mw76-public-content .mw-ui-state { padding: var(--mw76-space-12) var(--mw76-space-6); border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); background: var(--mw76-surface-muted); }
.mw76-root.mw76-public-content .mw76-public-error { padding-block: var(--mw76-space-16); }
.mw76-root.mw76-public-content .mw76-public-legal { padding-block: var(--mw76-space-12); }
.mw76-root.mw76-public-content .mw76-public-legal__header { padding: var(--mw76-space-8); background: var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); margin-block-end: var(--mw76-space-8); }
.mw76-root.mw76-public-content .mw76-public-legal__body { display: grid; grid-template-columns: 15rem minmax(0, var(--mw76-content-reading)); gap: var(--mw76-space-12); }
.mw76-root.mw76-public-content .mw76-public-legal__index { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mw76-space-3); }
.mw76-root.mw76-public-content .mw76-public-legal__index a { color: var(--mw76-link); min-block-size: 2.75rem; padding-block: var(--mw76-space-2); }
.mw76-root.mw76-public-content .mw76-public-legal__content section { display: flex; gap: var(--mw76-space-6); margin-block-end: var(--mw76-space-12); scroll-margin-block-start: var(--mw76-space-6); }
.mw76-root.mw76-public-content .mw76-public-legal__number { color: var(--mw76-color-action); font-weight: var(--mw76-weight-bold); }
[lang="ar"] .mw76-root.mw76-public-content :where(h1, h2, h3, h4) { line-height: 1.65; }
[lang="ar"] .mw76-root.mw76-public-content :is(.mw76-icon-directional, .mw76-breadcrumb > svg) { transform: scaleX(-1); }
@media (min-width: 992px) {
    .mw76-root.mw76-public-content .mw76-explore-filters { position: static; inline-size: 100%; visibility: visible; transform: none; border: 1px solid var(--mw76-surface-tint); border-radius: var(--mw76-radius-card); z-index: auto; }
    .mw76-root.mw76-public-content .mw76-explore-filters__header > button,
    .mw76-root.mw76-public-content .mw76-explore__mobile-filter-trigger { display: none; }
}
@media (max-width: 1199.98px) {
    .mw76-root.mw76-public-content .mw76-salon-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mw76-root.mw76-public-content .mw76-public-service__facts { grid-column: 2 / -1; text-align: start; }
}
@media (max-width: 991.98px) {
    .mw76-root.mw76-public-content .mw76-home-hero-grid { gap: var(--mw76-space-8); }
    .mw76-root.mw76-public-content .mw76-home-art { min-block-size: 20rem; }
    .mw76-root.mw76-public-content .mw76-home-arch { block-size: 18rem; }
    .mw76-root.mw76-public-content .mw76-explore__layout { grid-template-columns: minmax(0, 1fr); }
    .mw76-root.mw76-public-content .mw76-public-profile__content { grid-template-columns: minmax(0, 1fr); }
    .mw76-root.mw76-public-content .mw76-public-profile__aside { margin-block-end: var(--mw76-space-8); }
    .mw76-root.mw76-public-content .mw76-profile-gallery-preview { block-size: 20rem; }
}
@media (max-width: 767.98px) {
    .mw76-root.mw76-public-content .mw76-public-width { inline-size: calc(100% - 2rem); }
    .mw76-root.mw76-public-content .mw76-home-hero { padding-block-start: var(--mw76-space-6); }
    .mw76-root.mw76-public-content .mw76-home-hero-grid { display: block; }
    .mw76-root.mw76-public-content .mw76-home-art { display: none; }
    .mw76-root.mw76-public-content .mw76-home-copy { padding-block: var(--mw76-space-4); }
    .mw76-root.mw76-public-content .mw76-home-search { margin-block-start: var(--mw76-space-4); padding: var(--mw76-space-4); }
    .mw76-root.mw76-public-content :is(.mw76-search-row, .mw76-explore-search__row) { flex-wrap: wrap; }
    .mw76-root.mw76-public-content .mw76-home-search .mw76-action { inline-size: 100%; }
    .mw76-root.mw76-public-content :is(.mw76-search-field, .mw76-explore-search__field) { flex-basis: 100%; }
    .mw76-root.mw76-public-content :is(.mw76-trust-strip, .mw76-discovery-grid, .mw76-journey, .mw76-audiences) { grid-template-columns: 1fr; }
    .mw76-root.mw76-public-content .mw76-trust-strip { gap: var(--mw76-space-6); }
    .mw76-root.mw76-public-content .mw76-section { padding-block: var(--mw76-space-12); }
    .mw76-root.mw76-public-content :is(.mw76-callout, .mw76-public-profile__booking-cta) { align-items: flex-start; flex-direction: column; padding: var(--mw76-space-6); }
    .mw76-root.mw76-public-content .mw76-explore__header { align-items: flex-start; flex-direction: column; gap: var(--mw76-space-4); }
    .mw76-root.mw76-public-content .mw76-explore__header-note { max-inline-size: none; }
    .mw76-root.mw76-public-content .mw76-explore-search { padding: var(--mw76-space-4); }
    .mw76-root.mw76-public-content .mw76-salon-results { grid-template-columns: 1fr; }
    .mw76-root.mw76-public-content .mw76-explore-results__header { flex-wrap: wrap; }
    .mw76-root.mw76-public-content .mw76-explore-results__sort { text-align: start; }
    .mw76-root.mw76-public-content .mw76-public-profile__identity-main { align-items: flex-start; gap: var(--mw76-space-3); }
    .mw76-root.mw76-public-content .mw76-public-profile__logo { inline-size: 3rem; block-size: 3rem; }
    .mw76-root.mw76-public-content .mw76-public-profile__primary-actions { inline-size: 100%; }
    .mw76-root.mw76-public-content .mw76-public-profile__primary-actions > :is(a, form) { flex: 1; }
    .mw76-root.mw76-public-content .mw76-public-profile__primary-actions form button { inline-size: 100%; block-size: 100%; }
    .mw76-root.mw76-public-content .mw76-profile-gallery-preview { block-size: 15rem; gap: var(--mw76-space-2); }
    .mw76-root.mw76-public-content .mw76-profile-preview-tiles { gap: var(--mw76-space-2); }
    .mw76-root.mw76-public-content .mw76-public-profile__section-nav { gap: var(--mw76-space-2); }
    .mw76-root.mw76-public-content .mw76-public-profile__section-nav a { padding-inline: var(--mw76-space-3); }
    .mw76-root.mw76-public-content .mw76-public-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mw76-root.mw76-public-content .mw76-public-service { padding: var(--mw76-space-4); grid-template-columns: 4rem minmax(0, 1fr); }
    .mw76-root.mw76-public-content .mw76-public-service > :is(img, .mw76-public-service__media) { inline-size: 4rem; block-size: 4rem; min-block-size: 4rem; }
    .mw76-root.mw76-public-content .mw76-public-service__actions { grid-column: 1 / -1; }
    .mw76-root.mw76-public-content .mw76-public-section-heading--row { flex-wrap: wrap; }
    .mw76-root.mw76-public-content .mw76-public-legal__body { grid-template-columns: minmax(0, 1fr); gap: var(--mw76-space-6); }
    .mw76-root.mw76-public-content .mw76-public-legal__header { padding: var(--mw76-space-6); }
}
@media (prefers-reduced-motion: reduce) {
    .mw76-root.mw76-public-content .mw76-explore-filters { transition: none; }
}
@media (forced-colors: active) {
    .mw76-root.mw76-public-content :is(.mw76-button, .mw76-filter-chip, .mw76-discovery-card, .mw76-public-salon-card, .mw76-public-service, .mw76-public-review) { border: 1px solid CanvasText; }
}