/* Sistema EVA — tema para clínicas de estética
   Verde-sálvia (primário) + dourado champagne (acento) sobre fundo creme.
   Carregar DEPOIS de styles.css: sobrescreve as variáveis e componentes do Bootstrap. */

:root {
  /* Marca */
  --eva-sage-900: #26382e;
  --eva-sage-800: #324839;
  --eva-sage-700: #3f5a4a;
  --eva-sage-600: #547564;   /* primário (contraste AA com branco) */
  --eva-sage-500: #6e8f7b;
  --eva-sage-300: #a9c0b1;
  --eva-sage-100: #e4ece7;
  --eva-sage-50:  #f0f5f2;

  --eva-champagne-600: #a8884a;
  --eva-champagne-500: #c9a96e;  /* acento */
  --eva-champagne-200: #ecdfc4;
  --eva-champagne-100: #f5edda;

  /* Neutros quentes */
  --eva-cream:  #f8f6f2;
  --eva-ink:    #1f2420;
  --eva-muted:  #6a706b;
  --eva-faint:  #9aa09b;
  --eva-line:   #e6e2d9;

  --eva-radius: 1rem;
  --eva-font-display: "Fraunces", "Playfair Display", Georgia, serif;

  /* Variáveis do Bootstrap/SB Admin apontando para a nova paleta */
  --bs-primary: #547564;
  --bs-primary-rgb: 84, 117, 100;
  --bs-secondary: #c9a96e;
  --bs-secondary-rgb: 201, 169, 110;
  --bs-success: #547564;
  --bs-success-rgb: 84, 117, 100;
  --bs-teal: #547564;
  --bs-teal-rgb: 84, 117, 100;
  --bs-warning: #c9a96e;
  --bs-warning-rgb: 201, 169, 110;
  --bs-light: #f8f6f2;
  --bs-light-rgb: 248, 246, 242;
  --bs-dark: #26382e;
  --bs-dark-rgb: 38, 56, 46;
  --bs-primary-soft: #e4ece7;
  --bs-primary-soft-rgb: 228, 236, 231;
  --bs-secondary-soft: #f5edda;
  --bs-secondary-soft-rgb: 245, 237, 218;
  --bs-body-color: #6a706b;
  --bs-body-color-rgb: 106, 112, 107;
  --bs-body-bg: #f8f6f2;
  --bs-body-bg-rgb: 248, 246, 242;
  --bs-border-color: #e6e2d9;
  --bs-link-color: #547564;
  --bs-link-hover-color: #3f5a4a;

  /* Cores "soft" usadas nos ícones dos cards de recursos */
  --bs-red-soft: #e4ece7;     --bs-red: #547564;
  --bs-yellow-soft: #f5edda;  --bs-yellow: #a8884a;
  --bs-purple-soft: #ece8f0;  --bs-purple: #7a6a8c;
  --bs-blue-soft: #e4ecef;    --bs-blue: #5b7f8c;
  --bs-orange-soft: #f3e6df;  --bs-orange: #b7745a;
}

body {
  color: var(--eva-muted);
  background-color: var(--eva-cream);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { color: var(--eva-ink); }

h1, h2, .page-header-ui-title {
  font-family: var(--eva-font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
}
h1 em, h2 em, .page-header-ui-title em {
  font-style: italic;
  color: var(--eva-sage-600);
}
h3, h5 { font-weight: 600; letter-spacing: -0.01em; }

a { color: var(--eva-sage-600); }
a:hover { color: var(--eva-sage-700); }

/* Utilitários com !important do Bootstrap */
.text-primary, .text-teal { color: var(--eva-sage-600) !important; }
.text-success { color: var(--eva-sage-600) !important; }
.text-warning, .text-yellow { color: var(--eva-champagne-600) !important; }
.bg-primary, .bg-teal { background-color: var(--eva-sage-600) !important; }
.bg-primary-soft { background-color: var(--eva-sage-100) !important; }
.bg-light { background-color: var(--eva-cream) !important; }
.bg-dark { background-color: var(--eva-sage-900) !important; }
.text-light { color: var(--eva-cream) !important; }
.text-dark { color: var(--eva-sage-900) !important; }
.bg-gradient-primary-to-secondary {
  background-color: var(--eva-sage-600) !important;
  background-image: linear-gradient(135deg, var(--eva-sage-500) 0%, var(--eva-sage-700) 100%) !important;
  box-shadow: 0 10px 28px rgba(84, 117, 100, 0.28);
}
.bg-transparent-light {
  color: var(--eva-champagne-200) !important;
  background-color: rgba(201, 169, 110, 0.14) !important;
}
.bg-white { background-color: #fff !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.68) !important; }

/* Botões */
.btn { border-radius: 0.85rem; font-weight: 600; padding: 0.7rem 1.4rem; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
.btn:hover { transform: translateY(-1px); }

.btn-primary, .btn-success, .btn-teal {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--eva-sage-600);
  --bs-btn-border-color: var(--eva-sage-600);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--eva-sage-700);
  --bs-btn-hover-border-color: var(--eva-sage-700);
  --bs-btn-focus-shadow-rgb: 84, 117, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--eva-sage-800);
  --bs-btn-active-border-color: var(--eva-sage-800);
  --bs-btn-disabled-bg: var(--eva-sage-300);
  --bs-btn-disabled-border-color: var(--eva-sage-300);
  box-shadow: 0 6px 18px rgba(84, 117, 100, 0.28);
}
.btn-primary:hover, .btn-success:hover, .btn-teal:hover { box-shadow: 0 10px 24px rgba(84, 117, 100, 0.34); }

/* CTA dourado: usado nas seções escuras e no plano em destaque */
.btn-champagne {
  --bs-btn-color: var(--eva-sage-900);
  --bs-btn-bg: var(--eva-champagne-500);
  --bs-btn-border-color: var(--eva-champagne-500);
  --bs-btn-hover-color: var(--eva-sage-900);
  --bs-btn-hover-bg: #d6ba84;
  --bs-btn-hover-border-color: #d6ba84;
  --bs-btn-active-color: var(--eva-sage-900);
  --bs-btn-active-bg: var(--eva-champagne-600);
  --bs-btn-active-border-color: var(--eva-champagne-600);
  box-shadow: 0 6px 18px rgba(201, 169, 110, 0.35);
}
.btn-outline-sage {
  --bs-btn-color: var(--eva-sage-700);
  --bs-btn-border-color: var(--eva-line);
  --bs-btn-hover-color: var(--eva-sage-900);
  --bs-btn-hover-bg: var(--eva-sage-50);
  --bs-btn-hover-border-color: var(--eva-sage-300);
  background: transparent;
}

/* Navbar */
.navbar-marketing.navbar-light {
  background: rgba(248, 246, 242, 0.92) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--eva-line);
}
.navbar-marketing .navbar-brand {
  font-family: var(--eva-font-display);
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  color: var(--eva-sage-700) !important;
}
.navbar-marketing .navbar-brand::after {
  content: "";
  display: inline-block;
  width: 0.4rem; height: 0.4rem;
  margin-left: 0.2rem;
  border-radius: 50%;
  background: var(--eva-champagne-500);
  vertical-align: baseline;
}
.navbar-marketing .nav-link { color: var(--eva-muted) !important; font-weight: 500; }
.navbar-marketing .nav-link:hover { color: var(--eva-sage-700) !important; }

/* Hero */
.page-header-ui-light { background: var(--eva-cream) !important; position: relative; overflow: hidden; }
.page-header-ui-light::before {
  content: "";
  position: absolute; inset: -20% -10% auto auto;
  width: 640px; height: 640px;
  background: radial-gradient(circle, rgba(110, 143, 123, 0.18) 0%, transparent 68%);
  filter: blur(30px);
  pointer-events: none;
}
.page-header-ui-light::after {
  content: "";
  position: absolute; inset: auto auto 0 -8%;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(201, 169, 110, 0.20) 0%, transparent 68%);
  filter: blur(40px);
  pointer-events: none;
}
.page-header-ui-content { position: relative; z-index: 1; }
.page-header-ui-title {
  font-size: clamp(2.4rem, 5.5vw, 4.25rem);
  line-height: 1.08;
  color: var(--eva-ink);
}
.page-header-ui-text { color: var(--eva-muted); font-size: 1.15rem; max-width: 40rem; margin-left: auto; margin-right: auto; }

.eva-kicker {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--eva-champagne-600);
}
.eva-kicker::before, .eva-kicker::after {
  content: "";
  display: inline-block;
  width: 1.5rem; height: 1px;
  background: var(--eva-champagne-500);
  vertical-align: middle;
  margin: 0 0.75rem;
}
.eva-trust { font-size: 0.85rem; color: var(--eva-faint); margin-top: 1rem; }

/* Faixa de provas rápidas */
.eva-stats { background: #fff; border-top: 1px solid var(--eva-line); border-bottom: 1px solid var(--eva-line); }
.eva-stat { text-align: center; padding: 0.5rem 1rem; }
.eva-stat-value { font-family: var(--eva-font-display); font-size: 1.9rem; color: var(--eva-sage-600); line-height: 1.1; }
.eva-stat-label { font-size: 0.85rem; color: var(--eva-muted); }
@media (min-width: 768px) {
  .eva-stat + .eva-stat { border-left: 1px solid var(--eva-line); }
}

/* Laptop do hero */
.device-laptop { filter: drop-shadow(0 30px 50px rgba(38, 56, 46, 0.18)); }

/* Cards de dor e de recursos */
.card {
  border: 1px solid var(--eva-line);
  border-radius: var(--eva-radius);
  background: #fff;
  box-shadow: 0 1px 4px rgba(38, 56, 46, 0.05);
}
.card.lift { box-shadow: 0 1px 4px rgba(38, 56, 46, 0.05); }
.card.lift:hover {
  transform: translateY(-4px);
  border-color: var(--eva-champagne-200);
  box-shadow: 0 18px 40px rgba(38, 56, 46, 0.10);
}
.card h5 { color: var(--eva-ink); }
.card .icon-stack { border-radius: 0.9rem; }

.eva-pain { position: relative; }
.eva-pain::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 1.25rem;
  background: linear-gradient(90deg, var(--eva-champagne-500), transparent);
}
.eva-pain .icon-stack { background: var(--eva-champagne-100); color: var(--eva-champagne-600); }

/* Lista "por que é diferente" */
.eva-checks { list-style: none; padding: 0; margin: 0; }
.eva-checks li {
  position: relative;
  padding: 0.55rem 0 0.55rem 2rem;
  color: var(--eva-ink);
  font-weight: 500;
}
.eva-checks li::before {
  content: "";
  position: absolute; left: 0; top: 0.85rem;
  width: 1.15rem; height: 1.15rem;
  border-radius: 50%;
  background: var(--eva-sage-600)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/70% no-repeat;
}

.badge-marketing { letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; }
.badge.bg-primary-soft { color: var(--eva-sage-700) !important; }

/* Planos */
.card.pricing { border-radius: 1.25rem; }
.pricing-price { font-family: var(--eva-font-display); color: var(--eva-ink); }
.pricing-price sup, .pricing-price-period { color: var(--eva-muted); }
.card.pricing.eva-featured {
  border: 1.5px solid var(--eva-champagne-500);
  box-shadow: 0 24px 56px rgba(168, 136, 74, 0.18);
  position: relative;
}
.eva-ribbon {
  position: absolute; top: -0.8rem; left: 50%; transform: translateX(-50%);
  background: var(--eva-champagne-500);
  color: var(--eva-sage-900);
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 0.3rem 0.9rem; border-radius: 50rem;
}

/* Seção escura: público e CTA final */
.bg-dark.eva-final {
  background:
    radial-gradient(circle at 85% 0%, rgba(201, 169, 110, 0.16), transparent 45%),
    linear-gradient(165deg, var(--eva-sage-900) 0%, var(--eva-sage-800) 60%, var(--eva-sage-700) 100%) !important;
}
.eva-final h2 { font-family: var(--eva-font-display); color: #fff; }
.eva-final .icon-stack { background: rgba(201, 169, 110, 0.16) !important; color: var(--eva-champagne-500) !important; }
.eva-final h5 { color: #fff; }

/* Formulário / modal */
.form-control:focus {
  border-color: var(--eva-sage-500);
  box-shadow: 0 0 0 0.25rem rgba(84, 117, 100, 0.18);
}
.modal-content { border: 0; border-radius: 1.25rem; }
.modal-title { font-family: var(--eva-font-display); }

/* Rodapé */
.footer-dark { background: var(--eva-sage-900) !important; }
.footer-brand { font-family: var(--eva-font-display); font-size: 1.5rem; color: #fff; }
.footer-dark a { color: var(--eva-champagne-200); }
.footer-dark a:hover { color: var(--eva-champagne-500); }
.icon-list-social .icon-list-social-link { color: var(--eva-champagne-500); }

/* Acessibilidade */
:focus-visible { outline: 2px solid var(--eva-champagne-500); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .btn, .card.lift { transition: none; }
}

/* Ícones dourados dos cards de recursos */
.eva-icon-gold { background: var(--eva-champagne-100) !important; color: var(--eva-champagne-600) !important; }

/* Prints do sistema */
.device-laptop .device-screenshot {
  aspect-ratio: 326 / 203;
  object-fit: cover;
  object-position: left top;
}
.eva-shot img {
  width: 100%;
  border: 1px solid var(--eva-line);
  border-radius: var(--eva-radius);
  box-shadow: 0 18px 44px rgba(38, 56, 46, 0.12);
  background: #fff;
}
.eva-shot figcaption { margin-top: 1rem; font-size: 0.9rem; color: var(--eva-muted); }
.eva-shot figcaption strong { display: block; color: var(--eva-ink); font-size: 1rem; }

/* Mockup do hero: conversa de agendamento */
.eva-mock-wrap { position: relative; max-width: 360px; margin-left: auto; margin-right: auto; padding: 1.5rem 0; }
.eva-mock {
  background: #efeae2;
  border: 8px solid var(--eva-sage-900);
  border-radius: 2.2rem;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(38, 56, 46, 0.25);
}
.eva-chat-top { display: flex; align-items: center; gap: 0.7rem; padding: 0.85rem 1rem; background: var(--eva-sage-700); color: #fff; }
.eva-chat-top strong { display: block; font-size: 0.85rem; line-height: 1.1; }
.eva-chat-top small { font-size: 0.65rem; opacity: 0.8; }
.eva-chat-top .eva-av { width: 2rem; height: 2rem; background: var(--eva-champagne-500); color: var(--eva-sage-900); font-size: 0.85rem; }
.eva-chat { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.1rem 0.9rem 1.4rem; min-height: 22rem; }
.eva-msg { max-width: 82%; padding: 0.55rem 0.8rem; font-size: 0.8rem; line-height: 1.4; border-radius: 0.9rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); }
.eva-msg.in { align-self: flex-start; background: #fff; color: var(--eva-ink); border-top-left-radius: 0.2rem; }
.eva-msg.out { align-self: flex-end; background: #dcebe2; color: var(--eva-sage-900); border-top-right-radius: 0.2rem; }
.eva-av { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 700; flex: none; }

.eva-float {
  position: absolute; display: flex; align-items: center; gap: 0.6rem;
  background: #fff; border: 1px solid var(--eva-line); border-radius: 0.9rem;
  padding: 0.6rem 0.8rem; box-shadow: 0 10px 28px rgba(38, 56, 46, 0.12);
  animation: eva-float 6s ease-in-out infinite;
}
.eva-float svg { width: 1.1rem; height: 1.1rem; color: var(--eva-sage-600); }
.eva-float strong { display: block; font-size: 0.75rem; color: var(--eva-ink); }
.eva-float small { font-size: 0.65rem; color: var(--eva-muted); }
.eva-float-1 { top: 1.2rem; right: -2.5rem; }
.eva-float-2 { bottom: 2.2rem; left: -2.5rem; animation-delay: 1.2s; }
.eva-float-3 { top: 48%; right: -3.8rem; animation-delay: .6s; }
.eva-float-3 svg { color: var(--eva-champagne-600); }
@keyframes eva-float { 50% { transform: translateY(-6px); } }
@media (max-width: 991.98px) { .eva-float-1 { right: -0.5rem; } .eva-float-2 { left: -0.5rem; } .eva-float-3 { display: none; } }
@media (prefers-reduced-motion: reduce) { .eva-float, .eva-dot { animation: none; } }


/* Hero em duas colunas */
.eva-hero .page-header-ui-title { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
@media (min-width: 992px) { .eva-hero .page-header-ui-text { margin-left: 0; } }
.eva-hero { padding-bottom: 4rem; }

/* Segmentos atendidos */
.eva-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; }
.eva-chip {
  padding: 0.45rem 1rem; font-size: 0.85rem; font-weight: 600;
  color: var(--eva-sage-700); background: var(--eva-sage-50);
  border: 1px solid var(--eva-sage-100); border-radius: 50rem;
}

/* Problemas */
.eva-pain .icon-stack { background: var(--eva-champagne-100); color: var(--eva-champagne-600); }
.eva-pain h5, .card.lift h5 { font-size: 1.02rem; line-height: 1.35; }
.eva-central { background: var(--eva-sage-900); border-color: var(--eva-sage-900); }
.eva-central h5 { color: #fff; font-family: var(--eva-font-display); font-weight: 500; font-size: 1.15rem; }
.eva-central p { color: rgba(255, 255, 255, 0.72); }
.eva-central::after { display: none; }

/* Recursos */
.eva-feat { display: flex; gap: 1rem; align-items: flex-start; padding: 1.1rem 1.25rem; height: 100%; background: var(--eva-cream); border: 1px solid var(--eva-line); border-radius: var(--eva-radius); }
.eva-feat h5 { font-size: 1rem; margin-bottom: 0.25rem; }
.eva-feat .icon-stack { border-radius: 0.8rem; }

/* Faixa de CTA */
.eva-cta-band {
  background: linear-gradient(180deg, var(--eva-sage-50) 0%, var(--eva-champagne-100) 100%);
  border-top: 1px solid var(--eva-line); border-bottom: 1px solid var(--eva-line);
}

/* Depoimentos-modelo (aguardando relatos reais) */
.eva-quote {
  position: relative; margin: 0; padding: 1.5rem; background: #fff;
  border: 1.5px dashed var(--eva-champagne-500); border-radius: var(--eva-radius);
}
.eva-quote-tag { display: inline-block; margin-bottom: 0.8rem; padding: 0.2rem 0.7rem; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--eva-champagne-600); background: var(--eva-champagne-100); border-radius: 50rem; }
.eva-quote blockquote { margin: 0 0 1rem; font-family: var(--eva-font-display); font-size: 1.05rem; line-height: 1.5; color: var(--eva-ink); }
.eva-quote figcaption { font-size: 0.75rem; color: var(--eva-faint); }

/* FAQ */
.eva-accordion .accordion-item { border: 1px solid var(--eva-line); border-radius: var(--eva-radius) !important; margin-bottom: 0.7rem; overflow: hidden; background: #fff; }
.eva-accordion .accordion-button { font-weight: 600; color: var(--eva-ink); background: #fff; box-shadow: none; padding: 1.1rem 1.25rem; }
.eva-accordion .accordion-button:not(.collapsed) { color: var(--eva-sage-700); background: var(--eva-sage-50); }
.eva-accordion .accordion-button:focus { box-shadow: 0 0 0 0.2rem rgba(84, 117, 100, 0.2); }
.eva-accordion .accordion-body { color: var(--eva-muted); }


/* Formulário de cadastro */
.eva-form { border-radius: 1.25rem; }
.eva-form-brand { font-family: var(--eva-font-display); font-size: 1.4rem; font-weight: 600; color: var(--eva-sage-700); }
.eva-form-title { font-size: clamp(1.7rem, 4vw, 2.3rem); margin-bottom: 0.4rem; }
.eva-form-sub { color: var(--eva-muted); margin-bottom: 1.5rem; }
.eva-form .form-label { font-size: 0.8rem; font-weight: 700; color: var(--eva-sage-900); margin-bottom: 0.35rem; }
.eva-form .form-control, .eva-form .form-select {
  min-height: 3rem; border-radius: 0.75rem; border: 1px solid var(--eva-line);
  background-color: #fff; color: var(--eva-ink); font-size: 0.9rem;
}
.eva-form .form-control::placeholder { color: var(--eva-faint); }
.eva-form .form-control:focus, .eva-form .form-select:focus {
  border-color: var(--eva-sage-500); box-shadow: 0 0 0 0.25rem rgba(84, 117, 100, 0.18);
}
.eva-form .is-invalid { border-color: #d9534f; }
.eva-pass { position: relative; }
.eva-pass .form-control { padding-right: 3rem; }
.eva-pass-toggle { position: absolute; top: 50%; right: 0.8rem; transform: translateY(-50%); border: 0; background: none; color: var(--eva-faint); padding: 0.25rem; line-height: 1; }
.eva-pass-toggle:hover { color: var(--eva-sage-700); }
.eva-pass-toggle svg { width: 1.1rem; height: 1.1rem; }
.eva-submit { border-radius: 50rem; min-width: 15rem; padding: 0.85rem 2rem; }
.eva-form-legal { margin: 1.25rem 0 0.9rem; font-size: 0.85rem; color: var(--eva-muted); }
.eva-form-legal a { color: var(--eva-ink); text-decoration: underline; }
.eva-form-login { font-weight: 600; color: var(--eva-ink); }
.eva-form-login a { color: var(--eva-sage-600); }


/* Páginas legais */
.eva-legal { padding: 4rem 0 2rem; background: #fff; }
.eva-legal h1 { font-size: clamp(2rem, 4.5vw, 3rem); margin-bottom: 0.4rem; }
.eva-legal-date { color: var(--eva-faint); margin-bottom: 2.5rem; }
.eva-legal h2 { font-family: var(--eva-font-display); font-size: 1.35rem; margin: 2rem 0 0.75rem; color: var(--eva-ink); }
.eva-legal p, .eva-legal li { line-height: 1.7; }
.eva-legal ul { padding-left: 1.2rem; }

/* Navbar: botões lado a lado no desktop, empilhados no mobile */
@media (max-width: 991.98px) { .navbar-marketing .navbar-collapse .btn { display: block; margin: 0.5rem 0 0 !important; } }


/* CTAs de conversão */
.eva-inline-cta { padding: 2.25rem 1rem; background: var(--eva-cream); border-top: 1px solid var(--eva-line); border-bottom: 1px solid var(--eva-line); }
.eva-inline-cta p { font-family: var(--eva-font-display); font-size: clamp(1.2rem, 2.6vw, 1.6rem); color: var(--eva-ink); margin-bottom: 1rem; }
.eva-inline-cta small { display: block; margin-top: 0.7rem; color: var(--eva-faint); }
.eva-sticky-cta { display: none; }
@media (max-width: 767.98px) {
  .eva-sticky-cta { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom)); background: rgba(248, 246, 242, 0.96); backdrop-filter: blur(10px); border-top: 1px solid var(--eva-line); transform: translateY(110%); transition: transform .25s ease; }
  .eva-sticky-cta.show { transform: none; }
  body { padding-bottom: 4.5rem; }
}