/* ============================================================
   MAHA PHONE v3 — Téléphone flottant « Ananda » (Mahayawen)
   Bois rouge noble (acajou) + or. Vocaux, images/gif, liens, paiement.
   Injecté uniquement sur /s/maha.
   ============================================================ */

:root{
  --mp-gold:#f6d98a; --mp-gold-deep:#b8881f; --mp-gold-soft:#ffe9a8;
  --mp-red:#5c1a10;          /* acajou profond */
  --mp-red-2:#7a2418;        /* bois rouge */
  --mp-red-3:#3d0f08;        /* ombre acajou */
  --mp-cream:#fdf3e3;
  /* VRAIES textures bois du thème légendaire (visibles) */
  --mp-wood-dark:url(https://www.giri-app.com/css/textures/wood-body.jpg);
  --mp-wood-light:url(https://www.giri-app.com/css/textures/wood-light-premium.jpg);
  /* bulle bot = bois sombre réel + teinte acajou chaude par-dessus (le bois reste visible) */
  --mp-bubble-bot:linear-gradient(135deg,rgba(110,31,18,.62),rgba(92,26,16,.50)),var(--mp-wood-dark);
  --mp-bubble-user:linear-gradient(135deg,rgba(246,217,138,.55),rgba(199,154,50,.42)),var(--mp-wood-light);
}

/* ---------- Bouton flottant (téléphone réduit) ---------- */
#maha-phone-fab{
  position:fixed; right:24px; bottom:24px;
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:2147483000; cursor:pointer; border:0; padding:0; background:transparent;
  width:78px; height:78px; display:block;
  animation:mp-float 4.5s ease-in-out infinite;
  filter:drop-shadow(0 16px 32px rgba(60,12,4,.55)) drop-shadow(0 4px 10px rgba(0,0,0,.35));
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
#maha-phone-fab:hover{transform:translateY(-4px) scale(1.07)}
#maha-phone-fab:active{transform:scale(.96)}
#maha-phone-fab .mp-fab-ring{
  position:absolute; inset:-5px; border-radius:50%;
  box-shadow:0 0 0 0 rgba(246,217,138,.6); animation:mp-pulse 2.6s ease-out infinite; pointer-events:none;
}
#maha-phone-fab .mp-fab-body{
  width:100%; height:100%; border-radius:50%;
  background:
    radial-gradient(120% 120% at 30% 25%,#9a3320 0%,#7a2418 38%,#5c1a10 70%,#3d0f08 100%);
  border:2px solid rgba(246,217,138,.7);
  box-shadow:inset 0 3px 2px rgba(255,210,150,.4),inset 0 -8px 16px rgba(20,5,2,.6),0 0 22px rgba(246,217,138,.25);
  display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;
}
#maha-phone-fab .mp-fab-body::after{ /* halo or rotatif */
  content:""; position:absolute; inset:-40%;
  background:conic-gradient(from 0deg,transparent,rgba(246,217,138,.22),transparent 40%);
  animation:mp-spin 6s linear infinite;
}
#maha-phone-fab .mp-fab-avatar{
  width:50px;height:50px;border-radius:50%;object-fit:cover;position:relative;z-index:2;
  border:2px solid var(--mp-gold);box-shadow:0 0 16px rgba(246,217,138,.7);
}
#maha-phone-fab .mp-fab-badge{
  position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 5px;
  background:#e23b3b;color:#fff;border-radius:11px;border:2px solid var(--mp-cream);z-index:3;
  font:700 12px/18px Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
}
#maha-phone-fab .mp-fab-hint{
  position:absolute;right:92px;bottom:14px;white-space:nowrap;
  background:linear-gradient(135deg,#6e1f12,#8c2c1c);color:var(--mp-cream);
  padding:9px 15px;border-radius:14px;border-bottom-right-radius:4px;
  font:600 13px/1.3 Inter,system-ui,sans-serif;letter-spacing:.2px;
  box-shadow:0 12px 26px rgba(60,12,4,.45),0 0 0 1px rgba(246,217,138,.3) inset;
  opacity:0;transform:translateX(10px) scale(.95);pointer-events:none;transition:.3s cubic-bezier(.34,1.56,.64,1);
}
#maha-phone-fab .mp-fab-hint.show{opacity:1;transform:translateX(0) scale(1)}
#maha-phone-fab .mp-fab-hint b{color:var(--mp-gold)}
#maha-phone-fab .mp-fab-hint::after{content:"";position:absolute;right:-6px;bottom:9px;width:0;height:0;border:6px solid transparent;border-left-color:#8c2c1c}

/* ---------- Téléphone ouvert (mockup) ---------- */
#maha-phone-shell{
  position:fixed;right:24px;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));
  z-index:2147483400;width:440px;max-width:calc(100vw - 32px);height:min(860px,calc(100vh - 40px));max-height:calc(100vh - 40px);
  opacity:0;transform:translateY(24px) scale(.9);transform-origin:bottom right;pointer-events:none;
  transition:.42s cubic-bezier(.34,1.4,.5,1);
}
#maha-phone-shell.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

.mp-device{
  width:100%;height:100%;border-radius:48px;position:relative;
  background:linear-gradient(155deg,#2a0d07,#160603);
  padding:11px;
  box-shadow:0 44px 90px rgba(40,8,2,.6),0 14px 34px rgba(0,0,0,.45),
             inset 0 2px 1px rgba(255,200,150,.16),inset 0 -3px 8px rgba(0,0,0,.7),
             0 0 0 2px rgba(246,217,138,.45);
}
.mp-device::before{content:"";position:absolute;left:-3px;top:135px;width:3px;height:60px;border-radius:3px;
  background:linear-gradient(#7a2418,#3d0f08);box-shadow:0 82px 0 #3d0f08,0 -88px 0 #3d0f08;}
.mp-screen{width:100%;height:100%;border-radius:38px;overflow:hidden;position:relative;
  /* VRAI BOIS visible en fond d'écran (sombre noble) + léger voile pour lisibilité */
  background:linear-gradient(180deg,rgba(28,11,6,.34),rgba(18,7,4,.46)),var(--mp-wood-dark);
  background-size:cover,cover;background-position:center,center;display:flex;flex-direction:column;}
.mp-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:128px;height:26px;
  background:#0c0402;border-radius:0 0 16px 16px;z-index:6;}
.mp-notch::after{content:"";position:absolute;top:9px;right:30px;width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#3a2a4a,#0c0402);}

/* ---------- Header ---------- */
.mp-head{
  flex:0 0 auto;padding:30px 16px 13px;display:flex;align-items:center;gap:11px;position:relative;z-index:5;
  /* en-tête : bois sombre réel + voile acajou chaud (le grain reste visible) */
  background:
    linear-gradient(135deg,rgba(120,30,18,.78),rgba(154,51,32,.66)),
    radial-gradient(120% 160% at 80% -20%,rgba(246,217,138,.28),transparent 60%),
    var(--mp-wood-dark);
  background-size:cover;background-position:center;
  box-shadow:0 6px 22px rgba(40,8,2,.5),inset 0 -1px 0 rgba(246,217,138,.3);
}
.mp-head .mp-h-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--mp-gold);box-shadow:0 0 14px rgba(246,217,138,.55)}
.mp-head .mp-h-meta{flex:1;min-width:0;line-height:1.25}
.mp-head .mp-h-name{font:700 18px Cinzel,Georgia,serif;color:var(--mp-gold-soft);letter-spacing:.4px;
  text-shadow:0 1px 3px rgba(0,0,0,.55);display:flex;align-items:center;gap:6px}
.mp-head .mp-h-name small{font:400 10px Inter,sans-serif;color:rgba(255,233,168,.65)}
.mp-head .mp-h-status{font:500 12.5px Inter,system-ui,sans-serif;color:#ffd9c2;display:flex;align-items:center;gap:5px}
.mp-head .mp-h-dot{width:7px;height:7px;border-radius:50%;background:#5ee07a;box-shadow:0 0 8px #5ee07a;animation:mp-blink 2s infinite}
.mp-head .mp-h-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;cursor:pointer;flex:0 0 auto;
  background:rgba(0,0,0,.3);color:var(--mp-cream);font-size:17px;display:flex;align-items:center;justify-content:center;transition:.2s}
.mp-head .mp-h-close:hover{background:rgba(0,0,0,.55);transform:rotate(90deg)}

/* ---------- Fil ---------- */
.mp-body{flex:1;overflow-y:auto;padding:16px 13px 8px;display:flex;flex-direction:column;gap:11px;
  /* le bois transparaît : voile sombre léger pour garder la lisibilité des bulles */
  background:
    radial-gradient(140% 60% at 50% 0%,rgba(120,30,18,.30),transparent 55%),
    linear-gradient(180deg,rgba(22,8,6,.50),rgba(18,7,4,.60)),
    var(--mp-wood-dark);
  background-size:cover;background-position:center;background-attachment:local;
  scrollbar-width:thin;scrollbar-color:rgba(246,217,138,.4) transparent}
.mp-body::-webkit-scrollbar{width:5px}
.mp-body::-webkit-scrollbar-thumb{background:rgba(246,217,138,.4);border-radius:4px}

.mp-msg{max-width:86%;padding:12px 16px;border-radius:18px;font:400 15.5px/1.58 Inter,system-ui,sans-serif;
  word-wrap:break-word;animation:mp-in .35s ease both;box-shadow:0 3px 12px rgba(20,4,2,.35)}
.mp-msg.bot{align-self:flex-start;background:var(--mp-bubble-bot);background-size:cover;background-position:center;color:var(--mp-cream);border-bottom-left-radius:5px;box-shadow:0 3px 12px rgba(20,4,2,.45),inset 0 1px 0 rgba(246,217,138,.12)}
.mp-msg.user{align-self:flex-end;background:var(--mp-bubble-user);background-size:cover;background-position:center;color:#3d0f08;font-weight:500;border-bottom-right-radius:5px;box-shadow:0 3px 12px rgba(20,4,2,.35),inset 0 1px 0 rgba(255,245,210,.4)}
.mp-msg.bot b,.mp-msg.bot strong{color:var(--mp-gold)}
.mp-msg a{color:var(--mp-gold-soft);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.mp-msg.user a{color:#5c1a10}
.mp-msg img,.mp-msg .mp-media{max-width:100%;border-radius:12px;margin-top:6px;display:block;box-shadow:0 4px 14px rgba(20,4,2,.4)}

/* bouton lecture vocale sur une bulle bot */
.mp-voice{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:6px 12px;border-radius:99px;cursor:pointer;
  background:rgba(246,217,138,.14);border:1px solid rgba(246,217,138,.4);color:var(--mp-gold-soft);
  font:600 12px Inter,system-ui,sans-serif;transition:.2s}
.mp-voice:hover{background:rgba(246,217,138,.26)}
.mp-voice.playing{background:rgba(246,217,138,.32)}
.mp-voice svg{width:14px;height:14px}

.mp-typing{align-self:flex-start;display:flex;gap:5px;padding:13px 16px;background:var(--mp-bubble-bot);border-radius:17px;border-bottom-left-radius:5px}
.mp-typing span{width:7px;height:7px;border-radius:50%;background:var(--mp-gold);opacity:.5;animation:mp-typing 1.3s infinite}
.mp-typing span:nth-child(2){animation-delay:.18s}.mp-typing span:nth-child(3){animation-delay:.36s}

/* bulle vocal du visiteur (en cours d'enregistrement / envoyé) */
.mp-msg.voicemsg{display:flex;align-items:center;gap:9px;font-weight:600}
.mp-msg.voicemsg .wave{display:flex;gap:2px;align-items:center;height:18px}
.mp-msg.voicemsg .wave i{width:2.5px;border-radius:2px;background:currentColor;opacity:.85;animation:mp-wave 1s ease-in-out infinite}
.mp-msg.voicemsg .wave i:nth-child(2){animation-delay:.1s}.mp-msg.voicemsg .wave i:nth-child(3){animation-delay:.2s}
.mp-msg.voicemsg .wave i:nth-child(4){animation-delay:.3s}.mp-msg.voicemsg .wave i:nth-child(5){animation-delay:.4s}

/* ---------- 🌟 Bandeau preuve sociale (vraies ventes, défile) ---------- */
.mp-social{align-self:center;display:flex;align-items:center;gap:8px;margin:2px 0 6px;padding:7px 14px;border-radius:99px;
  background:linear-gradient(135deg,rgba(246,217,138,.16),rgba(199,154,50,.1));border:1px solid rgba(246,217,138,.35);
  font:600 11.5px Inter,system-ui,sans-serif;color:var(--mp-gold-soft);max-width:94%;box-shadow:0 2px 10px rgba(20,4,2,.3)}
.mp-social-dot{width:7px;height:7px;border-radius:50%;background:#5ee07a;box-shadow:0 0 7px #5ee07a;flex:0 0 auto;animation:mp-blink 1.6s infinite}
.mp-social-text{transition:opacity .35s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 💌 Carte newsletter ---------- */
.mp-news{align-self:stretch;margin:6px 2px;border-radius:18px;overflow:hidden;
  background:linear-gradient(150deg,rgba(120,30,18,.55),rgba(92,26,16,.42)),var(--mp-wood-dark);background-size:cover;background-position:center;
  border:1px solid rgba(246,217,138,.4);box-shadow:0 8px 24px rgba(40,8,2,.45),inset 0 1px 0 rgba(246,217,138,.18);
  animation:mp-sale-pop .55s cubic-bezier(.34,1.56,.64,1) both}
.mp-news-inner{padding:16px 15px 16px;text-align:center}
.mp-news-icon{font-size:30px;margin-bottom:6px;filter:drop-shadow(0 3px 8px rgba(246,217,138,.4))}
.mp-news-title{font:700 17px Cinzel,Georgia,serif;color:var(--mp-gold-soft);margin-bottom:5px}
.mp-news-sub{font:400 12.5px/1.45 Inter,system-ui,sans-serif;color:rgba(253,243,227,.85);margin-bottom:13px}
.mp-news-form{display:flex;gap:7px}
.mp-news-email{flex:1;min-width:0;padding:11px 13px;border-radius:11px;border:1px solid rgba(246,217,138,.4);
  background:rgba(255,235,200,.08);color:var(--mp-cream);font:400 13.5px Inter,system-ui,sans-serif;outline:none;transition:.2s}
.mp-news-email:focus{border-color:rgba(246,217,138,.7);background:rgba(255,235,200,.12)}
.mp-news-email::placeholder{color:rgba(253,243,227,.45)}
.mp-news-btn{flex:0 0 auto;padding:11px 16px;border:0;border-radius:11px;cursor:pointer;white-space:nowrap;
  background:linear-gradient(135deg,#f6d98a,#c79a32);color:#3d0f08;font:700 13px Cinzel,Georgia,serif;
  box-shadow:0 4px 12px rgba(184,136,31,.4);transition:.25s}
.mp-news-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}
.mp-news-btn:disabled{opacity:.6}
.mp-news-msg{font:600 13.5px Inter,system-ui,sans-serif;color:var(--mp-gold-soft);padding:8px 0 2px}

/* ---------- 💳 Carte de paiement direct (conversion max, effet wahou) ---------- */
.mp-buy{align-self:stretch;margin:6px 2px;border-radius:20px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,rgba(154,51,32,.22),rgba(92,26,16,.12)),radial-gradient(130% 130% at 30% 0%,#fff6e2,#f2deb0 70%,#e6cf9c);
  box-shadow:0 0 0 1.5px rgba(246,217,138,.85),0 14px 36px rgba(40,8,2,.5),inset 0 1px 0 rgba(255,248,215,.8);
  animation:mp-buy-pop .6s cubic-bezier(.34,1.56,.64,1) both, mp-buy-breathe 3s ease-in-out infinite 1s}
.mp-buy-glow{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(246,217,138,.5),transparent 30%);animation:mp-spin 4s linear infinite;pointer-events:none;opacity:.6}
.mp-buy-inner{position:relative;z-index:2;padding:16px 16px 15px;text-align:center}
.mp-buy-badge{display:inline-block;font:700 10px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:#5a2f00;background:rgba(255,255,255,.55);padding:5px 13px;border-radius:99px;margin-bottom:10px;box-shadow:0 2px 6px rgba(120,60,10,.2)}
.mp-buy-title{font:800 18px Cinzel,Georgia,serif;color:#3d0f08;margin:0 0 5px;line-height:1.22;text-shadow:0 1px 0 rgba(255,245,210,.7)}
.mp-buy-desc{font:400 12.5px/1.45 Inter,system-ui,sans-serif;color:rgba(61,15,8,.82);margin:0 0 11px}
.mp-buy-price{font:900 28px Cinzel,Georgia,serif;color:#8c2c1c;margin:0 0 13px;text-shadow:0 1px 0 rgba(255,245,210,.6)}
.mp-buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  padding:15px 18px;background:linear-gradient(135deg,#7a2418,#9a3320 55%,#7a2418);color:var(--mp-gold-soft);
  font:800 15px Cinzel,Georgia,serif;letter-spacing:.04em;text-decoration:none;border-radius:14px;
  border:1.5px solid rgba(246,217,138,.6);box-shadow:0 6px 20px rgba(60,12,4,.5),inset 0 1px 0 rgba(246,217,138,.35);
  transition:all .26s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.mp-buy-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,248,215,.45),transparent);animation:mp-shine 2.6s ease-in-out infinite 1.2s}
.mp-buy-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.12);box-shadow:0 12px 30px rgba(60,12,4,.6)}
.mp-buy-arrow{transition:transform .26s}.mp-buy-btn:hover .mp-buy-arrow{transform:translateX(5px)}
.mp-buy-trust{font:500 10.5px Inter,system-ui,sans-serif;color:rgba(61,15,8,.62);margin-top:9px}
@keyframes mp-buy-pop{0%{opacity:0;transform:scale(.85) translateY(16px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes mp-buy-breathe{0%,100%{box-shadow:0 0 0 1.5px rgba(246,217,138,.85),0 14px 36px rgba(40,8,2,.5),inset 0 1px 0 rgba(255,248,215,.8)}50%{box-shadow:0 0 0 2px rgba(246,217,138,1),0 18px 46px rgba(246,217,138,.3),0 14px 36px rgba(40,8,2,.5),inset 0 1px 0 rgba(255,248,215,.9)}}
@keyframes mp-shine{0%{left:-120%}55%,100%{left:130%}}

/* 🔥 Réaction emoji sur message visiteur */
.mp-react{position:absolute;bottom:-10px;right:8px;font-size:18px;background:var(--mp-red-3);
  border-radius:50%;padding:2px 5px;box-shadow:0 3px 8px rgba(20,4,2,.4);animation:mp-react-pop .5s cubic-bezier(.34,1.8,.5,1) both}
@keyframes mp-react-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}

/* ---------- Quiz / sondage (boutons cliquables) ---------- */
.mp-quiz{align-self:stretch;margin:4px 2px;padding:14px;border-radius:18px;
  background:linear-gradient(150deg,#7a2418,#5c1a10);border:1px solid rgba(246,217,138,.4);
  box-shadow:0 6px 20px rgba(40,8,2,.4);animation:mp-sale-pop .5s cubic-bezier(.34,1.56,.64,1) both}
.mp-quiz-q{font:600 14px Inter,system-ui,sans-serif;color:var(--mp-gold-soft);margin-bottom:11px;line-height:1.4}
.mp-quiz-opts{display:flex;flex-direction:column;gap:8px}
.mp-quiz-opts button{text-align:left;font:500 13.5px Inter,system-ui,sans-serif;color:var(--mp-cream);
  background:rgba(255,235,200,.07);border:1px solid rgba(246,217,138,.35);border-radius:12px;padding:11px 14px;cursor:pointer;transition:.2s}
.mp-quiz-opts button:hover:not(:disabled){background:rgba(246,217,138,.2);transform:translateX(3px)}
.mp-quiz-opts button:disabled{cursor:default}

/* ---------- Carrousel produits ---------- */
.mp-carrousel{align-self:stretch;display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x mandatory;
  scrollbar-width:thin;scrollbar-color:rgba(246,217,138,.4) transparent}
.mp-carrousel::-webkit-scrollbar{height:5px}.mp-carrousel::-webkit-scrollbar-thumb{background:rgba(246,217,138,.4);border-radius:4px}
.mp-cz-card{flex:0 0 200px;scroll-snap-align:start;text-decoration:none;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 120% at 30% 0%,#fdf3e3,#f0ddb8);box-shadow:0 0 0 1px rgba(184,136,31,.5),0 8px 20px rgba(40,8,2,.35);
  display:flex;flex-direction:column;transition:.25s}
.mp-cz-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(184,136,31,.7),0 12px 28px rgba(40,8,2,.45)}
.mp-cz-img{width:100%;height:96px;object-fit:cover}
.mp-cz-emoji{width:100%;height:80px;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(135deg,#7a2418,#9a3320)}
.mp-cz-body{padding:11px 12px 13px}
.mp-cz-nom{font:700 13.5px Cinzel,Georgia,serif;color:#3d0f08;margin-bottom:4px;line-height:1.2}
.mp-cz-pitch{font:400 11.5px/1.4 Inter,system-ui,sans-serif;color:rgba(61,15,8,.78);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mp-cz-foot{display:flex;align-items:center;justify-content:space-between}
.mp-cz-prix{font:800 14px Cinzel,Georgia,serif;color:#8c2c1c}
.mp-cz-cta{font:700 11px Inter,system-ui,sans-serif;color:#7a2418}

/* ---------- Vidéo témoignage ---------- */
.mp-videomsg{align-self:stretch!important;max-width:100%!important;padding:11px!important;background:linear-gradient(150deg,#6e1f12,#5c1a10)!important;border:1px solid rgba(246,217,138,.35)}
.mp-vid-label{font:600 12.5px Inter,system-ui,sans-serif;color:var(--mp-gold-soft);margin-bottom:8px}
.mp-vid-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(20,4,2,.4)}
.mp-vid-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Compteur ---------- */
.mp-compteur{align-self:center!important;text-align:center;background:linear-gradient(135deg,#8c2c1c,#9a3320)!important;border:1px solid rgba(246,217,138,.5)}
.mp-cd-label{font:600 12px Inter,system-ui,sans-serif;color:var(--mp-cream);opacity:.9;margin-bottom:5px}
.mp-cd-time{font:800 22px Cinzel,Georgia,serif;color:var(--mp-gold-soft);letter-spacing:1px}

/* ---------- Dé ---------- */
.mp-dice{align-self:flex-start;font-size:42px!important;background:transparent!important;box-shadow:none!important;padding:0 8px!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.mp-dice.rolled{animation:mp-roll .7s ease}
@keyframes mp-roll{0%{transform:rotate(0) scale(.5)}60%{transform:rotate(380deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}

/* ---------- GIF / médias (effets Telegram) ---------- */
.mp-gifmsg{padding:5px!important;background:rgba(246,217,138,.08)!important;border:1px solid rgba(246,217,138,.25);max-width:75%!important}
.mp-gif{width:100%;border-radius:13px;display:block}
@keyframes mp-confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(640px) rotate(540deg);opacity:0}}

/* ---------- Voix de Maha (vrais vocaux) ---------- */
.mp-voice-intro{background:transparent!important;box-shadow:none!important;color:var(--mp-gold-soft)!important;
  font:italic 500 13px Inter,system-ui,sans-serif;padding:2px 6px!important;align-self:center;text-align:center}
.mp-mahavoice{align-self:stretch!important;max-width:100%!important;margin:0 2px;
  background:linear-gradient(150deg,#7a2418,#5c1a10)!important;border:1px solid rgba(246,217,138,.45);
  box-shadow:0 6px 20px rgba(40,8,2,.45),inset 0 1px 0 rgba(246,217,138,.25)!important;padding:12px 13px!important}
.mp-mv-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.mp-mv-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--mp-gold);box-shadow:0 0 12px rgba(246,217,138,.5)}
.mp-mv-name{font:700 13.5px Cinzel,Georgia,serif;color:var(--mp-gold-soft)}
.mp-mv-sub{font:400 11.5px Inter,system-ui,sans-serif;color:rgba(253,243,227,.75);line-height:1.3;margin-top:1px}
.mp-mv-audio{width:100%;height:38px;border-radius:10px;filter:sepia(.25) saturate(1.2) hue-rotate(-8deg)}

/* ---------- Pop-up de vente DANS l'écran ---------- */
.mp-sale{align-self:stretch;margin:4px 2px;border-radius:18px;overflow:hidden;position:relative;
  background:
    linear-gradient(160deg,rgba(154,51,32,.18),rgba(92,26,16,.10)),
    radial-gradient(120% 120% at 30% 0%,#fdf3e3,#f3e2c4 70%,#e9d2a6 100%);
  box-shadow:0 0 0 1px rgba(184,136,31,.55),0 12px 28px rgba(40,8,2,.4),inset 0 1px 0 rgba(255,245,210,.7);
  animation:mp-sale-pop .55s cubic-bezier(.34,1.56,.64,1) both}
.mp-sale-inner{padding:14px 15px 15px;text-align:center;position:relative;z-index:2}
.mp-sale-thumb{width:100%;height:96px;object-fit:cover;border-radius:12px;margin-bottom:11px;
  box-shadow:0 4px 14px rgba(40,8,2,.3)}
.mp-sale-tag{display:inline-block;font:700 9.5px Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#7a2418;background:rgba(154,51,32,.12);padding:4px 11px;border-radius:99px;margin-bottom:8px}
.mp-sale-title{font:700 17px Cinzel,Georgia,serif;color:#3d0f08;margin:0 0 4px;line-height:1.22;text-shadow:0 1px 0 rgba(255,240,200,.6)}
.mp-sale-sub{font:400 12.5px/1.42 Inter,system-ui,sans-serif;color:rgba(61,15,8,.82);margin:0 0 11px}
.mp-sale-price{font:800 21px Cinzel,Georgia,serif;color:#8c2c1c;margin:0 0 11px}
.mp-sale-price small{font:600 12px Inter,system-ui,sans-serif;color:rgba(61,15,8,.7)}
.mp-sale-btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;
  padding:13px 18px;background:linear-gradient(135deg,#7a2418,#9a3320);color:var(--mp-gold-soft);
  font:700 14px Cinzel,Georgia,serif;letter-spacing:.04em;text-decoration:none;border-radius:13px;
  border:1px solid rgba(246,217,138,.5);box-shadow:0 5px 16px rgba(60,12,4,.42),inset 0 1px 0 rgba(246,217,138,.3);
  transition:all .26s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.mp-sale-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 9px 24px rgba(60,12,4,.5)}
.mp-sale-btn.pay{background:linear-gradient(135deg,#f6d98a,#c79a32);color:#3d0f08;margin-top:8px;
  border-color:rgba(255,233,168,.7)}
.mp-sale-arrow{transition:transform .26s}.mp-sale-btn:hover .mp-sale-arrow{transform:translateX(4px)}

/* ---------- Quick replies ---------- */
.mp-quick{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:7px;padding:4px 13px 8px}
.mp-quick button{font:600 12.5px Inter,system-ui,sans-serif;color:var(--mp-gold-soft);
  background:rgba(246,217,138,.1);border:1px solid rgba(246,217,138,.42);border-radius:99px;
  padding:8px 13px;cursor:pointer;transition:.22s;white-space:nowrap}
.mp-quick button:hover{background:rgba(246,217,138,.24);transform:translateY(-1px)}

/* ---------- Barre de saisie ---------- */
.mp-foot{flex:0 0 auto;padding:9px 10px 13px;display:flex;gap:7px;align-items:flex-end;
  background:linear-gradient(0deg,#120704,rgba(18,7,4,0));box-shadow:0 -6px 16px rgba(0,0,0,.35)}
.mp-foot textarea{flex:1;resize:none;max-height:88px;min-height:42px;padding:11px 14px;border-radius:21px;
  border:1px solid rgba(246,217,138,.32);background:rgba(255,235,200,.06);color:var(--mp-cream);
  font:400 14px Inter,system-ui,sans-serif;line-height:1.35;outline:none;transition:.2s}
.mp-foot textarea:focus{border-color:rgba(246,217,138,.6);background:rgba(255,235,200,.1)}
.mp-foot textarea::placeholder{color:rgba(253,243,227,.4)}
.mp-icon-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}
.mp-foot .mp-mic{background:rgba(246,217,138,.14);border:1px solid rgba(246,217,138,.4);color:var(--mp-gold-soft)}
.mp-foot .mp-mic:hover{background:rgba(246,217,138,.26)}
.mp-foot .mp-mic.recording{background:#e23b3b;border-color:#e23b3b;color:#fff;animation:mp-rec 1.1s ease-in-out infinite}
.mp-foot .mp-send{background:linear-gradient(135deg,#f6d98a,#c79a32);color:#3d0f08;box-shadow:0 4px 12px rgba(184,136,31,.4)}
.mp-foot .mp-send:hover{transform:scale(1.08) rotate(8deg)}
.mp-foot .mp-send:disabled{opacity:.4;cursor:default;transform:none}
.mp-icon-btn svg{width:20px;height:20px}

#maha-phone-backdrop{position:fixed;inset:0;background:rgba(20,4,2,.6);backdrop-filter:blur(2px);
  z-index:2147483300;opacity:0;pointer-events:none;transition:.35s}
#maha-phone-backdrop.show{opacity:1;pointer-events:auto}

/* ---------- Animations ---------- */
@keyframes mp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes mp-pulse{0%{box-shadow:0 0 0 0 rgba(246,217,138,.55)}70%{box-shadow:0 0 0 20px rgba(246,217,138,0)}100%{box-shadow:0 0 0 0 rgba(246,217,138,0)}}
@keyframes mp-spin{to{transform:rotate(360deg)}}
@keyframes mp-blink{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes mp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes mp-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@keyframes mp-sale-pop{0%{opacity:0;transform:scale(.85) translateY(14px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes mp-rec{0%,100%{box-shadow:0 0 0 0 rgba(226,59,59,.55)}50%{box-shadow:0 0 0 10px rgba(226,59,59,0)}}
@keyframes mp-wave{0%,100%{height:6px}50%{height:18px}}

/* ---------- Mobile plein écran ---------- */
@media (max-width:480px){
  #maha-phone-fab{width:66px;height:66px;right:16px;bottom:16px}
  #maha-phone-fab .mp-fab-avatar{width:42px;height:42px}
  #maha-phone-fab .mp-fab-hint{display:none}
  #maha-phone-shell{right:0;bottom:0;left:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}
  .mp-device{border-radius:0;padding:0;box-shadow:none}
  .mp-device::before{display:none}
  .mp-screen{border-radius:0}
  .mp-notch{display:none}
  .mp-head{padding-top:max(16px,env(safe-area-inset-top))}
}
@media (prefers-reduced-motion:reduce){
  #maha-phone-fab,.mp-fab-ring,.mp-fab-body::after,.mp-msg,.mp-sale{animation:none}
}