/* ═══════════════════════════════════════════════════════════════════════════
   CE QU'ANANDA MONTRE — l'habillage                            [2026-08-26]
   Onze gestes, un seul langage : marbre ivoire, encre profonde, or de la
   maison. La carte de paiement est la SEULE à porter le lingot plein — c'est
   le moment qui compte, il ne se confond avec rien d'autre.
   ═══════════════════════════════════════════════════════════════════════════ */
.ana-act{
  /* ⛔ VU AU BANC : le panneau d'Ananda est une colonne flex. Dès que la
     conversation se remplit, `flex-shrink` écrasait les cartes du bas — le
     carrousel des produits tombait à 6 px de haut, présent dans le DOM et
     invisible à l'œil. Le pire des silences : celui qui se croit rendu.
     Une carte d'Ananda ne se comprime JAMAIS. */
  flex:0 0 auto !important;
  margin:10px 0 2px;
  padding:12px 13px;
  border-radius:14px;
  background:#fffdf6;
  border:1px solid rgba(158,124,58,.30);
  box-shadow:0 1px 3px rgba(120,95,45,.10), 0 6px 18px rgba(120,95,45,.07);
  animation:anaEntree .32s cubic-bezier(.22,1,.36,1) both;
}
@keyframes anaEntree{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:reduce){ .ana-act{animation:none} }
html:not([data-theme]) .ana-act{ background:rgba(30,24,14,.66); border-color:rgba(212,168,83,.30); }

.ana-tit{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:17px; font-weight:700; line-height:1.25;
  color:#2b2318; -webkit-text-fill-color:#2b2318;
}
.ana-sous{
  margin-top:6px; font-size:13px; line-height:1.42;
  color:#6b5a3d; -webkit-text-fill-color:#6b5a3d;
}
html:not([data-theme]) .ana-tit{ color:#f7eed8; -webkit-text-fill-color:#f7eed8; }
html:not([data-theme]) .ana-sous{ color:rgba(238,226,198,.74); -webkit-text-fill-color:rgba(238,226,198,.74); }

/* ── la vidéo : cadre 16/9 fluide (une hauteur fixe déborde d'une colonne) ── */
.ana-video .ana-cadre{
  position:relative; width:100%; aspect-ratio:16/9; margin-top:8px;
  border-radius:12px; overflow:hidden; background:#160f06;
  border:1px solid rgba(180,140,45,.45);
}
.ana-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* ── 💳 LA CARTE QUI ENCAISSE — le seul lingot plein de tout le module ── */
.ana-buy{
  background:linear-gradient(150deg,#fbf1d2 0%,#f6e7ba 54%,#fdf8e9 100%) !important;
  border-color:rgba(184,142,44,.72) !important;
  box-shadow:0 2px 6px rgba(150,112,30,.16), 0 10px 26px rgba(150,112,30,.16) !important;
  text-align:center; padding:16px 14px 14px;
}
html:not([data-theme]) .ana-buy{
  background:linear-gradient(150deg,rgba(212,168,83,.30),rgba(212,168,83,.12)) !important;
}
.ana-buy-badge{
  display:inline-block; padding:4px 11px; border-radius:999px; margin-bottom:8px;
  font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  background:rgba(255,253,247,.75); border:1px solid rgba(184,142,44,.5);
  color:#7a5f1a; -webkit-text-fill-color:#7a5f1a;
}
.ana-buy-tit{
  font-family:'Cormorant Garamond',Georgia,serif; font-size:21px; font-weight:700;
  line-height:1.2; color:#241d12; -webkit-text-fill-color:#241d12;
}
.ana-buy-desc{ margin-top:5px; font-size:13.5px; line-height:1.45; color:#5b4c33; -webkit-text-fill-color:#5b4c33; }
.ana-buy-prix{
  margin-top:8px; font-family:'Cormorant Garamond',Georgia,serif;
  font-size:26px; font-weight:700; font-variant-numeric:lining-nums;
  color:#7a5f1a; -webkit-text-fill-color:#7a5f1a;
}
.ana-buy-btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin-top:11px; min-height:52px; padding:14px 20px; border-radius:14px;
  text-decoration:none; font-family:inherit; font-size:17px; font-weight:700;
  color:#3a2c10 !important; -webkit-text-fill-color:#3a2c10;
  background:linear-gradient(160deg,#f5e3ae 0%,#e0be6e 38%,#c9a24a 62%,#e8d192 100%);
  box-shadow:0 3px 0 rgba(140,105,35,.55), 0 8px 18px rgba(120,90,30,.22);
}
.ana-buy-btn:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(140,105,35,.55); }
.ana-buy-trust{ margin-top:8px; font-size:12px; color:#6b5a3d; -webkit-text-fill-color:#6b5a3d; }

/* ── le carrousel des produits ── */
.ana-cz{ display:flex; align-items:stretch; gap:9px; overflow-x:auto; padding:2px; -webkit-overflow-scrolling:touch; min-height:112px; }
.ana-cz-card{
  flex:0 0 178px; display:block; text-decoration:none;
  border-radius:12px; overflow:hidden; background:#fffdf6;
  border:1px solid rgba(158,124,58,.32); box-shadow:0 1px 4px rgba(120,95,45,.12);
}
html:not([data-theme]) .ana-cz-card{ background:rgba(30,24,14,.72); border-color:rgba(212,168,83,.30); }
.ana-cz-img{ width:100%; height:96px; object-fit:cover; display:block; }
.ana-cz-emoji{ font-size:34px; text-align:center; padding:16px 0 6px; }
.ana-cz-body{ padding:9px 10px 10px; }
.ana-cz-nom{ font-family:'Cormorant Garamond',Georgia,serif; font-size:16px; font-weight:700; line-height:1.2; color:#241d12; -webkit-text-fill-color:#241d12; }
.ana-cz-pitch{ margin-top:3px; font-size:12px; line-height:1.35; color:#5b4c33; -webkit-text-fill-color:#5b4c33;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ana-cz-foot{ margin-top:7px; display:flex; align-items:center; justify-content:space-between; gap:6px; }
.ana-cz-prix{ font-weight:800; font-size:13.5px; color:#7a5f1a; -webkit-text-fill-color:#7a5f1a; font-variant-numeric:lining-nums; }
.ana-cz-cta{ font-size:12.5px; font-weight:700; color:#96751f; -webkit-text-fill-color:#96751f; }
html:not([data-theme]) .ana-cz-nom{ color:#f7eed8; -webkit-text-fill-color:#f7eed8; }
html:not([data-theme]) .ana-cz-pitch{ color:rgba(238,226,198,.74); -webkit-text-fill-color:rgba(238,226,198,.74); }

/* ── image, gif ── */
.ana-img img, .ana-gif img{ width:100%; border-radius:11px; display:block; }
.ana-gif{ padding:8px; }

/* ── sondage / quiz : des vraies cibles, pas des puces ── */
.ana-poll-opt{
  display:block; width:100%; margin-top:8px; min-height:46px; padding:11px 14px;
  border-radius:12px; cursor:pointer; text-align:left;
  font-family:inherit; font-size:15px; line-height:1.35;
  background:rgba(255,253,247,.9); border:1px solid rgba(160,125,60,.34);
  color:#2b2318; -webkit-text-fill-color:#2b2318;
  transition:background .15s, border-color .15s;
}
.ana-poll-opt:hover:not(:disabled){ background:#fffdf7; border-color:rgba(201,151,27,.7); }
.ana-poll-opt:disabled{ opacity:.6; cursor:default; }
.ana-poll-opt.ana-poll-choisi{
  background:linear-gradient(150deg,#fbf1d2,#f6e7ba); border-color:rgba(184,142,44,.8); opacity:1; font-weight:700;
}
html:not([data-theme]) .ana-poll-opt{ background:rgba(255,255,255,.06); color:#f7eed8; -webkit-text-fill-color:#f7eed8; }

/* ── compteur ── */
.ana-compteur{ text-align:center; }
.ana-comp-lbl{ font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#7a5f1a; -webkit-text-fill-color:#7a5f1a; }
.ana-comp-val{ margin-top:3px; font-family:'Cormorant Garamond',Georgia,serif; font-size:25px; font-weight:700; font-variant-numeric:lining-nums; color:#241d12; -webkit-text-fill-color:#241d12; }
html:not([data-theme]) .ana-comp-val{ color:#f7eed8; -webkit-text-fill-color:#f7eed8; }

/* ── réaction / dé ── */
.ana-reaction{ text-align:center; font-size:34px; padding:8px; background:none !important; border:0 !important; box-shadow:none !important; }

/* ── newsletter ── */
.ana-news-form{ display:flex; gap:7px; margin-top:9px; flex-wrap:wrap; }
.ana-news-form input{
  flex:1 1 150px; min-height:46px; padding:10px 13px; border-radius:11px;
  border:1px solid rgba(160,125,60,.4); background:rgba(255,253,247,.95);
  font-family:inherit; font-size:15px; color:#2b2318;
}
.ana-news-form button{
  flex:0 0 auto; min-height:46px; padding:10px 18px; border-radius:11px; border:0; cursor:pointer;
  font-family:inherit; font-size:15px; font-weight:700; color:#3a2c10;
  background:linear-gradient(160deg,#f5e3ae,#c9a24a);
}
.ana-news-etat{ margin-top:7px; font-size:13px; color:#6b5a3d; -webkit-text-fill-color:#6b5a3d; }

/* ── le repli : jamais rien, toujours quelque chose ── */
.ana-inconnu{ border-style:dashed !important; }

@media (max-width:560px){
  .ana-buy-tit{ font-size:19px; }
  .ana-cz-card{ flex-basis:158px; }
}