/* Depth pass (TEST build, 2 Nov 2026). Shared by the home, tinnitus and location pages.
   The site's rule: cards you can press lift a little on hover; information cards and photos stay still.
   1. Pressable cards that didn't lift yet now rise 3px and catch a deeper shadow, like the clinic cards.
   2. Information cards and photos get a slightly deeper resting shadow so they sit above the page, without moving.
   3. The "Our promise" cards (nothing to press) stop lifting.
   Tools (sound board, tone tool, checks, ear tour, wax infographic, maps, FAQ panels) are left alone on purpose.
   The pages' own card rules use !important, so these carry :not(#d) to outrank them. */
:root{
  --dp-lift:0 2px 4px rgba(74,50,32,.06),0 16px 34px -10px rgba(74,50,32,.20);
  --dp-float:0 4px 10px rgba(74,50,32,.08),0 30px 60px -18px rgba(74,50,32,.30);
  --dp-edge:inset 0 1px 0 rgba(255,255,255,.92);
  --dp-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- 1. pressable cards: smooth lift on hover ---------- */
.hpc:not(#d),.svc-help:not(#d),.rn__card:not(.rn__card--live):not(#d),.fz__tile:not(#d),#help .tp-card:has(a[href],button):not(#d){
  transition:opacity .8s ease,transform .5s var(--dp-ease),box-shadow .5s var(--dp-ease),border-color .5s ease !important}
@media(hover:hover) and (pointer:fine){
  .hpc:not(#d):hover,.svc-help:not(#d):hover,.rn__card:not(.rn__card--live):not(#d):hover,.fz__tile:not(#d):hover,#help .tp-card:has(a[href],button):not(#d):hover{
    transform:translateY(-3px) !important;border-color:rgba(201,162,91,.55) !important}
  /* each card deepens its own shadow */
  .hpc:not(#d):hover{box-shadow:var(--dp-float),var(--dp-edge) !important}
  .svc-help:not(#d):hover,#help .tp-card:has(a[href],button):not(#d):hover{box-shadow:var(--dp-lift),var(--dp-edge) !important}
  .rn__card:not(.rn__card--live):not(#d):hover{box-shadow:0 4px 10px rgba(148,124,100,.16),0 26px 48px rgba(148,124,100,.26) !important}
  .fz__tile:not(#d):hover{box-shadow:0 26px 54px rgba(0,0,0,.42) !important;border-color:rgba(230,184,92,.85) !important}
  .fz__tile.fz__tile--best:not(#d):hover{box-shadow:0 0 0 4px rgba(230,184,92,.18),0 26px 54px rgba(0,0,0,.42) !important;border-color:#E6B85C !important}
}

/* ---------- 2. information cards and photos: deeper resting depth, no movement ---------- */
/* (only the hover state pins transform, so the page's own fade-up as cards scroll in still plays) */
.tp-photo:not(#d),.tp-photo:not(#d):hover,.why__dogcard:not(#d),.why__dogcard:not(#d):hover{box-shadow:var(--dp-float),var(--dp-edge) !important}
.wmini:not(#d),.wmini:not(#d):hover,.clv-open__card:not(#d),.clv-open__card:not(#d):hover,
#help .tp-card:not(:has(a[href],button)):not(#d),#help .tp-card:not(:has(a[href],button)):not(#d):hover{box-shadow:var(--dp-lift),var(--dp-edge) !important}
.tp-photo:not(#d):hover,.why__dogcard:not(#d):hover,.wmini:not(#d):hover,.clv-open__card:not(#d):hover,#help .tp-card:not(:has(a[href],button)):not(#d):hover{transform:none !important}

/* ---------- 3. nothing to press, so no lift ---------- */
.prm__card:not(#d):hover{transform:none !important}

@media(prefers-reduced-motion:reduce){
  .hpc:not(#d),.svc-help:not(#d),.rn__card:not(#d),.fz__tile:not(#d),#help .tp-card:not(#d){transition:none !important}
  .hpc:not(#d):hover,.svc-help:not(#d):hover,.rn__card:not(#d):hover,.fz__tile:not(#d):hover,#help .tp-card:not(#d):hover{transform:none !important}
}