/* Avancé Vein Care — r41 premium experience layer
   Additive enhancements inspired by the strongest Base44 interaction patterns.
   Designed to sit on top of r40 without changing page structure or SEO. */
:root{
  --r41-gold:#e8c97a;
  --r41-gold-deep:#cfb63d;
  --r41-navy:#001b3d;
  --r41-navy-deep:#001020;
  --r41-cream:#fbf7ef;
  --r41-ease:cubic-bezier(.16,1,.3,1);
  --r41-glass:rgba(0,16,32,.68);
  --r41-glass-border:rgba(232,201,122,.18);
}

/* 1. More polished glass navigation, without changing layout geometry. */
#site-header{
  isolation:isolate;
  background:linear-gradient(180deg,rgba(0,16,32,.74),rgba(0,16,32,.52))!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 34px rgba(0,8,20,.08);
}
#site-header.scrolled{
  background:linear-gradient(180deg,rgba(0,16,32,.94),rgba(0,16,32,.86))!important;
  border-bottom-color:rgba(232,201,122,.20)!important;
  box-shadow:0 14px 38px rgba(0,8,20,.20);
}
@media(hover:hover) and (pointer:fine){
  .nav-links-center>a,.nav-drop-btn,.lang-toggle{
    transition:color 240ms ease,background-color 240ms ease,box-shadow 320ms var(--r41-ease),transform 320ms var(--r41-ease)!important;
    border-radius:999px;
  }
  .nav-links-center>a:hover,.nav-drop-btn:hover,.lang-toggle:hover{
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 0 0 1px rgba(232,201,122,.10),0 6px 22px rgba(0,0,0,.10);
    transform:translateY(-1px);
  }
  .nav-drop-menu{
    -webkit-backdrop-filter:blur(22px) saturate(145%);
    backdrop-filter:blur(22px) saturate(145%);
    box-shadow:0 20px 48px rgba(0,7,20,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
}

/* 2. Thin vascular pulse motif — decorative and non-interactive. */
.r41-pulse-wrap{
  position:absolute;
  left:0;right:0;bottom:-12px;
  height:24px;
  z-index:2;
  pointer-events:none;
  opacity:.66;
  overflow:hidden;
}
footer>.r41-pulse-wrap{top:-12px;bottom:auto;opacity:.42}
.r41-pulse-wrap svg{display:block;width:100%;height:24px}
.r41-pulse-stroke{
  fill:none;
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:5 10;
  animation:r41PulseDash 7s linear infinite;
}
.r41-pulse-dot{fill:var(--r41-gold);filter:drop-shadow(0 0 5px rgba(232,201,122,.5));animation:r41PulseDot 3.5s ease-in-out infinite}
@keyframes r41PulseDash{to{stroke-dashoffset:-180}}
@keyframes r41PulseDot{0%,100%{opacity:.28}50%{opacity:.95}}

/* 3. Ambient vascular geometry — extremely low contrast by design. */
.r41-ambient-veins{position:relative;isolation:isolate}
.r41-vein-canvas{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  opacity:.11;
  mix-blend-mode:screen;
}
.r41-vein-canvas path{
  fill:none;
  stroke:rgba(232,201,122,.55);
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
.r41-ambient-veins>*:not(.r41-vein-canvas){position:relative;z-index:1}
.mx-hero .r41-vein-canvas{opacity:.085}
footer.r41-ambient-veins .r41-vein-canvas{opacity:.07}

/* 4. Base44-inspired diagnostic lens, intentionally much subtler. */
.r41-cursor-lens{
  position:fixed;
  top:0;left:0;
  width:230px;height:230px;
  border-radius:50%;
  pointer-events:none;
  z-index:8870;
  transform:translate3d(-9999px,-9999px,0);
  background:radial-gradient(circle,rgba(232,201,122,.095) 0%,rgba(232,201,122,.055) 30%,rgba(234,217,160,.018) 48%,transparent 69%);
  mix-blend-mode:screen;
  opacity:.82;
  will-change:transform,width,height,opacity;
  transition:width 360ms var(--r41-ease),height 360ms var(--r41-ease),opacity 300ms ease,background 300ms ease;
}
.r41-cursor-lens.is-intense{
  width:290px;height:290px;opacity:1;
  background:radial-gradient(circle,rgba(232,201,122,.14) 0%,rgba(234,217,160,.07) 29%,rgba(232,201,122,.025) 50%,transparent 70%);
}

/* 5. Premium consultation launcher. Desktop gets a glass panel; mobile keeps r40's sticky CTA. */
.r41-consult{
  position:fixed;
  right:2rem;
  bottom:2rem;
  z-index:8885;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  font-family:var(--font-body);
}
.r41-consult-panel{
  width:min(340px,calc(100vw - 40px));
  padding:20px;
  border-radius:22px;
  color:var(--r41-cream);
  background:linear-gradient(155deg,rgba(0,27,61,.91),rgba(0,16,32,.84));
  border:1px solid rgba(232,201,122,.20);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 24px 60px rgba(0,8,20,.34),inset 0 1px 0 rgba(255,255,255,.07);
  transform-origin:bottom right;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.975);
  transition:opacity 250ms ease,transform 360ms var(--r41-ease),visibility 0s linear 360ms;
}
.r41-consult.is-open .r41-consult-panel{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);
  transition:opacity 250ms ease,transform 360ms var(--r41-ease),visibility 0s linear 0s;
}
.r41-consult-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
.r41-consult-title{font-family:var(--font-display);font-size:1.3rem;font-weight:500;line-height:1.15;color:var(--r41-cream);margin:0}
.r41-consult-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.055);color:rgba(251,247,239,.78);cursor:pointer;font-size:1.2rem;line-height:1}
.r41-consult-close:hover,.r41-consult-close:focus-visible{background:rgba(232,201,122,.11);color:var(--r41-gold)}
.r41-consult-copy{font-size:.91rem;line-height:1.65;color:rgba(251,247,239,.72);margin:0 0 16px}
.r41-consult-actions{display:grid;gap:10px}
.r41-consult-book{
  min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:999px;
  background:linear-gradient(135deg,#ead9a0,#cfb63d);color:var(--r41-navy-deep);font-weight:700;text-decoration:none;
  box-shadow:0 10px 26px rgba(207,182,61,.22),inset 0 1px 0 rgba(255,255,255,.42);
  transition:transform 280ms var(--r41-ease),box-shadow 280ms var(--r41-ease),filter 240ms ease;
}
.r41-consult-book:hover,.r41-consult-book:focus-visible{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 34px rgba(207,182,61,.32),inset 0 1px 0 rgba(255,255,255,.45)}
.r41-consult-call{display:flex;justify-content:center;color:var(--r41-gold);font-size:.86rem;font-weight:600;text-decoration:none;padding:7px}
.r41-consult-call:hover,.r41-consult-call:focus-visible{color:var(--r41-cream)}
.r41-consult-trigger{
  min-height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(232,201,122,.36);
  color:var(--r41-navy-deep);background:linear-gradient(135deg,#ead9a0,#cfb63d);font-weight:700;font-size:.9rem;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 14px 36px rgba(0,10,28,.26),0 5px 18px rgba(207,182,61,.19),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform 300ms var(--r41-ease),box-shadow 320ms var(--r41-ease),filter 240ms ease;
}
.r41-consult-trigger:hover,.r41-consult-trigger:focus-visible{transform:translateY(-3px);filter:brightness(1.035);box-shadow:0 18px 42px rgba(0,10,28,.30),0 8px 24px rgba(207,182,61,.28),inset 0 1px 0 rgba(255,255,255,.48)}
.r41-consult-trigger svg{width:19px;height:19px;flex:0 0 auto}
.r41-consult.is-open .r41-consult-trigger{transform:translateY(-1px)}
/* Keep Nextiva chat distinct and visually stacked above consultation. */
.avc-chat-fab{bottom:6.7rem!important}

/* 6. Section progress dots — homepage desktop only. */
.r41-progress{
  position:fixed;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  z-index:470;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px 7px;
  border-radius:999px;
  background:rgba(0,16,32,.22);
  border:1px solid rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  opacity:.72;
  transition:opacity 240ms ease,background 240ms ease;
}
.r41-progress:hover,.r41-progress:focus-within{opacity:1;background:rgba(0,16,32,.48)}
.r41-progress a{width:10px;height:10px;display:block;border-radius:50%;border:1px solid rgba(232,201,122,.55);background:rgba(0,16,32,.44);box-shadow:0 0 0 0 rgba(232,201,122,0);transition:transform 280ms var(--r41-ease),background 240ms ease,box-shadow 280ms ease}
.r41-progress a:hover,.r41-progress a:focus-visible{transform:scale(1.35);background:rgba(232,201,122,.38);outline:none}
.r41-progress a[aria-current="true"]{transform:scale(1.28);background:var(--r41-gold);box-shadow:0 0 0 4px rgba(232,201,122,.11),0 0 16px rgba(232,201,122,.24)}

/* 7. Glass/card polish. Existing r40 geometry remains unchanged. */
.tx-tab{
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
}
.tx-view{
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
.post-card,.credential-badge,.physician-quote,.page-cta{
  -webkit-backdrop-filter:blur(10px) saturate(115%);
  backdrop-filter:blur(10px) saturate(115%);
}
@media(hover:hover) and (pointer:fine){
  .tx-tab:hover{transform:translateY(-3px);border-color:rgba(207,182,61,.40);box-shadow:0 14px 34px rgba(0,27,61,.10),inset 0 1px 0 rgba(255,255,255,.82)}
  .tx-view.is-active:hover{border-color:rgba(207,182,61,.32);box-shadow:0 24px 54px rgba(0,27,61,.10),inset 0 1px 0 rgba(255,255,255,.75)}
  .tx-view-art svg{transition:transform 650ms var(--r41-ease),filter 450ms ease;transform-origin:center}
  .tx-view.is-active:hover .tx-view-art svg{transform:scale(1.025) translateY(-2px);filter:drop-shadow(0 12px 18px rgba(0,27,61,.08))}
  .btn-primary{transition:transform 280ms var(--r41-ease),box-shadow 320ms var(--r41-ease),filter 240ms ease!important}
  .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.035)}
  .tx-view-link{transition:color 240ms ease,transform 300ms var(--r41-ease),background-size .35s var(--ease-lux)!important}
  .tx-view-link:hover{transform:translateX(4px)}
}

/* 8. Refined FAQ emphasis on open state; the r40 grid-row animation remains canonical. */
.faq-item{border-radius:18px;transition:background-color 260ms ease,border-color 300ms ease,box-shadow 340ms var(--r41-ease),transform 300ms var(--r41-ease)!important}
.faq-item.open{background:rgba(255,255,255,.44);box-shadow:0 14px 34px rgba(0,27,61,.055),inset 0 1px 0 rgba(255,255,255,.82)}
@media(hover:hover) and (pointer:fine){.faq-item:not(.open):hover{transform:translateY(-1px);background:rgba(255,255,255,.28)}}

/* 9. Selected luminous typography — headings/brand only, never paragraph copy. */
@media(hover:hover) and (pointer:fine){
  .mx-hero-h1,.brand-display,.page-hero h1,.treatment-page-hero h1,.finale-title{
    transition:text-shadow 420ms ease,color 320ms ease!important;
  }
  .mx-hero-h1:hover,.brand-display:hover,.page-hero h1:hover,.treatment-page-hero h1:hover,.finale-title:hover{
    text-shadow:0 0 20px rgba(232,201,122,.10),0 0 44px rgba(234,217,160,.055);
  }
}

/* 10. Performance / accessibility guardrails. */
@media(max-width:1100px){.r41-progress{display:none}}
@media(max-width:860px),(pointer:coarse){.r41-consult,.r41-cursor-lens{display:none!important}.avc-chat-fab{bottom:6rem!important}}
@media(prefers-reduced-motion:reduce){
  .r41-cursor-lens,.r41-pulse-wrap{display:none!important}
  .r41-consult-panel,.r41-consult-trigger,.r41-consult-book,.r41-progress a,.tx-view-art svg{transition:none!important;animation:none!important}
  .r41-consult-panel{transform:none!important}
  .r41-vein-canvas{opacity:.06}
  .tx-view.is-active:hover .tx-view-art svg,.tx-view-link:hover,.tx-tab:hover,.faq-item:hover{transform:none!important}
}