/* BEAUTY CLINIQUE | V2 MILK GREY × CHAMPAGNE
   Visual-only override. Loads after V0 CSS on every EN/ZH page.
   Deliberately does not modify page dimensions, routes, data or scripts.
   Revert in V2 by removing this stylesheet. V0 stays untouched.
*/
:root {
  --cream: #F2F0EC;
  --slate: #413E3A;
  --deep: #DCD7D0;
  --card: #D6D0C8;
  --muted: #716B64;
  --champagne: #B19672;
  --bc-shell-cream: #F2F0EC;
  --bc-shell-slate: #413E3A;
  --bc-shell-champagne: #B19672;
  --bc-shell-footer: #E4DED6;
  --bc-v2-paper: #F2F0EC;
  --bc-v2-white: #F9F7F3;
  --bc-v2-cream: #EBE6DF;
  --bc-v2-darker: #DDD7D0;
  --bc-v2-ink: #413E3A;
  --bc-v2-muted: #6F6962;
  --bc-v2-gold: #B19672;
  --bc-v2-line: #D6CDC2;
}
html,body { background-color:var(--bc-v2-paper);color:var(--bc-v2-ink); }
body { background:var(--bc-v2-paper); }
::selection { background:#D8C3A9; color:var(--bc-v2-ink); }
/* Header, brand, language menu, booking controls: both languages, all 32 routes */
.bc-global-header,
.bc-header,.bcx-header { background:var(--bc-v2-paper);color:var(--bc-v2-ink);border-bottom:1px solid var(--bc-v2-line); }
.hero > .bc-global-header { background:transparent;border:0; }
.bc-global-wordmark,.bc-global-wordmark:link,.bc-global-wordmark:visited,
.bc-logo,.bcx-brand { color:#A58560; }
.bc-global-nav a,.bc-global-nav a:link,.bc-global-nav a:visited,
.bc-global-book,.bc-global-book:link,.bc-global-book:visited,
.bc-global-language-switch a[aria-current="page"] { color:var(--bc-v2-ink); }
.bc-global-nav a[aria-current="page"] { color:#92724D; }
.bc-global-language-switch,.bc-global-language-switch a,.bc-global-language-switch span { color:#806B55; }
.bc-global-menu .bc-global-menu-line,.site-menu summary .menu-line,.bcx-menu summary i,.bc-mobile-menu summary span { background:var(--bc-v2-ink); }
.bc-global-menu-list,.bcx-menu nav,.bc-mobile-menu nav,.menu-panel { background:var(--bc-v2-white);border-color:var(--bc-v2-line); }
.bc-global-menu-list a,.bcx-menu nav a,.bc-mobile-menu nav a,.menu-panel a { color:var(--bc-v2-ink);border-color:var(--bc-v2-line); }
.bc-global-book,.bcx-book,.bc-book { border-color:var(--bc-v2-gold); }
/* Homepage hero. Temporarily tone the unchanged V0 photos onto a light milk-grey canvas.
   Remove photo filter/opacity here when final V2 artwork is approved. */
.hero { background:#DED8D0;color:var(--bc-v2-ink); }
.bc-hero-slide-stack { background:#DCD5CB; }
.hero-picture img,.bc-hero-slide img { filter:grayscale(.85) sepia(.13) brightness(1.4) contrast(.73);opacity:.32; }
.hero .hero-veil { background:linear-gradient(90deg,rgba(242,240,236,.97) 0%,rgba(242,240,236,.88) 40%,rgba(235,230,223,.35) 100%) !important; }
.hero .hero-kicker,.hero .hero-link span:last-child,.hero .hero-count small,
.hero .small-icon,.hero .bc-hero-carousel-nav button { color:#9B7C58; }
.hero .hero-description { color:#57514B; }
.hero .hero-link,.hero .hero-contacts a,.hero .hero-count { color:var(--bc-v2-ink); }
.hero .separator { background:#BFB5AA; }
.bc-hero-carousel-nav button { background:transparent !important; }
.bc-hero-carousel-pager button { color:#A48764; }
/* Find Your Care: use neutral tiles and gold line icons on mobile.
   Preserve desktop's existing approved photo cards and geometry. */
.care-section,.price-section,.treatments-section,.bcx-content,.bc-section { background-color:var(--bc-v2-paper);color:var(--bc-v2-ink); }
.care-description,.price-overview p,.bc-intro,.bcx-lead { color:var(--bc-v2-muted); }
.care-heading-arrow { color:#9C8C7D; }
.care-card { background:#82796F;color:var(--bc-v2-white); }
.care-icon { stroke:#E2C6A1; }
/* Category image overlays reduce navy impression without compromising text visibility */
.bcx-category-tile { background:#807971;color:#FFF9F1; }
.bcx-category-tile img { filter:grayscale(.5) sepia(.12) saturate(.65); }
.bcx-category-tile::after { background:linear-gradient(0deg,rgba(54,46,37,.72),rgba(62,52,44,.06) 85%); }
.bcx-category-visual { background:#DDD5CC; }
.bcx-category-visual:empty { background:linear-gradient(125deg,#D2CBC3,#EAE5DD); }
.bcx-category-photo { filter:grayscale(.5) sepia(.11) saturate(.75); }
/* Replace the three large navy homepage panels with warm neutral tones */
.featured-section,.consult-section,.contact-section,.bcx-intro,.bcx-consult,
.bc-contact-panel,.bc-hero { background:var(--bc-v2-cream);color:var(--bc-v2-ink); }
.featured-section { background:linear-gradient(110deg,#E4DED6,#F1EDE7 68%,#E4DED6); }
.featured-section h2,.consult-section h2,.contact-section h2,.bcx-intro h1,
.bc-hero h1,.bc-contact-panel h2 { color:var(--bc-v2-ink); }
.featured-body>p:not(.mini-label),.consult-section p:not(.eyebrow),
.bcx-lead,.bc-hero p.bc-lead,.bc-hero-note,.bc-contact-panel p,
.bcx-consult p:not(.bcx-kicker) { color:var(--bc-v2-muted); }
.featured-section .eyebrow,.consult-section .eyebrow,.contact-section .eyebrow,
.bcx-kicker,.bc-kicker { color:#937454; }
.featured-actions a,.bcx-hero-cta a,.bcx-link { color:#82674C; }
.consult-actions a,.bc-contact-buttons a,.bcx-consult a { color:var(--bc-v2-ink);border-color:#AE977D; }
/* Prices, filters, information cards */
.bc-price-teaser,.bc-filter-bar,.bc-clarity { background:#E9E4DD;border-color:var(--bc-v2-line); }
.bc-price-teaser:hover { background:#E5DFD7; }
.bc-field select,.bc-field input { background:#F8F6F2;color:var(--bc-v2-ink); }
.bc-treatment-note,.bcx-price-row p,.bcx-contact-grid p:not(.bcx-kicker),.bc-result-count { color:var(--bc-v2-muted); }
/* Shared footer must match the new V2 logo and remain uniform across routes */
.bc-global-footer,.bc-global-footer.contact-section,
.bcx-footer,.bc-footer { background:var(--bc-v2-darker);color:var(--bc-v2-ink);border-top:1px solid #CFC4B9; }
.bc-global-footer-wordmark,.bc-global-footer-wordmark:link,.bc-global-footer-wordmark:visited,
.bcx-footer-brand,.bc-footer-name { color:var(--bc-v2-ink); }
.bc-global-footer address,.bc-global-footer p.bc-global-footer-hours,
.bc-global-footer p.bc-global-footer-policy,
.bcx-footer p,.bc-footer p,.bc-footer address { color:#675F58; }
.bc-global-footer-kicker,.bc-global-footer-links a,.bcx-footer nav a,.bc-footer-links a { color:#967650; }
/* Sticky CTA stays legible and aligned on phone/tablet */
.mobile-sticky,.bcx-sticky,.bc-mobile-cta { background:#E1DBD3;color:#66503B;border-top:1px solid #C9BAAA; }
.mobile-sticky a,.bcx-sticky a,.bc-mobile-cta a { color:#66503B; }
.bcx-sticky a+a,.bc-mobile-cta a+a { border-left-color:#C9BAAA; }
/* Low-level fallbacks for older pages without shared shell */
.bcx-header,.bcx-footer,.bcx-consult,.bc-hero,.bc-contact-panel { background-color:var(--bc-v2-cream); }
/* Avoid unforeseen jumps, preserve responsive dimensions from V0. */
@media (max-width:899px) {
  .hero { background:#DDD6CD; }
  .hero .hero-veil { background:linear-gradient(90deg,rgba(242,240,236,.97) 0%,rgba(242,240,236,.82) 53%,rgba(242,240,236,.16) 100%) !important; }
}
@media (min-width:900px) {
  .care-card { background-color:#82796F; }
  .care-card::before { background:linear-gradient(0deg,rgba(66,52,40,.76),rgba(66,52,40,.06) 94%); }
  .desktop-nav > a:not(.top-book),.desktop-nav button,.desktop-nav .top-book { color:var(--bc-v2-ink); }
}

/* BC-V2-HERO01-IMAGEFIX START */
/* Original approved portrait, no desaturation, lowered opacity or color substitution. */
.hero .hero-picture[data-hero-image="0"] img,
.hero > picture.hero-picture img {
  filter: none !important;
  opacity: 1 !important;
  object-position: center center;
}
/* Light grey canvas leaves the natural reflection on skin untouched. */
.hero[data-bc-slide="0"] .hero-veil,
.hero:not([data-bc-slide]) .hero-veil {
  background: linear-gradient(90deg,
    rgba(242,240,236,.42) 0%,
    rgba(242,240,236,.13) 43%,
    rgba(242,240,236,0) 68%) !important;
}
/* The new image is light; contrast must be dark rather than old ivory-on-navy. */
.hero[data-bc-slide="0"] h1,
.hero[data-bc-slide="0"] .hero-description,
.hero[data-bc-slide="0"] .hero-link,
.hero[data-bc-slide="0"] .hero-contacts a,
.hero[data-bc-slide="0"] .hero-count { color:#413E3A !important; }
.hero[data-bc-slide="0"] .bc-global-nav a,
.hero[data-bc-slide="0"] .bc-global-language-switch a,
.hero[data-bc-slide="0"] .bc-global-book { color:#413E3A !important; }
@media (max-width:899px) {
  .hero .hero-picture[data-hero-image="0"] img,
  .hero > picture.hero-picture img { object-position:79% center !important; }
  .hero[data-bc-slide="0"] .hero-veil,
  .hero:not([data-bc-slide]) .hero-veil {
    background:linear-gradient(90deg,
      rgba(242,240,236,.75) 0%,
      rgba(242,240,236,.52) 40%,
      rgba(242,240,236,.08) 100%) !important;
  }
}
/* BC-V2-HERO01-IMAGEFIX END */