/* ===== ליטושים אחרונים: כרטיס סטטיסטיקה קטן, תמונת רקע, כפתורים אדומים, כפתורים צפים בצד ===== */
:root{
  --red:#e23b3b;
  --red-2:#c62828;
  --red-soft:#ffe8e8;
}

/* 1. כרטיס ההתקדמות קטן יותר */
.app-card{
  max-width:326px !important;
  padding:16px 18px 14px !important;
  border-radius:24px !important;
}
.app-title{font-size:.8rem !important;letter-spacing:0 !important}
.app-chip{font-size:.62rem !important;padding:4px 9px !important}
.ring-row{gap:12px !important;margin-bottom:12px !important;align-items:center !important}
.ring{
  width:72px !important;height:72px !important;flex:0 0 72px !important;
  background:conic-gradient(var(--red) calc(var(--p)*1%), #f0eefb 0) !important;
}
.ring::before{inset:7px !important}
.ring span{font-size:1.05rem !important}
.ring small{font-size:.55rem !important}
.ring-copy strong{font-size:.8rem !important}
.ring-copy p{font-size:.68rem !important;margin-top:2px !important;color:var(--red-2) !important}
.bars{gap:8px !important}
.bars .bar span{font-size:.64rem !important}
.bars .bar i{height:6px !important}
.app-foot{margin-top:10px !important;font-size:.64rem !important;gap:8px !important}
.app-foot .next{font-size:.6rem !important}

/* 2. תמונת מחשב נייד ברקע ההירו */
.hero-visual{isolation:isolate}
.hero-visual::before{
  content:"";position:absolute;z-index:0;
  inset:-22px -26px -26px -26px;
  background:url("img/study/laptop-desk.jpg") center/cover no-repeat;
  border-radius:34px;
  opacity:.55;
  filter:saturate(.92) contrast(1.03);
}
.hero-visual::after{
  content:"";position:absolute;z-index:1;
  inset:-22px -26px -26px -26px;
  border-radius:34px;
  background:linear-gradient(155deg, rgba(247,246,255,.92) 0%, rgba(247,246,255,.55) 45%, rgba(247,246,255,.18) 100%);
}
.app-card{position:relative;z-index:3}
.float-card{position:absolute;z-index:4}

/* 3. כפתורים אדומים */
.btn-primary,
.head-cta,
.lead-form .btn-primary,
.taste-next{
  background:linear-gradient(135deg,#f04545 0%,var(--red) 55%,var(--red-2) 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 28px -12px rgba(226,59,59,.75) !important;
  animation:yaad-red-pulse 2.4s ease-in-out infinite !important;
}
.btn-primary:hover,
.head-cta:hover,
.taste-next:hover{
  background:linear-gradient(135deg,#ff5c5c 0%,#ea3f3f 55%,#b71c1c 100%) !important;
  color:#fff !important;
}
.btn-primary .icon,
.btn-primary svg{color:currentColor}
@keyframes yaad-red-pulse{
  0%,100%{box-shadow:0 12px 28px -12px rgba(226,59,59,.7),0 0 0 0 rgba(226,59,59,.45)}
  50%{box-shadow:0 12px 28px -12px rgba(226,59,59,.7),0 0 0 12px rgba(226,59,59,0)}
}
/* כפתור משני אדום מקווקו, עדין */
.btn-ghost{border-color:rgba(226,59,59,.45) !important;color:var(--red-2) !important}
.btn-ghost:hover{border-color:var(--red) !important;background:var(--red-soft) !important}
.quiz-opts button.ok,
.taste-opts button.ok{border-color:#16b98a !important}

/* 4. הכפתורים הצפים לצדדים, בלי להיערם אחד על השני */
.wa-float{bottom:18px !important;inset-inline-start:18px !important;z-index:80 !important}
.guide-fab{bottom:86px !important;inset-inline-start:18px !important;z-index:991 !important}
.a11y-btn{bottom:18px !important;inset-inline-end:18px !important}
.mascot-bubble{
  bottom:86px !important;inset-inline-start:-52px !important;
  max-width:146px !important;font-size:.7rem !important;line-height:1.35 !important;
  padding:7px 10px !important;
}
.mascot{width:112px !important;bottom:-20px !important;inset-inline-start:-30px !important}

@media (max-width:860px){
  .hero-visual::before,.hero-visual::after{inset:-12px -10px -14px -10px;border-radius:26px}
  .app-card{max-width:100% !important}
  .guide-fab{bottom:80px !important}
}

/* אפשרויות נוספות לבובה: שתי שורות שנגללות */
.guide-chips{
  display:flex !important;flex-wrap:wrap !important;gap:6px !important;
  max-height:120px;overflow-y:auto;padding:4px 2px;
}
.guide-chips button{font-size:.72rem !important;padding:6px 11px !important}

/* ==== סבב שני: תמונה ברורה יותר, אדום עמוק, כפתורים צפים קומפקטיים ==== */
.hero-visual::before{opacity:.85 !important;filter:saturate(1) contrast(1.02) !important}
.hero-visual::after{
  background:linear-gradient(150deg, rgba(247,246,255,.72) 0%, rgba(247,246,255,.28) 42%, rgba(247,246,255,0) 78%) !important;
}
.btn-primary,
.head-cta,
.lead-form .btn-primary,
.taste-next{
  background:linear-gradient(135deg,#e8283a 0%,#d81b26 55%,#a80f1a 100%) !important;
  color:#fff !important;
}
.btn-primary:hover,
.head-cta:hover,
.taste-next:hover{
  background:linear-gradient(135deg,#f43b4c 0%,#c91622 55%,#8f0c15 100%) !important;
}

/* וואטסאפ: עיגול קטן, בלי טקסט, שלא יסתיר תוכן */
.wa-float{
  width:54px !important;height:54px !important;padding:0 !important;
  border-radius:50% !important;justify-content:center !important;
  bottom:18px !important;inset-inline-start:18px !important;
}
.wa-float span{display:none !important}
.wa-float svg{width:26px !important;height:26px !important}

/* כפתור איה: גלולה קומפקטית מעל הוואטסאפ */
.guide-fab{
  padding:9px 13px !important;font-size:12.5px !important;
  bottom:84px !important;inset-inline-start:18px !important;
}
body{padding-bottom:72px}

/* תמונת תלמיד קטנה בפינת ההירו, מעל תמונת השולחן */
.hero-student{
  position:absolute;z-index:4;
  width:150px;height:184px;object-fit:cover;
  border-radius:18px;border:6px solid #fff;
  box-shadow:0 18px 34px -18px rgba(20,20,70,.55);
  bottom:-18px;inset-inline-end:-14px;
  transform:rotate(-3deg);
}
@media (max-width:860px){ .hero-student{display:none} }

/* ===== סטטיסטיקות: תוויות קריאות ===== */
.stats{
  padding:24px 12px !important;
  gap:6px !important;
}
.stat{
  display:flex !important;flex-direction:column !important;
  align-items:center !important;justify-content:center !important;
  gap:6px !important;padding:6px 10px !important;min-height:96px;
}
.stat b{
  font-size:1.62rem !important;line-height:1.1 !important;
  letter-spacing:-.01em !important;color:var(--navy) !important;
}
.stat span{
  font-size:.95rem !important;font-weight:700 !important;
  color:#3d3d70 !important;line-height:1.3 !important;
  letter-spacing:0 !important;display:block !important;
  max-width:100% !important;white-space:normal !important;
}
@media (max-width:600px){
  .stat{min-height:84px;padding:6px 6px !important}
  .stat b{font-size:1.35rem !important}
  .stat span{font-size:.85rem !important}
}

/* ===== רקע כחלחל בצד שמאל ===== */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(75% 65% at 0% 30%, rgba(118,163,255,.30), rgba(118,163,255,0) 62%),
    radial-gradient(60% 50% at 0% 88%, rgba(148,188,255,.24), rgba(148,188,255,0) 70%),
    linear-gradient(to left, rgba(206,225,255,.55), rgba(214,230,255,0) 52%);
}
html[data-a11y-contrast="1"] body::before{display:none}