/* Compatibility layer: loaded after styles.css. */
.glass-button,.header-cta{-webkit-backdrop-filter:blur(12px) saturate(155%)}
.site-header{-webkit-backdrop-filter:blur(22px) saturate(135%)}
.lightbox{-webkit-backdrop-filter:blur(25px)}
.lightbox::backdrop{-webkit-backdrop-filter:blur(12px)}
.no-registered-properties .glass-button::after,
.no-registered-properties .header-cta::after{--glint-angle:30deg;animation:none}
@supports not (height:100svh){
  .hero{height:100vh}
  .lightbox{max-height:90vh;max-height:calc(var(--legacy-vh,1vh)*90)}
  .lightbox-image img{height:calc(85vh - 35px);height:calc(var(--legacy-vh,1vh)*85 - 35px)}
  @media(max-width:700px){
    .hero{height:860px}
    .lightbox{max-height:93vh;max-height:calc(var(--legacy-vh,1vh)*93)}
    .lightbox-image img{height:49vh;height:calc(var(--legacy-vh,1vh)*49)}
  }
  @media(max-width:370px){.hero{height:810px}}
}
@supports not (aspect-ratio:1){
  .intro-salon,.intro-girl img,.service-portrait>img,.salon-wide img,
  .salon-tall img,.salon-detail img,.process-gallery img,.friends-image img{height:auto}
  .nail-card{height:437.5px}
  @media(max-width:1100px){.nail-card{height:395.84px}}
  @media(max-width:700px){.nail-card{height:calc(min(78vw,350px)/.72)}}
}
@supports not selector(:focus-visible){
  button:focus,a:focus,summary:focus{outline:3px solid var(--blue);outline-offset:6px}
}
.lightbox:not([open]){display:none}
.legacy-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0e2e4b85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none}
.legacy-dialog-backdrop[hidden]{display:none}
.lightbox.legacy-dialog[open]{position:fixed;z-index:9999;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.no-flex-gap .filter-list{margin:-5px}
.no-flex-gap .filter-list>.filter{margin:5px}
.no-flex-gap .nail-card{margin-right:22px}
.no-flex-gap .nail-card:last-child{margin-right:0}
.no-flex-gap .main-nav>a+a{margin-left:25px}
.no-flex-gap .gallery-arrows>button+button,.no-flex-gap .price-tabs>button+button{margin-left:8px}
.no-flex-gap .button-arrow,.no-flex-gap .back-top>span,.no-flex-gap .header-cta>span:not(.liquid-shine){margin-left:16px}
.no-flex-gap .hero-inspiration>img{margin-right:17px}
.no-flex-gap .lightbox-controls>*+*{margin-left:20px}
.no-flex-gap .nail-label>span,.no-flex-gap .faq summary>span{margin-left:12px}
@media(max-width:700px){
  .no-flex-gap .nail-card{margin-right:17px}
  .no-flex-gap .friends-copy,.no-flex-gap .intro-copy{margin-top:40px}
  .no-flex-gap .site-footer>span{margin-top:25px}
}