/* ==========================================================================
   AZ NAIL SPA - NATURE AERIAL GLASSMORPHISM DESIGN SYSTEM
   Inspired by aerial coastal nature & deep emerald frosted glass aesthetics
   ========================================================================== */

/* Fonts are loaded via <link> in each page head (Playfair Display + Plus Jakarta Sans). */

:root {
  /* Foundations & Tones */
  --bg-dark-base: #061A19;
  --bg-primary: #071E1C;
  --bg-surface: rgba(10, 38, 35, 0.72);
  --bg-surface-alt: rgba(5, 24, 22, 0.85);
  
  /* Text Contrast */
  --text-primary: #FFFFFF;
  --text-secondary: #CBD5E1;
  --text-tertiary: #94A3B8;
  --text-teal: var(--milk);
  
  /* Vibrant Accents */
  --accent-cyan: var(--milk);
  --accent-cyan-hover: var(--vandyke);
  --accent-cyan-light: rgba(130, 90, 60, 0.15);
  --accent-cyan-glow: rgba(130, 90, 60, 0.35);
  --accent-gold: #E5C388;
  --accent-gold-hover: #F5DCA3;
  --accent-sage: #5E937A;
  
  /* Glassmorphism Tokens */
  --glass-bg: rgba(9, 36, 34, 0.65);
  --glass-bg-hover: rgba(14, 48, 45, 0.78);
  --glass-border: rgba(255, 255, 255, 0.16);
  --glass-border-hover: rgba(130, 90, 60, 0.4);
  --glass-shadow: 0 20px 45px rgba(0, 0, 0, 0.38);
  --glass-blur: blur(20px);
  
  /* Typography */
  --font-display: 'Plus Jakarta Sans', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  
  /* Sizing & Transitions */
  --spacing-container: 1240px;
  --transition-fast: 200ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Legacy page hero (subpages) */
.page-hero {
  padding-top: 135px;
  padding-bottom: 45px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.page-hero-title {
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
  margin-top: 14px;
  margin-bottom: 14px;
}

/* ==========================================================================
   SECTION: BOOKING CTA & FORM (FROSTED GLASS CONTAINER)
   ========================================================================== */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-group.full-width {
  grid-column: span 2;
}

.form-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

.form-control {
  padding: 13px 18px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(4, 20, 18, 0.7);
  color: #FFFFFF;
  font-size: 0.9375rem;
  transition: all var(--transition-fast);
  outline: none;
}

.form-control:focus {
  border-color: var(--milk);
  background: rgba(5, 26, 24, 0.85);
  box-shadow: 0 0 16px rgba(130, 90, 60, 0.3);
}

.form-control option {
  background: #071E1C;
  color: #FFFFFF;
}

textarea.form-control {
  min-height: 100px;
  resize: vertical;
}

.submit-btn-wrapper {
  margin-top: 32px;
  text-align: center;
}

.btn-booking-submit {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  position: relative;
}

.btn-spinner {
  display: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #FFFFFF;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* ==========================================================================
   MODAL DIALOG & LIGHTBOX
   ========================================================================== */
.success-modal {
  margin: auto;
  padding: 40px 32px;
  border-radius: var(--radius-xl);
  background: rgba(7, 28, 26, 0.95);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(130, 90, 60, 0.4);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  text-align: center;
  max-width: 440px;
  width: 90%;
}

.success-modal::backdrop {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
}

.modal-icon {
  font-size: 3rem;
  margin-bottom: 16px;
}

.modal-title {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #FFFFFF;
}

.modal-desc {
  font-size: 0.925rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 24px;
}

/* Lightbox Modal */
.lightbox-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(12px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.lightbox-modal.active {
  display: flex;
}

.lightbox-content {
  position: relative;
  max-width: 900px;
  max-height: 85vh;
}

.lightbox-content img {
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
  max-height: 85vh;
  object-fit: contain;
}

.lightbox-close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 2.2rem;
  cursor: pointer;
}

/* ==========================================================================
   BEAUTY PRODUCTS
   ========================================================================== */
.beauty-hero {
  padding-top: 150px;
  padding-bottom: 42px;
  position: relative;
  z-index: 2;
}

.beauty-product-shell {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.beauty-sidebar {
  position: sticky;
  top: 104px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--glass-shadow);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}

.beauty-sidebar-group + .beauty-sidebar-group {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.beauty-sidebar-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--accent-gold);
  margin-bottom: 10px;
}

.beauty-category-btn {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  text-align: left;
  padding: 9px 10px;
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.beauty-category-btn:hover,
.beauty-category-btn.active {
  color: #FFFFFF;
  background: rgba(130, 90, 60, 0.12);
}

.beauty-category-btn.active {
  box-shadow: inset 3px 0 0 var(--milk);
}

.beauty-products-panel {
  background: rgba(9, 36, 34, 0.46);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  padding: clamp(22px, 4vw, 36px);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.beauty-panel-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 26px;
}

.beauty-kicker {
  display: inline-flex;
  align-items: center;
  color: var(--accent-gold);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.beauty-products-title {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  line-height: 1.1;
  color: #FFFFFF;
  margin: 0;
}

.beauty-products-count {
  flex: 0 0 auto;
  color: var(--text-teal);
  font-size: 0.85rem;
  font-weight: 800;
  padding: 8px 12px;
  border: 1px solid rgba(130, 90, 60, 0.35);
  border-radius: var(--radius-full);
  background: rgba(130, 90, 60, 0.1);
}

.beauty-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.beauty-product-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: rgba(6, 24, 22, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);
}

.beauty-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(130, 90, 60, 0.38);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.36);
}

.beauty-product-media {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  background: linear-gradient(160deg, rgba(255,255,255,0.96), rgba(226,246,242,0.9));
  padding: 22px;
}

.beauty-product-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.beauty-product-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px;
}

.beauty-product-category {
  color: var(--text-teal);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.beauty-product-name {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.35;
  margin-bottom: 12px;
}

.beauty-product-price {
  color: var(--accent-gold);
  font-size: 1.05rem;
  font-weight: 800;
  margin-top: auto;
  margin-bottom: 16px;
}

.beauty-product-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.beauty-product-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: var(--radius-full);
  font-size: 0.8rem;
  font-weight: 800;
  text-align: center;
}

.beauty-buy-link {
  color: #04211E;
  background: var(--milk);
}

.beauty-explore-link {
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
}

/* ==========================================================================
   MOBILE DRAWER & RESPONSIVENESS
   ========================================================================== */
@media (max-width: 1024px) {
  .header-call-pill {
    display: none;
  }
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .beauty-product-shell {
    grid-template-columns: 1fr;
  }
  .beauty-sidebar {
    position: static;
  }
  .beauty-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .nav-menu, .header-call-pill {
    display: none;
  }
  .mobile-toggle {
    display: block;
  }
  .beauty-panel-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .beauty-products-grid {
    grid-template-columns: 1fr;
  }
  .beauty-product-actions {
    grid-template-columns: 1fr;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .form-group.full-width {
    grid-column: span 1;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   LOOK BOOK / GALLERY (MATCHING SCREENSHOT WITH WEBSITE THEME)
   ========================================================================== */
.lookbook-hero-section {
  padding-top: 130px;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

.lookbook-header {
  text-align: center;
  margin-bottom: 40px;
}

.lookbook-main-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 6vw, 4.4rem);
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  line-height: 1.15;
  margin-bottom: 12px;
}

.lookbook-title-italic {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 500;
  color: var(--accent-gold);
  margin-left: 8px;
  text-shadow: 0 0 24px rgba(229, 195, 136, 0.35);
}

.lookbook-subtitle {
  font-family: var(--font-body);
  font-size: 0.825rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--accent-gold);
  margin: 0 auto;
  opacity: 0.95;
}

/* Category Filter Tabs */
.lookbook-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px;
  margin-bottom: 48px;
}

.lookbook-tab-btn {
  background: rgba(9, 36, 34, 0.6);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--text-secondary);
  padding: 11px 24px;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.lookbook-tab-btn:hover {
  border-color: var(--milk);
  color: #FFFFFF;
  background: rgba(130, 90, 60, 0.15);
  transform: translateY(-2px);
}

.lookbook-tab-btn.active {
  background: linear-gradient(135deg, rgba(130, 90, 60, 0.3) 0%, rgba(229, 195, 136, 0.25) 100%);
  border-color: var(--milk);
  color: #FFFFFF;
  box-shadow: 0 4px 20px rgba(130, 90, 60, 0.25);
}

/* 3-Column Look Book Grid */
.lookbook-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 70px;
}

.lookbook-card {
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: 22px;
  overflow: hidden;
  background: rgba(10, 36, 33, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.3s ease, 
              box-shadow 0.4s ease;
}

.lookbook-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.lookbook-card:hover {
  transform: translateY(-8px);
  border-color: rgba(130, 90, 60, 0.55);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), 0 0 32px rgba(130, 90, 60, 0.18);
}

.lookbook-card:hover img {
  transform: scale(1.06);
}

.lookbook-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(6, 26, 25, 0.92) 0%, rgba(6, 26, 25, 0.3) 45%, transparent 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  pointer-events: none;
}

.lookbook-card:hover .lookbook-overlay {
  opacity: 1;
}

.lookbook-tag {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--milk);
  margin-bottom: 6px;
}

.lookbook-card-title {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.lookbook-zoom-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--accent-gold);
  font-weight: 600;
}

/* "Loved your visit?" Section & Card */
.loved-visit-section {
  padding: 20px 0 90px;
  position: relative;
  z-index: 2;
}

.loved-visit-card {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  padding: 68px 36px;
  background: rgba(252,246,238,.82);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.45);
  position: relative;
  overflow: hidden;
}

.loved-visit-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--milk), var(--accent-gold), transparent);
}

.loved-visit-title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 3.8vw, 2.75rem);
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 14px;
}

.loved-visit-subtitle {
  font-family: var(--font-body);
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--text-secondary);
  margin-bottom: 34px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.btn-book-look {
  display: inline-block;
  padding: 16px 44px;
  border-radius: var(--radius-full);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #061A19 !important;
  background: linear-gradient(135deg, #E5C388 0%, #D4AF37 100%);
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-book-look:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 16px 36px rgba(212, 175, 55, 0.5);
  background: linear-gradient(135deg, #F5DCA3 0%, #E5C388 100%);
}

@media (max-width: 992px) {
  .lookbook-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 640px) {
  .lookbook-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .loved-visit-card {
    padding: 44px 20px;
  }
}

/* ==========================================================================
   2-LEVEL CATEGORY-FIRST SERVICE BROWSING EXPERIENCE
   Warm Beige, Cream, Ivory & Luxury Spa Aesthetic
   ========================================================================== */

/* Level 1 & Level 2 Containers */
.services-view {
  display: none;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.services-view.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Category Grid (Desktop ~3/row, Tablet 2/row, Mobile 1/row) */
.svc-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 20px;
  margin-bottom: 70px;
}

/* Category Card */
.svc-category-card {
  position: relative;
  background: rgba(26, 22, 19, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(229, 195, 136, 0.22);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.svc-category-card:hover {
  transform: translateY(-8px);
  border-color: rgba(229, 195, 136, 0.55);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 24px rgba(212, 175, 55, 0.2);
}

.svc-category-img-wrap {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: #1e1916;
}

.svc-category-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.svc-category-card:hover .svc-category-img {
  transform: scale(1.06);
}

.svc-category-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(18, 14, 12, 0.78);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(229, 195, 136, 0.35);
  color: #F5DCA3;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: var(--radius-full);
}

.svc-category-body {
  padding: 24px 26px 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: linear-gradient(180deg, rgba(28, 23, 20, 0.85) 0%, rgba(20, 16, 14, 0.95) 100%);
}

.svc-category-title {
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 600;
  color: #FFFDF9;
  margin-bottom: 8px;
  line-height: 1.3;
  transition: color 0.25s ease;
}

.svc-category-card:hover .svc-category-title {
  color: #F5DCA3;
}

.svc-category-desc {
  font-family: var(--font-body);
  font-size: 0.9rem;
  line-height: 1.55;
  color: #D1C7BD;
  margin-bottom: 20px;
  flex-grow: 1;
}

.svc-category-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #E5C388;
  transition: all 0.25s ease;
}

.svc-category-card:hover .svc-category-cta {
  color: #FFF;
  transform: translateX(4px);
}

.svc-category-cta svg {
  transition: transform 0.25s ease;
}

.svc-category-card:hover .svc-category-cta svg {
  transform: translateX(4px);
}

/* ==========================================================================
   LEVEL 2 — CATEGORY DETAILS VIEW
   ========================================================================== */

.svc-detail-nav-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 24px;
  background: rgba(28, 23, 20, 0.75);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(229, 195, 136, 0.25);
  border-radius: 16px;
  margin-bottom: 36px;
}

.svc-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #F5DCA3;
  background: rgba(229, 195, 136, 0.12);
  border: 1px solid rgba(229, 195, 136, 0.35);
  padding: 8px 18px;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.25s ease;
}

.svc-back-btn:hover {
  background: rgba(229, 195, 136, 0.24);
  color: #FFF;
  transform: translateX(-3px);
}

.svc-breadcrumb {
  font-size: 0.88rem;
  color: #BDB2A7;
}

.svc-breadcrumb span {
  color: #F5DCA3;
  font-weight: 600;
}

.svc-detail-header-panel {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 44px;
}

.svc-detail-main-title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 600;
  color: #FFFDF9;
  margin-bottom: 12px;
}

.svc-detail-subtitle {
  font-family: var(--font-body);
  font-size: 1.05rem;
  color: #D1C7BD;
  line-height: 1.6;
}

/* Detail Section Containers */
.category-detail-section {
  display: none;
  animation: fadeInDetail 0.4s ease forwards;
}

.category-detail-section.active {
  display: block;
}

@keyframes fadeInDetail {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   DETAIL VIEW COMPONENT: MANICURE & PEDICURE 6 TIERS
   ========================================================================== */

.mani-pedi-tiers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 50px;
}

.tier-card {
  background: rgba(26, 21, 18, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(229, 195, 136, 0.22);
  border-radius: 18px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
}

.tier-card:hover {
  transform: translateY(-4px);
  border-color: rgba(229, 195, 136, 0.5);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.tier-header {
  border-bottom: 1px solid rgba(229, 195, 136, 0.18);
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.tier-name {
  font-family: var(--font-serif);
  font-size: 1.4rem;
  color: #FFFDF9;
  margin-bottom: 4px;
}

.tier-tagline {
  font-size: 0.82rem;
  color: #D1C7BD;
  font-style: italic;
}

.tier-price-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  font-size: 0.92rem;
  color: #E2D9D0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
}

.tier-price-row .price-val {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: #F5DCA3;
}

.tier-combo-box {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.16) 0%, rgba(229, 195, 136, 0.06) 100%);
  border: 1px solid rgba(229, 195, 136, 0.4);
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 14px;
  margin-bottom: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.combo-left {
  display: flex;
  flex-direction: column;
}

.combo-title {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FFF;
  text-transform: uppercase;
}

.combo-savings-pill {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  color: #061A19;
  background: var(--milk);
  padding: 2px 8px;
  border-radius: var(--radius-full);
  margin-top: 4px;
  width: fit-content;
}

.combo-price {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: #F5DCA3;
}

.tier-inclusions-list {
  font-size: 0.85rem;
  color: #C8BFB5;
  line-height: 1.55;
  margin-bottom: 22px;
  flex-grow: 1;
}

.tier-inclusions-list li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 6px;
}

.tier-inclusions-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #E5C388;
}

.btn-book-service {
  display: block;
  text-align: center;
  padding: 10px 20px;
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #061A19 !important;
  background: linear-gradient(135deg, #E5C388 0%, #D4AF37 100%);
  transition: all 0.25s ease;
  text-decoration: none;
}

.btn-book-service:hover {
  background: linear-gradient(135deg, #F5DCA3 0%, #E5C388 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.35);
}

/* ==========================================================================
   DETAIL VIEW COMPONENT: SPECIALS (CITRUS, HONEY, HERBAL PACKAGES)
   ========================================================================== */

.specials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 50px;
}

.special-card {
  background: rgba(28, 22, 19, 0.88);
  border: 1px solid rgba(229, 195, 136, 0.3);
  border-radius: 20px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.special-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #E5C388, #D4AF37, var(--milk));
}

.special-badge {
  display: inline-block;
  align-self: flex-start;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #F5DCA3;
  background: rgba(229, 195, 136, 0.15);
  border: 1px solid rgba(229, 195, 136, 0.35);
  padding: 4px 12px;
  border-radius: var(--radius-full);
  margin-bottom: 14px;
}

.special-title {
  font-family: var(--font-serif);
  font-size: 1.65rem;
  color: #FFFDF9;
  margin-bottom: 8px;
}

.special-desc {
  font-size: 0.9rem;
  color: #D1C7BD;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* ==========================================================================
   DETAIL VIEW COMPONENT: HEAD SPA & FACIAL DETAILED CARDS
   ========================================================================== */

.ritual-detail-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 50px;
}

.ritual-detail-cards.two-cols {
  grid-template-columns: repeat(2, 1fr);
}

.ritual-detail-card {
  background: rgba(26, 21, 18, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(229, 195, 136, 0.24);
  border-radius: 18px;
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
}

.ritual-card-header {
  border-bottom: 1px solid rgba(229, 195, 136, 0.2);
  padding-bottom: 18px;
  margin-bottom: 20px;
}

.ritual-card-title {
  font-family: var(--font-serif);
  font-size: 1.45rem;
  color: #FFFDF9;
  margin-bottom: 6px;
}

.ritual-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ritual-card-price {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: #F5DCA3;
}

.ritual-card-duration {
  font-size: 0.8rem;
  font-weight: 600;
  color: #5E937A;
  background: rgba(94, 147, 122, 0.18);
  padding: 3px 12px;
  border-radius: var(--radius-full);
}

.ritual-block-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #E5C388;
  margin-top: 14px;
  margin-bottom: 8px;
}

.ritual-bullet-list {
  font-size: 0.84rem;
  color: #CFC5BA;
  line-height: 1.55;
  margin-bottom: 14px;
}

.ritual-bullet-list li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 6px;
}

.ritual-bullet-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #E5C388;
}

.ritual-bullet-list ul {
  margin-top: 6px;
  margin-left: 12px;
}

.ritual-bullet-list ul li {
  color: var(--text-tertiary);
  margin-bottom: 4px;
}

.ritual-bullet-list ul li::before {
  content: "-";
  color: var(--milk);
}

/* ==========================================================================
   DETAIL VIEW COMPONENT: MASSAGE DURATION PILLS
   ========================================================================== */

.massage-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-bottom: 50px;
}

.massage-card {
  background: rgba(26, 21, 18, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(229, 195, 136, 0.24);
  border-radius: 18px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
}

.duration-pills-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 18px 0 24px;
}

.duration-pill {
  background: rgba(229, 195, 136, 0.08);
  border: 1px solid rgba(229, 195, 136, 0.22);
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
}

.duration-pill .pill-price {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: #F5DCA3;
  display: block;
}

.duration-pill .pill-time {
  font-size: 0.75rem;
  color: #BDB2A7;
  display: block;
  margin-top: 2px;
}

/* ==========================================================================
   DETAIL VIEW COMPONENT: CLEAN SERVICE-PRICE LISTS
   (Waxing, Eyelashes, Permanent Makeup, Kids Services, Add-Ons)
   ========================================================================== */

.clean-price-list-box {
  max-width: 860px;
  margin: 0 auto 50px;
  background: rgba(26, 21, 18, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(229, 195, 136, 0.24);
  border-radius: 20px;
  padding: 36px 32px;
}

.price-list-section-title {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  color: #FFFDF9;
  border-bottom: 1px solid rgba(229, 195, 136, 0.25);
  padding-bottom: 12px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price-list-section-title .section-tag {
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  color: #F5DCA3;
  background: rgba(229, 195, 136, 0.15);
  padding: 3px 10px;
  border-radius: var(--radius-full);
}

.clean-price-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
}

.price-item-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.price-item-dots {
  border-bottom: 1px dotted rgba(229, 195, 136, 0.35);
  height: 1px;
  margin-bottom: 2px;
}

.price-item-action {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
}

.price-item-amount {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: #F5DCA3;
  text-align: right;
  white-space: nowrap;
}

.btn-book-now-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 14px;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--antique) !important;
  background: linear-gradient(135deg, var(--milk) 0%, var(--vandyke) 100%);
  border-radius: var(--radius-full);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(29, 191, 152, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

.btn-book-now-pill:hover {
  background: linear-gradient(135deg, var(--taupe) 0%, var(--milk) 100%);
  color: var(--bistre) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(29, 191, 152, 0.45);
}

.btn-book-now-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 11px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--antique) !important;
  background: linear-gradient(135deg, var(--milk) 0%, var(--vandyke) 100%);
  border-radius: var(--radius-full);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(29, 191, 152, 0.2);
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.btn-book-now-mini:hover {
  background: linear-gradient(135deg, var(--taupe) 0%, var(--milk) 100%);
  color: var(--bistre) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(29, 191, 152, 0.4);
}

.tier-price-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.duration-pill {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.duration-pill .pill-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  padding: 3px 10px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--antique) !important;
  background: var(--milk);
  border-radius: var(--radius-full);
  text-decoration: none;
  transition: all 0.2s ease;
}

.duration-pill .pill-book-btn:hover {
  background: var(--taupe);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(29, 191, 152, 0.4);
}

.price-touchup-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  color: #5E937A;
  background: rgba(94, 147, 122, 0.16);
  padding: 2px 8px;
  border-radius: 6px;
  margin-left: 8px;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES FOR 2-LEVEL EXPERIENCE
   ========================================================================== */

@media (max-width: 1024px) {
  .svc-category-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .mani-pedi-tiers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ritual-detail-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .svc-category-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mani-pedi-tiers-grid {
    grid-template-columns: 1fr;
  }
  .ritual-detail-cards {
    grid-template-columns: 1fr;
  }
  .ritual-detail-cards.two-cols {
    grid-template-columns: 1fr;
  }
  .massage-cards-grid {
    grid-template-columns: 1fr;
  }
  .duration-pills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .clean-price-list-box {
    padding: 24px 16px;
  }
  .clean-price-row {
    grid-template-columns: 1fr auto;
    gap: 10px;
  }
  .price-item-dots {
    display: none;
  }
  .price-item-action {
    gap: 8px;
  }
  .btn-book-now-pill {
    padding: 4px 10px;
    font-size: 0.7rem;
  }
}


/* ==========================================================================
   AZ NAIL SPA — WARM EARTH DESIGN SYSTEM (ACTIVE LAYER)
   Everything above this block is legacy and only kept for subpage components.
   Palette: Bistre (ink) · Antique White (ground) · Milk Chocolate (accent) · Pale Taupe (support)
   Type:    Playfair Display (headings) · Plus Jakarta Sans (body & UI)
   ========================================================================== */
:root{
  --bistre:#372414; --antique:#F7EBDF; --taupe:#B7A087; --milk:#825A3C; --vandyke:#674831;
  --paper:#FCF6EE; --sand:#EFE0CE; --line:rgba(103,72,49,.16); --line-strong:rgba(103,72,49,.28);
  --text:#372414; --text-secondary:#5F4836; --text-tertiary:#7A6452;
  --shadow:0 18px 40px -24px rgba(55,36,20,.35); --shadow-sm:0 8px 20px -14px rgba(55,36,20,.3);
  --radius-lg:14px; --radius-md:10px; --radius-sm:6px; --radius-btn:6px;
  --serif:'Playfair Display',Georgia,serif; --sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.4,.1,.2,1);
  --section-y:clamp(64px,8vw,104px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--antique);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0;letter-spacing:-.01em}
p{margin:0}
.container{width:min(1180px,100% - 40px);margin-inline:auto;padding-inline:0}
.text-center{text-align:center}
.text-teal{color:var(--milk);font-style:italic}
:focus-visible{outline:2px solid var(--milk);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Eyebrow / small label — one style used everywhere (badge-glass kept for subpages) */
.eyebrow,.badge-glass{display:inline-block;margin:0 0 14px;padding:0;background:none;border:0;font:600 .74rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--milk)}
.badge-glass::before{display:none}
.section-header::after{display:none}

/* Buttons */
.btn,.btn-pill-cyan,.btn-outline-glass{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 .92rem/1.25 var(--sans);letter-spacing:.01em;text-align:center;padding:13px 26px;border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.btn-primary,.btn-pill-cyan{background:var(--milk);color:var(--antique);border-color:var(--milk)}
.btn-primary:hover,.btn-pill-cyan:hover{background:var(--bistre);border-color:var(--bistre)}
.btn-outline{background:transparent;color:var(--milk);border-color:var(--line-strong)}
.btn-outline:hover{background:var(--milk);border-color:var(--milk);color:var(--antique)}
.btn-outline-glass{background:transparent;color:var(--vandyke);border-color:var(--line-strong)}
.btn-outline-glass:hover{border-color:var(--milk)}
.btn-gold{background:var(--taupe);color:var(--bistre)}
.btn-gold:hover{background:var(--milk);color:var(--antique)}
.btn-ghost,.btn-pill-cyan.btn-ghost{background:transparent;color:var(--bistre);border-color:var(--line-strong);box-shadow:none}
.btn-ghost:hover{border-color:var(--bistre);background:transparent}
.btn-sm{padding:11px 20px;font-size:.86rem}.btn-lg{padding:16px 30px;font-size:.95rem}
.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;color:var(--milk);border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;transition:color .25s}
.text-link::after{content:"\2192";transition:transform .25s var(--ease)}
.text-link:hover{color:var(--bistre)}
.text-link:hover::after{transform:translateX(3px)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,235,223,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding-block:10px}
.brand-logo{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.12rem;font-weight:500;letter-spacing:.08em;color:var(--bistre);white-space:nowrap}
.logo-mark{width:44px;height:44px;object-fit:cover;border-radius:50%;flex:none}
.nav-menu{display:flex;gap:4px}
.nav-link{position:relative;padding:10px 14px;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .25s}
.nav-link::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--milk);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav-link:hover,.nav-link.active{color:var(--bistre)}
.nav-link:hover::after,.nav-link.active::after{transform:none}
.header-actions{display:flex;align-items:center;gap:18px}
.header-call-pill{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--bistre);white-space:nowrap}
.header-call-pill svg{color:var(--milk)}
.header-call-pill:hover{color:var(--milk)}
.mobile-toggle{display:none;background:none;border:0;color:var(--bistre);cursor:pointer;padding:6px}
@media(max-width:1100px){.nav-link{padding-inline:10px}.nav-link::after{left:10px;right:10px}}
@media(max-width:1020px){.nav-menu,.header-call-pill{display:none}.mobile-toggle{display:block}}
@media(max-width:480px){.btn-header-book{padding:10px 14px;font-size:.82rem}.header-actions{gap:8px}.brand-logo{font-size:.95rem;gap:10px}.logo-mark{width:38px;height:38px}}
@media(max-width:350px){.brand-logo span{display:none}}

/* Mobile drawer */
.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:var(--antique);z-index:100;padding:24px;display:flex;flex-direction:column;gap:20px;transform:translateX(105%);visibility:hidden;transition:transform .4s var(--ease),visibility .4s;box-shadow:-20px 0 50px -20px rgba(55,36,20,.4)}
.mobile-drawer.open,.mobile-drawer.active,.mobile-drawer.is-open,.mobile-drawer.show{transform:none;visibility:visible}
.drawer-header{display:flex;justify-content:space-between;align-items:center}
.drawer-close{background:none;border:0;font-size:2rem;color:var(--vandyke);cursor:pointer;line-height:1}
.drawer-menu{display:flex;flex-direction:column;flex:1}
.drawer-link{padding:15px 4px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.2rem;color:var(--bistre)}
.drawer-link.active,.drawer-link-call{color:var(--milk)}
.drawer-cta .btn{width:100%}

/* Section scaffolding */
.section{padding:var(--section-y) 0}
.section-header{text-align:center;max-width:680px;margin:0 auto 48px}
.section-title{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15;margin-bottom:14px;color:var(--bistre)}
.section-subtitle{color:var(--text-secondary);font-size:1rem;max-width:58ch}
.section-header .section-subtitle{margin-inline:auto}
.section-head-split{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}
.section-head-split>div{max-width:620px}
@media(max-width:700px){.section-head-split{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:32px}}

/* Hero */
.hero{padding:clamp(40px,6vw,80px) 0 0}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(36px,5vw,72px);align-items:center}
.hero-title{font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--bistre);margin-bottom:22px;max-width:15ch}
.hero-sub{font-size:1.06rem;color:var(--text-secondary);max-width:48ch;margin-bottom:32px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.hero-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 32px;padding-top:24px;border-top:1px solid var(--line);font-size:.88rem;color:var(--text-secondary)}
.hero-facts span{display:block;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px}
.hero-facts a:hover{color:var(--milk)}
.hero-media{margin:0;position:relative}
.hero-media img{width:100%;height:auto;aspect-ratio:5/4.4;object-fit:cover;border-radius:var(--radius-lg)}
.hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-highlights li{padding:28px 32px 30px}
.hero-highlights li:first-child{padding-left:0}
.hero-highlights li+li{border-left:1px solid var(--line)}
.hero-highlights h3{font-size:1.12rem;color:var(--bistre);margin-bottom:6px}
.hero-highlights p{font-size:.9rem;color:var(--text-secondary)}
.hero-copy>*{animation:rise .8s var(--ease) both}
.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.hero-media{animation:fade 1s var(--ease) .15s both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media img{aspect-ratio:4/3}
  .hero-title{max-width:none}
  .hero-highlights{grid-template-columns:1fr}
  .hero-highlights li{padding:22px 0}
  .hero-highlights li+li{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:560px){.spotlight-card-thumb{aspect-ratio:4/3}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts li:last-child{grid-column:1/-1}.hero-ctas .btn{flex:1 1 100%}}

/* Signature rituals (category tabs + featured slider) */
.spotlight-section{padding:var(--section-y) 0;background:var(--sand)}
.spotlight-head{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:40px}
.spotlight-intro{max-width:600px}
.filter-glass-cards{display:flex;flex-wrap:wrap;gap:8px}
.filter-pill-item{display:inline-flex;align-items:center;padding:11px 16px;border-radius:var(--radius-btn);border:1px solid var(--line-strong);background:transparent;cursor:pointer;color:var(--vandyke);font:600 .86rem/1 var(--sans);transition:background .25s,color .25s,border-color .25s}
.filter-pill-item:hover{border-color:var(--milk)}
.filter-pill-item.active{background:var(--bistre);border-color:var(--bistre);color:var(--antique)}
.filter-icon{display:none}
.spotlight-carousel-stage{position:relative}
.spotlight-cards-wrap{display:grid;grid-template-columns:minmax(0,1fr)}
.spotlight-card{grid-area:1/1;display:grid;grid-template-columns:1.1fr 1fr;background:var(--paper);border-radius:var(--radius-lg);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.spotlight-card.active-card{opacity:1;visibility:visible}
.spotlight-card-thumb{position:relative;min-height:440px;background:var(--antique)}
.spotlight-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spotlight-card-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(28px,4.5vw,56px)}
.spotlight-card-kicker{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}
.spotlight-card-title{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;color:var(--bistre)}
.spotlight-card-desc{font-size:.95rem;color:var(--text-secondary);max-width:46ch}
.spotlight-card-price{font-family:var(--serif);font-size:1.2rem;color:var(--milk);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-self:stretch}
.spotlight-card-cta{margin-top:6px}
.spotlight-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.spotlight-arrow{position:static;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--bistre);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.spotlight-arrow:hover{background:var(--bistre);border-color:var(--bistre);color:var(--antique)}
@media(max-width:900px){
  .spotlight-head{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
  .spotlight-card{grid-template-columns:1fr}
  .spotlight-card-thumb{min-height:0;aspect-ratio:16/10}
  .spotlight-card-thumb img{position:static}
  .spotlight-controls{justify-content:center}
}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.service-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.service-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.service-card:hover .service-card-media img{transform:scale(1.03)}
.service-tag{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--paper);color:var(--vandyke);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.service-card-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1;gap:16px}
.service-card-title{font-size:1.3rem;line-height:1.25;color:var(--bistre)}
.service-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem;color:var(--text-tertiary);padding-bottom:14px;border-bottom:1px solid var(--line)}
.service-price{font-family:var(--serif);font-size:1.15rem;color:var(--milk);text-align:right}
.service-benefits-list{display:flex;flex-direction:column;gap:9px;font-size:.9rem;color:var(--text-secondary)}
.service-benefits-list li{position:relative;padding-left:20px}
.service-benefits-list li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1px;background:var(--milk)}
.service-card-footer{margin-top:auto;padding-top:8px}
.service-card-footer .btn{width:100%}
@media(max-width:980px){.services-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.services-grid{grid-template-columns:1fr}}

/* Why choose us (dark band) */
.stats-section{background:var(--bistre);color:var(--antique)}
.stats-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:clamp(40px,6vw,80px);align-items:center}
.stats-section .section-title{color:var(--antique)}
.stats-section .eyebrow{color:var(--taupe)!important}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.glass-stat-card{padding:8px 28px;border-left:1px solid rgba(247,235,223,.18);background:none;border-radius:0;text-align:left}
.stat-number{font-family:var(--serif);font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;color:var(--antique);margin-bottom:12px}
.stat-label{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.stats-section .stat-label{color:var(--taupe)!important}
.stat-desc{font-size:.88rem;line-height:1.6}
@media(max-width:900px){
  .stats-layout{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .glass-stat-card{padding:22px 0;border-left:0;border-top:1px solid rgba(247,235,223,.18)}
}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(200px,20vw,270px);gap:12px}
.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:zoom-in;background:var(--sand)}
.gallery-item.span-2{grid-column:span 2}
.gallery-item.tall{grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery-item:hover img{transform:scale(1.03)}
.gallery-overlay{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:40px 18px 16px;background:linear-gradient(to top,rgba(55,36,20,.65),transparent);color:var(--antique);font-family:var(--serif);font-size:1.02rem;opacity:1}
.overlay-btn{font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .3s}
.gallery-item:hover .overlay-btn,.gallery-item:focus-within .overlay-btn{opacity:1}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(150px,38vw,240px)}
  .overlay-btn{display:none}
}
.lightbox-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(55,36,20,.9);padding:24px}
.lightbox-modal.open,.lightbox-modal.active,.lightbox-modal.show,.lightbox-modal.is-open{display:flex}
.lightbox-content{position:relative;max-width:min(1000px,100%)}
.lightbox-content img{max-height:86vh;border-radius:var(--radius-md)}
.lightbox-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--antique);color:var(--bistre);font-size:1.5rem;cursor:pointer}

/* Reviews */
.reviews-section{background:var(--sand)}
.reviews-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:clamp(40px,6vw,88px);align-items:start}
.reviews-aside{position:sticky;top:110px}
.rating-summary-card{margin:28px 0;padding:24px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:none;box-shadow:none;border-radius:0;display:block}
.rating-big-score{display:flex;align-items:center;gap:18px;margin-bottom:22px;text-align:left}
.score-num{font-family:var(--serif);font-size:3.6rem;line-height:1}
.review-stars{color:var(--milk);letter-spacing:2px;font-size:1rem}
.rating-note{font-size:.82rem}
.rating-bars{display:flex;flex-direction:column;gap:10px}
.rating-bar-row{display:grid;grid-template-columns:1fr 90px 28px;gap:12px;align-items:center;font-size:.84rem;color:var(--text-secondary)}
.bar-track{height:3px;border-radius:2px;background:rgba(103,72,49,.15);overflow:hidden}
.bar-fill{height:100%;background:var(--milk)}
.bar-score{font-weight:600;text-align:right}
.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.review-card{display:flex;flex-direction:column;gap:20px;padding:30px 0;border-top:1px solid var(--line-strong);background:none;border-radius:0}
.review-card:nth-child(-n+2){border-top:0;padding-top:0}
.review-card-text{font-family:var(--serif);font-size:1.06rem;line-height:1.65;flex:1}
.review-card-header{display:flex;align-items:center;gap:14px}
.reviewer-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line-strong);color:var(--milk);font-weight:600;font-size:.75rem;letter-spacing:.04em}
.reviewer-name{font-weight:600;font-size:.92rem}
.review-card-footer{display:flex;flex-direction:column;gap:1px;font-size:.78rem;line-height:1.5;color:var(--text-tertiary)}
@media(max-width:980px){
  .reviews-layout{grid-template-columns:1fr}
  .reviews-aside{position:static}
}
@media(max-width:640px){
  .reviews-grid{grid-template-columns:1fr}
  .review-card:nth-child(2){border-top:1px solid var(--line-strong);padding-top:30px}
}

/* Booking */
.booking-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(32px,5vw,64px);border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--line)}
.booking-header{text-align:left;max-width:none;margin:0}
.booking-callout{padding:0 0 0 clamp(0px,4vw,48px);border-left:1px solid var(--line);text-align:left}
.booking-callout-title{font-family:var(--serif);font-size:1.4rem;color:var(--bistre);margin-bottom:10px}
.booking-callout-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px}
.booking-callout-actions{display:flex;gap:12px;flex-wrap:wrap}
.booking-callout-notes{margin-top:22px;display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.84rem;color:var(--text-tertiary)}
.booking-callout-notes li{display:inline-flex;align-items:center;gap:8px}
.booking-callout-notes li::before{content:"";width:12px;height:6px;border-left:1.5px solid var(--milk);border-bottom:1.5px solid var(--milk);transform:rotate(-45deg) translateY(-2px)}
@media(max-width:900px){
  .booking-wrapper{grid-template-columns:1fr}
  .booking-callout{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:560px){.booking-callout-actions .btn{flex:1 1 100%}}

/* Footer */
.site-footer{background:var(--bistre);color:rgba(247,235,223,.8);padding:72px 0 28px;font-size:.92rem}
.site-footer .brand-logo{color:var(--antique)}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.2fr;gap:44px;padding-bottom:48px}
.footer-desc{margin:18px 0 22px;max-width:36ch;line-height:1.7}
.footer-heading{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:18px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a:hover,.footer-policies a:hover{color:var(--antique)}
.footer-hours-list li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(247,235,223,.12)}
.footer-contact-info{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.footer-contact-info strong{color:var(--antique);font-weight:600}
.site-footer .btn-outline{color:var(--antique);border-color:rgba(247,235,223,.3)!important}
.site-footer .btn-outline:hover{background:var(--antique);color:var(--bistre)}
.social-links{display:flex;gap:10px}
.social-link{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(247,235,223,.25);font-size:.68rem;font-weight:600;letter-spacing:.04em;transition:background .25s,color .25s}
.social-link:hover{background:var(--taupe);color:var(--bistre)}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;border-top:1px solid rgba(247,235,223,.14);font-size:.82rem;color:rgba(247,235,223,.6)}
.footer-policies{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;gap:36px}}


/* ===== Warm Earth compatibility for AZ Nail Spa subpages ===== */
:root{
  --bg-dark-base:var(--bistre); --bg-primary:var(--antique); --bg-surface:var(--paper); --bg-surface-alt:var(--sand);
  --text-primary:var(--text); --text-secondary:#6A5240; --text-tertiary:#8A7461; --text-teal:var(--milk);
  --accent-cyan:var(--milk); --accent-cyan-hover:var(--vandyke); --accent-cyan-light:rgba(130,90,60,.12); --accent-cyan-glow:rgba(130,90,60,.25);
  --accent-gold:var(--taupe); --accent-gold-hover:var(--milk); --accent-sage:var(--vandyke);
  --glass-bg:rgba(252,246,238,.78); --glass-bg-hover:rgba(252,246,238,.92); --glass-border:var(--line); --glass-border-hover:rgba(130,90,60,.38);
  --glass-shadow:var(--shadow); --glass-blur:blur(14px); --font-display:var(--serif); --font-body:var(--sans);
  --spacing-container:1180px; --transition-fast:.25s var(--ease); --transition-normal:.35s var(--ease); --transition-slow:.55s var(--ease);
}
body::before{display:none!important}
main{background:transparent;color:var(--text)}
.site-header .brand-logo .logo-mark,.mobile-drawer .brand-logo .logo-mark,.footer-brand .brand-logo .logo-mark{object-fit:cover;background:var(--paper);border:1px solid rgba(55,36,20,.08);box-shadow:var(--shadow-sm)}
.header-actions .btn-header-book{white-space:nowrap}
.page-hero,.beauty-hero,.lookbook-hero-section{padding-top:88px;padding-bottom:44px;background:radial-gradient(60% 70% at 85% 10%,rgba(183,160,135,.32),transparent 70%),var(--antique)}
.page-hero-title,.lookbook-main-title,.beauty-products-title,.svc-detail-main-title{color:var(--bistre);font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.lookbook-title-italic,.lookbook-subtitle,.beauty-kicker,.beauty-products-count,.svc-category-cta,.svc-breadcrumb span,.ritual-card-price,.btn-book-service,.btn-book-now-pill{color:var(--milk)}
.badge-pill,.svc-category-badge{background:rgba(183,160,135,.28);color:var(--vandyke);border:0;border-radius:999px}
.svc-category-grid,.ritual-detail-cards,.lookbook-grid,.beauty-products-grid{gap:24px}
.svc-category-card,.ritual-detail-card,.lookbook-card,.beauty-products-panel,.beauty-sidebar,.beauty-product-card,.svc-detail-header-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--text);backdrop-filter:none;-webkit-backdrop-filter:none}
.svc-category-card:hover,.ritual-detail-card:hover,.lookbook-card:hover,.beauty-product-card:hover{box-shadow:var(--shadow);border-color:rgba(130,90,60,.3);transform:translateY(-4px)}
.svc-category-img-wrap{border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--sand)}
.svc-category-img{border-radius:inherit}
.svc-category-title,.ritual-card-title,.lookbook-card-title,.beauty-product-name{color:var(--bistre);font-family:var(--serif);font-weight:500}
.svc-category-desc,.svc-detail-subtitle,.ritual-bullet-list,.beauty-product-card,.beauty-category-btn,.lookbook-tag{color:var(--text-secondary)}
.svc-detail-nav-bar{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}
.svc-back-btn,.beauty-category-btn.active,.beauty-category-btn:hover,.lookbook-tab-btn.active,.lookbook-tab-btn:hover{background:var(--sand);color:var(--bistre);border-color:var(--taupe)}
.lookbook-tab-btn,.beauty-category-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--line)}
.ritual-block-label,.beauty-product-category,.beauty-product-price{color:var(--milk)}
.ritual-bullet-list li::before{color:var(--taupe)}
.ritual-bullet-list ul li::before{color:var(--milk)}
.btn-book-service,.btn-book-now-pill,.beauty-buy-link{background:var(--milk);color:var(--antique);border-color:var(--milk);border-radius:var(--radius-btn)}
.btn-book-service:hover,.btn-book-now-pill:hover,.beauty-buy-link:hover{background:var(--vandyke);color:var(--antique)}
.beauty-product-media{background:linear-gradient(160deg,#fffaf4,var(--sand));border-bottom:1px solid var(--line)}
.beauty-explore-link{color:var(--milk);border-color:var(--milk);background:transparent}
.beauty-explore-link:hover{background:var(--sand);color:var(--bistre)}
.contact-info-card,.contact-form-card,.map-preview-card,.info-card,.glass-panel{background:var(--paper)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;color:var(--text)!important}
input,select,textarea{background:var(--paper);color:var(--text);border-color:var(--line)}
.lightbox-modal{background:rgba(55,36,20,.88)}
.site-footer a[style]{color:inherit!important}
.site-footer a[href^="tel"]{color:var(--taupe)!important}
@media(max-width:1020px){.nav-menu,.header-call-pill{display:none}.mobile-toggle{display:block}}
@media(max-width:700px){.page-hero,.beauty-hero,.lookbook-hero-section{padding-top:58px}.svc-category-grid,.ritual-detail-cards,.lookbook-grid{grid-template-columns:1fr!important}}

/* Brand buttons across subpages */
.btn-pill-cyan,
.btn-primary,
.btn-book-service,
.btn-book-now-pill,
.beauty-buy-link {
  background: var(--milk) !important;
  color: var(--antique) !important;
  box-shadow: var(--shadow-sm) !important;
}

.btn-pill-cyan:hover,
.btn-primary:hover,
.btn-book-service:hover,
.btn-book-now-pill:hover,
.beauty-buy-link:hover {
  background: var(--vandyke) !important;
  color: var(--antique) !important;
  box-shadow: var(--shadow) !important;
}

/* Contrast audit for Warm Earth light surfaces */
.hero-glass-section,
.filter-glass-bar,
.spotlight-section,
.reviews-section,
.booking-section,
.page-hero,
.beauty-hero,
.lookbook-hero-section,
.service-card,
.spotlight-card,
.hero-glass-card,
.rating-summary-card,
.review-card,
.booking-wrapper,
.booking-callout,
.svc-category-card,
.ritual-detail-card,
.svc-detail-header-panel,
.beauty-products-panel,
.beauty-sidebar,
.beauty-product-card,
.lookbook-card,
.about-card,
.pillar-card,
.contact-card,
.contact-info-card,
.contact-form-card,
.map-preview-card,
.info-card,
.glass-panel {
  color: var(--text) !important;
}

.hero-glass-section h1,
.hero-glass-section h2,
.hero-glass-section h3,
.filter-glass-bar h1,
.filter-glass-bar h2,
.filter-glass-bar h3,
.spotlight-section h1,
.spotlight-section h2,
.spotlight-section h3,
.reviews-section h1,
.reviews-section h2,
.reviews-section h3,
.booking-section h1,
.booking-section h2,
.booking-section h3,
.page-hero h1,
.page-hero h2,
.page-hero h3,
.beauty-hero h1,
.beauty-hero h2,
.beauty-hero h3,
.lookbook-hero-section h1,
.lookbook-hero-section h2,
.lookbook-hero-section h3,
.service-card h1,
.service-card h2,
.service-card h3,
.spotlight-card h1,
.spotlight-card h2,
.spotlight-card h3,
.hero-glass-card h1,
.hero-glass-card h2,
.hero-glass-card h3,
.rating-summary-card h1,
.rating-summary-card h2,
.rating-summary-card h3,
.review-card h1,
.review-card h2,
.review-card h3,
.booking-wrapper h1,
.booking-wrapper h2,
.booking-wrapper h3,
.svc-category-card h1,
.svc-category-card h2,
.svc-category-card h3,
.ritual-detail-card h1,
.ritual-detail-card h2,
.ritual-detail-card h3,
.svc-detail-header-panel h1,
.svc-detail-header-panel h2,
.svc-detail-header-panel h3,
.beauty-products-panel h1,
.beauty-products-panel h2,
.beauty-products-panel h3,
.beauty-sidebar h1,
.beauty-sidebar h2,
.beauty-sidebar h3,
.beauty-product-card h1,
.beauty-product-card h2,
.beauty-product-card h3,
.lookbook-card h1,
.lookbook-card h2,
.lookbook-card h3,
.about-card h1,
.about-card h2,
.about-card h3,
.pillar-card h1,
.pillar-card h2,
.pillar-card h3,
.contact-card h1,
.contact-card h2,
.contact-card h3 {
  color: var(--bistre) !important;
}

.hero-glass-section p,
.filter-glass-bar p,
.spotlight-section p,
.reviews-section p,
.booking-section p,
.page-hero p,
.beauty-hero p,
.lookbook-hero-section p,
.service-card p,
.service-card li,
.spotlight-card p,
.hero-glass-card p,
.rating-summary-card p,
.review-card p,
.booking-wrapper p,
.booking-callout p,
.svc-category-card p,
.ritual-detail-card p,
.ritual-detail-card li,
.svc-detail-header-panel p,
.beauty-products-panel p,
.beauty-sidebar p,
.beauty-product-card p,
.lookbook-card p,
.about-card p,
.pillar-card p,
.contact-card p {
  color: var(--text-secondary) !important;
}

.filter-glass-text h3,
.score-num,
.stat-label,
.beauty-products-count,
.beauty-product-price,
.ritual-card-price,
.service-price,
.spotlight-card-price {
  color: var(--milk) !important;
}

.filter-pill-item.active .filter-label,
.btn,
.btn-pill-cyan,
.btn-primary,
.btn-gold:hover,
.btn-book-service,
.btn-book-now-pill,
.beauty-buy-link {
  color: var(--antique) !important;
}

.btn-outline,
.beauty-explore-link {
  color: var(--milk) !important;
}

.btn-ghost {
  color: var(--bistre) !important;
}

.btn-outline:hover {
  color: var(--antique) !important;
}

.stats-section,
.stats-section *,
.site-footer,
.site-footer *,
.gallery-overlay,
.gallery-overlay *,
.lightbox-modal,
.lightbox-modal *,
.lookbook-overlay,
.lookbook-overlay * {
  color: rgba(247,235,223,.88) !important;
}

.stats-section .section-title,
.site-footer .brand-logo,
.site-footer .footer-contact-info strong,
.gallery-overlay span:first-child,
.lookbook-card-title {
  color: var(--antique) !important;
}

.site-footer .footer-heading,
.site-footer a:hover,
.overlay-btn,
.lookbook-tag {
  color: var(--taupe) !important;
}

/* Harmonized warm colors for service callout, price list, and category cards */
.loved-visit-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(183,160,135,.26), transparent 34%),
    linear-gradient(145deg, var(--paper), var(--sand)) !important;
  border: 1px solid rgba(130,90,60,.18) !important;
  box-shadow: 0 20px 48px -26px rgba(55,36,20,.45) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.loved-visit-card::before {
  background: linear-gradient(90deg, transparent, var(--taupe), var(--milk), transparent) !important;
}

.loved-visit-title {
  color: var(--bistre) !important;
}

.loved-visit-subtitle {
  color: var(--text-secondary) !important;
}

.btn-book-look {
  background: var(--milk) !important;
  color: var(--antique) !important;
  box-shadow: 0 14px 30px -16px rgba(55,36,20,.55) !important;
}

.btn-book-look:hover {
  background: var(--vandyke) !important;
  color: var(--antique) !important;
}

/* ===== Homepage text colours that must win over the contrast audit ===== */
.reviews-section .review-card-text{color:var(--text)!important}
.reviews-section .reviewer-name,.reviews-section .bar-score{color:var(--bistre)!important}
.booking-section .booking-callout-title{color:var(--bistre)!important}
.hero .hero-facts a{color:inherit}

/* ===== Subpage consistency: radii, icons, eyebrow ===== */
.btn-book-look,.btn-book-now-mini,.duration-pill .pill-book-btn,.price-item-action .btn-book-now-pill,.beauty-explore-link,.lookbook-tab-btn,.beauty-category-btn,.svc-back-btn{border-radius:var(--radius-btn)!important}
.svc-category-card,.ritual-detail-card,.lookbook-card,.beauty-product-card,.beauty-products-panel,.beauty-sidebar,.svc-detail-header-panel,.svc-detail-nav-bar,.clean-price-list-box,.loved-visit-card,.contact-info-card,.contact-form-card,.map-preview-card,.info-card,.glass-panel,.pillar-card{border-radius:var(--radius-lg)!important}
.svc-category-card:hover,.ritual-detail-card:hover,.lookbook-card:hover,.beauty-product-card:hover,.pillar-card:hover{transform:translateY(-2px)}
.pillar-icon{font-family:var(--serif);font-style:italic;font-size:1.5rem!important;line-height:1;color:var(--milk)!important;margin-bottom:14px}
.channel-icon{color:var(--milk)!important;display:flex;justify-content:center;margin-bottom:8px}
.badge-pill{display:inline-block;margin-bottom:14px;padding:0!important;background:none!important;border:0!important;font:600 .74rem/1.4 var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--milk)!important}
.svc-category-badge{border-radius:var(--radius-sm)!important;background:var(--paper)!important;backdrop-filter:none!important;font-size:.7rem!important;letter-spacing:.12em}
.page-hero,.beauty-hero,.lookbook-hero-section{background:var(--antique)!important}
.page-hero-title,.lookbook-main-title,.beauty-products-title{font-weight:400!important;text-shadow:none!important}

/* ===== Forms & modal (contact page) ===== */
.form-label{color:var(--bistre)!important}
.form-control{background:var(--paper)!important;color:var(--text)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-sm)!important;backdrop-filter:none!important}
.form-control:focus{border-color:var(--milk)!important;box-shadow:0 0 0 3px rgba(130,90,60,.12)!important}
.form-control option{background:var(--paper);color:var(--text)}
.success-modal{background:var(--paper)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important}
.success-modal::backdrop{background:rgba(55,36,20,.6)!important}
.modal-title{color:var(--bistre)!important}
.beauty-buy-link,.beauty-explore-link,.beauty-products-count{border-radius:var(--radius-btn)!important}

/* Footer social icons — must beat the `.site-footer *` colour rule */
.site-footer .social-link,.site-footer .social-link *{color:var(--antique)!important}
.site-footer .social-link{width:42px;height:42px;border:1px solid rgba(247,235,223,.3);background:transparent;transition:background .25s,border-color .25s}
.site-footer .social-link:hover,.site-footer .social-link:focus-visible{background:var(--antique);border-color:var(--antique)}
.site-footer .social-link:hover,.site-footer .social-link:hover *,.site-footer .social-link:focus-visible,.site-footer .social-link:focus-visible *{color:var(--bistre)!important}
.nav-link{white-space:nowrap}
@media(max-width:1100px){.nav-menu,.header-call-pill{display:none}.mobile-toggle{display:block}}

/* ===== About: Our Staff — centered intro + monogram cards ===== */
.staff-section{background:var(--sand)}
.staff-layout{display:block}
.staff-intro{max-width:640px;margin:0 auto 48px;text-align:center}
.staff-intro .section-subtitle{margin:0 auto 22px}
.staff-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.staff-row{flex:0 1 calc((100% - 60px)/4);min-width:220px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 22px 28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .25s,transform .35s var(--ease)}
.staff-row:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.staff-avatar{width:76px;height:76px;margin-bottom:18px;border-radius:50%;display:grid;place-items:center;background:var(--antique);border:1px solid var(--line-strong);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line);font-family:var(--serif);font-size:1.45rem;font-weight:400;letter-spacing:.02em;color:var(--milk)}
.staff-name{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--bistre)!important;margin:0 0 14px}
.staff-services{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;width:100%;padding-top:14px;border-top:1px solid var(--line);font-size:.84rem;line-height:1.6;color:var(--text-secondary)}
.staff-services::before{content:"Specialties";flex-basis:100%;margin-bottom:4px;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--milk)}
.staff-services li{padding:0;background:none;border:0;font-size:.84rem;color:var(--text-secondary)}
.staff-services li:not(:last-child)::after{content:"·";margin:0 7px;color:var(--taupe)}
@media(max-width:1020px){.staff-row{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:760px){.staff-row{flex-basis:calc((100% - 20px)/2);min-width:0;padding:26px 16px 22px}.staff-avatar{width:62px;height:62px;font-size:1.2rem}}
@media(max-width:420px){.staff-list{gap:14px}.staff-row{flex-basis:100%}}

/* ===== Legal pages (Privacy / Terms) ===== */
.legal-hero{padding:clamp(48px,7vw,88px) 0 clamp(28px,4vw,40px)!important;text-align:center}
.legal-hero .page-hero-title{font-size:clamp(2.2rem,4.6vw,3.4rem);margin:0 0 14px}
.legal-hero .section-subtitle{margin-inline:auto}
.legal-section{padding-top:0}
.legal-doc{max-width:760px;margin-inline:auto;padding:clamp(28px,5vw,56px);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg)}
.legal-block+.legal-block{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.legal-block h2{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--bistre);margin-bottom:10px}
.legal-block p{font-size:1rem;line-height:1.75;color:var(--text-secondary)}
.legal-block a{color:var(--milk);font-weight:600;border-bottom:1px solid currentColor}
.legal-block a:hover{color:var(--bistre)}
.legal-block[id]{scroll-margin-top:100px}

/* ===== Look Book hover overlay — warm, readable caption ===== */
.lookbook-card .lookbook-overlay{background:linear-gradient(to top,rgba(39,25,14,.88) 0%,rgba(39,25,14,.55) 38%,rgba(39,25,14,0) 70%)!important;padding:24px 26px!important;gap:6px}
.lookbook-card .lookbook-overlay .lookbook-tag{color:var(--taupe)!important;font-size:.7rem;margin-bottom:2px}
.lookbook-card .lookbook-overlay .lookbook-card-title{color:var(--antique)!important;font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.25;margin-bottom:6px}
.lookbook-card .lookbook-overlay .lookbook-zoom-indicator{color:rgba(247,235,223,.8)!important;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.lookbook-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow)!important}
.lookbook-card:hover img{transform:scale(1.03)}
@media(hover:none){.lookbook-card .lookbook-overlay{opacity:1}}

/* ==========================================================================
   SERVICES PAGE — category grid + price menus (scoped to #servicesSection)
   ========================================================================== */
#servicesSection{padding-top:8px}
main:has(#servicesDetailView.active) .page-hero{display:none}
main:has(#servicesDetailView.active) #servicesSection{padding-top:clamp(28px,4vw,48px)}

/* Level 1 — category cards */
#servicesSection .svc-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#servicesSection .svc-category-card{display:flex;flex-direction:column;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;overflow:hidden;cursor:pointer;transform:none!important;transition:border-color .25s}
#servicesSection .svc-category-card:hover{border-color:var(--line-strong)!important}
#servicesSection .svc-category-img-wrap{position:relative;aspect-ratio:4/3;height:auto;border-radius:0!important;border:0!important;overflow:hidden}
#servicesSection .svc-category-img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .8s var(--ease)}
#servicesSection .svc-category-card:hover .svc-category-img{transform:scale(1.03)}
#servicesSection .svc-category-badge{position:absolute;top:14px;left:14px;padding:6px 10px;color:var(--vandyke)!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border:0!important}
#servicesSection .svc-category-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;background:var(--paper)!important}
#servicesSection .svc-category-title{font-family:var(--serif);font-size:1.35rem;font-weight:500;line-height:1.25;color:var(--bistre)!important;margin:0}
#servicesSection .svc-category-desc{font-size:.9rem;line-height:1.6;color:var(--text-secondary)!important;margin:0}
#servicesSection .svc-category-cta{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--milk)!important}
#servicesSection .svc-category-cta svg{transition:transform .25s var(--ease)}
#servicesSection .svc-category-card:hover .svc-category-cta svg{transform:translateX(3px)}

/* Level 2 — navigation + header */
#servicesSection .svc-detail-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px;margin:0 0 36px;background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;position:static}
#servicesSection .svc-back-btn{display:inline-flex;align-items:center;gap:8px;padding:0;background:none!important;border:0!important;font:600 .88rem/1 var(--sans);color:var(--bistre)!important;cursor:pointer}
#servicesSection .svc-back-btn:hover{color:var(--milk)!important}
#servicesSection .svc-breadcrumb{font-size:.82rem;color:var(--text-tertiary)}
#servicesSection .svc-breadcrumb span{color:var(--bistre)!important;font-weight:600}
#servicesSection .svc-detail-header-panel{max-width:720px;margin:0 0 40px;padding:0;text-align:left;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#servicesSection .svc-detail-main-title{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;color:var(--bistre)!important}
#servicesSection .svc-detail-subtitle{font-size:1.02rem;line-height:1.7;color:var(--text-secondary)!important;max-width:60ch;margin:0}

/* Price list (menu style) */
#servicesSection .clean-price-list-box{max-width:820px;margin:0 auto;padding:clamp(24px,4vw,48px);background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;backdrop-filter:none}
#servicesSection .clean-price-list-box.two-col{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,64px)}
#servicesSection .ritual-detail-cards+.clean-price-list-box{margin-top:24px;max-width:none}
#servicesSection .price-list-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 6px;padding:0 0 14px;border-bottom:1px solid var(--line-strong);font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--bistre)!important}
#servicesSection .price-list-section-title .section-tag{padding:0;background:none!important;border:0;font:600 .7rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)!important;white-space:nowrap}
#servicesSection .clean-price-row{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)!important}
#servicesSection .price-col .clean-price-row:last-child{border-bottom:0!important}
#servicesSection .price-item-name{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;font-size:.98rem;font-weight:500;line-height:1.35;color:var(--bistre)!important}
#servicesSection .price-touchup-badge{display:block;padding:0;margin:0;background:none!important;border:0;font-size:.78rem;font-weight:500;color:var(--text-tertiary)!important}
#servicesSection .price-item-dots{flex:1;min-width:24px;height:0;border:0;border-bottom:1px dotted rgba(130,90,60,.4)!important;transform:translateY(-4px)}
#servicesSection .price-item-action{display:flex;align-items:baseline;gap:0;flex:none}
#servicesSection .price-item-amount{font-family:var(--serif);font-size:1.08rem;font-weight:500;color:var(--milk)!important;white-space:nowrap;text-align:right}
#servicesSection .price-list-note{margin:12px 0 6px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--antique);font-size:.86rem;line-height:1.6;font-style:italic;color:var(--text-secondary)!important}
#servicesSection .price-list-footer{grid-column:1/-1;margin-top:28px;padding-top:28px;border-top:1px solid var(--line);text-align:center}

/* Manicure & pedicure tiers */
#servicesSection .mani-pedi-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#servicesSection .tier-card{display:flex;flex-direction:column;padding:28px 26px;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;transform:none!important;backdrop-filter:none!important}
#servicesSection .tier-card::before{display:none}
#servicesSection .tier-header{margin:0 0 8px;padding:0 0 16px;border-bottom:1px solid var(--line-strong)!important}
#servicesSection .tier-name{font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--bistre)!important;margin:0 0 4px}
#servicesSection .tier-tagline{display:block;font-size:.86rem;font-style:italic;color:var(--text-tertiary)!important}
#servicesSection .tier-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dotted rgba(130,90,60,.3)!important;font-size:.94rem;color:var(--text-secondary)!important}
#servicesSection .tier-price-action{display:flex;align-items:baseline}
#servicesSection .tier-price-row .price-val{font-family:var(--serif);font-size:1.12rem;color:var(--milk)!important}
#servicesSection .tier-combo-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 18px;padding:14px 16px;background:var(--antique)!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important}
#servicesSection .combo-left{display:flex;flex-direction:column;gap:4px}
#servicesSection .combo-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bistre)!important}
#servicesSection .combo-savings-pill{align-self:flex-start;padding:3px 8px;font-size:.7rem;font-weight:600;background:var(--sand)!important;color:var(--vandyke)!important;border-radius:var(--radius-sm)!important}
#servicesSection .combo-price{font-family:var(--serif);font-size:1.45rem;color:var(--milk)!important}
#servicesSection .tier-inclusions-list{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;padding:0;font-size:.88rem;line-height:1.5;color:var(--text-secondary)!important}
#servicesSection .tier-inclusions-list li{position:relative;padding-left:18px}
#servicesSection .tier-inclusions-list li::before{content:""!important;position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--milk)}
#servicesSection .tier-book{margin-top:auto;width:100%}

/* Rituals (head spa, facial) — one wide card per service */
#servicesSection .ritual-detail-cards,#servicesSection .ritual-detail-cards.two-cols{display:flex!important;flex-direction:column;gap:20px}
#servicesSection .ritual-detail-card{display:grid;grid-template-columns:minmax(240px,300px) 1fr;padding:0;overflow:hidden;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;transform:none!important}
#servicesSection .ritual-card-aside{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px 30px;background:var(--antique);border-right:1px solid var(--line)}
#servicesSection .ritual-card-title{font-family:var(--serif);font-size:1.55rem;font-weight:500;line-height:1.2;color:var(--bistre)!important;margin:0}
#servicesSection .ritual-card-meta{display:flex;align-items:baseline;gap:12px;margin:0;padding:0;border:0}
#servicesSection .ritual-card-price{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--milk)!important}
#servicesSection .ritual-card-duration{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)!important;background:none!important;padding:0;border:0}
#servicesSection .ritual-card-aside .btn{margin-top:6px}
#servicesSection .ritual-card-body{padding:32px 36px;columns:2 260px;column-gap:40px}
#servicesSection .ritual-block-label{break-after:avoid;margin:0 0 10px;padding-top:4px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--milk)!important}
#servicesSection .ritual-bullet-list{break-inside:avoid;display:flex;flex-direction:column;gap:8px;margin:0 0 24px;padding:0;font-size:.9rem;line-height:1.55;color:var(--text-secondary)!important}
#servicesSection .ritual-bullet-list li{position:relative;padding-left:18px;color:var(--text-secondary)!important}
#servicesSection .ritual-bullet-list li::before{content:""!important;position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--milk)}
#servicesSection .ritual-bullet-list ul{display:flex;flex-direction:column;gap:4px;margin:8px 0 2px;padding:0}
#servicesSection .ritual-bullet-list ul li{padding-left:14px;font-size:.86rem}
#servicesSection .ritual-bullet-list ul li::before{width:4px;height:4px;border-radius:50%;background:var(--taupe);top:.6em}

/* Massage — duration price table */
#servicesSection .massage-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#servicesSection .massage-card{display:flex;flex-direction:column;padding:32px 30px;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;backdrop-filter:none!important}
#servicesSection .massage-card .ritual-card-title{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line-strong)}
#servicesSection .duration-pills-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin:0 0 26px}
#servicesSection .duration-pill{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;padding:11px 0;background:none!important;border:0!important;border-bottom:1px dotted rgba(130,90,60,.3)!important;border-radius:0!important}
#servicesSection .duration-pill .pill-time{font-size:.92rem;color:var(--text-secondary)!important}
#servicesSection .duration-pill .pill-price{font-family:var(--serif);font-size:1.12rem;color:var(--milk)!important}
#servicesSection .massage-book{margin-top:auto;align-self:flex-start}

/* Responsive */
@media(max-width:980px){
  #servicesSection .svc-category-grid,#servicesSection .mani-pedi-tiers-grid{grid-template-columns:1fr 1fr}
  #servicesSection .massage-cards-grid{grid-template-columns:1fr}
  #servicesSection .ritual-detail-card{grid-template-columns:1fr}
  #servicesSection .ritual-card-aside{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
  #servicesSection .svc-category-grid,#servicesSection .mani-pedi-tiers-grid{grid-template-columns:1fr!important}
  #servicesSection .clean-price-list-box.two-col{grid-template-columns:1fr}
  #servicesSection .price-col+.price-col{margin-top:28px}
  #servicesSection .ritual-card-body{columns:1;padding:26px 22px}
  #servicesSection .ritual-card-aside{padding:26px 22px}
  #servicesSection .svc-breadcrumb{display:none}
  #servicesSection .duration-pills-grid{column-gap:20px}
}
#servicesSection .price-item-action{margin-left:auto}
@media(max-width:700px){#servicesSection .price-list-section-title{flex-direction:column;align-items:flex-start;gap:4px}}