{"id":145756,"date":"2026-05-04T14:35:06","date_gmt":"2026-05-04T13:35:06","guid":{"rendered":"https:\/\/www.sosve.tn\/l3id-lkbir\/"},"modified":"2026-05-11T21:45:16","modified_gmt":"2026-05-11T20:45:16","slug":"l3id-lkbir","status":"publish","type":"page","link":"https:\/\/www.sosve.tn\/fr\/l3id-lkbir\/","title":{"rendered":"L3id Lkbir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"145756\" class=\"elementor elementor-145756 elementor-144192\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e444f3f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e444f3f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-96cecf0\" data-id=\"96cecf0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-208c7f2 elementor-widget elementor-widget-html\" data-id=\"208c7f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand-navy:#020381;\r\n  --brand-blue:#0099E5;\r\n  --brand-pink:#DF506B;\r\n  --grill-white:#F0F0F0;\r\n  --grill-silver:#D4D4D4;\r\n  --fire-orange:#FF6B00;\r\n  --fire-yellow:#FFD700;\r\n  --fire-red:#E74C3C;\r\n  --joy-gold:#D4AF37;\r\n  --card-bg:#FFFFFF;\r\n  --text-dark:#2D2D2D;\r\n  --text-muted:#7A7A7A;\r\n}\r\ndiv#wcdp_va_amount, .wcdp-body::before, svg.wcdp-divider-arrow { display: none; }\r\n.app-shell{\r\n  width:100%;\r\n  max-width:460px;\r\n  margin:0 auto;\r\n  position:relative;\r\n  background: #fdfdfd;\r\n  min-height: 100vh;\r\n  direction: ltr;\r\n}\r\n\r\n.hero-header{\r\n  text-align:center;\r\n  padding:55px 10px 20px;\r\n}\r\n.hero-header h1{\r\n  font-size:1.5rem;\r\n  color:var(--brand-navy);\r\n  line-height:1.3;\r\n  text-shadow:0 2px 12px rgba(2,3,129,0.08);\r\n}\r\n.hero-header .tagline{\r\n  font-size:.92rem;\r\n  color:var(--text-muted);\r\n  font-weight:700;\r\n  margin-top:2px;\r\n}\r\n.hero-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:5px;\r\n  margin-top:10px;\r\n  padding:4px 14px;\r\n  background:linear-gradient(135deg,#FFF0F3,#FDE8ED);\r\n  border:1.5px solid #F5C0CD;\r\n  border-radius:20px;\r\n  font-size:1.3rem;\r\n  font-weight:900;\r\n  color:var(--brand-pink);\r\n}\r\n\r\n.mascot-container {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 15px;\r\n  z-index: 100;\r\n  font-size: 45px;\r\n  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  pointer-events: none;\r\n  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));\r\n}\r\n.mascot-container.happy { transform: scale(1.2) rotate(10deg); }\r\n.mascot-container.excited { animation: mascotBounce 0.5s infinite alternate; }\r\n.mascot-container.sleepy { opacity: 0.6; transform: scale(0.9); filter: grayscale(0.5); }\r\n\r\n@keyframes mascotBounce {\r\n  from { transform: translateY(0) scale(1.2); }\r\n  to { transform: translateY(-15px) scale(1.2); }\r\n}\r\n\r\n.sound-toggle{\r\n  position:absolute;\r\n  top:15px;left:15px;\r\n  width:36px;height:36px;\r\n  border-radius:50%;\r\n  border:2px solid #E8E8E8;\r\n  background:#FFF;\r\n  display:flex;align-items:center;justify-content:center;\r\n  cursor:pointer;\r\n  font-size:16px;\r\n  z-index:50;\r\n  transition:all .25s;\r\n  box-shadow:0 2px 8px rgba(0,0,0,.06);\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.sound-toggle:hover{border-color:var(--brand-blue);box-shadow:0 3px 12px rgba(0,153,229,.15)}\r\n.sound-toggle.muted{opacity:.5;border-color:#DDD}\r\n.sound-toggle.muted::after{\r\n  content:'';position:absolute;\r\n  width:24px;height:2px;\r\n  background:var(--brand-pink);\r\n  transform:rotate(-45deg);\r\n  border-radius:2px;\r\n}\r\n\r\n.grill-world{\r\n  position:relative;\r\n  height:160px; \r\n  margin:8px auto 0;\r\n  overflow:visible;\r\n}\r\n\r\n.particles-layer{\r\n  position:absolute;inset:0;z-index:15;pointer-events:none;overflow:visible;\r\n}\r\n.fly-particle{\r\n  position:absolute;\r\n  font-size:16px;\r\n  animation:particleFly 2.2s ease-out forwards;\r\n}\r\n@keyframes particleFly{\r\n  0%{transform:translate(0,0) scale(0) rotate(0);opacity:0}\r\n  15%{transform:translate(var(--dx1),var(--dy1)) scale(1.3) rotate(90deg);opacity:1}\r\n  100%{transform:translate(var(--dx2),var(--dy2)) scale(.3) rotate(360deg);opacity:0}\r\n}\r\n\r\n.smoke-layer{\r\n  position:absolute;\r\n  top:0;left:50%;transform:translateX(-50%);\r\n  width:200px;height:140px;\r\n  z-index:25;pointer-events:none;overflow:visible;\r\n}\r\n.smoke-puff{\r\n  position:absolute;bottom:0;\r\n  border-radius:50%;pointer-events:none;\r\n}\r\n\r\n.heat-glow{\r\n  position:absolute;\r\n  bottom:40px;left:50%;transform:translateX(-50%);\r\n  width:260px;height:80px;\r\n  background:radial-gradient(ellipse at 50% 100%,rgba(255,107,0,.15),transparent 70%);\r\n  z-index:1;pointer-events:none;\r\n  opacity:0;\r\n  transition:opacity 1.2s, width 1s ease, height 1s ease;\r\n}\r\n.heat-glow.on{opacity:1}\r\n\r\n.child-figure{\r\n  position:absolute;\r\n  bottom:10px;\r\n  z-index:12;\r\n  pointer-events:none;\r\n}\r\n.child-left{\r\n  right:calc(50% + 105px); \r\n}\r\n.child-right{\r\n  left:calc(50% + 105px); \r\n}\r\n\r\n.child-happy {\r\n  animation: childHappyBounce 1.5s ease-in-out infinite !important;\r\n}\r\n.child-excited {\r\n  animation: childExcitedJump 0.6s ease-in-out infinite alternate !important;\r\n}\r\n\r\n@keyframes childHappyBounce {\r\n  0%, 100% { transform: translateY(0) scale(1); }\r\n  50% { transform: translateY(-10px) scale(1.05); }\r\n}\r\n\r\n@keyframes childExcitedJump {\r\n  0% { transform: translateY(0) scale(1.1); }\r\n  100% { transform: translateY(-25px) scale(1.15); }\r\n}\r\n\r\n.boy-grill-arm{\r\n  animation:boyGrillMotion 2s ease-in-out infinite;\r\n  transform-origin:55px 50px;\r\n}\r\n.girl-grill-arm{\r\n  animation:girlGrillMotion 2.3s ease-in-out infinite;\r\n  transform-origin:12px 50px;\r\n}\r\n@keyframes boyGrillMotion{\r\n  0%,100%{transform:rotate(0deg)}\r\n  50%{transform:rotate(-7deg)}\r\n}\r\n@keyframes girlGrillMotion{\r\n  0%,100%{transform:rotate(0deg)}\r\n  50%{transform:rotate(7deg)}\r\n}\r\n.child-breathe{\r\n  animation:childBreathe 3s ease-in-out infinite;\r\n}\r\n@keyframes childBreathe{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-1.5px)}\r\n}\r\n\r\n.grill-unit{\r\n  position:absolute;\r\n  bottom:10px;left:50%;\r\n  transform:translateX(-50%);\r\n  z-index:10;\r\n}\r\n.grill-stand{display:flex;flex-direction:column;align-items:center}\r\n.stand-legs{display:flex;justify-content:center;gap:0;position:relative;width:160px;height:70px}\r\n.stand-leg{\r\n  position:absolute;bottom:0;width:6px;height:65px;border-radius:3px;\r\n  background:linear-gradient(180deg,var(--brand-pink),#B83A50);\r\n  box-shadow:2px 3px 8px rgba(0,0,0,.2);\r\n}\r\n.stand-leg:nth-child(1){left:20px;transform:rotate(-12deg)}\r\n.stand-leg:nth-child(2){left:50%;margin-left:-3px;transform:rotate(0deg)}\r\n.stand-leg:nth-child(3){right:20px;transform:rotate(12deg)}\r\n.stand-ring{\r\n  width:120px;height:8px;\r\n  background:linear-gradient(180deg,var(--brand-pink),#B83A50);\r\n  border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);\r\n  position:absolute;top:0;left:50%;transform:translateX(-50%);\r\n}\r\n.charcoal-pan{\r\n  width:200px;height:30px;\r\n  background:linear-gradient(180deg,#333,#1A1A1A);\r\n  border-radius:0 0 50% 50% \/ 0 0 100% 100%;\r\n  margin-top:-4px;position:relative;\r\n  box-shadow:inset 0 -8px 15px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3);\r\n  overflow:hidden;\r\n}\r\n.coal-dots{\r\n  position:absolute;inset:0;\r\n  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;\r\n  gap:2px;padding:4px 15px;\r\n}\r\n.coal{\r\n  width:12px;height:9px;\r\n  background:radial-gradient(ellipse at 40% 35%,#444,#111);\r\n  border-radius:40% 35% 45% 38%;\r\n  box-shadow:inset -1px -1px 2px rgba(0,0,0,.7);\r\n  position:relative;\r\n}\r\n.coal.lit::after{\r\n  content:'';position:absolute;\r\n  bottom:-2px;left:10%;width:80%;height:5px;\r\n  background:radial-gradient(ellipse,#FF6B00,#FF4500,transparent);\r\n  border-radius:50%;filter:blur(1.5px);\r\n  animation:ember var(--d,1.5s) ease-in-out infinite alternate;\r\n  animation-delay:var(--dl,0s);\r\n}\r\n@keyframes ember{\r\n  0%{opacity:.4;transform:scaleX(.7) scaleY(.85)}\r\n  100%{opacity:1;transform:scaleX(1.2) scaleY(1.1)}\r\n}\r\n.coal-heat{\r\n  position:absolute;top:-8px;left:50%;transform:translateX(-50%);\r\n  width:170px;height:30px;\r\n  background:radial-gradient(ellipse,rgba(255,80,0,.25),transparent 70%);\r\n  opacity:0;\r\n  transition:opacity 1s, width 0.8s ease, height 0.8s ease;\r\n  pointer-events:none;\r\n}\r\n.coal-heat.on{opacity:1}\r\n\r\n.grill-body{\r\n  width:220px;height:56px;\r\n  background:linear-gradient(180deg,#FAFAFA 0%,var(--grill-white) 30%,var(--grill-silver) 80%,#BBB 100%);\r\n  border-radius:50%;position:relative;margin-bottom:-10px;\r\n  box-shadow:0 4px 0 #CCC,0 6px 0 #BBB,0 8px 20px rgba(0,0,0,.15),inset 0 2px 4px rgba(255,255,255,.8),inset 0 -3px 6px rgba(0,0,0,.06);\r\n}\r\n.grill-body::before{\r\n  content:'';position:absolute;\r\n  top:6px;left:20%;width:60%;height:8px;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);\r\n  border-radius:50%;\r\n}\r\n.grill-handle{\r\n  position:absolute;top:-6px;right:-8px;\r\n  width:30px;height:10px;\r\n  background:linear-gradient(180deg,#DDD,#AAA);\r\n  border-radius:5px;box-shadow:1px 2px 4px rgba(0,0,0,.15);\r\n}\r\n.grill-handle::after{\r\n  content:'';position:absolute;right:-10px;top:1px;\r\n  width:12px;height:8px;\r\n  background:linear-gradient(180deg,#444,#222);border-radius:4px;\r\n}\r\n\r\n.grill-grate{\r\n  position:absolute;top:-4px;left:50%;transform:translateX(-50%);\r\n  width:210px;height:18px;z-index:5;pointer-events:none;\r\n  display:flex;flex-direction:column;gap:2.5px;padding:0 8px;\r\n}\r\n.grate-line{\r\n  width:100%;height:2px;\r\n  background:linear-gradient(90deg,#999,#BBB 20%,#CCC 50%,#BBB 80%,#999);\r\n  border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.3);\r\n}\r\n\r\n.flames{\r\n  position:absolute;top:10px;left:50%;transform:translateX(-50%);\r\n  width:100px;height:24px;z-index:4;\r\n  display:flex;justify-content:center;align-items:flex-end;gap:2px;\r\n  opacity:0;\r\n  transition:opacity .6s, transform 0.8s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n.flames.on{opacity:1}\r\n.fl{border-radius:50% 50% 30% 30%;filter:blur(.7px)}\r\n.fl-1{width:6px;height:20px;background:linear-gradient(0deg,#E74C3C,#FF6B00 40%,#FFD700 85%,transparent);animation:fk1 .65s ease-in-out infinite alternate}\r\n.fl-2{width:5px;height:15px;background:linear-gradient(0deg,#FF4500,#FF8C00 50%,transparent);animation:fk2 .85s ease-in-out infinite alternate}\r\n.fl-3{width:7px;height:22px;background:linear-gradient(0deg,#E74C3C,#FF6B00 35%,#FFD700 80%,transparent);animation:fk3 .55s ease-in-out infinite alternate}\r\n.fl-4{width:5px;height:16px;background:linear-gradient(0deg,#FF4500,#FF6F00 45%,#FFD700 90%,transparent);animation:fk1 .75s ease-in-out infinite alternate-reverse}\r\n.fl-5{width:4px;height:12px;background:linear-gradient(0deg,#FF4500,#FF8C00 50%,transparent);animation:fk2 1s ease-in-out infinite alternate}\r\n.fl-6{width:6px;height:18px;background:linear-gradient(0deg,#E74C3C,#FF6B00 40%,transparent);animation:fk3 .7s ease-in-out infinite alternate-reverse}\r\n@keyframes fk1{0%{transform:scaleX(.7) scaleY(1) rotate(-3deg);opacity:.7}100%{transform:scaleX(1.2) scaleY(1.1) rotate(4deg);opacity:1}}\r\n@keyframes fk2{0%{transform:scaleX(1.1) scaleY(.85) rotate(2deg);opacity:.8}100%{transform:scaleX(.75) scaleY(1.15) rotate(-3deg);opacity:1}}\r\n@keyframes fk3{0%{transform:scaleX(.8) scaleY(1.05) rotate(-2deg);opacity:.65}100%{transform:scaleX(1.15) scaleY(.9) rotate(5deg);opacity:1}}\r\n\r\n.fl-7{width:5px;height:25px;background:linear-gradient(0deg,#C0392B,#FF6B00 30%,#FFD700 75%,transparent);animation:fk1 .5s ease-in-out infinite alternate;opacity:0;transition:opacity .6s}\r\n.fl-8{width:4px;height:19px;background:linear-gradient(0deg,#E74C3C,#FF8C00 45%,#FFD700 90%,transparent);animation:fk2 .6s ease-in-out infinite alternate-reverse;opacity:0;transition:opacity .6s}\r\n.fl-9{width:6px;height:28px;background:linear-gradient(0deg,#C0392B,#FF4500 35%,#FFD700 70%,transparent);animation:fk3 .45s ease-in-out infinite alternate;opacity:0;transition:opacity .6s}\r\n.fl-10{width:5px;height:22px;background:linear-gradient(0deg,#FF4500,#FF6B00 40%,transparent);animation:fk1 .55s ease-in-out infinite alternate-reverse;opacity:0;transition:opacity .6s}\r\n.fl-11{width:4px;height:30px;background:linear-gradient(0deg,#C0392B,#FF6B00 30%,#FFD700 65%,transparent);animation:fk2 .4s ease-in-out infinite alternate;opacity:0;transition:opacity .6s}\r\n.fl-12{width:7px;height:26px;background:linear-gradient(0deg,#E74C3C,#FF4500 35%,#FFD700 80%,transparent);animation:fk3 .48s ease-in-out infinite alternate-reverse;opacity:0;transition:opacity .6s}\r\n\r\n.big-counter{\r\n  text-align:center;\r\n  padding:10px 20px 4px;\r\n  background:var(--card-bg);\r\n  border-radius:28px 28px 0 0;\r\n  box-shadow:0 -4px 20px rgba(0,0,0,.04);\r\n}\r\n.counter-row{\r\n  display:flex;justify-content:center;align-items:baseline;gap:6px;\r\n}\r\n.counter-num{\r\n  font-size:2.4rem;\r\n  font-weight:900;\r\n  color:var(--brand-blue);\r\n  line-height:1;font-variant-numeric:tabular-nums;\r\n  min-width:80px;\r\n  display:inline-block;\r\n}\r\n.counter-unit{font-size:.9rem;font-weight:900;color:var(--text-muted)}\r\n.counter-label{font-size:.85rem;color:var(--text-muted);font-weight:700;margin-top:0px}\r\n\r\n.dua-bar{\r\n  background:var(--card-bg);\r\n  padding:0 20px 4px;\r\n  min-height:34px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n.dua-text{\r\n  font-family:'Amiri',serif;\r\n  font-size:1.15rem;\r\n  font-weight:700;\r\n  color:var(--brand-navy);\r\n  text-align:center;\r\n  opacity:0;\r\n  transform:translateY(8px);\r\n  transition:all .45s cubic-bezier(.175,.885,.32,1.275);\r\n  line-height:1.2;\r\n}\r\n.dua-text.show{opacity:1;transform:translateY(0)}\r\n.dua-text .dua-deco{display:inline-block;margin:0 4px;opacity:.4}\r\n\r\n.donate-menu{\r\n  background:var(--card-bg);\r\n  padding:0 16px 10px;\r\n}\r\n.menu-title{\r\n  font-size:.82rem;font-weight:900;color:var(--text-muted);\r\n  margin-bottom:6px;\r\n  display:flex;align-items:center;gap:5px;\r\n}\r\n.reset-btn{\r\n  margin-right:auto;\r\n  margin-left:4px;\r\n  padding:2px 10px;\r\n  background:none;\r\n  border:1.5px solid #E0E0E0;\r\n  border-radius:10px;\r\n  font-family:'Cairo',sans-serif;\r\n  font-size:.72rem;\r\n  font-weight:900;\r\n  color:var(--text-muted);\r\n  cursor:pointer;\r\n  transition:all .25s;\r\n  white-space:nowrap;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.reset-btn:hover{\r\n  border-color:var(--brand-pink);\r\n  color:var(--brand-pink);\r\n  background:rgba(223,80,107,.06);\r\n}\r\n.reset-btn:active{transform:scale(.93)}\r\n\r\n.donate-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4, 1fr);\r\n  gap:8px;\r\n}\r\n.d-card{\r\n  background:#FFF;\r\n  border:2px solid #F0F0F0;\r\n  border-radius:16px;\r\n  padding:12px 4px;\r\n  text-align:center;\r\n  cursor:pointer;\r\n  transition:all .3s cubic-bezier(.175,.885,.32,1.275);\r\n  position:relative;\r\n  overflow:hidden;\r\n  user-select:none;\r\n  -webkit-tap-highlight-color:transparent;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  min-height: 60px;\r\n}\r\n.d-card::before{\r\n  content:'';position:absolute;\r\n  top:0;left:0;right:0;height:3px;\r\n  background:linear-gradient(90deg,var(--brand-blue),var(--brand-pink));\r\n  transform:scaleX(0);transition:transform .3s;\r\n}\r\n.d-card:hover{\r\n  transform:translateY(-4px);\r\n  border-color:var(--brand-blue);\r\n  box-shadow:0 8px 20px rgba(0,153,229,.12);\r\n}\r\n.d-card:hover::before{transform:scaleX(1)}\r\n.d-card:active{transform:scale(.93)}\r\n.d-card .d-price{\r\n  font-size:1.25rem;\r\n  font-weight:900;\r\n  color:var(--brand-pink);\r\n  display:block;\r\n  white-space: nowrap;\r\n}\r\n\r\n.d-card.tapped{\r\n  border-color:#4ADE80 !important;\r\n  background:linear-gradient(135deg,#F0FFF4,#E8FAF0) !important;\r\n}\r\n.d-card.tapped::after{\r\n  content:'\u2713';\r\n  position:absolute;\r\n  top:6px;left:8px;\r\n  font-size:12px;font-weight:900;\r\n  color:#22C55E;\r\n  animation:tapCheck .6s ease forwards;\r\n}\r\n@keyframes tapCheck{\r\n  0%{transform:scale(0) rotate(-20deg);opacity:0}\r\n  40%{transform:scale(1.4) rotate(5deg);opacity:1}\r\n  100%{transform:scale(1) rotate(0);opacity:0}\r\n}\r\n\r\n.custom-section{\r\n  background:var(--card-bg);\r\n  padding:0 16px 12px;\r\n}\r\n.custom-box{\r\n  position:relative;\r\n  border:2.5px dashed var(--brand-blue);\r\n  border-radius:20px;\r\n  padding:12px 16px;\r\n  background:linear-gradient(135deg,#F5FAFF,#EDF6FF);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:10px;\r\n  cursor:pointer;\r\n  transition:all .35s ease;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.custom-box:hover{\r\n  border-color:var(--brand-pink);\r\n  background:linear-gradient(135deg,#FFF5F7,#FFF0F3);\r\n  box-shadow:0 6px 20px rgba(223,80,107,.1);\r\n}\r\n.custom-box.open{\r\n  border-style:solid;\r\n  border-color:var(--brand-blue);\r\n  background:#FFF;\r\n  cursor:default;\r\n}\r\n.custom-box-head{display:flex;align-items:center;gap:8px}\r\n.custom-box-head .cb-icon{font-size:24px}\r\n.custom-box-head .cb-text{display:flex;flex-direction:column}\r\n.custom-box-head .cb-title{font-size:.95rem;font-weight:900;color:var(--brand-navy)}\r\n.custom-box-head .cb-sub{font-size:.7rem;font-weight:700;color:var(--text-muted)}\r\n.custom-box-head .cb-arrow{\r\n  margin-right:auto;font-size:14px;\r\n  color:var(--brand-blue);transition:transform .3s;\r\n}\r\n.custom-box.open .cb-arrow{transform:rotate(90deg)}\r\n.custom-box-form{\r\n  display:none;width:100%;\r\n}\r\n.custom-box.open .custom-box-form{\r\n  display:flex;gap:8px;align-items:center;\r\n  animation:formSlide .35s ease;\r\n}\r\n@keyframes formSlide{\r\n  0%{opacity:0;transform:translateY(-8px)}\r\n  100%{opacity:1;transform:translateY(0)}\r\n}\r\n.custom-input{\r\n  width:100%;height:46px;\r\n  border:2px solid #E0E0E0;border-radius:14px;\r\n  text-align:center;font-size:1.2rem;font-weight:900;\r\n  font-family:'Cairo',sans-serif;\r\n  color:var(--brand-navy);background:#FFF;outline:none;\r\n  transition:border-color .3s;\r\n}\r\n.custom-input:focus{border-color:var(--brand-blue)}\r\n.custom-input::placeholder{color:#CCC;font-weight:700;font-size:.9rem}\r\n\r\n.action-footer{\r\n  background:var(--card-bg);\r\n  padding:4px 16px 20px;\r\n  border-radius:0 0 28px 28px;\r\n  text-align: center;\r\n}\r\n.final-btn{\r\n  width:100%;height:54px;\r\n  background:linear-gradient(135deg,var(--brand-blue),var(--brand-navy));\r\n  color:#FFF;border:none;border-radius:18px;\r\n  font-size:1.1rem;font-weight:900;\r\n  font-family:'Cairo',sans-serif;\r\n  cursor:pointer;position:relative;overflow:hidden;\r\n  box-shadow:0 8px 25px rgba(0,153,229,.25);\r\n  transition:all .3s;\r\n  opacity:0;transform:translateY(10px);pointer-events:none;\r\n}\r\n.final-btn.ready{opacity:1;transform:translateY(0);pointer-events:auto}\r\n.final-btn::after{\r\n  content:'';position:absolute;\r\n  top:-50%;left:-50%;width:200%;height:200%;\r\n  background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);\r\n  animation:shine 3s infinite;\r\n}\r\n@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}\r\n.final-btn:hover{box-shadow:0 12px 30px rgba(0,153,229,.35);transform:translateY(-2px)}\r\n.final-btn:active{transform:scale(.97)}\r\n.final-btn .btn-pulse{\r\n  position:absolute;top:8px;right:14px;\r\n  width:8px;height:8px;\r\n  background:#4ADE80;border-radius:50%;\r\n  animation:pulse 1.5s infinite;\r\n}\r\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}\r\n\r\n.share-section {\r\n  margin-top: 10px;\r\n}\r\n.share-btn {\r\n  background: #f0f0f0;\r\n  border: none;\r\n  padding: 6px 18px;\r\n  border-radius: 30px;\r\n  font-family: 'Cairo', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.85rem;\r\n  color: var(--brand-navy);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  transition: all 0.3s;\r\n}\r\n.share-btn:hover { background: #e2e2e2; }\r\n\r\n.confetti-burst{\r\n  position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;\r\n}\r\n.confetti-piece{\r\n  position:absolute;width:8px;height:8px;border-radius:2px;\r\n  animation:confettiFall var(--t,3s) ease-out forwards;\r\n}\r\n@keyframes confettiFall{\r\n  0%{transform:translate(0,0) rotate(0) scale(1);opacity:1}\r\n  100%{transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(.3);opacity:0}\r\n}\r\n\r\n@media(max-width:380px){\r\n  .hero-header h1{font-size:1.35rem}\r\n  .counter-num{font-size:2rem;min-width:60px}\r\n  .dua-text{font-size:1.05rem}\r\n  .d-card{padding:10px 4px;border-radius:12px}\r\n  .d-card .d-price{font-size:1.15rem}\r\n  .grill-body{width:190px;height:48px}\r\n  .grill-grate{width:180px}\r\n  .charcoal-pan{width:170px}\r\n  .child-figure{transform:scale(.78);transform-origin:bottom center}\r\n  .child-left{right:calc(50% + 52px)}\r\n  .child-right{left:calc(50% + 52px)}\r\n}\r\n<\/style>\r\n\r\n<div class=\"app-shell\">\r\n\r\n  <div class=\"mascot-container sleepy\" id=\"mascot\">\ud83d\udc11<\/div>\r\n\r\n  <div class=\"sound-toggle\" id=\"soundToggle\" title=\"Muet \/ Activer le son\">\ud83d\udd0a<\/div>\r\n\r\n  <div class=\"hero-header\">\r\n    <h1>\u00c0 l\u2019A\u00efd El-Idha, illuminer le sourire d\u2019un enfant..<\/h1>\r\n    <p class=\"tagline\"><\/p>\r\n    <div class=\"hero-badge\">Est la plus belle des r\u00e9compenses<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"grill-world\" id=\"grillWorld\">\r\n    <div class=\"particles-layer\" id=\"particles\"><\/div>\r\n    <div class=\"smoke-layer\" id=\"smokeLayer\"><\/div>\r\n    <div class=\"heat-glow\" id=\"heatGlow\"><\/div>\r\n\r\n    <div class=\"child-figure child-left\">\r\n      <svg class=\"child-breathe\" viewBox=\"0 0 80 108\" width=\"140\" height=\"175\">\r\n        <ellipse cx=\"38\" cy=\"105\" rx=\"17\" ry=\"3\" fill=\"rgba(0,0,0,.08)\"\/>\r\n        <rect x=\"18\" y=\"5\" width=\"38\" height=\"13\" rx=\"6\" fill=\"#0099E5\"\/>\r\n        <rect x=\"48\" y=\"11\" width=\"15\" height=\"5\" rx=\"2.5\" fill=\"#0080BF\"\/>\r\n        <circle cx=\"37\" cy=\"5\" r=\"3\" fill=\"#0080BF\"\/>\r\n        <circle cx=\"37\" cy=\"27\" r=\"16\" fill=\"#FDBF60\"\/>\r\n        <circle cx=\"21\" cy=\"27\" r=\"3\" fill=\"#F0AD4E\"\/>\r\n        <circle cx=\"53\" cy=\"27\" r=\"3\" fill=\"#F0AD4E\"\/>\r\n        <ellipse cx=\"31\" cy=\"25\" rx=\"2.5\" ry=\"3\" fill=\"#333\"\/>\r\n        <ellipse cx=\"43\" cy=\"25\" rx=\"2.5\" ry=\"3\" fill=\"#333\"\/>\r\n        <circle cx=\"32\" cy=\"24\" r=\".9\" fill=\"#FFF\"\/>\r\n        <circle cx=\"44\" cy=\"24\" r=\".9\" fill=\"#FFF\"\/>\r\n        <path d=\"M31 33 Q37 38 43 33\" fill=\"none\" stroke=\"#D35400\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <circle cx=\"24\" cy=\"31\" r=\"3.5\" fill=\"#F5A0A0\" opacity=\".35\"\/>\r\n        <circle cx=\"50\" cy=\"31\" r=\"3.5\" fill=\"#F5A0A0\" opacity=\".35\"\/>\r\n        <rect x=\"33\" y=\"42\" width=\"8\" height=\"5\" rx=\"3\" fill=\"#FDBF60\"\/>\r\n        <rect x=\"19\" y=\"46\" width=\"36\" height=\"25\" rx=\"7\" fill=\"#0099E5\"\/>\r\n        <path d=\"M33 46 L37 52 L41 46\" fill=\"#0080BF\"\/>\r\n        <path d=\"M19 50 Q13 52 11 58\" stroke=\"#0099E5\" stroke-width=\"8\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n        <circle cx=\"11\" cy=\"59\" r=\"4\" fill=\"#FDBF60\"\/>\r\n        <g class=\"boy-grill-arm\">\r\n          <path d=\"M55 49 Q62 46 66 42\" stroke=\"#0099E5\" stroke-width=\"8\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n          <circle cx=\"67\" cy=\"41\" r=\"4\" fill=\"#FDBF60\"\/>\r\n          <line x1=\"67\" y1=\"41\" x2=\"76\" y2=\"31\" stroke=\"#B0B0B0\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <line x1=\"67\" y1=\"41\" x2=\"78\" y2=\"35\" stroke=\"#B0B0B0\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"76\" cy=\"30\" r=\"1.5\" fill=\"#888\"\/>\r\n          <circle cx=\"78\" cy=\"34\" r=\"1.5\" fill=\"#888\"\/>\r\n        <\/g>\r\n        <rect x=\"21\" y=\"69\" width=\"32\" height=\"13\" rx=\"4\" fill=\"#333\"\/>\r\n        <rect x=\"23\" y=\"80\" width=\"11\" height=\"16\" rx=\"4\" fill=\"#FDBF60\"\/>\r\n        <rect x=\"40\" y=\"80\" width=\"11\" height=\"16\" rx=\"4\" fill=\"#FDBF60\"\/>\r\n        <ellipse cx=\"28\" cy=\"97\" rx=\"8\" ry=\"4.5\" fill=\"#E74C3C\"\/>\r\n        <ellipse cx=\"46\" cy=\"97\" rx=\"8\" ry=\"4.5\" fill=\"#E74C3C\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"child-figure child-right\">\r\n      <svg class=\"child-breathe\" viewBox=\"-12 0 84 108\" width=\"140\" height=\"175\">\r\n        <ellipse cx=\"30\" cy=\"105\" rx=\"17\" ry=\"3\" fill=\"rgba(0,0,0,.08)\"\/>\r\n        <ellipse cx=\"30\" cy=\"21\" rx=\"18\" ry=\"15\" fill=\"#5D4037\"\/>\r\n        <rect x=\"11\" y=\"19\" width=\"5\" height=\"28\" rx=\"2.5\" fill=\"#5D4037\"\/>\r\n        <rect x=\"44\" y=\"19\" width=\"5\" height=\"28\" rx=\"2.5\" fill=\"#5D4037\"\/>\r\n        <circle cx=\"30\" cy=\"27\" r=\"16\" fill=\"#FDBF60\"\/>\r\n        <path d=\"M14 21 Q18 10 30 8 Q42 10 46 21 Q42 15 30 14 Q18 15 14 21Z\" fill=\"#5D4037\"\/>\r\n        <ellipse cx=\"45\" cy=\"13\" rx=\"5\" ry=\"3\" fill=\"#DF506B\" transform=\"rotate(-15 45 13)\"\/>\r\n        <ellipse cx=\"51\" cy=\"11\" rx=\"4\" ry=\"2.5\" fill=\"#DF506B\" transform=\"rotate(15 51 11)\"\/>\r\n        <circle cx=\"48\" cy=\"12\" r=\"1.8\" fill=\"#C0405A\"\/>\r\n        <ellipse cx=\"23\" cy=\"25\" rx=\"2.5\" ry=\"3\" fill=\"#333\"\/>\r\n        <ellipse cx=\"37\" cy=\"25\" rx=\"2.5\" ry=\"3\" fill=\"#333\"\/>\r\n        <circle cx=\"22\" cy=\"24\" r=\".9\" fill=\"#FFF\"\/>\r\n        <circle cx=\"36\" cy=\"24\" r=\".9\" fill=\"#FFF\"\/>\r\n        <line x1=\"20\" y1=\"22\" x2=\"18\" y2=\"20\" stroke=\"#333\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"40\" y1=\"22\" x2=\"42\" y2=\"20\" stroke=\"#333\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M23 33 Q30 38 37 33\" fill=\"none\" stroke=\"#D35400\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <circle cx=\"17\" cy=\"31\" r=\"3.5\" fill=\"#F5A0A0\" opacity=\".35\"\/>\r\n        <circle cx=\"43\" cy=\"31\" r=\"3.5\" fill=\"#F5A0A0\" opacity=\".35\"\/>\r\n        <rect x=\"26\" y=\"42\" width=\"8\" height=\"5\" rx=\"3\" fill=\"#FDBF60\"\/>\r\n        <rect x=\"12\" y=\"46\" width=\"36\" height=\"22\" rx=\"7\" fill=\"#DF506B\"\/>\r\n        <path d=\"M26 46 L30 51 L34 46\" fill=\"#C0405A\"\/>\r\n        <path d=\"M48 50 Q54 52 56 58\" stroke=\"#DF506B\" stroke-width=\"8\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n        <circle cx=\"56\" cy=\"59\" r=\"4\" fill=\"#FDBF60\"\/>\r\n        <g class=\"girl-grill-arm\">\r\n          <path d=\"M12 49 Q5 46 1 42\" stroke=\"#DF506B\" stroke-width=\"8\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n          <circle cx=\"0\" cy=\"41\" r=\"4\" fill=\"#FDBF60\"\/>\r\n          <line x1=\"0\" y1=\"41\" x2=\"-8\" y2=\"32\" stroke=\"#B0B0B0\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <ellipse cx=\"-9\" cy=\"30\" rx=\"5\" ry=\"3\" fill=\"#999\" transform=\"rotate(-45 -9 30)\"\/>\r\n        <\/g>\r\n        <path d=\"M12 66 L48 66 L53 87 L7 87 Z\" fill=\"#DF506B\"\/>\r\n        <line x1=\"7\" y1=\"87\" x2=\"53\" y2=\"87\" stroke=\"#C0405A\" stroke-width=\"1.5\"\/>\r\n        <rect x=\"18\" y=\"85\" width=\"11\" height=\"13\" rx=\"4\" fill=\"#FDBF60\"\/>\r\n        <rect x=\"31\" y=\"85\" width=\"11\" height=\"13\" rx=\"4\" fill=\"#FDBF60\"\/>\r\n        <ellipse cx=\"23\" cy=\"99\" rx=\"8\" ry=\"4.5\" fill=\"#DF506B\"\/>\r\n        <ellipse cx=\"37\" cy=\"99\" rx=\"8\" ry=\"4.5\" fill=\"#DF506B\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"grill-unit\">\r\n      <div class=\"grill-stand\">\r\n        <div class=\"grill-grate\">\r\n          <div class=\"grate-line\"><\/div>\r\n          <div class=\"grate-line\"><\/div>\r\n          <div class=\"grate-line\"><\/div>\r\n          <div class=\"grate-line\"><\/div>\r\n        <\/div>\r\n        <div class=\"grill-body\">\r\n          <div class=\"grill-handle\"><\/div>\r\n        <\/div>\r\n        <div class=\"flames\" id=\"flames\">\r\n          <div class=\"fl fl-1\"><\/div>\r\n          <div class=\"fl fl-2\"><\/div>\r\n          <div class=\"fl fl-3\"><\/div>\r\n          <div class=\"fl fl-4\"><\/div>\r\n          <div class=\"fl fl-5\"><\/div>\r\n          <div class=\"fl fl-6\"><\/div>\r\n          <div class=\"fl fl-7\"><\/div>\r\n          <div class=\"fl fl-8\"><\/div>\r\n          <div class=\"fl fl-9\"><\/div>\r\n          <div class=\"fl fl-10\"><\/div>\r\n          <div class=\"fl fl-11\"><\/div>\r\n          <div class=\"fl fl-12\"><\/div>\r\n        <\/div>\r\n        <div class=\"coal-heat\" id=\"coalHeat\"><\/div>\r\n        <div class=\"charcoal-pan\">\r\n          <div class=\"coal-dots\" id=\"coalDots\"><\/div>\r\n        <\/div>\r\n        <div class=\"stand-legs\">\r\n          <div class=\"stand-ring\"><\/div>\r\n          <div class=\"stand-leg\"><\/div>\r\n          <div class=\"stand-leg\"><\/div>\r\n          <div class=\"stand-leg\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"big-counter\">\r\n    <div class=\"counter-row\">\r\n      <span class=\"counter-num\" id=\"counterNum\">0<\/span>\r\n      <span class=\"counter-unit\">DT<\/span>\r\n    <\/div>\r\n    <div class=\"counter-label\">Le total de la b\u00e9n\u00e9diction<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dua-bar\">\r\n    <div class=\"dua-text\" id=\"duaText\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"donate-menu\">\r\n    <div class=\"menu-title\">Choisis ce que tu veux pour faire la joie d'un enfant :<button class=\"reset-btn\" id=\"resetBtn\">\u21ba R\u00e9initialiser<\/button><\/div>\r\n    <div class=\"donate-grid\" id=\"donateGrid\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"custom-section\">\r\n    <div class=\"custom-box\" id=\"customBox\">\r\n      <div class=\"custom-box-head\" id=\"customHead\">\r\n        <span class=\"cb-icon\">\u2728<\/span>\r\n        <div class=\"cb-text\">\r\n          <span class=\"cb-title\">Ou fais un don du montant de ton choix<\/span>\r\n          <span class=\"cb-sub\">Chaque montant apporte de la joie<\/span>\r\n        <\/div>\r\n        <span class=\"cb-arrow\">\u203a<\/span>\r\n      <\/div>\r\n      <div class=\"custom-box-form\" id=\"customForm\">\r\n        <input type=\"number\" class=\"custom-input\" id=\"customInput\" placeholder=\"Montant...\" min=\"5\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"action-footer\">\r\n    <button class=\"final-btn\" id=\"finalBtn\">\r\n      Envoyer la joie de l'A\u00efd\r\n      <div class=\"btn-pulse\"><\/div>\r\n    <\/button>\r\n\r\n    <div class=\"share-section\">\r\n      <button class=\"share-btn\" id=\"shareBtn\">\r\n        <span>\ud83d\udce2<\/span> Partager la joie\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n  var menuItems =[\r\n    {icon:'\ud83d\udd25', name:'Charbon', price:10,  joy:2,  meat:false},\r\n    {icon:'\ud83c\udf62', name:'Osban', price:50,  joy:5,  meat:true},\r\n    {icon:'\ud83e\udd69', name:'Viande', price:100,  joy:10,  meat:true},\r\n    {icon:'\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66', name:'Joie', price:200, joy:20, meat:false},\r\n  ];\r\n\r\n  var duas =[\r\n    'Que Dieu fasse mis\u00e9ricorde \u00e0 tes parents', 'Que Dieu te le rende', 'Que cela soit pes\u00e9 dans la balance de tes bonnes actions',\r\n    'Que Dieu b\u00e9nisse tes biens', 'Qu\\'Il t\\'accorde ce que tu souhaites', 'Que Dieu pr\u00e9serve tes enfants',\r\n    'Que Dieu b\u00e9nisse ceux qui t\\'ont \u00e9lev\u00e9', 'Que Dieu t\\'ouvre les portes du succ\u00e8s', 'Merci infiniment',\r\n    'Que Dieu te donne selon la bont\u00e9 de ton c\u0153ur'\r\n  ];\r\n\r\n  var total = 0, joy = 0, lit = false, toastTm = null, milestoneHit = {};\r\n  var counterAnimating = false;\r\n  var fireLevel = 0;\r\n  var customDebounce = null;\r\n  var smokeInterval = null;\r\n\r\n  var $ = function(id){ return document.getElementById(id); };\r\n  var flames      = $('flames');\r\n  var coalHeat    = $('coalHeat');\r\n  var heatGlow    = $('heatGlow');\r\n  var smokeLayer  = $('smokeLayer');\r\n  var particles   = $('particles');\r\n  var counterNum  = $('counterNum');\r\n  var donateGrid  = $('donateGrid');\r\n  var customBox   = $('customBox');\r\n  var customHead  = $('customHead');\r\n  var customInput = $('customInput');\r\n  var finalBtn    = $('finalBtn');\r\n  var duaText     = $('duaText');\r\n  var coalDots    = $('coalDots');\r\n  var soundToggle = $('soundToggle');\r\n  var mascot      = $('mascot');\r\n  var shareBtn    = $('shareBtn');\r\n  var resetBtn    = $('resetBtn');\r\n\r\n  var audioCtx = null;\r\n  var soundMuted = false;\r\n\r\n  var realSheepSound = new Audio('https:\/\/soundimage.org\/wp-content\/uploads\/2023\/05\/Sheep.mp3');\r\n  realSheepSound.preload = 'auto';\r\n\r\n  function ensureAudio(){\r\n    if(!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n    if(audioCtx.state === 'suspended') audioCtx.resume();\r\n  }\r\n\r\n  function playSizzle(){\r\n    if(soundMuted || !audioCtx) return;\r\n    var dur = 0.7;\r\n    var sr = audioCtx.sampleRate;\r\n    var buf = audioCtx.createBuffer(1, sr * dur, sr);\r\n    var data = buf.getChannelData(0);\r\n    var prev = 0;\r\n    for(var i = 0; i < data.length; i++){\r\n      var t = i \/ sr;\r\n      var white = Math.random() * 2 - 1;\r\n      prev = (prev + 0.02 * white) \/ 1.02;\r\n      var env = Math.exp(-t * 4);\r\n      var crackle = Math.random() < 0.03 ? (Math.random() * 0.6) : 0;\r\n      data[i] = (prev * 3 + crackle) * env * 0.35;\r\n    }\r\n    var src = audioCtx.createBufferSource();\r\n    src.buffer = buf;\r\n    var hpf = audioCtx.createBiquadFilter();\r\n    hpf.type = 'highpass';\r\n    hpf.frequency.value = 3000;\r\n    var bpf = audioCtx.createBiquadFilter();\r\n    bpf.type = 'bandpass';\r\n    bpf.frequency.value = 6000;\r\n    bpf.Q.value = 0.8;\r\n    var gain = audioCtx.createGain();\r\n    gain.gain.value = 0.25;\r\n    src.connect(hpf); hpf.connect(bpf); bpf.connect(gain); gain.connect(audioCtx.destination);\r\n    src.start();\r\n  }\r\n\r\n  function playIgnite(){\r\n    if(soundMuted || !audioCtx) return;\r\n    var dur = 1.2;\r\n    var sr = audioCtx.sampleRate;\r\n    var buf = audioCtx.createBuffer(1, sr * dur, sr);\r\n    var data = buf.getChannelData(0);\r\n    var prev = 0;\r\n    for(var i = 0; i < data.length; i++){\r\n      var t = i \/ sr;\r\n      var white = Math.random() * 2 - 1;\r\n      prev = (prev + 0.04 * white) \/ 1.04;\r\n      var rise = Math.min(t * 2, 1);\r\n      var env = Math.sin(Math.PI * t \/ dur) * rise;\r\n      var pop = 0;\r\n      if(Math.random() < 0.01 + rise * 0.02) pop = (Math.random() - 0.5) * 0.8;\r\n      data[i] = (prev * 4 + pop) * env * 0.3;\r\n    }\r\n    var src = audioCtx.createBufferSource();\r\n    src.buffer = buf;\r\n    var lp = audioCtx.createBiquadFilter();\r\n    lp.type = 'lowpass';\r\n    lp.frequency.value = 2000 + 4000 * 0.5;\r\n    var gain = audioCtx.createGain();\r\n    gain.gain.value = 0.3;\r\n    src.connect(lp); lp.connect(gain); gain.connect(audioCtx.destination);\r\n    src.start();\r\n  }\r\n\r\n  function playTick(){\r\n    if(soundMuted || !audioCtx) return;\r\n    var dur = 0.08;\r\n    var sr = audioCtx.sampleRate;\r\n    var buf = audioCtx.createBuffer(1, sr * dur, sr);\r\n    var data = buf.getChannelData(0);\r\n    for(var i = 0; i < data.length; i++){\r\n      var t = i \/ sr;\r\n      var env = Math.exp(-t * 60);\r\n      data[i] = Math.sin(2 * Math.PI * 1800 * t) * env * 0.15;\r\n    }\r\n    var src = audioCtx.createBufferSource();\r\n    src.buffer = buf;\r\n    var gain = audioCtx.createGain();\r\n    gain.gain.value = 0.4;\r\n    src.connect(gain); gain.connect(audioCtx.destination);\r\n    src.start();\r\n  }\r\n\r\n  function playBaa(){\r\n    if(soundMuted) return;\r\n    \r\n    var s = realSheepSound.cloneNode();\r\n    s.volume = 0.4;\r\n    s.play().catch(function(e){ console.log(\"Audio block:\", e); });\r\n  }\r\n\r\n  soundToggle.addEventListener('click', function(){\r\n    ensureAudio();\r\n    soundMuted = !soundMuted;\r\n    soundToggle.classList.toggle('muted', soundMuted);\r\n    soundToggle.textContent = soundMuted ? '\ud83d\udd07' : '\ud83d\udd0a';\r\n  });\r\n\r\n  var displayedTotal = 0;\r\n\r\n  function animateCounter(target){\r\n    if(counterAnimating){\r\n      displayedTotal = parseInt(counterNum.textContent) || 0;\r\n    }\r\n    var from = displayedTotal;\r\n    var diff = target - from;\r\n    if(diff === 0) return;\r\n    counterAnimating = true;\r\n    var duration = Math.min(400 + Math.abs(diff) * 8, 1200);\r\n    var startTime = null;\r\n    var lastTickVal = from;\r\n\r\n    function step(timestamp){\r\n      if(!startTime) startTime = timestamp;\r\n      var elapsed = timestamp - startTime;\r\n      var progress = Math.min(elapsed \/ duration, 1);\r\n      var ease = 1 - Math.pow(1 - progress, 3);\r\n      var current = Math.round(from + diff * ease);\r\n      counterNum.textContent = current;\r\n      if(current !== lastTickVal){\r\n        playTick();\r\n        lastTickVal = current;\r\n      }\r\n      if(progress < 1){\r\n        requestAnimationFrame(step);\r\n      } else {\r\n        counterNum.textContent = target;\r\n        displayedTotal = target;\r\n        counterAnimating = false;\r\n      }\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  function updateMascotState(joyLevel) {\r\n    if(joyLevel === 0) mascot.className = 'mascot-container sleepy';\r\n    else if (joyLevel < 5) mascot.className = 'mascot-container happy';\r\n    else mascot.className = 'mascot-container excited';\r\n\r\n    var children = document.querySelectorAll('.child-breathe');\r\n    children.forEach(function(child) {\r\n      child.classList.remove('child-happy', 'child-excited');\r\n      if (joyLevel >= 15) {\r\n        child.classList.add('child-excited');\r\n      } else if (joyLevel >= 5) {\r\n        child.classList.add('child-happy');\r\n      }\r\n    });\r\n  }\r\n\r\n  for(var i=0;i<28;i++){\r\n    var c = document.createElement('div');\r\n    c.className='coal';\r\n    var w=10+Math.random()*7, h=8+Math.random()*5;\r\n    c.style.width=w+'px'; c.style.height=h+'px';\r\n    c.style.borderRadius=(30+Math.random()*20)+'% '+(35+Math.random()*20)+'% '+(40+Math.random()*15)+'% '+(30+Math.random()*20)+'%';\r\n    c.style.setProperty('--d',(1.1+Math.random()*1.2)+'s');\r\n    c.style.setProperty('--dl',(Math.random()*.8)+'s');\r\n    coalDots.appendChild(c);\r\n  }\r\n\r\n  menuItems.forEach(function(item){\r\n    var card = document.createElement('div');\r\n    card.className = 'd-card';\r\n    card.innerHTML = '<span class=\"d-price\">'+item.price+' DT<\/span>';\r\n    card.addEventListener('click', function(){ donate(item, card); });\r\n    donateGrid.appendChild(card);\r\n  });\r\n\r\n  customHead.addEventListener('click', function(){\r\n    ensureAudio();\r\n    customBox.classList.toggle('open');\r\n    if(customBox.classList.contains('open')) setTimeout(function(){ customInput.focus(); }, 100);\r\n  });\r\n\r\n  customInput.addEventListener('input', function(){\r\n    clearTimeout(customDebounce);\r\n    customDebounce = setTimeout(function(){\r\n      var v = parseInt(customInput.value);\r\n      if(v && v >= 5){\r\n        donate({icon:'\u2728', name:'Don libre', price:v, joy:Math.max(1, Math.round(v \/ 10)), meat:false}, null);\r\n        customInput.value = '';\r\n        customInput.style.borderColor = '#E0E0E0';\r\n      }\r\n    }, 700);\r\n  });\r\n\r\n  finalBtn.addEventListener('click', function(){\r\n    var f = document.getElementById('billing_first_name');\r\n    if(f){f.scrollIntoView({behavior:'smooth',block:'center'});setTimeout(function(){f.focus();},500);}\r\n  });\r\n\r\n  shareBtn.addEventListener('click', function(){\r\n    var text = \"J'ai contribu\u00e9 \u00e0 la joie de l'A\u00efd El K\u00e9bir pour les enfants de SOS Tunisie avec \" + total + \" DT ! Viens aider et fais-les sourire pour l'A\u00efd \ud83d\udc11\ud83d\udd25\";\r\n    var url = window.location.href;\r\n    if (navigator.share) {\r\n      navigator.share({ title: \"Pour l'A\u00efd El K\u00e9bir... la joie d'un enfant, une grande r\u00e9compense\", text: text, url: url }).catch(console.error);\r\n    } else {\r\n      window.open('whatsapp:\/\/send?text=' + encodeURIComponent(text + ' ' + url));\r\n    }\r\n  });\r\n\r\n  resetBtn.addEventListener('click', function(){\r\n    total = 0; joy = 0; fireLevel = 0; lit = false;\r\n    displayedTotal = 0;\r\n    counterNum.textContent = '0';\r\n    finalBtn.classList.remove('ready');\r\n    finalBtn.innerHTML = 'Envoyer la joie de l\\'A\u00efd <div class=\"btn-pulse\"><\/div>';\r\n    flames.classList.remove('on');\r\n    flames.style.transform = 'translateX(-50%) scale(1)';\r\n    coalHeat.classList.remove('on');\r\n    coalHeat.style.transform = 'translateX(-50%) scale(1)';\r\n    heatGlow.classList.remove('on');\r\n    heatGlow.style.transform = 'translateX(-50%) scale(1)';\r\n    var extraFlames = flames.querySelectorAll('.fl-7, .fl-8, .fl-9, .fl-10, .fl-11, .fl-12');\r\n    extraFlames.forEach(function(fl){ fl.style.opacity = '0'; });\r\n    var coals = coalDots.querySelectorAll('.coal');\r\n    coals.forEach(function(co){ co.classList.remove('lit'); });\r\n    if(smokeInterval){ clearInterval(smokeInterval); smokeInterval = null; }\r\n    mascot.className = 'mascot-container sleepy';\r\n    duaText.classList.remove('show');\r\n    customInput.value = '';\r\n    customBox.classList.remove('open');\r\n    syncWoo(0);\r\n  });\r\n\r\n  var fireExtraThresholds =[\r\n    { level: 4,  index: 6 }, { level: 8,  index: 7 }, { level: 12, index: 8 },\r\n    { level: 17, index: 9 }, { level: 22, index: 10 }, { level: 28, index: 11 }\r\n  ];\r\n\r\n  function growFire(joyAmount){\r\n    fireLevel = Math.min(fireLevel + joyAmount * 0.4, 35);\r\n    var flameScale = 1 + (fireLevel \/ 35) * 0.9; \r\n    flames.style.transform = 'translateX(-50%) scale(' + flameScale.toFixed(3) + ')';\r\n    var heatScale = 1 + (fireLevel \/ 35) * 0.4;\r\n    coalHeat.style.transform = 'translateX(-50%) scale(' + heatScale.toFixed(3) + ')';\r\n    coalHeat.style.opacity = Math.min(0.25 + fireLevel * 0.015, 0.75);\r\n    var glowScale = 1 + (fireLevel \/ 35) * 0.5;\r\n    heatGlow.style.transform = 'translateX(-50%) scale(' + glowScale.toFixed(3) + ')';\r\n    heatGlow.style.opacity = Math.min(0.15 + fireLevel * 0.008, 0.5);\r\n\r\n    var allExtraFlames = flames.querySelectorAll('.fl-7, .fl-8, .fl-9, .fl-10, .fl-11, .fl-12');\r\n    fireExtraThresholds.forEach(function(threshold){\r\n      if(fireLevel >= threshold.level) allExtraFlames[threshold.index - 6].style.opacity = '1';\r\n    });\r\n\r\n    var smokeRate = Math.max(900 - fireLevel * 25, 400);\r\n    clearInterval(smokeInterval);\r\n    smokeInterval = setInterval(function(){ if(lit) addSmoke(Math.min(1 + Math.floor(fireLevel \/ 8), 2)); }, smokeRate);\r\n  }\r\n\r\n  function donate(item, cardEl){\r\n    ensureAudio();\r\n    playBaa(); \r\n    total += item.price;\r\n    joy = Math.min(joy + item.joy, 40);\r\n\r\n    animateCounter(total);\r\n    updateMascotState(joy);\r\n\r\n    finalBtn.classList.add('ready');\r\n    finalBtn.innerHTML = 'Envoyer la joie avec ' + total + ' DT <div class=\"btn-pulse\"><\/div>';\r\n\r\n    if(cardEl){\r\n      cardEl.classList.add('tapped');\r\n      setTimeout(function(){ cardEl.classList.remove('tapped'); }, 600);\r\n    }\r\n\r\n    if(!lit){\r\n      lightFire();\r\n      playIgnite();\r\n    } else {\r\n      growFire(item.joy);\r\n      if(item.meat) playSizzle();\r\n    }\r\n\r\n    if(lit && item.name !== 'Don libre') addSmoke(item.meat ? 2 : 1);\r\n    burstParticles(2 + item.joy);\r\n    showDua(item);\r\n    checkMilestone();\r\n    syncWoo(total);\r\n  }\r\n\r\n  function lightFire(){\r\n    lit = true;\r\n    fireLevel = 1;\r\n    flames.classList.add('on');\r\n    coalHeat.classList.add('on');\r\n    heatGlow.classList.add('on');\r\n    var coals = coalDots.querySelectorAll('.coal');\r\n    coals.forEach(function(c,i){ setTimeout(function(){ c.classList.add('lit'); }, i*60); });\r\n    smokeInterval = setInterval(function(){ if(lit) addSmoke(1); }, 900);\r\n  }\r\n\r\n  function addSmoke(n){\r\n    for(var i=0;i<n;i++){\r\n      (function(idx){\r\n        setTimeout(function(){\r\n          if(!smokeLayer) return;\r\n          var p = document.createElement('div');\r\n          p.className='smoke-puff';\r\n          var sz = 18 + Math.random()*25;\r\n          p.style.width = sz+'px'; p.style.height = (sz*.65)+'px';\r\n          p.style.left = (50+Math.random()*100)+'px'; p.style.bottom = '0';\r\n          var gray = lit ? '170,155,140' : '160,160,160';\r\n          var a = lit ? (.18 + fireLevel * 0.005) : .08;\r\n          p.style.background = 'radial-gradient(ellipse,rgba('+gray+','+a+'),transparent 75%)';\r\n          smokeLayer.appendChild(p);\r\n          var dx = (Math.random()-.5)*70, dy = -(70+Math.random()*50), endSz = sz*(1.8+Math.random());\r\n          p.animate([\r\n            {transform:'translate(0,0) scale(1)',opacity:.45},\r\n            {transform:'translate('+dx+'px,'+dy+'px) scale('+endSz+')',opacity:0}\r\n          ],{duration:2000+Math.random()*1000,easing:'ease-out'}).onfinish=function(){ p.remove(); };\r\n        }, idx*100);\r\n      })(i);\r\n    }\r\n  }\r\n\r\n  function burstParticles(n){\r\n    var emojis =['\u2728','\u2b50','\ud83c\udf1f','\ud83d\udcab','\ud83d\udc9b','\u2764\ufe0f','\ud83c\udf86'];\r\n    for(var i=0;i<n;i++){\r\n      var p = document.createElement('span');\r\n      p.className='fly-particle';\r\n      p.textContent = emojis[Math.floor(Math.random()*emojis.length)];\r\n      p.style.left = (25+Math.random()*50)+'%';\r\n      p.style.top = (15+Math.random()*40)+'%';\r\n      p.style.setProperty('--dx1',(Math.random()-.5)*60+'px');\r\n      p.style.setProperty('--dy1',(-20-Math.random()*30)+'px');\r\n      p.style.setProperty('--dx2',(Math.random()-.5)*100+'px');\r\n      p.style.setProperty('--dy2',(-40-Math.random()*50)+'px');\r\n      particles.appendChild(p);\r\n      setTimeout(function(){ p.remove(); }, 2800);\r\n    }\r\n  }\r\n\r\n  function showDua(item){\r\n    var m;\r\n    if(item.joy >= 12) m = 'Macha\\'Allah.. que Dieu te b\u00e9nisse';\r\n    else if(item.joy >= 6) m = 'Que Dieu t\\'accorde la sant\u00e9';\r\n    else m = duas2[Math.floor(Math.random() * duas2.length)];\r\n    duaText.classList.remove('show');\r\n    clearTimeout(toastTm);\r\n    toastTm = setTimeout(function(){\r\n      duaText.innerHTML = '<span class=\"dua-deco\">\u2726<\/span> ' + m + ' <span class=\"dua-deco\">\u2726<\/span>';\r\n      duaText.classList.add('show');\r\n    }, 150);\r\n  }\r\n\r\n  var duas2 =['Que Dieu te b\u00e9nisse', 'Que Dieu t\\'accorde la sant\u00e9', 'Que Dieu te prot\u00e8ge', 'Que Dieu soit satisfait de toi', 'Que Dieu te pr\u00e9serve', 'Merci pour ta g\u00e9n\u00e9rosit\u00e9', 'B\u00e9n\u00e9dictions sur toi', 'Que Dieu te prot\u00e8ge', 'Que Dieu te r\u00e9compense en bien', 'Que Dieu fasse mis\u00e9ricorde \u00e0 tes parents'];\r\n\r\n  function checkMilestone(){\r\n    var milestones =[{at:8},{at:15},{at:25}];\r\n    milestones.forEach(function(ms){\r\n      if(joy >= ms.at && !milestoneHit[ms.at]){\r\n        milestoneHit[ms.at] = true;\r\n        if(ms.at >= 25) launchConfetti();\r\n        burstParticles(8);\r\n      }\r\n    });\r\n  }\r\n\r\n  function launchConfetti(){\r\n    var container = document.createElement('div');\r\n    container.className='confetti-burst';\r\n    document.body.appendChild(container);\r\n    var colors=['#0099E5','#DF506B','#020381','#FFD700','#4ADE80','#A855F7','#EC4899'];\r\n    for(var i=0;i<50;i++){\r\n      var c = document.createElement('div');\r\n      c.className='confetti-piece';\r\n      c.style.background=colors[Math.floor(Math.random()*colors.length)];\r\n      c.style.left=(20+Math.random()*60)+'%';\r\n      c.style.top=(10+Math.random()*20)+'%';\r\n      c.style.width=(5+Math.random()*5)+'px';\r\n      c.style.height=(5+Math.random()*5)+'px';\r\n      c.style.setProperty('--cx',(Math.random()-.5)*300+'px');\r\n      c.style.setProperty('--cy',(100+Math.random()*400)+'px');\r\n      c.style.setProperty('--cr',(Math.random()*720-360)+'deg');\r\n      c.style.setProperty('--t',(2+Math.random()*2)+'s');\r\n      container.appendChild(c);\r\n    }\r\n    setTimeout(function(){ container.remove(); }, 4000);\r\n  }\r\n\r\n  function syncWoo(val){\r\n    var inp = document.getElementById('wcdp-donation-amount');\r\n    var rad = document.querySelector('.wcdp_value_other');\r\n    if(rad) rad.checked = true;\r\n    if(inp){\r\n      inp.value = val;\r\n      inp.dispatchEvent(new Event('change',{bubbles:true}));\r\n    }\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45a4be8\" data-id=\"45a4be8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-120036b elementor-widget elementor-widget-html\" data-id=\"120036b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/www.sosve.tn\/fr\/odhhia\/?utm_source=btnpage3id\" class=\"banner-wrapper\">\r\n  <div class=\"bold-banner\">\r\n    <span class=\"info-text\">Vous pouvez faire don d'un sacrifice entier<\/span>\r\n    <span class=\"bold-link\">Cliquez ici<\/span>\r\n  <\/div>\r\n<\/a>\r\n\r\n<style>\r\n  .banner-wrapper {\r\n    text-decoration: none !important;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n\r\n  .bold-banner {\r\n    direction: ltr;\r\n    background-color: #3498db;\r\n    color: #ffffff;\r\n    padding: 12px 40px;\r\n    border-radius: 10px;\r\n    display: flex; \r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\r\n    border-top: 1px solid rgba(255,255,255,0.2);\r\n    border-bottom: 1px solid rgba(255,255,255,0.2);\r\n  }\r\n\r\n  .info-text {\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .bold-link {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #ffffff;\r\n    color: #3498db !important;\r\n    padding: 8px 25px;\r\n    border-radius: 8px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    display: inline-block;\r\n    transition: all 0.3s ease;\r\n    animation: pulse-animation 2s infinite ease-in-out;\r\n  }\r\n\r\n  .bold-link::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -60%;\r\n    width: 20%;\r\n    height: 200%;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    transform: rotate(30deg);\r\n    animation: shine-animation 3s infinite;\r\n  }\r\n\r\n  @keyframes pulse-animation {\r\n    0% { transform: scale(1); }\r\n    50% { transform: scale(1.05); }\r\n    100% { transform: scale(1); }\r\n  }\r\n\r\n  @keyframes shine-animation {\r\n    0% { left: -60%; }\r\n    20% { left: 120%; }\r\n    100% { left: 120%; }\r\n  }\r\n\r\n  .banner-wrapper:hover .bold-link {\r\n    background-color: #2c3e50;\r\n    color: #ffffff !important;\r\n    transform: scale(1.1);\r\n    animation: none;\r\n  }\r\n\r\n  .banner-wrapper:hover .bold-banner {\r\n    background-color: #2980b9;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .bold-banner {\r\n      flex-direction: column;\r\n      gap: 15px;\r\n      text-align: center;\r\n      padding: 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-164b3da elementor-widget elementor-widget-shortcode\" data-id=\"164b3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><ul class=\"woocommerce-error wcdp-error-message\" id=\"wcdp-ajax-error\" role=\"alert\"><li>In the current view, the donation form is not available.<\/li><\/ul><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc11 \ud83d\udd0a \u00c0 l\u2019A\u00efd El-Idha, illuminer le sourire d\u2019un enfant.. Est la plus belle des r\u00e9compenses 0 DT Le total de la b\u00e9n\u00e9diction Choisis ce que tu veux pour faire la joie d&#8217;un enfant :\u21ba R\u00e9initialiser \u2728 Ou fais un don du montant de ton choix Chaque montant apporte de la joie \u203a Envoyer la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-145756","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/145756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/comments?post=145756"}],"version-history":[{"count":3,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/145756\/revisions"}],"predecessor-version":[{"id":145760,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/145756\/revisions\/145760"}],"wp:attachment":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/media?parent=145756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}