/*
 * luxury-glass.css — site-wide luxury-glass FINISH LAYER (public site).
 *
 * Injected last in <head> by public-page-shell.js on every non-admin public
 * page (the same chokepoint that rewrites the shared header/footer), so it
 * always wins source-order ties with page stylesheets. Materials only:
 * nothing here changes layout, content, typography hierarchy, imagery or copy
 * — only surfaces, edges, light and hover detail.
 *
 * Recipe mirrors the approved homepage concept (assets/mockups/
 * home-luxury-glass/luxury-glass.css): dark coffee translucency, 18–24px
 * backdrop blur + saturate, gradient gold hairlines that brighten along the
 * top edge and fade at the corners, an inset cream top-light, and a tight
 * contact shadow under a soft ambient shadow.
 *
 * Sections: tokens → ambient → header/menu/search/popovers → homepage
 * sections → per-page-family sections (woodcraft, services, …) → footer →
 * language kitten → no-backdrop-filter fallback → reduced motion. Family
 * sections must reuse the tokens/recipes below and stay materials-only.
 */

body.public-reference-shell {
  /* coffee + gold materials */
  --lg-coffee-1: oklch(0.24 0.024 52 / 0.62);
  --lg-coffee-2: oklch(0.16 0.017 50 / 0.58);
  --lg-coffee-deep: oklch(0.12 0.015 48 / 0.88);
  --lg-gold: oklch(0.80 0.11 82);
  --lg-gold-bright: oklch(0.93 0.085 88);
  --lg-gold-deep: oklch(0.66 0.10 68);
  --lg-cream: oklch(0.95 0.02 85);
  --lg-line: oklch(0.80 0.11 82 / 0.22);
  /* 1px gradient ring: bright champagne on the top edge, fading to a faint
     gold glow toward the lower corners (masked so only the ring shows). */
  --lg-ring: linear-gradient(155deg,
      oklch(0.97 0.045 90 / 0.72) 0%,
      oklch(0.86 0.11 84 / 0.3) 20%,
      oklch(0.80 0.11 82 / 0.09) 46%,
      oklch(0.80 0.11 82 / 0.14) 70%,
      oklch(0.75 0.10 72 / 0.42) 100%);
  --lg-sheen: linear-gradient(108deg,
      transparent 30%,
      oklch(0.95 0.03 85 / 0.12) 46%,
      oklch(0.86 0.08 82 / 0.07) 53%,
      transparent 70%);
  --lg-shadow-ambient: 0 42px 90px -42px oklch(0 0 0 / 0.85);
  --lg-shadow-contact: 0 2px 10px -2px oklch(0 0 0 / 0.35);
  --lg-blur: blur(22px) saturate(142%);
}

/* ====================================================================== */
/* Ambient warmth — the homepage's low-intensity glows give frosted        */
/* surfaces something to refract (same trick as the admin body gradients). */
/* ====================================================================== */
body.home-v3 main.home-reference {
  background:
    radial-gradient(1100px 720px at 82% -6%, oklch(0.55 0.095 74 / 0.2), transparent 60%),
    radial-gradient(950px 1050px at 6% 36%, oklch(0.44 0.085 54 / 0.18), transparent 62%),
    radial-gradient(1050px 880px at 96% 66%, oklch(0.56 0.105 84 / 0.16), transparent 60%),
    radial-gradient(900px 640px at 32% 108%, oklch(0.48 0.09 62 / 0.15), transparent 62%),
    var(--home-background);
  background-attachment: fixed;
}

/* ====================================================================== */
/* Floating sticky header — the glass lives on the centred pill inside the */
/* transparent carrier (.public-header-inner); public-page-shell.css owns  */
/* its geometry, ring and resting material.                                */
/* ====================================================================== */
#public-site-header.site-header {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  transition: none;
}
#public-site-header.site-header::after { content: none; }
#public-site-header.site-header.is-glass-scrolled .public-header-inner {
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.14),
    0 26px 60px -24px oklch(0.03 0.01 45 / 0.85);
}
/* icon buttons: hairline glass ring on the existing hover */
#public-site-header .site-icon-button {
  border-radius: 50%;
  transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
#public-site-header .site-icon-button:hover,
#public-site-header .site-icon-button:focus-visible {
  background: oklch(0.80 0.11 82 / 0.12);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.34),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.14),
    0 6px 18px -8px oklch(0.45 0.09 55 / 0.6);
}
#public-site-header .menu-toggle {
  transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  border-radius: 999px;
}
#public-site-header .menu-toggle:hover {
  background: oklch(0.80 0.11 82 / 0.1);
  box-shadow: inset 0 0 0 1px oklch(0.80 0.11 82 / 0.28);
}
/* The mobile navigation anchor lives inside the already-glass pill: keep it
   transparent at rest, only a soft gold wash on hover. */
#public-site-header .public-mobile-navigation {
  border: 0;
  border-radius: 50%;
  background: transparent;
  transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
#public-site-header .public-mobile-navigation:hover {
  background: oklch(0.80 0.11 82 / 0.14);
  box-shadow: inset 0 0 0 1px oklch(0.80 0.11 82 / 0.35);
  color: var(--lg-gold);
}

/* account dropdown — frosted popover plate */
#public-site-header .site-account-dropdown {
  position: absolute;
  padding: 8px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(165deg,
      oklch(0.24 0.023 52 / 0.9),
      oklch(0.15 0.016 50 / 0.94));
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  box-shadow:
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.12),
    0 28px 70px -22px oklch(0 0 0 / 0.85),
    var(--lg-shadow-contact);
}
#public-site-header .site-account-dropdown::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#public-site-header .site-account-dropdown > a,
#public-site-header .site-account-dropdown > button {
  border-radius: 9px;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
#public-site-header .site-account-dropdown > a:hover,
#public-site-header .site-account-dropdown > button:hover {
  background: oklch(0.80 0.11 82 / 0.12);
  box-shadow: inset 0 0 0 1px oklch(0.80 0.11 82 / 0.22);
}

/* ====================================================================== */
/* Search popover — glass field (every shelled page that carries search)   */
/* ====================================================================== */
.public-reference-shell .site-search-shell { z-index: 25; }
body.public-reference-shell .site-search {
  position: relative;
  border: 0;
  border-radius: 16px;
  overflow: visible;
  background: linear-gradient(160deg,
      oklch(0.23 0.022 52 / 0.86),
      oklch(0.14 0.016 49 / 0.92));
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
  box-shadow:
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.12),
    0 26px 64px -22px oklch(0 0 0 / 0.85);
}
body.public-reference-shell .site-search::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 1;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
body.public-reference-shell .site-search input {
  background: transparent;
  color: var(--lg-cream);
}
body.public-reference-shell .site-search input::placeholder { color: oklch(0.72 0.03 75 / 0.85); }
body.public-reference-shell .site-search button {
  margin: 6px;
  align-self: center;
  min-height: 34px;
  min-width: 104px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, oklch(0.3 0.03 55 / 0.9), oklch(0.2 0.02 49 / 0.95));
  color: var(--lg-cream);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.35),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.14);
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
body.public-reference-shell .site-search button:hover,
body.public-reference-shell .site-search button:focus-visible {
  background: oklch(0.80 0.11 82 / 0.16);
  color: var(--lg-gold-bright);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.6),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.2);
}
body.public-reference-shell .site-search-results {
  margin-top: 8px;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(170deg,
      oklch(0.22 0.022 52 / 0.9),
      oklch(0.14 0.016 49 / 0.94));
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
  box-shadow:
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.1),
    0 26px 64px -22px oklch(0 0 0 / 0.85);
}
body.public-reference-shell .site-search-result { border-bottom: 1px solid oklch(0.80 0.11 82 / 0.1); }
body.public-reference-shell .site-search-result:hover,
body.public-reference-shell .site-search-result:focus-visible {
  background: oklch(0.80 0.11 82 / 0.1);
}
body.public-reference-shell .site-search-filters select {
  background: oklch(0.2 0.02 50 / 0.8);
  border-color: var(--lg-line);
  color: var(--lg-cream);
}
/* The result panel is a dark frosted surface: retint every text token the
   light palette leaves on --ink/--muted/--accent (P0 contrast fix). */
body.public-reference-shell .site-search-result { border-bottom-color: oklch(0.80 0.11 82 / 0.12); }
body.public-reference-shell .site-search-result-title { color: var(--lg-cream); }
body.public-reference-shell .site-search-result-kind,
body.public-reference-shell .site-search-result-context { color: var(--lg-gold-bright); }
body.public-reference-shell .site-search-result-excerpt,
body.public-reference-shell .site-search-message,
body.public-reference-shell .site-search-image-error { color: oklch(0.82 0.022 80); }
body.public-reference-shell .site-search-result-price { color: var(--lg-cream); font-weight: 600; }
body.public-reference-shell .site-search-thumbnail {
  background: oklch(0.95 0.02 85 / 0.08);
  box-shadow: inset 0 0 0 1px oklch(0.80 0.11 82 / 0.18);
}
body.public-reference-shell .site-search-more {
  background: linear-gradient(180deg, oklch(0.3 0.03 55 / 0.9), oklch(0.2 0.02 49 / 0.95));
  border-top: 1px solid var(--lg-line);
  color: var(--lg-cream);
}
body.public-reference-shell .site-search-more:hover,
body.public-reference-shell .site-search-more:focus-visible {
  background: oklch(0.80 0.11 82 / 0.16);
  color: var(--lg-gold-bright);
}

/* ====================================================================== */
/* Full-screen navigation menu — cinematic frosted panel                   */
/* ====================================================================== */
body.public-reference-shell .site-menu,
body.sv-navigation-page .site-menu {
  background:
    radial-gradient(900px 600px at 85% -10%, oklch(0.5 0.09 72 / 0.16), transparent 60%),
    radial-gradient(800px 700px at 8% 96%, oklch(0.46 0.085 60 / 0.12), transparent 62%),
    linear-gradient(180deg,
      oklch(0.18 0.02 51 / 0.82),
      oklch(0.11 0.014 48 / 0.92));
  -webkit-backdrop-filter: blur(30px) saturate(142%);
  backdrop-filter: blur(30px) saturate(142%);
}
body.public-reference-shell .site-menu .menu-inner,
body.sv-navigation-page .site-menu .menu-inner { background: transparent; }
.public-reference-shell .site-menu .menu-meta,
.sv-navigation-page .site-menu .menu-meta {
  border-top-color: oklch(0.82 0.1 84 / 0.26);
}

/* ====================================================================== */
/* HOMEPAGE — hero, bands, craft, service plate, products, contact CTA     */
/* (selectors kept identical to the approved mockup for a pixel match)     */
/* ====================================================================== */

/* Hero — buttons & badge (imagery/overlay untouched) */
.home-reference .home-reference-button {
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 oklch(0.96 0.045 85 / 0.32),
    inset 0 -1px 0 oklch(0.3 0.1 30 / 0.35),
    0 16px 36px -18px oklch(0.55 0.16 42 / 0.8),
    0 3px 10px -3px oklch(0 0 0 / 0.45);
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, filter 0.25s ease;
}
.home-reference .home-reference-button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-reference-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    inset 0 1px 0 oklch(0.96 0.045 85 / 0.4),
    inset 0 -1px 0 oklch(0.3 0.1 30 / 0.35),
    0 22px 44px -18px oklch(0.55 0.16 42 / 0.85),
    0 4px 12px -3px oklch(0 0 0 / 0.45);
}
.home-reference .home-reference-button:hover::after { transform: translateX(120%); }
.home-reference .home-reference-button:active { transform: translateY(0); }

/* ghost pill — frosted glass over the photograph */
.home-reference .home-reference-button-outline {
  position: relative;
  overflow: hidden;
  border: 0;
  background: linear-gradient(180deg,
      oklch(0.22 0.022 51 / 0.44),
      oklch(0.13 0.015 49 / 0.52));
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  backdrop-filter: blur(14px) saturate(130%);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.3),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.14),
    0 12px 30px -18px oklch(0 0 0 / 0.75);
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.home-reference .home-reference-button-outline::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-reference-button-outline:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg,
      oklch(0.28 0.028 53 / 0.52),
      oklch(0.16 0.017 50 / 0.6));
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.6),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.2),
    0 18px 38px -18px oklch(0 0 0 / 0.8);
}
.home-reference .home-reference-button-outline:hover::after { transform: translateX(120%); }

/* ember badges keep their colour; gain a top light and warm lift */
.home-reference .home-reference-badge {
  box-shadow:
    inset 0 1px 0 oklch(0.96 0.05 80 / 0.38),
    0 8px 20px -10px oklch(0.55 0.16 42 / 0.8);
}

/* Materials marquee strip — frosted band with gold edge light */
.home-reference .home-reference-strip {
  position: relative;
  border-block: 0;
  background: linear-gradient(180deg,
      oklch(0.28 0.03 52 / 0.52),
      oklch(0.2 0.024 50 / 0.62));
  -webkit-backdrop-filter: blur(14px) saturate(138%);
  backdrop-filter: blur(14px) saturate(138%);
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.12),
    inset 0 18px 36px -28px oklch(0.86 0.09 86 / 0.3);
}
.home-reference .home-reference-strip::before,
.home-reference .home-reference-strip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  pointer-events: none;
}
.home-reference .home-reference-strip::before {
  top: 0;
  background: linear-gradient(90deg, transparent, oklch(0.93 0.085 88 / 0.5), transparent);
}
.home-reference .home-reference-strip::after {
  bottom: 0;
  background: linear-gradient(90deg, transparent, oklch(0.80 0.11 82 / 0.32), transparent);
}
.home-reference .home-reference-motion-toggle {
  border: 0;
  background: linear-gradient(180deg, oklch(0.22 0.022 51 / 0.72), oklch(0.14 0.016 49 / 0.78));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.32),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.14),
    0 8px 22px -10px oklch(0 0 0 / 0.75);
  transition: box-shadow 0.25s ease, color 0.25s ease, background 0.25s ease;
}
.home-reference .home-reference-motion-toggle:hover {
  color: var(--lg-gold-bright);
  background: linear-gradient(180deg, oklch(0.28 0.028 53 / 0.78), oklch(0.17 0.018 50 / 0.82));
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.6),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.2),
    0 10px 24px -10px oklch(0 0 0 / 0.8);
}

/* Craft "Making" plate — gilded ring on the film plate, frosted maker seal
   and glass pull-quote, warm hairline chapter rows. */
.home-reference .home-reference-craft-plate {
  position: relative;
  z-index: 2;
  border-color: oklch(0.80 0.11 82 / 0.3);
}
.home-reference .home-reference-craft-plate::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.home-reference .home-reference-craft-seal {
  -webkit-backdrop-filter: blur(8px) saturate(1.4);
  backdrop-filter: blur(8px) saturate(1.4);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.28),
    inset 0 1px 0 oklch(0.95 0.03 85 / 0.18);
}
.home-reference .home-reference-craft-pull {
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  backdrop-filter: blur(20px) saturate(1.3);
  box-shadow:
    0 24px 60px -24px oklch(0 0 0 / 0.85),
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.22),
    inset 0 1px 0 oklch(0.95 0.03 85 / 0.16);
}
.home-reference .home-reference-craft-point {
  border-top-color: oklch(0.80 0.11 82 / 0.22);
}
/* "Explore Woodcraft" pill carries the same frosted ghost-button recipe as
   the rest of the site, plus a one-pass RTL-mirrored sheen. */
.home-reference .home-reference-craft-link {
  position: relative;
  overflow: hidden;
  border: 0;
  background: linear-gradient(180deg,
      oklch(0.25 0.026 52 / 0.62),
      oklch(0.16 0.017 50 / 0.68));
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.32),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.13),
    0 12px 30px -18px oklch(0 0 0 / 0.8);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.home-reference .home-reference-craft-link::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-reference-craft-link:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg,
      oklch(0.3 0.03 54 / 0.7),
      oklch(0.18 0.019 50 / 0.74));
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.6),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.18),
    0 14px 34px -18px oklch(0 0 0 / 0.85);
}
.home-reference .home-reference-craft-link:hover::after { transform: translateX(120%); }
html[dir="rtl"] .home-reference .home-reference-craft-link::after { transform: translateX(120%); }
html[dir="rtl"] .home-reference .home-reference-craft-link:hover::after { transform: translateX(-120%); }

/* Service atlas — five frosted glass rows: gilded edge ring + one-pass sheen */
.home-reference .home-atlas-card {
  position: relative;
  z-index: 2;
}
.home-reference .home-atlas-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
/* one-pass sheen on the existing hover target */
.home-reference .home-atlas-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-115%);
  transition: transform 0.85s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-atlas-card:hover {
  background:
    radial-gradient(440px 280px at 16% -8%, oklch(0.62 0.105 78 / 0.22), transparent 72%),
    linear-gradient(180deg,
      oklch(0.32 0.034 56 / 0.52),
      oklch(0.19 0.022 50 / 0.32));
}
.home-reference .home-atlas-card:hover::before { transform: translateX(115%); }
.home-reference .home-atlas-card .home-atlas-card-bottom svg {
  transition: transform 0.3s ease, filter 0.3s ease;
}
.home-reference .home-atlas-card:hover .home-atlas-card-bottom svg {
  filter: drop-shadow(0 0 10px oklch(0.80 0.11 82 / 0.45));
}
/* centerpiece — deep ambient lift under the walnut/gold knot */
.home-reference .home-atlas-art {
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.12),
    0 46px 98px -42px oklch(0.08 0.03 50 / 0.9),
    0 8px 26px -16px oklch(0 0 0 / 0.7);
}
.home-reference .home-atlas-tag {
  -webkit-backdrop-filter: blur(8px) saturate(1.4);
  backdrop-filter: blur(8px) saturate(1.4);
}
html[dir="rtl"] .home-reference .home-atlas-card:hover {
  background:
    radial-gradient(440px 280px at 84% -8%, oklch(0.62 0.105 78 / 0.22), transparent 72%),
    linear-gradient(180deg,
      oklch(0.32 0.034 56 / 0.52),
      oklch(0.19 0.022 50 / 0.32));
}

html[dir="rtl"] .home-reference .home-atlas-card::before { transform: translateX(115%); }
html[dir="rtl"] .home-reference .home-atlas-card:hover::before { transform: translateX(-115%); }

/* Products band + frames + ghost link */
.home-reference .home-v3-products {
  position: relative;
  border-block: 0;
  background: linear-gradient(180deg,
      oklch(0.28 0.026 53 / 0.5),
      oklch(0.17 0.018 49 / 0.58));
  -webkit-backdrop-filter: blur(16px) saturate(138%);
  backdrop-filter: blur(16px) saturate(138%);
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.13),
    inset 0 30px 60px -44px oklch(0.86 0.09 86 / 0.28);
}
.home-reference .home-v3-products::before,
.home-reference .home-v3-products::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  pointer-events: none;
}
.home-reference .home-v3-products::before {
  top: 0;
  background: linear-gradient(90deg, transparent, oklch(0.93 0.085 88 / 0.58), transparent);
}
.home-reference .home-v3-products::after {
  bottom: 0;
  background: linear-gradient(90deg, transparent, oklch(0.80 0.11 82 / 0.38), transparent);
}
/* Museum plates — deep drop shadow at rest, gilded hairline ring and a
   one-pass diagonal sheen on hover (same recipes as atlas cards). */
.home-reference .home-v3-product-plate {
  box-shadow:
    inset 0 1px 0 oklch(0.95 0.03 85 / 0.12),
    0 34px 70px -34px oklch(0 0 0 / 0.82),
    0 8px 20px -12px oklch(0 0 0 / 0.55);
}
.home-reference .home-v3-product:hover .home-v3-product-plate {
  transform: translateY(-6px);
  box-shadow:
    inset 0 1px 0 oklch(0.95 0.03 85 / 0.2),
    0 44px 84px -34px oklch(0 0 0 / 0.9),
    0 12px 26px -12px oklch(0 0 0 / 0.62);
}
.home-reference .home-v3-product-plate::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 1px;
  opacity: 0.8;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: opacity 0.35s ease;
}
.home-reference .home-v3-product:hover .home-v3-product-plate::after { opacity: 1; }
.home-reference .home-v3-product-sheen {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-115%);
  opacity: 0;
  transition:
    transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1),
    opacity 0.3s ease;
}
.home-reference .home-v3-product-plate:hover .home-v3-product-sheen {
  transform: translateX(115%);
  opacity: 1;
}
html[dir="rtl"] .home-reference .home-v3-product-plate:hover .home-v3-product-sheen { transform: translateX(-115%); }

/* "Explore Woodcraft" — text link becomes a glass ghost pill */
.home-reference .home-v3-outline-link {
  position: relative;
  overflow: hidden;
  padding: 13px 20px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg,
      oklch(0.25 0.026 52 / 0.62),
      oklch(0.16 0.017 50 / 0.68));
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.32),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.13),
    0 12px 30px -18px oklch(0 0 0 / 0.8);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.home-reference .home-v3-outline-link::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-v3-outline-link:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg,
      oklch(0.3 0.03 54 / 0.7),
      oklch(0.18 0.019 50 / 0.74));
  box-shadow:
    inset 0 0 0 1px oklch(0.80 0.11 82 / 0.6),
    inset 0 1px 0 oklch(0.95 0.02 85 / 0.18),
    0 18px 38px -18px oklch(0 0 0 / 0.85);
}
.home-reference .home-v3-outline-link:hover::after { transform: translateX(120%); }

/* Contact CTA — gold primary keeps its gradient, gains light + sheen */
.home-reference .home-reference-button-gold {
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 oklch(0.98 0.03 90 / 0.4),
    inset 0 -1px 0 oklch(0.4 0.08 55 / 0.35),
    0 26px 60px -24px oklch(0.8 0.11 82 / 0.5),
    0 4px 14px -4px oklch(0 0 0 / 0.4);
  transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.home-reference .home-reference-button-gold::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.home-reference .home-reference-button-gold:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 oklch(0.98 0.03 90 / 0.5),
    inset 0 -1px 0 oklch(0.4 0.08 55 / 0.35),
    0 32px 70px -24px oklch(0.8 0.11 82 / 0.5),
    0 6px 16px -4px oklch(0 0 0 / 0.45);
}
.home-reference .home-reference-button-gold:hover::after { transform: translateX(120%); }

/* ====================================================================== */
/* Footer — frosted deep coffee with a champagne edge (shared)             */
/* ====================================================================== */
.home-reference .home-v3-footer,
body.public-reference-shell footer.public-site-footer {
  position: relative;
  border-top: 0;
  background:
    radial-gradient(1000px 300px at 50% 0%, oklch(0.55 0.095 76 / 0.15), transparent 72%),
    linear-gradient(180deg,
      oklch(0.19 0.019 50 / 0.72),
      oklch(0.11 0.014 48 / 0.88));
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.09),
    inset 0 34px 60px -50px oklch(0.86 0.09 86 / 0.3);
}
.home-reference .home-v3-footer::before,
body.public-reference-shell footer.public-site-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,
      transparent,
      oklch(0.82 0.1 84 / 0.4) 18%,
      oklch(0.95 0.08 90 / 0.62) 50%,
      oklch(0.82 0.1 84 / 0.4) 82%,
      transparent);
}

/* ====================================================================== */
/* Kitten mascot language panel + typing bubble — frosted coffee glass     */
/* (the live language chooser since the mascot redesign)                   */
/* ====================================================================== */
body:not(.admin-page) .rm-banner {
  position: fixed;
  border: 0;
  background: linear-gradient(160deg,
      oklch(0.25 0.025 53 / 0.82),
      oklch(0.14 0.016 49 / 0.9));
  -webkit-backdrop-filter: blur(26px) saturate(146%);
  backdrop-filter: blur(26px) saturate(146%);
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.15),
    0 42px 110px -30px oklch(0 0 0 / 0.9),
    0 4px 16px -4px oklch(0 0 0 / 0.5);
}
body:not(.admin-page) .rm-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
body:not(.admin-page) .rm-banner > * { position: relative; z-index: 1; }
body:not(.admin-page) .rm-banner-arrow {
  background: linear-gradient(160deg,
      oklch(0.25 0.025 53 / 0.9),
      oklch(0.14 0.016 49 / 0.95));
  border-left-color: oklch(0.82 0.1 84 / 0.4);
  border-bottom-color: oklch(0.75 0.1 72 / 0.42);
}
body:not(.admin-page) .rm-banner-close {
  background: oklch(0.2 0.02 50 / 0.4);
  border-color: oklch(0.80 0.11 82 / 0.3);
  box-shadow: inset 0 1px 0 oklch(0.97 0.03 88 / 0.12);
}
body:not(.admin-page) .rm-lang-label:has(input:checked) {
  background:
    radial-gradient(220px 120px at 12% 0%, oklch(0.62 0.105 78 / 0.18), transparent 75%),
    oklch(0.80 0.11 82 / 0.12);
}

/* typing bubble — live site ships white; finish it as dark frosted glass */
body:not(.admin-page) .rm-typing {
  background: linear-gradient(160deg,
      oklch(0.25 0.025 53 / 0.9),
      oklch(0.15 0.016 49 / 0.94));
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.3),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.14),
    0 14px 34px -12px oklch(0 0 0 / 0.75);
}
body:not(.admin-page) .rm-typing::after {
  background: oklch(0.17 0.017 50 / 0.94);
}
body:not(.admin-page) .rm-typing-dot {
  background: oklch(0.82 0.1 84);
}

/* ====================================================================== */
/* PER-PAGE FAMILY FINISH — shared material recipes                        */
/*                                                                        */
/* Three patterns, scoped with body-class hooks so they win source-order  */
/* ties against page sheets and the three lazily-appended stylesheets:    */
/*  · ringed frost  — translucent coffee + blur + masked 1px gold ring    */
/*  · hairline frost— same frost, inset box-shadow ring (overflow safe)   */
/*  · band frost    — full-bleed strip with champagne inset edge lights   */
/* Brand button hues (ember/orange/copper) are kept; only cream top-light */
/* and the one-pass sheen are added. Materials only — no geometry.        */
/* ====================================================================== */

/* ---- Ambient warmth: give flat dark family canvases something to ---- */
/* refract (background-image longhand; each stack ends on a dark base). --- */
body.public-reference-shell:has(.ref-service-page) {
  background-image:
    radial-gradient(1100px 680px at 84% -8%, oklch(0.55 0.095 74 / 0.16), transparent 60%),
    radial-gradient(900px 900px at 2% 30%, oklch(0.44 0.085 54 / 0.13), transparent 62%),
    radial-gradient(1000px 800px at 96% 88%, oklch(0.56 0.105 84 / 0.11), transparent 62%);
}
body.public-reference-shell:has(.sourcing-page) {
  background-image:
    radial-gradient(1050px 640px at 86% -10%, oklch(0.60 0.15 42 / 0.15), transparent 60%),
    radial-gradient(900px 900px at 0% 34%, oklch(0.46 0.10 44 / 0.12), transparent 63%),
    radial-gradient(1000px 820px at 97% 92%, oklch(0.55 0.12 60 / 0.10), transparent 62%);
}
body.public-reference-shell:has(.castings-page) {
  background-image:
    radial-gradient(1050px 660px at 84% -8%, oklch(0.56 0.10 78 / 0.15), transparent 60%),
    radial-gradient(900px 900px at 3% 32%, oklch(0.45 0.085 56 / 0.12), transparent 62%),
    radial-gradient(1000px 820px at 96% 90%, oklch(0.55 0.105 82 / 0.11), transparent 62%);
}
body.public-reference-shell.woodcraft-site {
  background-image:
    radial-gradient(1100px 700px at 85% -8%, oklch(0.55 0.095 76 / 0.15), transparent 60%),
    radial-gradient(940px 940px at 2% 32%, oklch(0.44 0.085 55 / 0.12), transparent 62%),
    radial-gradient(1020px 840px at 97% 90%, oklch(0.56 0.105 84 / 0.11), transparent 62%);
}
body.public-reference-shell:has(.news-page) {
  background-image:
    radial-gradient(1100px 680px at 82% -8%, oklch(0.55 0.095 76 / 0.13), transparent 60%),
    radial-gradient(960px 920px at 2% 40%, oklch(0.44 0.085 55 / 0.11), transparent 63%);
}
body.public-reference-shell:has(.help-guide),
body.public-reference-shell:has(.about-reference-main),
body.public-reference-shell.policy-page,
body.public-reference-shell.customer-account-page:not(.auth-reference) {
  background-image:
    radial-gradient(1050px 640px at 84% -8%, oklch(0.54 0.092 74 / 0.12), transparent 61%),
    radial-gradient(920px 880px at 3% 36%, oklch(0.43 0.082 54 / 0.10), transparent 63%);
}

/* ---- RINGED FROST panels (full masked gradient ring) ------------------ */
body.public-reference-shell.auth-reference .auth-reference-card,
body.public-reference-shell.contact-page .contact-form,
body.public-reference-shell:has(.help-guide) .help-guide-card,
body.public-reference-shell:has(.help-guide) .help-guide-contact,
body.public-reference-shell:has(.news-page) .news-card:not(.news-detail),
body.public-reference-shell:has(.ref-service-page) .rs-card,
body.public-reference-shell:has(.castings-page) .cst-form,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-details,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-card,
body.public-reference-shell .sv-order-dialog,
body.public-reference-shell.woodcraft-site .sv-enquiry-dialog {
  position: relative;
  border: 0;
  background: linear-gradient(155deg,
      oklch(0.30 0.028 53 / 0.66),
      oklch(0.20 0.020 50 / 0.52) 52%,
      oklch(0.14 0.015 48 / 0.64));
  -webkit-backdrop-filter: blur(22px) saturate(146%);
  backdrop-filter: blur(22px) saturate(146%);
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.16),
    inset 0 30px 58px -36px oklch(0.86 0.09 86 / 0.26),
    inset 0 -44px 74px -52px oklch(0 0 0 / 0.7),
    var(--lg-shadow-contact),
    var(--lg-shadow-ambient);
}
/* deeper, more opaque recipe for text-dense panels (forms, dialogs, details) */
body.public-reference-shell.contact-page .contact-form,
body.public-reference-shell:has(.castings-page) .cst-form,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-details,
body.public-reference-shell .sv-order-dialog,
body.public-reference-shell.woodcraft-site .sv-enquiry-dialog {
  background: linear-gradient(165deg,
      oklch(0.25 0.024 52 / 0.86),
      oklch(0.15 0.016 49 / 0.91));
}
body.public-reference-shell.auth-reference .auth-reference-card::before,
body.public-reference-shell.contact-page .contact-form::before,
body.public-reference-shell:has(.help-guide) .help-guide-card::before,
body.public-reference-shell:has(.help-guide) .help-guide-contact::before,
body.public-reference-shell:has(.news-page) .news-card:not(.news-detail)::before,
body.public-reference-shell:has(.ref-service-page) .rs-card::before,
body.public-reference-shell:has(.castings-page) .cst-form::before,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card::before,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: var(--lg-ring);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0.85;
  transition: opacity 0.3s ease;
}
/* keep card content above the ring */
body.public-reference-shell.auth-reference .auth-reference-card > *,
body.public-reference-shell.contact-page .contact-form > *,
body.public-reference-shell:has(.news-page) .news-card:not(.news-detail) > *,
body.public-reference-shell:has(.ref-service-page) .rs-card > *,
body.public-reference-shell:has(.castings-page) .cst-form > *,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card > *,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-card > * { position: relative; z-index: 1; }
body.public-reference-shell:has(.news-page) .news-card:not(.news-detail):hover::before,
body.public-reference-shell:has(.ref-service-page) .rs-card:hover::before,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card:hover::before,
body.public-reference-shell:has(.castings-page) .cst-form:hover::before { opacity: 1; }
/* brighten the existing card hovers without moving layout */
body.public-reference-shell:has(.news-page) .news-card:not(.news-detail):hover { border-color: oklch(0.82 0.1 84 / 0.42); }
body.public-reference-shell:has(.ref-service-page) .rs-card:hover { border-color: oklch(0.82 0.1 84 / 0.45); }

/* ---- HAIRLINE FROST panels (inset ring; safe inside overflow:auto) ----- */
body.public-reference-shell:has(.news-page) .news-product-link,
body.public-reference-shell:has(.ref-service-page) .rs-trust,
body.public-reference-shell:has(.ref-service-page) .rs-steps-band,
body.public-reference-shell:has(.ref-service-page) .rs-cta-band,
body.public-reference-shell:has(.ref-service-page) .rs-rate-grid,
body.public-reference-shell:has(.ref-service-page) .rs-rate-search,
body.public-reference-shell:has(.ref-service-page) .rs-rate-toggle,
body.public-reference-shell:has(.sourcing-page) .src-cards,
body.public-reference-shell:has(.sourcing-page) .src-cats,
body.public-reference-shell:has(.sourcing-page) .src-source,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-filters,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-principles,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-path,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-path-secondary,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-ending,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-journey,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-service-strip,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-stat,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-attention-card,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-enquiries,
body.public-reference-shell.customer-account-page:not(.auth-reference) .customer-favorite-card,
body.public-reference-shell .sv-order-list article,
body.public-reference-shell .sv-order-list .sv-order-drawer,
body.public-reference-shell:has(.about-reference-main) .about-reference-closing,
body.public-reference-shell .pb-cta {
  border: 0;
  background: linear-gradient(165deg,
      oklch(0.26 0.025 52 / 0.72),
      oklch(0.16 0.017 49 / 0.8));
  -webkit-backdrop-filter: blur(18px) saturate(142%);
  backdrop-filter: blur(18px) saturate(142%);
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.2),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.13),
    var(--lg-shadow-contact),
    0 30px 64px -34px oklch(0 0 0 / 0.78);
}
/* full-bleed bands: champagne top + warmer bottom edge, no corner shadow */
body.public-reference-shell:has(.ref-service-page) .rs-trust,
body.public-reference-shell:has(.ref-service-page) .rs-steps-band,
body.public-reference-shell:has(.ref-service-page) .rs-cta-band,
body.public-reference-shell:has(.sourcing-page) .src-source,
body.public-reference-shell:has(.about-reference-main) .about-reference-closing,
body.public-reference-shell .pb-cta,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-service-strip,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-journey,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-ending {
  border-radius: 0;
  box-shadow:
    inset 0 1px 0 oklch(0.93 0.085 88 / 0.34),
    inset 0 -1px 0 oklch(0.80 0.11 82 / 0.24);
}
/* joined-grid plates: frost the wrapper, let the 1px gaps read as seams */
body.public-reference-shell:has(.ref-service-page) .rs-rate-grid,
body.public-reference-shell:has(.sourcing-page) .src-cards,
body.public-reference-shell:has(.sourcing-page) .src-cats {
  background:
    linear-gradient(160deg,
      oklch(0.24 0.023 52 / 0.82),
      oklch(0.14 0.016 49 / 0.88)),
    oklch(0.80 0.11 82 / 0.85);
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.22),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.14),
    var(--lg-shadow-contact),
    0 34px 70px -38px oklch(0 0 0 / 0.82);
}
/* joined-grid cells go transparent so the frost plate and gold seams show */
body.public-reference-shell:has(.ref-service-page) .rs-rate-row { background: transparent; }
body.public-reference-shell:has(.ref-service-page) .rs-rate-toggle {
  background:
    linear-gradient(160deg, oklch(0.24 0.023 52 / 0.8), oklch(0.14 0.016 49 / 0.86)),
    oklch(0.80 0.11 82 / 0.85);
}
/* dialogs and the scrollable details column can't take the masked ring:
   paint the same gold hairline as an inset shadow (clipping-safe) */
body.public-reference-shell .sv-order-dialog,
body.public-reference-shell.woodcraft-site .sv-enquiry-dialog,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-details {
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.3),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.16),
    inset 0 30px 58px -36px oklch(0.86 0.09 86 / 0.22),
    inset 0 -44px 74px -52px oklch(0 0 0 / 0.7),
    var(--lg-shadow-contact),
    var(--lg-shadow-ambient);
}
body.public-reference-shell:has(.sourcing-page) .src-card,
body.public-reference-shell:has(.sourcing-page) .src-cat { background: transparent; }
body.public-reference-shell:has(.sourcing-page) .src-card:hover,
body.public-reference-shell:has(.sourcing-page) .src-cat:hover {
  background:
    radial-gradient(420px 240px at 14% -12%, oklch(0.60 0.15 42 / 0.16), transparent 72%),
    oklch(0.30 0.04 40 / 0.32);
}
/* muted small print on the deepest strip stays AA above the frost */
body.public-reference-shell.woodcraft-site .wc-product-page .wc-service-strip small { color: oklch(0.82 0.022 80); }
/* attention cards keep their gold inline-start edge */
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-attention-card {
  border-inline-start: 3px solid var(--lg-gold);
}
/* principles panel sits darker so its 12px note stays quiet */
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-principles {
  background: linear-gradient(165deg, oklch(0.21 0.02 50 / 0.92), oklch(0.14 0.015 48 / 0.95));
}

/* ---- Gilded photo frames: gradient hairline following each radius ------ */
body.public-reference-shell:has(.sourcing-page) .src-how-photo img,
body.public-reference-shell:has(.castings-page) .cst-figure,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-photo,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-main-photo,
body.public-reference-shell:has(.news-page) .news-media img,
body.public-reference-shell:has(.news-page) .news-media video,
body.public-reference-shell:has(.news-page) .news-card-cover,
body.public-reference-shell:has(.about-reference-main) .about-reference-photo {
  outline: 1px solid oklch(0.86 0.1 85 / 0.38);
  outline-offset: -1px;
  box-shadow:
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.18),
    0 34px 72px -36px oklch(0 0 0 / 0.82),
    0 10px 24px -14px oklch(0 0 0 / 0.55);
}
body.public-reference-shell:has(.castings-page) .cst-figure { outline-offset: 0; }

/* ---- GOLD / ember / orange / copper primary buttons: top-light + sheen, */
/* hue kept. --------------------------------------------------------------- */
body.public-reference-shell.auth-reference .customer-primary-button,
body.public-reference-shell.contact-page .contact-form button,
body.public-reference-shell:has(.ref-service-page) .rs-btn-primary,
body.public-reference-shell:has(.ref-service-page) .rs-btn-gold,
body.public-reference-shell:has(.sourcing-page) .src-btn,
body.public-reference-shell:has(.castings-page) .cst-gold-pill,
body.public-reference-shell:has(.castings-page) .cst-form-submit,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-button,
body.public-reference-shell:has(.news-page) .news-cta,
body.public-reference-shell:has(.news-page) [data-news-fresh],
body.public-reference-shell:has(.news-page) .news-page button[aria-pressed="true"],
body.public-reference-shell:has(.about-reference-main) .about-reference-button,
body.public-reference-shell:has(.about-reference-main) .pb-button--solid,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button,
body.public-reference-shell.woodcraft-site .sv-enquiry-send {
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 oklch(0.98 0.04 90 / 0.34),
    inset 0 -1px 0 oklch(0.3 0.08 40 / 0.3),
    0 16px 36px -18px oklch(0.5 0.12 50 / 0.7),
    0 3px 10px -3px oklch(0 0 0 / 0.4);
  transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background-color 0.25s ease;
}
body.public-reference-shell.auth-reference .customer-primary-button::after,
body.public-reference-shell.contact-page .contact-form button::after,
body.public-reference-shell:has(.ref-service-page) .rs-btn-primary::after,
body.public-reference-shell:has(.ref-service-page) .rs-btn-gold::after,
body.public-reference-shell:has(.sourcing-page) .src-btn::after,
body.public-reference-shell:has(.castings-page) .cst-gold-pill::after,
body.public-reference-shell:has(.castings-page) .cst-form-submit::after,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *::after,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-button::after,
body.public-reference-shell:has(.news-page) .news-cta::after,
body.public-reference-shell:has(.news-page) [data-news-fresh]::after,
body.public-reference-shell:has(.news-page) .news-page button[aria-pressed="true"]::after,
body.public-reference-shell:has(.about-reference-main) .about-reference-button::after,
body.public-reference-shell:has(.about-reference-main) .pb-button--solid::after,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button::after,
body.public-reference-shell.woodcraft-site .sv-enquiry-send::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-120%);
  transition: transform 0.85s cubic-bezier(0.2, 0.7, 0.2, 1);
}
body.public-reference-shell.auth-reference .customer-primary-button:hover,
body.public-reference-shell.contact-page .contact-form button:hover,
body.public-reference-shell:has(.ref-service-page) .rs-btn-primary:hover,
body.public-reference-shell:has(.ref-service-page) .rs-btn-gold:hover,
body.public-reference-shell:has(.sourcing-page) .src-btn:hover,
body.public-reference-shell:has(.castings-page) .cst-gold-pill:hover,
body.public-reference-shell:has(.castings-page) .cst-form-submit:hover,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *:hover,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-button:hover,
body.public-reference-shell:has(.news-page) .news-cta:hover,
body.public-reference-shell:has(.news-page) [data-news-fresh]:hover,
body.public-reference-shell:has(.about-reference-main) .about-reference-button:hover,
body.public-reference-shell:has(.about-reference-main) .pb-button--solid:hover,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button:hover,
body.public-reference-shell.woodcraft-site .sv-enquiry-send:hover { transform: translateY(-1px); filter: brightness(1.05); }
body.public-reference-shell.auth-reference .customer-primary-button:hover::after,
body.public-reference-shell.contact-page .contact-form button:hover::after,
body.public-reference-shell:has(.ref-service-page) .rs-btn-primary:hover::after,
body.public-reference-shell:has(.ref-service-page) .rs-btn-gold:hover::after,
body.public-reference-shell:has(.sourcing-page) .src-btn:hover::after,
body.public-reference-shell:has(.castings-page) .cst-gold-pill:hover::after,
body.public-reference-shell:has(.castings-page) .cst-form-submit:hover::after,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *:hover::after,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-button:hover::after,
body.public-reference-shell:has(.news-page) .news-cta:hover::after,
body.public-reference-shell:has(.news-page) [data-news-fresh]:hover::after,
body.public-reference-shell:has(.about-reference-main) .about-reference-button:hover::after,
body.public-reference-shell:has(.about-reference-main) .pb-button--solid:hover::after,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button:hover::after,
body.public-reference-shell.woodcraft-site .sv-enquiry-send:hover::after { transform: translateX(120%); }

/* ---- GHOST GLASS buttons (frosted coffee, gold hairline) --------------- */
body.public-reference-shell.auth-reference .auth-google-button,
body.public-reference-shell:has(.ref-service-page) .rs-btn-ghost,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-enquiry-button,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions button,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions a,
body.public-reference-shell:has(.news-page) .news-heading-link,
body.public-reference-shell:has(.news-page) .news-page button:not([aria-pressed="true"]):not([data-news-fresh]),
body.public-reference-shell.policy-page .policy-links a,
body.public-reference-shell .pb-cta .pb-button,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-outline-button,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-view-button,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-file-label {
  position: relative;
  overflow: hidden;
  border: 0;
  background: linear-gradient(180deg,
      oklch(0.25 0.026 52 / 0.58),
      oklch(0.15 0.017 50 / 0.66));
  -webkit-backdrop-filter: blur(14px) saturate(132%);
  backdrop-filter: blur(14px) saturate(132%);
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.32),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.14),
    0 12px 30px -18px oklch(0 0 0 / 0.78);
  transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
body.public-reference-shell.auth-reference .auth-google-button:hover,
body.public-reference-shell:has(.ref-service-page) .rs-btn-ghost:hover,
body.public-reference-shell.woodcraft-site .wc-product-page .wc-enquiry-button:hover,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions button:hover,
body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions a:hover,
body.public-reference-shell:has(.news-page) .news-heading-link:hover,
body.public-reference-shell:has(.news-page) .news-page button:not([aria-pressed="true"]):not([data-news-fresh]):hover,
body.public-reference-shell.policy-page .policy-links a:hover,
body.public-reference-shell .pb-cta .pb-button:hover,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-outline-button:hover,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-view-button:hover,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-file-label:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg,
      oklch(0.30 0.03 54 / 0.68),
      oklch(0.18 0.019 50 / 0.74));
  box-shadow:
    inset 0 0 0 1px oklch(0.82 0.1 84 / 0.6),
    inset 0 1px 0 oklch(0.97 0.03 88 / 0.2),
    0 16px 36px -18px oklch(0 0 0 / 0.82);
}

/* ---- Warm the cool hairlines shared inside each family ----------------- */
body.public-reference-shell:has(.ref-service-page) .rs-faq-item,
body.public-reference-shell:has(.ref-service-page) .rs-rate-row,
body.public-reference-shell:has(.sourcing-page) .src-ticker,
body.public-reference-shell:has(.sourcing-page) .src-faq-item,
body.public-reference-shell:has(.sourcing-page) .src-how-list li,
body.public-reference-shell:has(.castings-page) .cst-steps li,
body.public-reference-shell:has(.castings-page) .cst-row,
body.public-reference-shell:has(.castings-page) .cst-table {
  border-color: oklch(0.80 0.11 82 / 0.18);
}
body.public-reference-shell:has(.sourcing-page) .src-tags li,
body.public-reference-shell:has(.castings-page) .cst-grades span,
body.public-reference-shell:has(.news-page) .news-hashtag,
body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-chip {
  border-color: oklch(0.80 0.11 82 / 0.28);
}

/* ---- /help AA repair: black-on-black links/text become gold/cream ------- */
body.public-reference-shell:has(.help-guide) .help-guide a { color: var(--lg-gold-bright); text-decoration-color: oklch(0.80 0.11 82 / 0.55); }
body.public-reference-shell:has(.help-guide) .help-guide a:hover { color: var(--lg-gold); }
body.public-reference-shell:has(.help-guide) .help-guide p { color: oklch(0.83 0.022 80); }

/* ---- Dialog scrims: blur the page behind modal surfaces ----------------- */
body.public-reference-shell .sv-order-dialog::backdrop,
body.public-reference-shell .sv-order-list .sv-order-drawer::backdrop {
  background: oklch(0.08 0.012 48 / 0.62);
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  backdrop-filter: blur(6px) saturate(120%);
}
body.public-reference-shell.woodcraft-site .sv-enquiry-dialog::backdrop {
  background: oklch(0.07 0.012 40 / 0.66);
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  backdrop-filter: blur(6px) saturate(120%);
}

/* ---- Support launcher: keep its copper, add cream top-light + sheen ----- */
body.public-reference-shell .sv-support-launcher {
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 oklch(0.98 0.02 90 / 0.28),
    inset 0 -1px 0 oklch(0.2 0.05 30 / 0.4),
    0 18px 40px -18px oklch(0.2 0.06 30 / 0.8);
}
body.public-reference-shell .sv-support-launcher::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: var(--lg-sheen);
  transform: translateX(-130%);
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}
body.public-reference-shell .sv-support-launcher:hover::after { transform: translateX(130%); }

/* ---- RTL: reverse sheen travel on every family primary/ghost ------------ */
html[dir="rtl"] body.public-reference-shell.auth-reference .customer-primary-button::after,
html[dir="rtl"] body.public-reference-shell.contact-page .contact-form button::after,
html[dir="rtl"] body.public-reference-shell:has(.ref-service-page) .rs-btn-primary::after,
html[dir="rtl"] body.public-reference-shell:has(.ref-service-page) .rs-btn-gold::after,
html[dir="rtl"] body.public-reference-shell:has(.sourcing-page) .src-btn::after,
html[dir="rtl"] body.public-reference-shell:has(.castings-page) .cst-gold-pill::after,
html[dir="rtl"] body.public-reference-shell:has(.castings-page) .cst-form-submit::after,
html[dir="rtl"] body.public-reference-shell.woodcraft-site .wc-product-page .wc-button::after,
html[dir="rtl"] body.public-reference-shell:has(.news-page) .news-cta::after,
html[dir="rtl"] body.public-reference-shell:has(.about-reference-main) .about-reference-button::after,
html[dir="rtl"] body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button::after,
html[dir="rtl"] body.public-reference-shell.woodcraft-site .sv-enquiry-send::after,
html[dir="rtl"] body.public-reference-shell .sv-support-launcher::after { transform: translateX(120%); }
html[dir="rtl"] body.public-reference-shell.auth-reference .customer-primary-button:hover::after,
html[dir="rtl"] body.public-reference-shell.contact-page .contact-form button:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.ref-service-page) .rs-btn-primary:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.ref-service-page) .rs-btn-gold:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.sourcing-page) .src-btn:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.castings-page) .cst-gold-pill:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.castings-page) .cst-form-submit:hover::after,
html[dir="rtl"] body.public-reference-shell.woodcraft-site .wc-product-page .wc-button:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.news-page) .news-cta:hover::after,
html[dir="rtl"] body.public-reference-shell:has(.about-reference-main) .about-reference-button:hover::after,
html[dir="rtl"] body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button:hover::after,
html[dir="rtl"] body.public-reference-shell.woodcraft-site .sv-enquiry-send:hover::after,
html[dir="rtl"] body.public-reference-shell .sv-support-launcher:hover::after { transform: translateX(-120%); }

/* ====================================================================== */
/* No-backdrop-filter fallback — opaque coffee, same hairlines & shadows   */
/* ====================================================================== */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  #public-site-header .public-header-inner,
  #public-site-header.site-header.is-glass-scrolled .public-header-inner {
    background: linear-gradient(158deg, oklch(0.22 0.022 52 / 0.97), oklch(0.14 0.015 49 / 0.98)) padding-box,
      linear-gradient(145deg, oklch(0.85 0.1 82 / 0.96), oklch(0.85 0.1 82 / 0.96) 40%, oklch(0.85 0.1 82 / 0.98)) border-box;
  }
  #public-site-header .site-account-dropdown,
  body.public-reference-shell .site-search,
  body.public-reference-shell .site-search-results,
  body:not(.admin-page) .rm-banner,
  body:not(.admin-page) .rm-typing {
    background: linear-gradient(160deg, oklch(0.22 0.022 51 / 0.98), oklch(0.13 0.015 48 / 0.99));
  }
  .home-reference .home-reference-button-outline,
  .home-reference .home-v3-outline-link,
  .home-reference .home-reference-motion-toggle {
    background: oklch(0.16 0.017 49 / 0.96);
  }
  .home-reference .home-reference-strip {
    background: oklch(0.22 0.026 51 / 0.97);
  }
  .home-reference .home-atlas-card {
    background: oklch(0.2 0.02 50 / 0.97);
  }
  .home-reference .home-reference-craft-seal {
    background: radial-gradient(circle at 34% 28%, oklch(0.22 0.03 50 / 0.97), oklch(0.1 0.015 45 / 0.99));
  }
  .home-reference .home-reference-craft-pull {
    background: oklch(0.13 0.015 48 / 0.97);
  }
  .home-reference .home-atlas-tag {
    background: oklch(0.12 0.02 50 / 0.96);
  }
  .home-reference .home-v3-products {
    background: oklch(0.21 0.021 50 / 0.97);
  }
  .home-reference .home-v3-product-status {
    background: oklch(0.12 0.015 48 / 0.96);
  }
  .home-reference .home-v3-footer,
  body.public-reference-shell footer.public-site-footer {
    background: oklch(0.12 0.014 48 / 0.98);
  }
  body.public-reference-shell .site-menu,
  body.sv-navigation-page .site-menu {
    background: oklch(0.12 0.014 48 / 0.99);
  }

  /* ---- family finish: promote every frost to near-opaque coffee -------- */
  body.public-reference-shell.auth-reference .auth-reference-card,
  body.public-reference-shell.contact-page .contact-form,
  body.public-reference-shell:has(.help-guide) .help-guide-card,
  body.public-reference-shell:has(.help-guide) .help-guide-contact,
  body.public-reference-shell:has(.news-page) .news-card:not(.news-detail),
  body.public-reference-shell:has(.ref-service-page) .rs-card,
  body.public-reference-shell:has(.castings-page) .cst-form,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-details,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-card,
  body.public-reference-shell .sv-order-dialog,
  body.public-reference-shell.woodcraft-site .sv-enquiry-dialog {
    background: linear-gradient(165deg, oklch(0.21 0.021 51 / 0.98), oklch(0.13 0.015 49 / 0.99));
  }
  body.public-reference-shell:has(.news-page) .news-product-link,
  body.public-reference-shell:has(.ref-service-page) .rs-trust,
  body.public-reference-shell:has(.ref-service-page) .rs-steps-band,
  body.public-reference-shell:has(.ref-service-page) .rs-cta-band,
  body.public-reference-shell:has(.ref-service-page) .rs-rate-grid,
  body.public-reference-shell:has(.ref-service-page) .rs-rate-search,
  body.public-reference-shell:has(.ref-service-page) .rs-rate-toggle,
  body.public-reference-shell:has(.sourcing-page) .src-cards,
  body.public-reference-shell:has(.sourcing-page) .src-cats,
  body.public-reference-shell:has(.sourcing-page) .src-source,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-filters,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-principles,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-path,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-path-secondary,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-product-ending,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-journey,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-service-strip,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-stat,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-attention-card,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-enquiries,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .customer-favorite-card,
  body.public-reference-shell .sv-order-list article,
  body.public-reference-shell .sv-order-list .sv-order-drawer,
  body.public-reference-shell:has(.about-reference-main) .about-reference-closing,
  body.public-reference-shell .pb-cta {
    background: linear-gradient(165deg, oklch(0.2 0.02 51 / 0.97), oklch(0.13 0.014 49 / 0.99));
  }
  /* joined-grid plates cover their transparent cells */
  body.public-reference-shell:has(.sourcing-page) .src-card,
  body.public-reference-shell:has(.sourcing-page) .src-cat { background: oklch(0.18 0.018 50 / 0.98); }
  /* ghost buttons become solid coffee */
  body.public-reference-shell.auth-reference .auth-google-button,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-ghost,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-enquiry-button,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions button,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions a,
  body.public-reference-shell:has(.news-page) .news-heading-link,
  body.public-reference-shell:has(.news-page) .news-page button:not([aria-pressed="true"]):not([data-news-fresh]),
  body.public-reference-shell.policy-page .policy-links a,
  body.public-reference-shell .pb-cta .pb-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-outline-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-view-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-file-label {
    background: oklch(0.17 0.018 50 / 0.98);
  }
  /* modal scrims go near-opaque since the page behind cannot be blurred */
  body.public-reference-shell .sv-order-dialog::backdrop,
  body.public-reference-shell .sv-order-list .sv-order-drawer::backdrop,
  body.public-reference-shell.woodcraft-site .sv-enquiry-dialog::backdrop {
    background: oklch(0.06 0.01 48 / 0.97);
  }
}

/* ====================================================================== */
/* Reduced motion — glass stays; sheens and hover travel stop              */
/* ====================================================================== */
@media (prefers-reduced-motion: reduce) {
  .home-reference .home-atlas-card::before,
  .home-reference .home-reference-button::after,
  .home-reference .home-reference-button-outline::after,
  .home-reference .home-reference-button-gold::after,
  .home-reference .home-v3-outline-link::after { display: none; }
  .home-reference .home-reference-button,
  .home-reference .home-reference-button-outline,
  .home-reference .home-reference-button-gold,
  .home-reference .home-v3-outline-link,
  .home-reference .home-atlas-card,
  .home-reference .home-atlas-card .home-atlas-card-bottom svg,
  .home-reference .home-v3-product-plate,
  .home-reference .home-v3-product-plate .home-v3-product-media img,
  .home-reference .home-v3-product-foot svg,
  .home-reference .home-v3-product-sheen { transform: none !important; transition: none !important; }

  /* family finish: sheen pseudos never paint, buttons never lift */
  body.public-reference-shell.auth-reference .customer-primary-button::after,
  body.public-reference-shell.contact-page .contact-form button::after,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-primary::after,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-gold::after,
  body.public-reference-shell:has(.sourcing-page) .src-btn::after,
  body.public-reference-shell:has(.castings-page) .cst-gold-pill::after,
  body.public-reference-shell:has(.castings-page) .cst-form-submit::after,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *::after,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-button::after,
  body.public-reference-shell:has(.news-page) .news-cta::after,
  body.public-reference-shell:has(.news-page) [data-news-fresh]::after,
  body.public-reference-shell:has(.news-page) .news-page button[aria-pressed="true"]::after,
  body.public-reference-shell:has(.about-reference-main) .about-reference-button::after,
  body.public-reference-shell:has(.about-reference-main) .pb-button--solid::after,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button::after,
  body.public-reference-shell.woodcraft-site .sv-enquiry-send::after,
  body.public-reference-shell .sv-support-launcher::after { display: none; }

  body.public-reference-shell.auth-reference .customer-primary-button,
  body.public-reference-shell.contact-page .contact-form button,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-primary,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-gold,
  body.public-reference-shell:has(.sourcing-page) .src-btn,
  body.public-reference-shell:has(.castings-page) .cst-gold-pill,
  body.public-reference-shell:has(.castings-page) .cst-form-submit,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions > div:first-child > *,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-button,
  body.public-reference-shell:has(.news-page) .news-cta,
  body.public-reference-shell:has(.news-page) [data-news-fresh],
  body.public-reference-shell:has(.about-reference-main) .about-reference-button,
  body.public-reference-shell:has(.about-reference-main) .pb-button--solid,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-gold-button,
  body.public-reference-shell.woodcraft-site .sv-enquiry-send,
  body.public-reference-shell .sv-support-launcher,
  body.public-reference-shell.auth-reference .auth-google-button,
  body.public-reference-shell:has(.ref-service-page) .rs-btn-ghost,
  body.public-reference-shell.woodcraft-site .wc-product-page .wc-enquiry-button,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions button,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-actions a,
  body.public-reference-shell:has(.news-page) .news-heading-link,
  body.public-reference-shell.policy-page .policy-links a,
  body.public-reference-shell .pb-cta .pb-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-outline-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-view-button,
  body.public-reference-shell.customer-account-page:not(.auth-reference) .cd-file-label,
  body.public-reference-shell:has(.news-page) .news-card:not(.news-detail),
  body.public-reference-shell:has(.ref-service-page) .rs-card,
  body.public-reference-shell.woodcraft-catalogue-site .wc-catalogue .catalogue-card {
    transform: none !important;
    transition: none !important;
  }
}