/* Aura — symptom pages (dental_problems). Builds on service.css. */

/* ---- causes: diagnostic cards on cream ---- */
.pb-causes{background:var(--cream);padding:92px 0 96px}
.pb-cause-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;
  max-width:var(--maxw);margin:0 auto}
.pb-cause{position:relative;background:var(--ivory);border:1px solid rgba(43,30,23,.09);
  border-radius:6px;padding:26px 26px 26px 52px;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.pb-cause:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(43,30,23,.10);
  border-color:rgba(191,161,95,.5)}
.pb-cause.reveal.in{transition-delay:var(--d,0ms)}
.pb-cause-mark{position:absolute;left:22px;top:31px;width:10px;height:10px;transform:rotate(45deg);
  background:var(--gold);box-shadow:0 0 0 4px rgba(191,161,95,.14)}
.pb-cause h3{margin:0;font-size:clamp(18px,1.9vw,22px);color:var(--ink);line-height:1.25}
.pb-cause p{margin:8px 0 0;font-size:15px;line-height:1.65;color:var(--body)}

/* ---- treatments: cards that link to the service pages ---- */
.pb-treat{background:var(--ivory);padding:92px 0 96px}
.pb-treat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;
  max-width:var(--maxw);margin:0 auto}
.pb-tcard{position:relative;display:block;background:#fff;border:1px solid rgba(43,30,23,.09);
  border-radius:6px;padding:30px 28px;overflow:hidden;text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pb-tcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(191,161,95,0));transform:scaleX(0);
  transform-origin:left;transition:transform .4s ease}
.pb-tcard.reveal.in{transition-delay:var(--d,0ms)}
.pb-tcard.is-link:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(43,30,23,.12);
  border-color:rgba(191,161,95,.55)}
.pb-tcard.is-link:hover::before{transform:scaleX(1)}
.pb-tcard-idx{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--gold-dk)}
.pb-tcard h3{margin:10px 0 10px;font-size:clamp(20px,2.1vw,25px);color:var(--ink);line-height:1.2}
.pb-tcard p{margin:0;font-size:15.5px;line-height:1.7;color:var(--body)}
.pb-tcard-go{display:inline-block;margin-top:18px;font-family:var(--sans);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-dk)}
.pb-tcard-go i{font-style:normal;display:inline-block;transition:transform .25s ease}
.pb-tcard.is-link:hover .pb-tcard-go i{transform:translateX(5px)}

/* ---- what next: dark CTA band ---- */
.pb-next{position:relative;overflow:hidden;background:var(--espresso);color:#cdb9a0;
  padding:88px 0;text-align:center;isolation:isolate}
.pb-next .wrap{max-width:760px;position:relative;z-index:2}
.pb-next .eyebrow{color:var(--gold);display:block;margin-bottom:18px}
.pb-next-body{font-family:var(--display);font-size:clamp(24px,3.2vw,40px);line-height:1.2;
  color:var(--cream);margin:0 auto;max-width:26ch}
.pb-next-body p{margin:0 0 .5em}
.pb-next-body p:last-child{margin-bottom:0}
.pb-next-body strong{color:var(--gold-lt);font-weight:400}
.pb-next .cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}
.pb-next .cta .btn-ghost{color:var(--gold-lt);border-color:var(--gold)}
.pb-next .cta .btn-ghost:hover{background:rgba(191,161,95,.14);color:var(--cream)}

/* hero tweak: symptom pages lead with the concern, so keep the art subtler */
.pb-hero .svc-hero-art{opacity:.4}

@media (max-width:640px){
  .pb-causes,.pb-treat{padding:64px 0}
  .pb-next{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){
  .pb-cause,.pb-tcard,.pb-tcard-go i{transition:none}
}