/* Private STELLA Staff only. Browser-comment refinements, 10 Nov 2026. */
/* The press ribbon reaches the usable viewport edges. Its logos are decorative. */
.stella-store .stella-press-unified > .press-marquee {
  display: block;
  width: var(--staff-press-full-width, 100%);
  max-width: none;
  margin-left: var(--staff-press-left, 0px);
  margin-right: 0;
  cursor: default;
  pointer-events: none;
}

/* Two photographic worlds share the same editorial picture surface. */
.stella-store .price-switcher-photo.staff-dual-price-ready {
  isolation: isolate;
  background: #141315;
}
.stella-store .price-switcher-photo.staff-dual-price-ready > img {
  opacity: 0;
  pointer-events: none;
}
.stella-store .staff-dual-price-art {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
}
.stella-store .staff-dual-price-panel {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  outline-offset: -6px;
}
.stella-store .staff-dual-price-panel--hair {
  clip-path: polygon(0 0, 56% 0, 44% 100%, 0 100%);
}
.stella-store .staff-dual-price-panel--beauty {
  clip-path: polygon(56% 0, 100% 0, 100% 100%, 44% 100%);
}
.stella-store .price-switcher-photo .staff-dual-price-panel > img {
  position: absolute;
  top: 0;
  width: 59%;
  height: 100%;
  min-height: 0;
  max-width: none;
  object-fit: cover;
  animation: none;
  transform: scale(1.025);
  transition: filter .52s cubic-bezier(.22,.8,.22,1), transform .65s cubic-bezier(.22,.8,.22,1);
}
.stella-store .staff-dual-price-panel--hair > img {
  left: 0;
  object-position: 49% 31%;
}
.stella-store .staff-dual-price-panel--beauty > img {
  right: 0;
  object-position: 50% 37%;
}
.stella-store .staff-dual-price-panel.is-active > img {
  filter: brightness(1.03) saturate(1.04);
}
.stella-store .staff-dual-price-panel:not(.is-active) > img {
  filter: brightness(.74) saturate(.82);
}
.stella-store .staff-dual-price-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0,0,0,.38), transparent 37%);
  pointer-events: none;
}
.stella-store .staff-dual-price-panel-label {
  position: absolute;
  bottom: 17px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 999px;
  background: rgba(10,10,12,.16);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.15;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: 0 1px 6px rgba(0,0,0,.4);
}
.stella-store .staff-dual-price-panel--hair .staff-dual-price-panel-label { left: 16px; }
.stella-store .staff-dual-price-panel--beauty .staff-dual-price-panel-label { right: 16px; }
.stella-store .staff-dual-price-seam {
  position: absolute;
  z-index: 3;
  top: -6%;
  bottom: -6%;
  left: 50%;
  width: 2px;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.92) 17%, rgba(255,255,255,.82) 81%, transparent);
  box-shadow: 0 0 14px rgba(255,255,255,.3), 0 0 3px rgba(255,255,255,.55);
  transform: translateX(-50%) rotate(10deg);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .stella-store .staff-dual-price-panel:hover > img,
  .stella-store .staff-dual-price-panel:focus-visible > img {
    filter: brightness(1.07) saturate(1.07);
    transform: scale(1.055);
  }
  .stella-store .price-switcher-link:hover {
    transform: translateX(4px);
    box-shadow: 0 13px 28px rgba(12,12,16,.13);
  }
}
.stella-store .staff-dual-price-panel:focus-visible {
  outline: 3px solid #fff;
}
.stella-store .price-switcher-options .price-switcher-link:not(.price-switcher-link-active) > svg {
  animation: staff-price-arrow-hint 3.6s ease-in-out infinite;
}
@keyframes staff-price-arrow-hint {
  0%, 64%, 100% { transform: translateX(0); }
  72% { transform: translateX(4px); }
  80% { transform: translateX(0); }
  88% { transform: translateX(3px); }
}
.stella-store .price-switcher-options .price-switcher-link {
  transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

/* The price remains scannable; each description opens independently. */
.stella-store .business-price-item.staff-description-ready {
  grid-template-columns: minmax(0, 1fr) auto 29px;
  column-gap: 10px;
  align-items: center;
}
.stella-store .business-price-item.staff-description-ready > strong {
  margin-top: 0;
}
.stella-store .business-price-item.staff-description-ready .business-price-service-description {
  display: block;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height .3s ease, opacity .24s ease, margin .3s ease, visibility .3s;
}
.stella-store .business-price-item.staff-description-open .business-price-service-description {
  max-height: 20rem;
  margin-top: 8px;
  opacity: 1;
  visibility: visible;
}
.stella-store .staff-price-description-toggle {
  width: 29px;
  height: 29px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(30,29,32,.32);
  border-radius: 50%;
  background: rgba(255,255,255,.63);
  color: #1e1c1e;
  cursor: pointer;
  line-height: 1;
  font-size: 21px;
  font-weight: 300;
  transition: background .2s ease, border-color .2s ease, transform .24s ease, color .2s ease;
}
.stella-store .staff-price-description-toggle > span {
  display: block;
  width: 9px;
  height: 9px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .24s ease;
}
.stella-store .staff-price-description-toggle:hover,
.stella-store .staff-price-description-toggle:focus-visible {
  background: #171619;
  border-color: #171619;
  color: #fff;
}
.stella-store .staff-price-description-toggle:focus-visible {
  outline: 2px solid #a37c6b;
  outline-offset: 3px;
}
.stella-store .staff-price-description-toggle[aria-expanded='true'] {
  background: #242024;
  border-color: #242024;
  color: #fff;
}
.stella-store .staff-price-description-toggle[aria-expanded='true'] > span {
  transform: translateY(2px) rotate(225deg);
}
/* Staff listini reuse the real contact cards for the active salon only. */
.stella-store .price-page .staff-price-contact-footer .business-location-grid-horizontal {
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  border:0;background:transparent;
}
.stella-store .price-page .staff-price-contact-footer .business-location-grid-horizontal > .business-location-card {
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(18px,3vw,34px);align-items:stretch;
  padding:clamp(18px,2.5vw,30px);min-width:0;overflow:hidden;
  border:1px solid #e7e7e7;border-radius:20px;
  background:#fff;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media {
  display:flex;flex-direction:column;gap:14px;min-width:0;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media .business-location-photo {
  width:100%;height:clamp(230px,25vw,320px);margin:0;max-width:none;flex:none;
  object-fit:cover;object-position:center;border-radius:14px;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media .business-map-preview {
  height:155px;margin:0;flex:none;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details {
  display:flex;flex-direction:column;min-width:0;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .eyebrow {
  font-size:11px;letter-spacing:.1em;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > h2 {
  margin:7px 0 14px;font-size:clamp(20px,1.9vw,26px);line-height:1.25;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > p:not(.eyebrow) {
  margin:8px 0;line-height:1.55;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .business-location-address {
  display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:14px;
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .business-location-address svg {
  flex:none;color:var(--rose);
}
.stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details .business-actions {
  margin-top:auto;
}
/* Shared contact-card presentation, scoped here so the price page is not mistaken for the contact route. */
.stella-store .price-page .staff-price-contact-footer .business-map-preview {
  overflow:hidden;border:1px solid #e2e2e4;border-radius:12px;background:#e9eaeb;
}
.stella-store .price-page .staff-price-contact-footer .business-map-preview iframe {
  display:block;width:100%;height:100%;border:0;
}
.stella-store .price-page .staff-price-contact-footer .business-map-consent {
  position:relative;display:grid;place-items:center;width:100%;height:100%;
  overflow:hidden;border:0;background:#e8e9e9;color:#17171a;cursor:pointer;
}
.stella-store .price-page .staff-price-contact-footer .business-map-streets {
  position:absolute;inset:-20%;
  background:linear-gradient(22deg,transparent 46%,#fff 46% 49%,#b9c1c4 49.5% 50%,#fff 50.5% 53%,transparent 53%),
    linear-gradient(115deg,transparent 32%,#fff 32% 34%,#c7cdcf 34.5% 35%,#fff 35.5% 38%,transparent 38%),
    repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.7) 43px 49px,transparent 50px 78px),
    repeating-linear-gradient(90deg,#dfe6e3 0 68px,#e7e9de 68px 137px);
  opacity:.85;transform:rotate(-8deg);
}
.stella-store .price-page .staff-price-contact-footer .business-map-label {
  position:relative;z-index:1;display:grid;justify-items:center;gap:4px;
  min-width:185px;padding:12px 18px;border:1px solid rgba(255,255,255,.9);
  border-radius:12px;background:rgba(255,255,255,.84);
  box-shadow:0 7px 28px rgba(0,0,0,.09);backdrop-filter:blur(8px);
}
.stella-store .price-page .staff-price-contact-footer .business-map-label > svg {color:#29292c;}
.stella-store .price-page .staff-price-contact-footer .business-map-label strong {font-size:14px;}
.stella-store .price-page .staff-price-contact-footer .business-map-label small {color:#55565d;font-size:11px;}
.stella-store .price-page .staff-price-contact-footer .business-hours {
  display:grid;gap:7px;margin:7px 0 13px;padding:15px 16px;border-radius:10px;background:#f6f6f7;
}
.stella-store .price-page .staff-price-contact-footer .business-hours-heading {
  display:flex;align-items:center;gap:9px;margin:0 0 4px;
  color:#1c1c1f;font-size:12px;font-weight:750;letter-spacing:.075em;
}
.stella-store .price-page .staff-price-contact-footer .business-hours-heading svg {color:#444449;}
.stella-store .price-page .staff-price-contact-footer .business-hours-row {
  padding-left:25px;color:#353539;font-size:13px;line-height:1.48;
}
.stella-store .price-page .staff-price-contact-footer .business-hours-closed {color:#77777c;}
.stella-store .price-page .staff-price-contact-footer .business-actions-buttons {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:14px;
}
.stella-store .price-page .staff-price-contact-footer .business-actions-buttons > button {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:0;min-height:46px;padding:9px 10px;border:1px solid #1b1b1e;
  border-radius:8px;background:#171719;color:#fff;font-family:inherit;
  font-size:clamp(10px,.88vw,12px);font-weight:700;letter-spacing:.035em;
  cursor:pointer;transition:transform .2s ease,background .2s ease;
}
.stella-store .price-page .staff-price-contact-footer .business-actions-buttons > button:hover {background:#333338;transform:translateY(-2px);}
.stella-store .price-page .staff-price-contact-footer .business-actions-buttons > button:focus-visible {outline:3px solid #5a5a61;outline-offset:3px;}
@media(max-width:480px) {
  .stella-store .price-page .staff-price-contact-footer .business-actions-buttons {grid-template-columns:repeat(2,minmax(0,1fr));}
  .stella-store .price-page .staff-price-contact-footer .business-actions-buttons > button:last-child {grid-column:1/-1;font-size:12px;}
}
@media(max-width:860px) {
  .stella-store .price-page .staff-price-contact-footer .business-location-grid-horizontal > .business-location-card {
    display:flex;flex-direction:column;gap:0;
  }
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media,
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details {display:contents;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media .business-location-photo {
    order:1;height:clamp(190px,42vw,290px);margin-bottom:18px;
  }
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .eyebrow {order:2;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > h2 {order:3;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .business-location-address {order:4;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-media .business-map-preview {order:5;margin:14px 0 17px;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .business-hours {order:6;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > p:not(.eyebrow):not(.business-location-address) {order:7;}
  .stella-store .price-page .staff-price-contact-footer .business-location-horizontal-details > .business-actions-buttons {order:8;margin-top:8px;}
}
@media(max-width:480px) {
  .stella-store .price-page .staff-price-contact-footer .business-location-grid-horizontal > .business-location-card {padding:18px;}
}
/* Staff-only salon selector: softened panel with directly callable contacts. */
.stella-store .price-page .price-salon-footer.staff-rounded-salon-footer {
  border-radius: clamp(22px, 3.4vw, 38px);
  overflow: hidden;
  box-shadow: 0 25px 64px rgba(39,31,26,.12), 0 8px 24px rgba(39,31,26,.045);
}
.stella-store .price-page .staff-rounded-salon-footer .price-location-card {
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 19px 42px rgba(43,35,30,.13), 0 4px 12px rgba(43,35,30,.06);
}
.stella-store .price-page .staff-price-salon-phone {
  display: flex;
  align-items: center;
  margin: 11px 0 4px;
  font-size: 14px;
  font-weight: 650;
}
.stella-store .price-page .staff-price-salon-phone > a {
  color: #252126;
  text-decoration: underline;
  text-decoration-color: rgba(37,33,38,.27);
  text-underline-offset: 4px;
}
.stella-store .price-page .staff-price-salon-phone > a:hover {
  text-decoration-color: currentColor;
}
@media (max-width: 820px) {
  .stella-store .price-switcher-photo.staff-dual-price-ready {
    min-height: 240px;
    height: clamp(240px, 52vw, 330px);
  }
  .stella-store .staff-dual-price-panel-label {
    bottom: 12px;
    padding: 6px 8px;
    font-size: 9px;
    letter-spacing: .07em;
  }
  .stella-store .staff-dual-price-panel--hair .staff-dual-price-panel-label { left: 9px; }
  .stella-store .staff-dual-price-panel--beauty .staff-dual-price-panel-label { right: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .stella-store .staff-dual-price-panel > img,
  .stella-store .price-switcher-options .price-switcher-link,
  .stella-store .price-switcher-options .price-switcher-link > svg,
  .stella-store .business-price-item.staff-description-ready .business-price-service-description,
  .stella-store .staff-price-description-toggle,
  .stella-store .staff-price-description-toggle > span {
    animation: none !important;
    transition: none !important;
  }
}

/* 10 Nov: image-only choice. The two photos are the two buttons; no duplicate right panel. */
.stella-store .price-page .price-switcher.staff-photo-only-switcher {
  grid-template-columns: minmax(0, 1fr);
  height: clamp(315px, 34vw, 460px);
}
.stella-store .price-page .price-switcher.staff-photo-only-switcher > .price-switcher-content {
  display: none;
}
.stella-store .price-page .price-switcher.staff-photo-only-switcher > .price-switcher-photo {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.stella-store .staff-photo-only-switcher .staff-dual-price-panel-label::after {
  content: '↗';
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 400;
  transition: transform .25s ease;
}
@media (hover: hover) and (pointer: fine) {
  .stella-store .staff-photo-only-switcher .staff-dual-price-panel:hover .staff-dual-price-panel-label::after {
    transform: translate(2px,-2px);
  }
}
@media (max-width: 820px) {
  .stella-store .price-page .price-switcher.staff-photo-only-switcher {
    height: clamp(250px, 62vw, 360px);
  }
  .stella-store .price-page .price-switcher.staff-photo-only-switcher > .price-switcher-photo {
    height: 100%;
    min-height: 0;
  }
}

/* Geometry-accurate seam and a right-shifted beauty subject. */
.stella-store .staff-dual-price-seam {
  transform: translateX(-50%) rotate(var(--staff-price-seam-angle, 10deg));
}
.stella-store .price-switcher-photo .staff-dual-price-panel--beauty > img {
  width: 76%;
  /* The left edge stays at 43% of the panel, past the lower 44% diagonal. */
  right: -19%;
  object-position: center top;
}
@media (max-width: 820px) {
  .stella-store .price-switcher-photo .staff-dual-price-panel--beauty > img {
    width: 73%;
    right: -12%;
    object-position: 0% top;
  }
}

/* Expanded detail occupies only a second line; name, price and arrow stay fixed. */
.stella-store .price-page .business-price-grid-hair { align-items: start; }
.stella-store .price-page .business-price-grid-hair > .business-price-card { align-self: start; height: auto; }
.stella-store .price-page .business-price-item.staff-description-ready {
  grid-template-rows: auto auto;
  row-gap: 0;
  align-items: center;
}
.stella-store .price-page .business-price-item.staff-description-ready .business-price-service-copy { display: contents; }
.stella-store .price-page .business-price-item.staff-description-ready .business-price-service-name {
  grid-column: 1;
  grid-row: 1;
}
.stella-store .price-page .business-price-item.staff-description-ready > strong {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
}
.stella-store .price-page .business-price-item.staff-description-ready > .staff-price-description-toggle {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
}
.stella-store .price-page .business-price-item.staff-description-ready .business-price-service-description {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-right: 14px;
}

/* Three monochrome technical pictograms, only the hair-service category headings. */
.stella-store .price-page .business-price-grid-hair .business-price-category-icon:has(.staff-vector-category-glyph) {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.stella-store .price-page .business-price-grid-hair .stella-price-pictogram.staff-vector-category-glyph {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Owner deferred category pictograms. Keep only the three category labels in Staff. */
.stella-store .price-page .business-price-grid-hair .business-price-card-heading .business-price-category-icon {
  display: none;
}

/* Staff price-list category photography: each labeled banner belongs to its own service card. */
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading {
  display:flex; align-items:flex-end; position:relative; isolation:isolate;
  min-height:clamp(108px,11vw,144px); margin-bottom:19px; padding:17px 19px;
  border:0; border-radius:16px; overflow:hidden;
  background-image:linear-gradient(90deg,rgba(13,12,13,.68),rgba(13,12,13,.12) 84%),var(--staff-category-image);
  background-position:center; background-size:cover; background-repeat:no-repeat;
  box-shadow:0 10px 25px rgba(30,23,19,.12);
}
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading > .business-price-category-icon { display:none; }
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading > .eyebrow {
  margin:0; color:#fff; font-size:clamp(17px,1.65vw,22px);
  line-height:1.15; font-weight:750; letter-spacing:.13em;
  text-shadow:0 2px 10px rgba(0,0,0,.5);
}
@media(max-width:767px) {
  .stella-store .price-page .business-price-card-heading.staff-photo-category-heading {
    min-height:118px; padding:15px 17px; border-radius:13px;
  }
}

/* Staff shared content rails: align business-page content with breadcrumb on both sides. */
.stella-store main#contenuto > .business-page:not(.about-page) {
  padding-inline: 0;
}

/* 2026-11-10 Staff-only: three location choices, site-wide listino menu. */
.stella-store .staff-price-dropdown .staff-price-caret { display:inline-block; flex:none; width:7px; height:7px; margin:0 0 3px 7px; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; transform:rotate(45deg); transition:transform .2s ease; }
.stella-store .staff-price-dropdown[open] .staff-price-caret { transform:translateY(3px) rotate(225deg); }
.stella-store .staff-price-dropdown .nav-dropdown-menu { border-radius:12px; background:rgba(18,18,20,.96); border-color:rgba(255,255,255,.18); backdrop-filter:blur(18px); box-shadow:0 17px 35px rgba(0,0,0,.24); }
.stella-store .staff-price-choice-links { display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:space-between; padding-block:18px 9px; }
.stella-store .staff-price-choice-links > a { color:#454248; text-decoration:none; font-size:clamp(12px,1.05vw,15px); font-weight:650; letter-spacing:.012em; border-bottom:1px solid rgba(0,0,0,.15); padding-bottom:5px; transition:color .2s ease,border-color .2s ease; }
.stella-store .staff-price-choice-links > a:hover, .stella-store .staff-price-choice-links > a[aria-current='page'] { color:#17171b; border-color:#17171b; }
.stella-store .stella-press-unified .press-marquee-track { will-change:transform; }
.stella-store .stella-press-unified .press-marquee-group { width:max-content; }
@media(max-width:767px){ .stella-store .staff-price-choice-links{display:grid;gap:9px;padding-inline:3px;} .stella-store .staff-price-choice-links>a{width:max-content;max-width:100%;} }

/* STELLA Staff 2026-11-10 — animated triple editorial selector, diagonal masked panels. */
.stella-store .price-page .price-switcher.staff-photo-only-switcher { border-radius:32px; overflow:hidden; }
@media(max-width:767px) { .stella-store .price-page .price-switcher.staff-photo-only-switcher { border-radius:20px; } }
.stella-store .price-switcher-photo.staff-three-price-ready {
  isolation:isolate; position:relative; background:#17171a;
}
.stella-store .price-switcher-photo.staff-three-price-ready > img {
  opacity:0; pointer-events:none;
}
.stella-store .staff-three-price-art {
  display:flex; position:absolute; inset:0; z-index:5; overflow:hidden; isolation:isolate;
  background:#151518;
}
.stella-store .staff-three-price-panel {
  flex:1 1 0; min-width:0; margin:0;
  display:block; position:relative; overflow:hidden;
  cursor:pointer; outline-offset:-4px; color:#fff;
  transition:flex-grow .65s cubic-bezier(.22,.75,.18,1);
  will-change:flex-grow;
}
.stella-store .staff-three-price-panel:not(:first-child) {
  margin-left:-46px;
  clip-path:polygon(46px 0,100% 0,100% 100%,0 100%);
}
.stella-store .staff-three-price-panel.is-active { flex-grow:3.25; }
.stella-store .staff-three-price-panel > img {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  min-height:0; max-width:none; object-fit:cover; object-position:50% 32%;
  transform:scale(1.02); animation:none;
  filter:grayscale(.98) brightness(.65) contrast(.95);
  transition:filter .6s ease,transform .85s ease;
}
.stella-store .staff-three-price-panel--castiglioncello-beauty > img { object-position:50% 27%; }
.stella-store .staff-three-price-panel.is-active > img {
  filter:grayscale(0) brightness(1.02) contrast(1.01);
  transform:scale(1.008);
}
.stella-store .staff-three-price-panel::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.59) 0%,transparent 37%);
}
.stella-store .staff-three-price-panel:not(:first-child)::before {
  content:''; position:absolute; z-index:3; pointer-events:none;
  top:0; bottom:0; left:0; width:48px;
  background:rgba(255,255,255,.92);
  clip-path:polygon(46px 0,48px 0,2px 100%,0 100%);
  box-shadow:0 0 8px rgba(255,255,255,.25);
}
.stella-store .staff-three-price-label {
  position:absolute; z-index:4; bottom:19px; left:clamp(12px,2.4vw,40px);
  max-width:calc(100% - 32px); padding:9px 13px;
  color:#fff; background:rgba(13,13,15,.27); border:1px solid rgba(255,255,255,.54);
  backdrop-filter:blur(13px); border-radius:999px;
  font-weight:750; letter-spacing:.095em; font-size:clamp(10px,.92vw,14px);
  line-height:1.15; text-transform:uppercase; text-shadow:0 1px 7px rgba(0,0,0,.45);
  white-space:normal;
}
.stella-store .staff-three-price-label > .staff-three-price-short-label { display:none; }
.stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label { left:clamp(8px,1.1vw,15px); padding:7px 9px; font-size:10px; }
.stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label { font-size:0; }
.stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-short-label { display:inline; font-size:clamp(9px,.85vw,12px); }
@media(hover:hover) and (pointer:fine) {
  .stella-store .staff-three-price-panel:hover > img { filter:grayscale(.25) brightness(.94); transform:scale(1.035); }
  .stella-store .staff-three-price-panel.is-active:hover > img { filter:brightness(1.07); }
}
.stella-store .staff-three-price-panel:focus-visible { outline:3px solid #fff; outline-offset:-4px; }
@media(max-width:767px) {
  .stella-store .staff-three-price-panel:not(:first-child) { margin-left:-18px; clip-path:polygon(18px 0,100% 0,100% 100%,0 100%); }
  .stella-store .staff-three-price-panel:not(:first-child)::before { width:20px; clip-path:polygon(18px 0,20px 0,2px 100%,0 100%); }
  .stella-store .staff-three-price-label { left:8px; bottom:12px; padding:6px 8px; font-size:10px; }
  .stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label { padding:5px; left:5px; font-size:0; }
  .stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-short-label {
    writing-mode:vertical-rl; transform:rotate(180deg); font-size:9px; letter-spacing:.04em;
  }
}
@media(prefers-reduced-motion:reduce) {
  .stella-store .staff-three-price-panel, .stella-store .staff-three-price-panel > img { transition:none; }
}

/* Staff-only editorial tone: press logos gently gray, no harsh solid black. */
.stella-store .stella-press-unified .press-marquee .press-links img {
  filter: grayscale(1) contrast(.83) brightness(1.07);
  opacity: .73;
  mix-blend-mode: multiply;
}

/* Staff: show only the currently selected route below the gallery. */
.stella-store .staff-price-choice-links { justify-content:center; text-align:center; }
.stella-store .staff-price-choice-links > a:not([aria-current="page"]) { display:none; }
.stella-store .staff-three-price-label { display:inline-flex; align-items:center; gap:.5em; }
.stella-store .staff-three-price-label > span { display:block; }
.stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  font-size:clamp(9px,.7vw,12px); letter-spacing:.055em;
  text-align:center; max-width:calc(100% - 16px); padding:8px 7px;
}
@media(max-width:767px) {
  .stella-store .staff-price-choice-links { justify-content:center; justify-items:center; text-align:center; }
  .stella-store .staff-three-price-label { display:flex; flex-direction:column; align-items:center; gap:2px; }
  .stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    left:3px; right:3px; bottom:10px; width:auto; max-width:none; padding:5px 2px;
    font-size:clamp(6.3px,1.8vw,8px); letter-spacing:-.02em; line-height:1.2;
    white-space:nowrap; text-align:center; border-radius:9px; background:rgba(12,12,16,.4);
  }
  .stella-store .staff-three-price-panel:not(.is-active) .staff-three-price-label > span { writing-mode:horizontal-tb; transform:none; }
}
/* Staff listini navigate normally: no cross-document snapshot of a pre-enhancement layout. */

/* Salon contact and booking cards are followed by press logos: no stray divider underneath. */
.stella-store .business-page .press-section.stella-press-unified {
  border-bottom: 0;
}

/* Staff: even gray wordmarks, softened to pick up the page background. */
.stella-store .stella-press-unified .press-marquee .press-links img {
  filter:brightness(0) invert(.43);
  opacity:.70;
  mix-blend-mode:normal;
}

/* Staff mobile: a compact right-anchored navigation drawer, not a full-width strip. */
@media(max-width:767px) {
  .stella-store .store-header .mobile-nav:not([hidden]) {
    position:absolute!important; top:100%; left:auto!important; right:0!important;
    display:grid; width:min(350px,calc(100vw - 26px))!important; max-width:none;
    max-height:calc(100dvh - 68px); overflow-y:auto; overflow-x:hidden;
    padding:10px 20px 18px; border:1px solid rgba(255,255,255,.16);
    border-top:0; border-radius:0 0 0 20px;
    background:#0c0c10; backdrop-filter:none;
    box-shadow:-16px 22px 38px rgba(0,0,0,.25);
    z-index:80; justify-items:end; text-align:right;
  }
  .stella-store .mobile-nav > a, .stella-store .mobile-nav .nav-dropdown {
    width:100%; text-align:right;
  }
  .stella-store .mobile-nav .nav-dropdown > summary {
    width:100%; justify-content:flex-end; text-align:right;
  }
  .stella-store .mobile-nav .nav-dropdown-menu a {
    justify-content:flex-end; text-align:right; border-left:0;
    border-right:1px solid rgba(255,255,255,.2);
  }
}

/* Align every mobile drawer entry on the right; inline-flex links need justification. */
@media(max-width:767px) {
  .stella-store .store-header .mobile-nav:not([hidden]) > a {
    display:flex!important; width:100%!important; margin-inline:0!important;
    justify-content:flex-end!important; justify-self:stretch; text-align:right!important;
  }
  .stella-store .store-header .mobile-nav:not([hidden]) > .nav-dropdown {
    width:100%!important; margin-inline:0!important; justify-self:stretch;
  }
  .stella-store .store-header .mobile-nav:not([hidden]) > .nav-dropdown > summary {
    display:flex!important; width:100%!important; justify-content:flex-end!important;
  }
}

/* Staff listini: an actual three-route text selector below the heading; photographs are static. */
.stella-store .price-page .staff-price-route-selector {
  display:flex; align-items:stretch; gap:5px; width:100%; min-height:75px;
  margin:17px 0 22px; padding:6px; border-radius:24px;
  background:#e9e6e4; box-shadow:inset 0 0 0 1px rgba(32,27,26,.08);
}
.stella-store .price-page .staff-price-route-option {
  flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center;
  padding:14px 17px; border-radius:19px; text-align:center;
  text-decoration:none; font-size:clamp(12px,1.13vw,16px);
  font-weight:770; line-height:1.22; letter-spacing:.045em; text-transform:uppercase;
  color:#514949; background:transparent; overflow:hidden;
  transition:background .45s ease,color .45s ease,box-shadow .45s ease;
}
.stella-store .price-page .staff-price-route-option.is-active {
  flex-grow:1; color:#fff; background:#352823;
  box-shadow:0 7px 17px rgba(28,19,16,.2);
}
.stella-store .price-page .staff-price-route-option:not(.is-active):hover { background:rgba(255,255,255,.66); color:#231c1b; }
.stella-store .price-page .staff-price-route-option:focus-visible { outline:3px solid #a96e59; outline-offset:-3px; }
.stella-store .price-page .price-switcher.staff-static-price-switcher {
  padding:0!important; border:0; border-radius:32px; overflow:hidden;
  background:#171619; box-shadow:0 18px 44px rgba(0,0,0,.12);
}
.stella-store .price-page .price-switcher.staff-static-price-switcher .price-switcher-photo {
  position:relative; width:100%; height:100%; margin:0; padding:0; border:0;
  overflow:hidden; border-radius:inherit; pointer-events:none;
}
.stella-store .price-page .price-switcher.staff-static-price-switcher .price-switcher-photo > img {
  display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none;
  opacity:1; object-fit:cover; object-position:center 33%;
  transform:none; transition:none; animation:none; filter:none; pointer-events:none;
}
.stella-store .price-page:has(.staff-price-route-selector) .staff-price-choice-links {display:none!important;}
@media(max-width:767px) {
  .stella-store .price-page .staff-price-route-selector {
    flex-direction:column; gap:4px; min-height:0; margin:15px 0 18px;
    padding:5px; border-radius:20px;
  }
  .stella-store .price-page .staff-price-route-option {
    flex:0 0 auto; min-height:48px; padding:10px 12px; border-radius:15px;
    font-size:12px; letter-spacing:.025em;
    transition:background .45s ease,color .45s ease;
  }
  .stella-store .price-page .staff-price-route-option.is-active {min-height:48px;}
  .stella-store .price-page .price-switcher.staff-static-price-switcher {border-radius:20px;}
}
@media(prefers-reduced-motion:reduce) {
  .stella-store .price-page .staff-price-route-option { transition:none; }
}

/* Identical compact chevron to SCOPRI STELLA; replace the heavier CSS-drawn angle. */
.stella-store .staff-price-dropdown svg.staff-price-caret {
  width:13px; height:13px; flex:none; margin:0;
  border:0; transform:none; transition:transform .2s ease;
}
.stella-store .staff-price-dropdown[open] svg.staff-price-caret {transform:rotate(180deg);}

/* Prevent the original split hero from flashing before the Staff route enhancement loads. */
.stella-store .price-page .price-switcher:not(.staff-static-price-loaded) {
  visibility:hidden; opacity:0; pointer-events:none;
}
.stella-store .price-page .price-switcher.staff-static-price-loaded {visibility:visible; opacity:1;}

/* Staff listini design token: white service cards establish the 16px corner standard. */
.stella-store .price-page {--staff-price-radius:16px;}
.stella-store .price-page .staff-price-route-selector,
.stella-store .price-page .staff-price-route-option,
.stella-store .price-page .price-switcher.staff-static-price-switcher,
.stella-store .price-page .business-price-card,
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading,
.stella-store .price-page .price-salon-footer,
.stella-store .price-page .price-location-card,
.stella-store .price-page .price-guarantee,
.stella-store .price-page .price-guarantee-banner {
  border-radius:var(--staff-price-radius)!important;
}
/* Same near-black used by the booking CTA, removing the brown menu accent. */
.stella-store .price-page .staff-price-route-selector {background:#f1f1f1;}
.stella-store .price-page .staff-price-route-option {color:#252525;}
.stella-store .price-page .staff-price-route-option.is-active {background:#171717;color:#fff;box-shadow:0 7px 17px rgba(0,0,0,.17);}
.stella-store .price-page .staff-price-route-option:not(.is-active):hover {background:#e5e5e5;color:#171717;}
/* The large route hero is retired; photographic service labels below are square. */
.stella-store .price-page .price-switcher {display:none!important;}
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading {
  width:100%;height:auto!important;min-height:0!important;aspect-ratio:5/2;
  padding:20px;align-items:flex-end;border-radius:var(--staff-price-radius)!important;
  background-size:cover,cover;
}
/* Staff Color: modest crop brings the blonde face into the center of the landscape banner. */
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading[data-category-image="color"] {
  background-size:cover,110% auto;
  background-position:center,25% 26%;
}
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading[data-category-image="stylist"] {
  background-position:center,50% 12%;
}
.stella-store .price-page .business-price-card-heading.staff-photo-category-heading[data-category-image="haircare"] {
  background-position:center,50% 50%;
}
@media(max-width:767px) {
  .stella-store .price-page .business-price-card-heading.staff-photo-category-heading {
    height:auto!important;min-height:0!important;padding:17px;aspect-ratio:2.1/1;
  }
}


/* Staff 2026-11-10: Apple-inspired navigation, with no underline on the top bar. */
@media (min-width:768px) {
  .stella-store .store-header.staff-apple-desktop-open {
    background:rgba(13,13,16,.95)!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    border-bottom-color:transparent!important;
  }
  .stella-store .desktop-nav > a::after,
  .stella-store .desktop-nav .nav-dropdown > summary::after {
    display:none!important;content:none!important;
  }
  .stella-store .desktop-nav > a,
  .stella-store .desktop-nav .nav-dropdown > summary {
    border:0!important;box-shadow:none!important;text-decoration:none!important;
  }
  .stella-store .desktop-nav > a:hover,
  .stella-store .desktop-nav > a[aria-current="page"],
  .stella-store .desktop-nav .nav-dropdown > summary:hover,
  .stella-store .desktop-nav .nav-dropdown > summary.is-active,
  .stella-store .desktop-nav .nav-dropdown[open] > summary {
    color:#f3b49c!important;
  }
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown > .nav-dropdown-menu {
    display:none!important;position:fixed!important;
    top:calc(var(--staff-apple-panel-top,91px) - 1px)!important;left:0!important;right:0!important;
    width:var(--staff-apple-panel-width,100%)!important;max-width:none!important;min-width:0!important;
    margin:0!important;border:0!important;border-radius:0!important;
    max-height:calc(100dvh - var(--staff-apple-panel-top,91px));overflow:auto;
    z-index:1080!important;white-space:normal;
  }
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown[open] > .nav-dropdown-menu {
    display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;
    min-height:0!important;padding:18px 28px 23px var(--staff-apple-panel-align,40px)!important;
    background:rgba(13,13,16,.95)!important;color:#f5f5f7!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    box-shadow:0 18px 34px rgba(0,0,0,.13)!important;
    animation:staff-apple-desktop-panel-in .18s ease-out both;
  }
  .stella-store .desktop-nav .staff-apple-desktop-dropdown .nav-dropdown-menu > .staff-apple-menu-caption {
    margin:0 0 5px!important;padding:0!important;
    color:#a7a7ae!important;font-size:10px!important;font-weight:550!important;
    letter-spacing:.04em!important;
  }
  .stella-store .desktop-nav .staff-apple-desktop-dropdown .nav-dropdown-menu > a {
    display:block!important;min-height:0!important;width:auto!important;
    padding:4px 0!important;margin:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    color:#f5f5f7!important;font-size:13px!important;
    font-weight:700!important;line-height:1.35!important;letter-spacing:.01em!important;
    text-transform:uppercase!important;text-decoration:none!important;
  }
  .stella-store .desktop-nav .staff-apple-desktop-dropdown .nav-dropdown-menu > a:hover,
  .stella-store .desktop-nav .staff-apple-desktop-dropdown .nav-dropdown-menu > a[aria-current="page"] {
    color:#f3b49c!important;
  }
}
@keyframes staff-apple-desktop-panel-in {
  from {opacity:.75;clip-path:inset(0 0 100% 0)}
  to {opacity:1;clip-path:inset(0 0 0 0)}
}
@keyframes staff-apple-desktop-panel-out {
  from {opacity:1;clip-path:inset(0 0 0 0)}
  to {opacity:0;clip-path:inset(0 0 100% 0)}
}
@media(min-width:768px) {
  .stella-store .store-header.staff-apple-panel-closing .desktop-nav .staff-apple-desktop-dropdown[open] > .nav-dropdown-menu {
    animation:staff-apple-desktop-panel-out .18s cubic-bezier(.4,0,.8,1) both!important;
    pointer-events:none!important;
  }
}

/* Mobile keeps a solid header while scrolling: no pale glass seam. */
@media (max-width:767px) {
  html.staff-apple-mobile-locked {overflow:hidden!important;overscroll-behavior:none;}
  .stella-store .store-header,
  .stella-store .store-header.is-scrolled,
  .stella-store:has(.booking-page-heading,.about-page,.press-page,.careers-page,.contact-page,.method-page) .store-header {
    background:rgba(8,8,11,.84)!important;
    border-top:0!important;border-bottom:0!important;box-shadow:none!important;
    -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
    backdrop-filter:blur(22px) saturate(140%)!important;
  }
  .stella-store .store-header::after,.stella-store .store-header::before {
    display:none!important;
  }
  .stella-store .store-header .mobile-menu-toggle {
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;outline-offset:3px!important;
  }
  .stella-store .store-header:has(.staff-apple-mobile-nav:not([hidden])) {
    z-index:1100!important;isolation:auto!important;
  }
  .stella-store .store-header.staff-apple-mobile-open .wordmark {opacity:0!important;pointer-events:none;}
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    position:fixed!important;inset:0!important;
    left:0!important;right:0!important;top:0!important;bottom:0!important;
    width:100vw!important;max-width:100vw!important;min-width:0!important;
    height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;
    box-sizing:border-box!important;
    padding:77px 27px calc(28px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;gap:0!important;
    border:0!important;border-radius:0!important;
    background:rgba(10,10,13,.91)!important;color:#f5f5f7!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important;
    box-shadow:none!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    scrollbar-width:none!important;scrollbar-gutter:auto!important;
    overscroll-behavior:contain!important;text-align:right!important;
    z-index:1101!important;
  }
  .stella-store .store-header.staff-apple-mobile-open .header-actions {
    position:relative!important;z-index:1103!important;
  }
  .stella-store .store-header.staff-apple-mobile-open .mobile-menu-toggle {
    position:fixed!important;top:18px!important;right:21px!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:8px!important;border:0!important;border-radius:8px!important;
    display:grid!important;place-items:center!important;
    background:transparent!important;color:#f5f5f7!important;
    z-index:1104!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > a,
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary {
    display:flex!important;align-items:center!important;width:100%!important;
    min-height:51px!important;padding:6px 0!important;margin:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;color:#f5f5f7!important;
    font-size:clamp(18px,5.3vw,23px)!important;font-weight:620!important;
    letter-spacing:-.025em!important;line-height:1.2!important;text-transform:none!important;
    text-decoration:none!important;text-align:right!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > a {
    justify-content:flex-end!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown {
    display:block!important;width:100%!important;margin:0!important;
    padding:0!important;border:0!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary {
    flex-direction:row-reverse!important;justify-content:space-between!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary svg {
    width:20px!important;height:20px!important;margin:0!important;flex:none!important;
    transform:rotate(90deg)!important;color:#b9b9be!important;
  }
  .stella-store .mobile-nav.staff-apple-mobile-nav > a:hover,
  .stella-store .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary:hover {
    color:#f3b49c!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview > a,
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview > details:not(.staff-apple-mobile-active-detail),
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview > details.staff-apple-mobile-active-detail > summary {
    display:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview > details.staff-apple-mobile-active-detail > .nav-dropdown-menu {
    display:flex!important;position:static!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    padding:0!important;margin:0!important;gap:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .nav-dropdown-menu > .staff-apple-menu-caption {display:none!important;}
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .nav-dropdown-menu > a {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:100%!important;min-height:51px!important;margin:0!important;
    padding:7px 0!important;border:0!important;border-radius:0!important;
    background:transparent!important;color:#f5f5f7!important;text-align:right!important;
    font-size:clamp(18px,5.3vw,23px)!important;font-weight:620!important;
    letter-spacing:-.025em!important;line-height:1.25!important;
    text-transform:uppercase!important;text-decoration:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .nav-dropdown-menu > a:hover,
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .nav-dropdown-menu > a[aria-current="page"] {
    color:#f3b49c!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-back {
    display:none!important;position:fixed!important;top:18px!important;right:75px!important;left:auto!important;
    width:35px!important;height:44px!important;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;color:#f5f5f7!important;
    font-size:20px!important;font-weight:500!important;line-height:1!important;
    align-items:center!important;justify-content:center!important;cursor:pointer!important;
    z-index:1102!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .staff-apple-mobile-back:not([hidden]) {
    display:flex!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-back svg {
    width:21px;height:21px;stroke:currentColor;stroke-width:2;
    fill:none;stroke-linecap:round;stroke-linejoin:round;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-back:hover {
    color:#f3b49c!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown > .nav-dropdown-menu {animation:none!important;}
  .stella-store .store-header.staff-apple-panel-closing .desktop-nav .staff-apple-desktop-dropdown > .nav-dropdown-menu {animation:none!important;}
}

/* Beauty cards are wider (two columns versus three), so use the same
   photographic aspect ratio as the hair cards instead of forcing equal pixel height.
   The original assets are close to 5:2: they now fill the banner without blurred sidebars. */
@media(min-width:768px) {
  .stella-store .price-page .business-price-grid-beauty .business-price-card-heading.staff-photo-category-heading {
    aspect-ratio:5/2!important;
    height:auto!important;
    background-position:center,center var(--staff-beauty-focus)!important;
    --staff-beauty-focus:55%;
  }
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading::before,
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading::after {
    content:none;
    display:none;
  }
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading[data-category-image="pedicure"] {
    --staff-beauty-focus:88%;
  }
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading[data-category-image="body"] {
    --staff-beauty-focus:56%;
  }
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading[data-category-image="face"] {
    --staff-beauty-focus:58%;
  }
}
@media(max-width:767px) {
  .stella-store .price-page .business-price-grid-beauty .business-price-card-heading.staff-photo-category-heading {
    aspect-ratio:2.1/1!important;
    background-position:center,center 50%!important;
  }
  .stella-store .price-page .business-price-grid-beauty .staff-photo-category-heading[data-category-image="pedicure"] {
    background-position:center,center 88%!important;
  }
}

/* Staff home: trigger as the headline starts entering the lower viewport, before the midpoint. */
.stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-base,
.stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-tint {
  animation:stella-hero-light-beam 3.2s cubic-bezier(.45,0,.55,1) both;
}
.stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-light-pass {
  opacity:1;animation:stella-hero-light-beam 3.2s cubic-bezier(.45,0,.55,1) both;
}
@media(prefers-reduced-motion:reduce) {
  .stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-base,
  .stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-tint {
    animation:none;-webkit-mask-position:0% 50%;mask-position:0% 50%;
  }
  .stella-store .home-intro-colors .home-intro-copy h2 em.staff-hair-color-revealing .hair-color-title-light-pass {
    display:none;animation:none;
  }
}

/* Provisional Shop: a single monochrome surface from the black header to the footer. */
.stella-store:has(.staff-shop-coming-soon) {background:#0b0b0d!important;}
.stella-store main.store-main:has(> section.staff-shop-coming-soon) {
  box-sizing:border-box;max-width:none!important;padding:0 clamp(18px,5.5vw,100px)!important;
  background:radial-gradient(ellipse 60% 64% at 50% 41%,#242427 0%,#101012 55%,#0b0b0d 100%)!important;
}
.stella-store main.store-main > section.staff-shop-coming-soon {
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:min(100%,1080px);max-width:1080px;min-height:clamp(520px,72dvh,760px);
  margin:0 auto;padding:clamp(94px,11vw,156px) 20px clamp(92px,10vw,148px);
  border:0;border-radius:0;background:transparent!important;color:#f7f7f7;text-align:center;
}
.stella-store main.store-main > section.staff-shop-coming-soon .eyebrow {
  margin:0!important;color:#b9b9bc!important;font-size:clamp(11px,1vw,13px)!important;
  letter-spacing:.20em!important;font-weight:700!important;
}
.stella-store main.store-main > section.staff-shop-coming-soon h1 {
  max-width:900px;margin:28px 0 0!important;color:#fff!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(49px,6.7vw,92px)!important;font-weight:700!important;
  line-height:1.04!important;letter-spacing:-.055em!important;
}
.stella-store main.store-main > section.staff-shop-coming-soon .staff-shop-subtitle {
  max-width:570px;margin:24px 0 36px!important;color:#c3c3c7!important;
  font-size:clamp(17px,1.7vw,22px)!important;line-height:1.55!important;
}
.stella-store main.store-main > section.staff-shop-coming-soon .button {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:52px;padding:14px 28px!important;border:1px solid #f5f5f5!important;
  border-radius:14px!important;background:#f7f7f7!important;color:#171717!important;
  font-size:15px!important;font-weight:650!important;letter-spacing:0!important;
  text-transform:none!important;box-shadow:none!important;transition:background .18s ease,color .18s ease!important;
}
.stella-store main.store-main > section.staff-shop-coming-soon .button:hover {
  background:transparent!important;color:#fff!important;
}
@media(max-width:767px) {
  .stella-store main.store-main > section.staff-shop-coming-soon {
    width:100%;min-height:68dvh;margin:0 auto;padding:82px 9px 94px;
  }
  .stella-store main.store-main > section.staff-shop-coming-soon h1 {
    font-size:clamp(42px,12.5vw,62px)!important;line-height:1.07!important;
  }
  .stella-store main.store-main > section.staff-shop-coming-soon .staff-shop-subtitle {
    margin:20px 0 30px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .stella-store main.store-main > section.staff-shop-coming-soon .button {transition:none!important;}
}

/* "Parlano di noi" uses the editorial eyebrow voice of "Prenota con un click". */
.stella-store .stella-press-unified > .press-section-heading h2 {
  font-family:var(--store-font-family,'DM Sans',Arial,sans-serif)!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  font-style:normal!important;font-weight:700!important;
  line-height:1.55!important;letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#252525!important;
  transform:translateY(8px);
}
@media(max-width:767px) {
  .stella-store .stella-press-unified > .press-section-heading h2 {
    font-size:15px!important;letter-spacing:.095em!important;
    transform:translateY(5px);
  }
}

/* Opal-inspired elastic selector: only the highlight animates; all three routes stay intact. */
.stella-store .price-page .staff-price-route-selector.staff-opal-ready {
  position:relative;isolation:isolate;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready .staff-price-opal-indicator {
  position:absolute;top:0;left:0;z-index:0;display:block;
  border-radius:16px;background:#171717;box-shadow:0 7px 17px rgba(0,0,0,.17);
  pointer-events:none;will-change:transform,width,height;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready > .staff-price-route-option {
  position:relative;z-index:1;background:transparent!important;box-shadow:none!important;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready > .staff-price-route-option.is-active {
  background:transparent!important;color:#fff!important;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready > .staff-price-route-option:not(.is-active):hover {
  background:transparent!important;color:#171717!important;
}

/* Staff QA: press title sits just above the logos; preserve the ribbon's height. */
.stella-store main.cms-home-reorderable .stella-press-unified {
  row-gap:0!important;
}
/* Do not flatten light LP lettering into the dark circle. The original asset is intact. */
.stella-store .stella-press-unified .press-marquee .press-links img[src*="press-livorno-press"] {
  filter:grayscale(1)!important;opacity:.40!important;
}

/* One continuous frosted material behind both desktop header and dropdown. */
@media(min-width:768px) {
  .stella-store .store-header.staff-apple-desktop-open {
    background:transparent!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-bottom-color:transparent!important;
  }
  .stella-store .store-header.staff-apple-desktop-open::before {
    content:""!important;display:block!important;
    position:absolute!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;pointer-events:none!important;z-index:-1!important;
    background:rgba(5,5,7,.52)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
    backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
    height:calc(100% + var(--staff-apple-panel-height,0px) - 1px)!important;
    animation:staff-single-glass-open .18s ease-out both;
  }
  .stella-store .store-header.staff-apple-panel-closing::before {
    animation:staff-single-glass-close .18s ease-in both;
  }
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown[open] > .nav-dropdown-menu {
    background:transparent!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:none!important;
  }
}
@keyframes staff-single-glass-open {
  from {height:100%}
  to {height:calc(100% + var(--staff-apple-panel-height,0px) - 1px)}
}
@keyframes staff-single-glass-close {
  from {height:calc(100% + var(--staff-apple-panel-height,0px) - 1px)}
  to {height:100%}
}
/* Mobile: the fullscreen layer is the sole glass while open, including subviews. */
@media(max-width:767px) {
  .stella-store .store-header,
  .stella-store .store-header.is-scrolled,
  .stella-store:has(.booking-page-heading,.about-page,.press-page,.careers-page,.contact-page,.method-page) .store-header {
    background:rgba(5,5,7,.52)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
    backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
  }
  .stella-store .store-header:has(.staff-apple-mobile-nav:not([hidden])),
  .stella-store .store-header.staff-apple-mobile-open {
    background:transparent!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) {
    background:rgba(5,5,7,.52)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
    backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .stella-store .store-header.staff-apple-desktop-open::before,
  .stella-store .store-header.staff-apple-panel-closing::before {
    animation:none!important;
  }
}

/* Apple-like mobile composition: left-aligned large labels, back at top left,
   close at top right. The fullscreen layer keeps one dark frosted material. */
@media(max-width:767px) {
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) {
    padding:86px clamp(39px,11vw,52px) calc(32px + env(safe-area-inset-bottom,0px))!important;
    text-align:left!important;
    background:rgba(13,13,15,.92)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
    backdrop-filter:blur(24px) saturate(135%) brightness(.78)!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > a,
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary {
    justify-content:flex-start!important;text-align:left!important;
    min-height:60px!important;padding:8px 0!important;
    font-size:clamp(23px,7vw,29px)!important;
    font-weight:520!important;line-height:1.2!important;
    letter-spacing:-.035em!important;text-transform:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary {
    flex-direction:row!important;justify-content:space-between!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > details.nav-dropdown > summary svg {
    width:16px!important;height:16px!important;
    transform:rotate(-90deg)!important;opacity:.56!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav.staff-apple-mobile-subview .nav-dropdown-menu > a {
    justify-content:flex-start!important;text-align:left!important;
    min-height:61px!important;padding:9px 0!important;
    font-size:clamp(23px,7vw,29px)!important;font-weight:520!important;
    letter-spacing:-.035em!important;line-height:1.2!important;
    text-transform:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-back {
    top:14px!important;left:16px!important;right:auto!important;
    width:44px!important;height:44px!important;
    z-index:1105!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-back svg {
    width:23px!important;height:23px!important;stroke-width:1.75!important;
  }
  .stella-store .store-header.staff-apple-mobile-open .mobile-menu-toggle {
    top:14px!important;right:16px!important;
  }
}

@media(max-width:767px) {
  /* Keep the close control inside the fullscreen glass stacking context. */
  .stella-store .store-header.staff-apple-mobile-open .mobile-menu-toggle {
    opacity:0!important;pointer-events:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav:not([hidden]) > .staff-apple-mobile-close {
    display:grid!important;place-items:center!important;
    position:fixed!important;top:14px!important;right:16px!important;
    width:44px!important;height:44px!important;
    padding:8px!important;margin:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#f5f5f7!important;cursor:pointer!important;
    z-index:1107!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav .staff-apple-mobile-close svg {
    width:25px!important;height:25px!important;fill:none!important;
    stroke:currentColor!important;stroke-width:1.7!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
}

/* Remove only the pale sticky-header hairline. Keep its 1px geometry unchanged. */
.stella-store .store-header,
.stella-store .store-header.is-scrolled {
  border-bottom-color:transparent!important;
}

@media(max-width:767px) {
  html.staff-apple-mobile-locked,
  html.staff-apple-mobile-locked body {
    overflow:hidden!important;overscroll-behavior:none!important;
    scrollbar-width:none!important;
  }
  html.staff-apple-mobile-locked::-webkit-scrollbar,
  html.staff-apple-mobile-locked body::-webkit-scrollbar {
    display:none!important;width:0!important;
  }
}

/* Mobile: submenu destinations are inferred from the label, no decorative chevrons. */
@media(max-width:767px) {
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary > svg,
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary > .staff-price-caret {
    display:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary {
    justify-content:flex-start!important;list-style:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary::after {
    content:none!important;display:none!important;
  }
  .stella-store .store-header .mobile-nav.staff-apple-mobile-nav > details.nav-dropdown > summary::-webkit-details-marker {
    display:none!important;
  }
}

/* Desktop: reveal the glass panel first, then let the menu labels gently appear. */
@keyframes staff-apple-desktop-labels-in {
  from {opacity:0;transform:translateY(-4px)}
  to {opacity:1;transform:translateY(0)}
}
@media (min-width:768px) and (prefers-reduced-motion:no-preference) {
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown[open] > .nav-dropdown-menu > .staff-apple-menu-caption,
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown[open] > .nav-dropdown-menu > a {
    animation:staff-apple-desktop-labels-in .19s ease-out .12s both;
  }
}

/* Desktop header: identical label geometry and no chevrons on either dropdown. */
@media (min-width:768px) {
  .stella-store .store-header .desktop-nav > a,
  .stella-store .store-header .desktop-nav > details.nav-dropdown > summary {
    display:flex!important;align-items:center!important;gap:0!important;
    min-height:44px!important;padding:10px 0!important;line-height:1.25!important;
  }
  .stella-store .store-header .desktop-nav > details.nav-dropdown > summary > svg,
  .stella-store .store-header .desktop-nav > details.nav-dropdown > summary > .staff-price-caret {
    display:none!important;
  }
  .stella-store .store-header .desktop-nav > a,
  .stella-store .store-header .desktop-nav > details.nav-dropdown > summary,
  .stella-store .store-header .desktop-nav .staff-apple-desktop-dropdown .nav-dropdown-menu > a {
    text-transform:none!important;
  }
}

/* Staff CTAs: keep the button design but use readable sentence-case labels. */
.stella-store a.button,
.stella-store button.button,
.stella-store a.text-link,
.stella-store a.about-cta,
.stella-store .review-card-footer > a:first-child,
.stella-store .stay-in-touch-form > button,
.stella-store .business-actions > a,
.stella-store .business-actions-buttons > button,
.stella-store a.press-card-link,
.stella-store .cart-drawer-checkout,
.stella-store .cart-drawer-view {
  text-transform:none!important;
}

/* Keep the selected pill perfectly aligned while the next page initializes. */
.stella-store .price-page .staff-price-route-selector.staff-opal-ready.staff-opal-initializing > .staff-price-opal-indicator {
  visibility:hidden!important;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready.staff-opal-initializing > .staff-price-route-option.is-active {
  background:#171717!important;box-shadow:0 7px 17px rgba(0,0,0,.17)!important;
}
.stella-store .price-page .staff-price-route-selector.staff-opal-ready > .staff-price-route-option {
  transition:color .2s ease!important;
}
