*{box-sizing:border-box}
body{margin:0;background:#12100c;color:#efe6d4;
  font-family:'Heebo',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:#E9C77D;text-decoration:none}
a:hover{color:#F3DFA8}
.wrap{max-width:1360px;margin:0 auto;padding:0 28px}
@media(min-width:1560px){.wrap{max-width:1480px}}
.topbar{background:#0b0a07;border-bottom:1px solid rgba(233,199,125,.08)}
.tb{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:7px 0;font-size:12.5px;color:#8a8069}
.tb-i{display:inline-flex;align-items:baseline;gap:6px}
.tb-i b{color:#E9C77D;font-weight:600}
.tb-i i{font-style:normal;opacity:.72}
@media(max-width:700px){.tb{justify-content:center;font-size:12px;padding:6px 0}}
.top{display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;border-bottom:1px solid rgba(233,199,125,.10);gap:16px;flex-wrap:wrap;position:relative}
.top:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(233,199,125,.45),transparent)}
/* 23.8 (אייל): השם בהדר היה הדבר היחיד בסריף — עכשיו Heebo 900, אותה משפחה
   שכל הפורטל, האפליקציה, הצ'אט ושער-הכניסה משתמשים בה. */
.brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:900;color:#efe6d4;
  font-family:'Heebo',system-ui,sans-serif;letter-spacing:-.2px;line-height:1.15}
.tag{font-size:11.5px;font-weight:500;color:#9c8f6a;letter-spacing:2.2px;margin-top:2px;font-family:'Heebo',sans-serif}
.nav a:not(.btn2){position:relative;padding:6px 2px;color:#cfc3a6;letter-spacing:.3px;transition:color .2s}
.nav a:not(.btn2):after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#E9C77D;
  transform:scaleX(0);transition:transform .25s;transform-origin:right}
.nav a:not(.btn2):hover{color:#F3DFA8}.nav a:not(.btn2):hover:after{transform:scaleX(1)}
.nav .btn2{background:linear-gradient(140deg,rgba(200,162,75,.18),rgba(200,162,75,.06));border-color:rgba(233,199,125,.5);
  padding:9px 22px;font-weight:600}
/* 🗂️ הספרייה — הפאנל שמחליף שישה פריטי-תפריט (אייל 31.8) */
.lib{position:relative}
/* 🗂️ אייל 31.8 (ב'): "הבלטה קטנה לספרייה" — זהב, מודגש, קו-זהב עדין קבוע */
.libbtn{background:none;border:0;cursor:pointer;font-family:inherit;font-size:inherit;
  color:#E9C77D;padding:6px 2px;letter-spacing:.3px;transition:color .2s;font-weight:800;
  position:relative}
.libbtn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#C8A24B,transparent);opacity:.8}
.libbtn:hover{color:#F3DFA8}
.caret{font-size:10px;opacity:.7;margin-inline-start:2px;display:inline-block;transition:transform .2s}
.lib.open .caret{transform:rotate(180deg)}
.libpanel{position:absolute;top:calc(100% + 12px);inset-inline-start:50%;
  transform:translateX(50%);display:none;grid-template-columns:1fr 1fr;gap:4px;
  min-width:420px;background:#17130d;border:1px solid rgba(233,199,125,.28);
  border-radius:16px;padding:12px;z-index:300;
  box-shadow:0 28px 60px -18px rgba(0,0,0,.85),0 0 40px rgba(201,161,74,.07)}
.libpanel:before{content:"";position:absolute;top:-7px;inset-inline-start:50%;
  transform:translateX(50%) rotate(45deg);width:12px;height:12px;background:#17130d;
  border-top:1px solid rgba(233,199,125,.28);border-inline-start:1px solid rgba(233,199,125,.28)}
.lib.open .libpanel{display:grid}
@media(hover:hover){.lib:hover .libpanel{display:grid}
  .lib:hover .libbtn{color:#F3DFA8}}
.libpanel a{display:flex!important;gap:11px;align-items:center;padding:11px 13px!important;
  border-radius:11px;color:#d8cbaa}
.libpanel a:after{display:none}
.libpanel a:hover{background:rgba(200,162,75,.12);color:#F3DFA8}
.libpanel .li{font-size:19px;flex:0 0 auto}
.libpanel .lt{display:flex;flex-direction:column;gap:2px;min-width:0}
.libpanel .lt b{font-size:14.5px;font-weight:700}
.libpanel .lt small{font-size:11.5px;color:#8d8168}
/* 🩷 כפתור-השאלון (אייל 31.8) — אותו ורוד בדיוק כמו כפתור-"לפורטל"
   שבראש האפליקציה (#portalTop), כולל פעימת-הזוהר. */
.nav a.quizbtn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:50px;
  background:linear-gradient(135deg,#FF2D85,#D81B69);color:#fff!important;font-weight:800;
  font-size:13.5px;border:1px solid rgba(255,255,255,.28);white-space:nowrap;
  box-shadow:0 3px 14px -3px rgba(255,45,133,.75);animation:quizPulse 2.6s ease-in-out infinite}
.nav a.quizbtn:after{display:none}
.nav a.quizbtn:hover{color:#fff}
@keyframes quizPulse{0%,100%{box-shadow:0 3px 14px -3px rgba(255,45,133,.75)}
  50%{box-shadow:0 3px 22px 1px rgba(255,45,133,.95)}}
@media(prefers-reduced-motion:reduce){.nav a.quizbtn{animation:none}}
/* 🥇 אייל 1.9: "התכלית" = אותו כפתור בדיוק כמו שאלון-העומק, בזהב */
.nav a.quizbtn.goldbtn{background:linear-gradient(135deg,#E9C77D,#C8A24B 55%,#9c7c34);
  color:#12100c!important;border-color:rgba(255,243,214,.45);
  box-shadow:0 3px 14px -3px rgba(201,161,74,.75);animation:goldPulse 2.6s ease-in-out infinite}
.nav a.quizbtn.goldbtn:hover{color:#12100c}
@keyframes goldPulse{0%,100%{box-shadow:0 3px 14px -3px rgba(201,161,74,.75)}
  50%{box-shadow:0 3px 22px 1px rgba(233,199,125,.95)}}
@media(prefers-reduced-motion:reduce){.nav a.quizbtn.goldbtn{animation:none}}
.mark{width:36px;height:36px;border-radius:50%;
  background:linear-gradient(140deg,#C8A24B,#7a6524);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.nav{display:flex;align-items:center;gap:26px;font-size:15.5px;color:#b9ac93;flex-wrap:wrap}
/* 9.9 (אייל): הלוגו+השם+הסלוגן והתפריט באותה שורה — בדסקטופ אין גלישה לשורה שנייה; הרווחים והגופן מתכווצים לפי הרוחב */
@media(min-width:761px){.top{flex-wrap:nowrap}.brand{flex:0 0 auto}.brand>div>div:first-child{white-space:nowrap}.tag{white-space:nowrap}
  .nav{flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(8px,1.3vw,24px);font-size:clamp(13px,1.05vw,15.5px)}
  .nav a{white-space:nowrap}.nav .btn2{padding:7px 12px}}
.hsearch{display:none;align-items:center;justify-content:center;width:40px;height:36px;border-radius:10px;
  border:1px solid rgba(233,199,125,.22);color:#E9C77D;flex:0 0 auto}
.hsearch:hover{background:rgba(233,199,125,.1);color:#F3DFA8}
.burger{display:none;background:none;border:1px solid rgba(233,199,125,.22);border-radius:10px;width:44px;height:40px;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2px;background:#E9C77D;border-radius:2px}
.burger:focus-visible{outline:2px solid #C8A24B;outline-offset:2px}
a.card:focus-visible,a.tile:focus-visible,.chip:focus-visible{outline:2px solid #C8A24B;outline-offset:3px}
@media(max-width:760px){
  /* הדר דביק: אחרי גלילה אחת המשתמש עדיין יכול לחפש ולנווט */
  .top{position:sticky;top:0;z-index:35;background:rgba(14,12,9,.95);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    margin-inline:-16px;padding:11px 16px}
  .hsearch{display:inline-flex;order:-1}
  .brand{font-size:18px}.brand img{width:34px;height:33px}.tag{font-size:10px;letter-spacing:1.6px}
  .burger{display:flex;width:40px;height:36px}
  .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(233,199,125,.10);padding-top:6px}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;border-bottom:1px solid rgba(233,199,125,.10);font-size:16px}
  .nav .btn2{margin-top:8px;text-align:center;border:1px solid rgba(233,199,125,.22)}
  .nav a.quizbtn{justify-content:center;margin-top:8px;border-bottom:0;padding:12px 16px}
  /* 🗂️ במובייל הספרייה נפרשת ישר בתפריט — בלי כפתור-ביניים */
  .libbtn{display:none}
  .lib{position:static}
  .libpanel{display:grid;position:static;transform:none;min-width:0;
    grid-template-columns:1fr;gap:0;background:none;border:0;box-shadow:none;
    padding:0;border-bottom:1px solid rgba(233,199,125,.10)}
  .libpanel:before{display:none}
  .libpanel a{border-radius:0;padding:12px 4px!important;border-bottom:1px solid rgba(233,199,125,.07)}
  .libpanel a:last-child{border-bottom:0}
}
.btn{background:linear-gradient(140deg,#C8A24B,#9c7c34);color:#12100c;
  font-weight:700;padding:11px 26px;border-radius:50px;font-size:15px;
  display:inline-block;border:0;cursor:pointer;font-family:inherit}
.btn2{border:1px solid rgba(233,199,125,.22);color:#E9C77D;padding:11px 22px;
  border-radius:50px;font-size:15px;display:inline-block}
/* 🔥 רקע-ההדר (אייל 25.8): התמונה נותנת נוכחות, ושתי שכבות מעליה
   שומרות שהטקסט יישאר קריא — היא מוחשכת כבר בקובץ (42%), ומעליה
   שכבת-כיסוי כהה. הכיתוב אף פעם לא יושב ישירות על אש. */
.hero{--hpad:44px;position:relative;isolation:isolate;overflow:hidden;
  padding:56px 0 var(--hpad);text-align:center;
  border-bottom:1px solid rgba(233,199,125,.07)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  /* 🎯 42% מלמעלה — נבדק בסימולציה של החיתוך: זה המיקום שמשאיר את
     הפנים משמאל ואת היד עם המדליה מימין. center יחתוך את שניהם. */
  background:var(--hero-d) center 15%/cover no-repeat;opacity:1}
/* 📱 במובייל התמונה המלאה נחתכת לרוחב ואוכלת גם את אייל וגם את המדליה —
   נבדק בסימולציה. לכן קובץ ייעודי סביב היד והמדליה. */
@media(max-width:760px){.hero::before{background:var(--hero-m) center 45%/cover no-repeat}}
/* 🎯 אייל 25.8: "כהה מדי, לא רואים כלום". התמונה עצמה נראית עכשיו,
   וההגנה על הקריאוּת עברה כולה לכאן — כיסוי חזק **מתחת לכיתוב בלבד**,
   וקצוות שקופים כמעט לגמרי כדי שהאש תישאר נוכחת. */
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 620px 260px at 50% 38%,rgba(18,16,12,.86),rgba(18,16,12,.42) 68%,transparent),
    linear-gradient(180deg,rgba(18,16,12,.34),rgba(18,16,12,.20) 40%,rgba(18,16,12,.90))}
/* 🚨 הייתה כאן אנימציית-כניסה. הוסרה: לא הצלחתי לאמת בעיניים שהיא
   מסתיימת נכון, והיא נמדדה תקועה ב-opacity:0 — כלומר תמונה שלא
   נראית בכלל. אפקט שאי-אפשר לאמת לא עולה לאוויר. */
/* 🎯 הפריסה בתוך ההדר מפורשת: gap אחד קובע את הרווח, ולא רווחי-לבן
   בתבנית. זה מה ששבר קודם את הסימטריה מול הקו התחתון. */
.hero .wrap{display:flex;flex-direction:column;align-items:center;gap:0}
.hero .wrap>*{width:100%}
.h1{font-size:38px;font-weight:900;line-height:1.2;margin:0 0 12px}
.ititle{font-size:34px}
.sub{font-size:17px;color:#9c9179;margin:0 0 26px}
.sbox{max-width:800px;margin:0 auto;background:#1a1712;
  border:1px solid rgba(233,199,125,.22);border-radius:16px;padding:9px 10px 9px 20px;
  display:flex;align-items:center;gap:12px;
  box-shadow:0 0 0 1px rgba(233,199,125,.08),0 0 44px rgba(200,162,75,.12)}
.sbox input{flex:1;background:none;border:0;outline:0;color:#efe6d4;
  font-size:17px;font-family:inherit;text-align:right;padding:8px 0}
.sbox input::placeholder{color:#8a8069}
.chips{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.chip{padding:7px 15px;border:1px solid rgba(233,199,125,.15);border-radius:50px;
  font-size:13px;color:#8a8069}
.chip:hover{border-color:rgba(233,199,125,.22);color:#E9C77D}
.sec{padding:28px 0 8px}
/* פס-רקע מלא-רוחב שמפריד אזור מאזור — הרובד השני של השחור */
.sec.band{position:relative;padding:30px 0 18px;margin:22px 0 6px}
.sec.band:before{content:'';position:absolute;inset:0 calc(50% - 50vw);
  background:linear-gradient(180deg,#181410,#141109);
  border-top:1px solid rgba(233,199,125,.09);border-bottom:1px solid rgba(233,199,125,.09)}
.sec.band>*{position:relative}
.sech{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}
.h2{font-size:21px;font-weight:700;margin:0;position:relative;padding-inline-start:13px}
.h2:before{content:'';position:absolute;inset-inline-start:0;top:2px;bottom:2px;width:4px;border-radius:4px;
  background:var(--acc,#C8A24B)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rowhero{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.hero-rest{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-rest .card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;align-items:center}
.hero-rest .card:nth-child(3) .thumb{height:100%;aspect-ratio:auto;min-height:112px}
.hero-card .card{height:100%;display:flex;flex-direction:column}
.hero-card .thumb{aspect-ratio:16/9}
.hero-card .ctitle{font-size:21px;font-weight:700;line-height:1.4}
.hero-card .cbody{padding:18px 20px}
.hero-rest .ctitle{font-size:14px}
@media(max-width:1000px){.rowhero{grid-template-columns:1fr}.hero-rest{grid-template-columns:1fr 1fr}.hero-rest .card:nth-child(3){grid-column:auto}}
@media(max-width:620px){.hero-rest{grid-template-columns:1fr}}
.card{background:#1a1712;border:1px solid rgba(233,199,125,.09);
  border-radius:14px;overflow:hidden;display:block;color:inherit}
.card:hover{border-color:rgba(233,199,125,.22);color:inherit}
.thumb{aspect-ratio:16/9;background:linear-gradient(140deg,#2A2415,#3A2F14);
  position:relative;display:block;background-size:cover;background-position:center}
.thumb.yt:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,12,.08),rgba(18,16,12,.45)),
  linear-gradient(140deg,rgba(200,162,75,.18),rgba(18,16,12,.12));mix-blend-mode:multiply;pointer-events:none}
.thumb.yt:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(233,199,125,.14);pointer-events:none}
.card:hover .thumb.yt:before{opacity:.5}
.badge{position:absolute;bottom:9px;right:9px;background:rgba(18,16,12,.82);
  color:#E9C77D;font-size:11px;padding:3px 9px;border-radius:50px}
.lock{position:absolute;top:9px;left:9px;background:rgba(18,16,12,.82);
  color:#E9C77D;font-size:11px;padding:3px 9px;border-radius:50px}
/* סימני-חיים על הכרטיס */
.cmeta{font-size:11.5px;color:#8a8069;margin-top:6px}
/* פס-התקדמות-קריאה */
.rbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent;pointer-events:none}
.rbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7a6524,#E9C77D);
  box-shadow:0 0 10px rgba(233,199,125,.5);transition:width .08s linear}
.imeta{font-size:13px;color:#8a8069;margin:-8px 0 16px;letter-spacing:.2px}
/* הקודם / הבא */
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px}
.pnav-a{display:flex;flex-direction:column;gap:5px;background:#1a1712;border:1px solid rgba(233,199,125,.09);
  border-radius:12px;padding:14px 16px;color:inherit}
.pnav-a:hover{border-color:rgba(233,199,125,.22);color:inherit}
.pnav-a span{font-size:11.5px;letter-spacing:1.6px;color:#7a6524}
.pnav-a b{font-size:14px;font-weight:600;line-height:1.45}
.pnav-a.nx{text-align:left}
@media(max-width:620px){.pnav{grid-template-columns:1fr}}
.cprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}
.cprog i{display:block;height:100%;background:#C8A24B}
.contclr{background:none;border:1px solid rgba(233,199,125,.10);color:#8a8069;font:inherit;font-size:12px;
  padding:4px 12px;border-radius:50px;cursor:pointer}
.contclr:hover{border-color:rgba(233,199,125,.22);color:#E9C77D}
.lock.nw{left:auto;right:9px;background:#C8A24B;color:#12100c;font-weight:800;letter-spacing:.4px}
.play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;
  background:rgba(18,16,12,.62);border:1.5px solid rgba(255,255,255,.62);pointer-events:none;
  transition:background .18s,transform .18s}
.play:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-58%,-50%);
  border-style:solid;border-width:8px 13px 8px 0;border-color:transparent #fff transparent transparent}
.card:hover .play{background:rgba(200,162,75,.92);transform:scale(1.06)}
.card:hover .play:after{border-right-color:#12100c}
.cbody{padding:14px}
.ctopic{font-size:11px;color:#7a6524;margin-bottom:7px;letter-spacing:.5px}
.ctitle{font-size:15px;line-height:1.5;font-weight:400}
/* תגית-קטגוריה על התמונה */
.cbadge{position:absolute;bottom:9px;left:9px;background:linear-gradient(140deg,#C8A24B,#9c7c34);
  color:#12100c;font-size:11px;font-weight:700;padding:3px 10px;border-radius:5px;letter-spacing:.2px;max-width:70%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 🔓 סטריפ "כלול במנוי" (אייל 31.8, פומו): מרונדר על כל תוכן-עומק,
   ומוצג רק לגולש לא-משלם — ההדר מסמן html.nonpaid. למנוי משלם = אפס רעש. */
.subinc{display:none;position:absolute;left:0;right:0;bottom:0;align-items:center;
  justify-content:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:800;
  letter-spacing:.3px;color:#12100c;
  background:linear-gradient(90deg,rgba(156,124,52,.94),rgba(233,199,125,.94),rgba(156,124,52,.94))}
html.nonpaid .subinc{display:flex}
html.nonpaid .thumb:has(.subinc) .cbadge{bottom:32px}

/* ── הכתבה הראשית (השראה: פורטלי-תוכן) ─────────────────────────── */
.sec.lead{display:grid;grid-template-columns:minmax(0,1.62fr) 340px;gap:26px;align-items:start;padding-top:24px}
.ld-main{display:block;color:inherit}
.ld-img{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0b0a08}
.ld-img img{width:100%;height:100%;object-fit:cover;display:block}
.ld-dur{position:absolute;bottom:9px;right:9px;background:rgba(18,16,12,.82);color:#E9C77D;
  font-size:12px;padding:3px 10px;border-radius:50px}
.ld-t{font-size:clamp(24px,2.4vw,36px);font-weight:900;line-height:1.24;margin:16px 0 9px;
  letter-spacing:-.015em;text-wrap:balance}
.ld-main:hover .ld-t{color:#E9C77D}
.ld-d{font-size:16.5px;line-height:1.72;color:#9c9179;margin:0;max-width:68ch;text-wrap:pretty}
.ld-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.ld-side{display:grid;grid-template-columns:124px 1fr;gap:12px;align-items:center;color:inherit;
  background:#1a1712;border:1px solid rgba(233,199,125,.09);border-radius:12px;padding:10px;overflow:hidden}
.ld-side:hover{border-color:rgba(233,199,125,.22);color:inherit}
.ld-sim{position:relative;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#0b0a08}
.ld-sim img{width:100%;height:100%;object-fit:cover;display:block}
.ld-k{display:block;font-size:10.5px;color:#7a6524;margin-bottom:3px;letter-spacing:.4px}
.ld-st{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ld-aside{display:block}
.ld-rail{background:linear-gradient(180deg,#1a1610,#1a1712);border:1px solid rgba(233,199,125,.11);
  border-radius:16px;padding:15px 15px 9px}
.rl-h{font-size:12px;letter-spacing:2.4px;color:#C8A24B;margin-bottom:10px;font-weight:700}
.rl{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center;color:inherit;
  padding:9px 0;border-top:1px solid rgba(233,199,125,.08)}
.rl:first-of-type{border-top:0}
.rl:hover{color:#E9C77D}
.rl-im{position:relative;display:block;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#0b0a08}
.rl-im .cvlab{display:none}          /* ב-78px התווית מתנגשת במספר */
.rl-im:after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(270deg,rgba(0,0,0,.62),transparent 62%)}
.rl-n{position:absolute;bottom:-4px;right:4px;font-size:31px;font-weight:900;line-height:1;
  color:rgba(255,255,255,.95);text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none;z-index:2}
.rl-t{font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:3px}
.rl-m{font-size:11px;color:#8a8069}
@media(max-width:1100px){.sec.lead{grid-template-columns:1fr}
  .ld-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}}
@media(max-width:700px){.ld-aside{grid-template-columns:1fr}.ld-sides{grid-template-columns:1fr}}

/* פוסטרים (ספרים/סדרות) — 2:3 כמו מדף ספרים אמיתי */
/* 🎯 אייל 25.8: "התיבות והתמונות של הספרים ענקיות בצורה מוגזמת".
   פוסטר 2:3 בעמודה של ~380px יצא 570px גובה. עכשיו הרצועה מקבלת
   רשת צפופה יותר עם תקרת-רוחב לכל פוסטר — בגודל של שאר האתר. */
.posters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:14px;justify-content:center}
.posters .card{max-width:200px;margin-inline:auto;width:100%}
.posters .thumb{aspect-ratio:2/3}
.posters .ctitle{font-size:13.5px;line-height:1.35}
.posters .cmeta{font-size:11px}

/* ── כרטיס עם כותרת על התמונה ───────────────────────────────── */
.ovc{position:relative;display:block;border-radius:14px;overflow:hidden;color:#fff;aspect-ratio:16/10;
  background:#0b0a08}
.ovc.tall{aspect-ratio:4/5}
.ov-im{position:absolute;inset:0;display:block}
.ovc:after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,9,6,.05) 34%,rgba(10,9,6,.82) 82%,rgba(10,9,6,.94))}
.ov-tx{position:absolute;inset-inline:0;bottom:0;padding:14px 16px 15px;z-index:2;display:block}
.ov-k{display:inline-block;font-size:10.5px;font-weight:700;color:#12100c;padding:2px 9px;
  border-radius:5px;margin-bottom:7px}
.ov-t{display:block;font-size:19px;font-weight:800;line-height:1.32;color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.6);text-wrap:balance}
.ov-d{display:inline-block;margin-top:7px;font-size:11.5px;color:rgba(255,255,255,.72)}
.ovc:hover .ov-t{color:#E9C77D}
.ovc .play{z-index:2}

/* ── עמודת-מגזין ─────────────────────────────────────────────── */
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.col-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;
  border-bottom:2px solid var(--acc,#C8A24B);padding-bottom:7px}
.col-h h2{font-size:17px;font-weight:800;margin:0;color:var(--acc,#C8A24B)}
.col-more{font-size:12.5px;flex:0 0 auto}
.lsw{margin-top:10px;border-top:1px solid rgba(233,199,125,.08)}
.lsi{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center;color:inherit;
  padding:9px 0;border-bottom:1px solid rgba(233,199,125,.08)}
.lsi:hover{color:#E9C77D}
.lsi-im{position:relative;aspect-ratio:16/10;border-radius:7px;overflow:hidden;background:#0b0a08}
.lsi-p{position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;
  background:rgba(12,10,7,.6);border:1px solid rgba(255,255,255,.55)}
.lsi-p:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-56%,-50%);
  border-style:solid;border-width:4px 6px 4px 0;border-color:transparent #fff transparent transparent}
.lsi-t{font-size:13px;line-height:1.45}
@media(max-width:1000px){.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cols{grid-template-columns:1fr;gap:26px}.ov-t{font-size:17px}}

/* ── עיגולי-נושא ─────────────────────────────────────────────── */
/* 🎯 אייל 24.8: העיגולים ממורכזים, מיד מתחת לתגיות-החיפוש.
   flex-wrap כדי שבמסך צר הם יירדו לשורה שנייה במקום להיחתך —
   גלילה אופקית מסתירה נושאים שלמים מהעין. */
/* 🎯 אייל 24.8: הרווח מעל העיגולים חייב להיות זהה לרווח שמתחתיהם.
   נמדד: 18px מעל מול 49px מתחת. הרווח שמתחת מגיע מ-padding-bottom
   של .hero (44px), ולכן העיגולים מקבלים margin-top שמשווה אותו. */
.cirs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;
  padding:0;margin-top:var(--hpad,44px)}
.cirs::-webkit-scrollbar{display:none}
.cir{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:82px;color:inherit}
.cir-o{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 50% 15%,var(--c1),#14110c 78%);
  border:2px solid var(--c2);box-shadow:0 4px 16px rgba(0,0,0,.4);transition:transform .18s}
.cir:hover .cir-o{transform:translateY(-3px)}
.cir-o img{opacity:.92}
.cir-n{font-size:12px;font-weight:600;text-align:center;line-height:1.25}
.cir-c{font-size:10.5px;color:#8a8069}

.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tile{position:relative;border:1px solid rgba(233,199,125,.09);border-radius:14px;padding:18px 18px 18px 20px;
  display:block;color:inherit;overflow:hidden;
  background:linear-gradient(120deg,var(--tone-bg,#332c1c) -40%,#171207 62%)}
.tile:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tone,#C8A24B)}
.tile:hover{border-color:var(--tone,rgba(233,199,125,.22));color:inherit}
.tl-n{font-size:17px;font-weight:700;margin-bottom:6px}
.tl-c{font-size:12px;color:var(--tone,#8a8069);opacity:.85;border:1px solid currentColor;
  border-radius:50px;padding:2px 10px;display:inline-block}
.bnav{position:fixed;bottom:0;left:0;right:0;z-index:39;display:none;
  background:rgba(14,12,9,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid rgba(233,199,125,.22);padding:7px 4px calc(7px + env(safe-area-inset-bottom))}
.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a8069;
  font-size:10.5px;padding:4px 0;letter-spacing:.2px}
.bnav a:hover,.bnav a:active{color:#E9C77D}
.bnav a.on{color:#E9C77D}
.bnav a.on:before{content:'';position:absolute;top:0;inset-inline-start:22%;width:56%;height:2px;
  border-radius:0 0 3px 3px;background:#C8A24B}
.bnav a{position:relative}
.bnav[hidden]{display:none}
@media(max-width:700px){.bnav:not([hidden]){display:flex}
  body.bnav-on{padding-bottom:66px}}
.totop{position:fixed;bottom:96px;inset-inline-start:14px;z-index:38;width:42px;height:42px;border-radius:50%;
  background:rgba(20,17,12,.92);border:1px solid rgba(233,199,125,.22);color:#E9C77D;cursor:pointer;
  display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.totop[hidden]{display:none}
.totop:hover{background:rgba(200,162,75,.9);color:#12100c}
@media(min-width:761px){.totop{bottom:24px;inset-inline-start:24px}}
.pgr{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:26px 0 6px;padding-top:20px;border-top:1px solid rgba(233,199,125,.10);flex-wrap:wrap}
.pgr-n{font-size:13px;color:#8a8069;text-align:center;flex:1 1 auto}
@media(max-width:620px){.pgr{justify-content:center}.pgr-n{order:3;flex:1 1 100%}}
.foot{padding:44px 0;margin-top:40px;border-top:1px solid rgba(233,199,125,.10);
  color:#8a8069;font-size:14px;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap}
@media(max-width:1000px){.grid,.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid3{grid-template-columns:1fr}}
@media(max-width:620px){.h1{font-size:29px} .wrap{padding:0 16px}}

/* ═══════════ מובייל (אייל 23.8: "נראה כמו ערמה של תוכן זרוק") ═══════════
   במקום עמודה אינסופית של כרטיסים ענקיים — קרוסלות אופקיות עם עצירה (snap),
   אריחי-נושא 2-בשורה, היירו קומפקטי, וכותרות שנחתכות ל-2 שורות במקום לגלוש. */
@media(max-width:760px){
  .hero{--hpad:22px;padding:26px 0 var(--hpad)}
  /* 🎯 אייל 25.8: שמונה עיגולים בשתי שורות, לא שלוש — בלי להצפיף.
     4 בשורה: (רוחב-מסך פחות ריפוד) פחות שלושה רווחים, חלקי ארבעה. */
  .cirs{gap:14px 10px}
  .cir{width:calc((100% - 30px) / 4)}
  .cir-o{width:56px;height:56px}
  .cir-o img{width:29px;height:29px}
  .cir-n{font-size:11px}
  .h1{font-size:26px;line-height:1.25;margin-bottom:8px}
  .sub{font-size:14.5px;margin-bottom:18px}
  .sbox{padding:6px 6px 6px 14px;border-radius:14px;gap:8px}
  .sbox input{font-size:16px;min-width:0}
  .sbox .btn{padding:9px 16px;font-size:14px;flex:0 0 auto}
  .chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    scrollbar-width:none;margin-inline:-16px;padding:0 16px 2px;margin-top:14px}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;font-size:12.5px;padding:6px 13px}

  .sec{padding:22px 0 6px}
  .sech{margin-bottom:11px;align-items:center}
  .h2{font-size:18.5px;padding-inline-start:11px}
  .sech .h2:before{top:3px;bottom:3px;width:3px}
  .sec.band{padding:22px 0 12px;margin:16px 0 4px}
  .sech a{font-size:13px;flex:0 0 auto;color:#7a6524}

  /* קרוסלה: הכרטיס הגדול ראשון, השאר נגררים לצידו */
  .rowhero,.grid3{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin-inline:-16px;padding:0 16px 4px}
  .rowhero::-webkit-scrollbar,.grid3::-webkit-scrollbar{display:none}
  .hero-rest{display:contents}
  .hero-card{flex:0 0 84%;scroll-snap-align:center}
  .hero-rest>.card,.grid3>.card{flex:0 0 64%;scroll-snap-align:center}
  .hero-rest .card:nth-child(3){grid-column:auto;display:block;grid-template-columns:none}
  .hero-rest .card:nth-child(3) .thumb{height:auto;aspect-ratio:16/9;min-height:0}
  .hero-card .cbody{padding:13px 14px}
  .hero-card .ctitle{font-size:16.5px;line-height:1.38}
  .hero-rest .ctitle{font-size:13.5px}
  .cbody{padding:11px 12px}
  .ctitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ctopic{margin-bottom:5px;font-size:10.5px}

  /* אריחי-הנושאים: 2 בשורה, קומפקטיים */
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .tile{padding:13px 12px;border-radius:12px}
  .tile>div:first-child{font-size:14.5px!important;margin-bottom:3px!important}
  .tile>div:last-child{font-size:11.5px!important}

  /* רצועת-הציטוט: תמונה קטנה ועגולה, הציטוט הוא הגיבור */
  .eyalstrip{grid-template-columns:64px 1fr!important;gap:13px!important;padding:14px 15px!important;align-items:start}
  .eyalstrip img{width:64px!important;height:64px!important;border-radius:50%!important}
  .eyalstrip .eq{font-size:15px!important;line-height:1.6!important}
  /* הכתבה הראשית במובייל: תמונה, כותרת, שורת-פתיחה — ואז הכרטיסים */
  .sec.lead{grid-template-columns:1fr;gap:14px;padding-top:16px}
  .ld-t{font-size:20px;margin:11px 0 6px}
  .ld-d{font-size:14px;line-height:1.65}
  .ld-rail{order:3;display:block;padding:12px 13px 6px}
  .ld-side{grid-template-columns:120px 1fr}
  .ld-st{font-size:13px;-webkit-line-clamp:2}
  .cbadge{font-size:10px;padding:2px 8px}

  /* דפי-רשימה/חיפוש: 2 כרטיסים בשורה במקום עמודה אחת ענקית */
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grid .ctitle{font-size:13px;line-height:1.45}
  .foot{padding:30px 0;margin-top:26px;font-size:13px}
  .ititle{font-size:24px!important;line-height:1.3!important;margin-bottom:12px!important}
  .itemgrid{gap:20px!important}
}

@keyframes plHold{0%,90%{transform:translateY(0)}100%{transform:translateY(-100%);visibility:hidden}}
@media(prefers-reduced-motion:reduce){#pload{display:none!important}}

.zmcard{background:linear-gradient(165deg,#221c10,#171208);border:1px solid rgba(233,199,125,.24);
  border-radius:16px;padding:14px 15px 13px;margin-bottom:14px}
.zm-cities{display:flex;gap:5px;margin-bottom:11px;flex-wrap:wrap}
.zm-c{flex:1 1 auto;background:rgba(233,199,125,.08);border:1px solid rgba(233,199,125,.18);
  color:#b8a887;font:inherit;font-size:11.5px;padding:5px 7px;border-radius:7px;cursor:pointer;
  transition:.15s;white-space:nowrap}
.zm-c:hover{border-color:rgba(233,199,125,.45);color:#F3DFA8}
.zm-c.on{background:#C8A24B;border-color:#C8A24B;color:#12100c;font-weight:700}
.zm-h{font-size:11.5px;letter-spacing:2.4px;color:#C8A24B;font-weight:700;margin-bottom:8px}
.zm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zm-grid>div{display:flex;flex-direction:column;gap:2px}
.zm-grid span{font-size:11.5px;color:#9c9179}
.zm-grid b{font-size:26px;font-weight:900;line-height:1.05;color:#E9C77D;font-variant-numeric:tabular-nums}
.zm-p{margin-top:11px;padding-top:9px;border-top:1px solid rgba(233,199,125,.16);
  font-size:13px;color:#EDE4D3;font-weight:600}
.zm-p:empty{display:none}
/* אייל 23.8: במובייל מספיקה השורה הדקה למעלה — התיבה הגדולה נשארת רק
   כשיש באמת סרגל-צד (דסקטופ). מתחת ל-1100px הסרגל מתפרק לזרימת-העמוד
   והתיבה הופכת לגוש מיותר. */
/* בורר-אזור בשורה העליונה — חץ משלנו, בלי החץ הדיפולטי של הדפדפן */
.tb-sel{display:inline-flex;align-items:center;gap:3px;color:#C8A24B;position:relative}
.zm-sel{appearance:none;-webkit-appearance:none;background:transparent;border:0;
  color:inherit;font:inherit;font-size:12.5px;padding:2px 2px 2px 0;cursor:pointer;
  outline:0;text-align:right;direction:rtl}
.zm-sel option{background:#14110c;color:#EDE4D3}
.tb-sel:hover{color:#E9C77D}
.tb-par{font-style:normal;opacity:.72;margin-inline-start:6px}
.tb-date{color:#8a8069;margin-inline-end:auto}
/* 🚨 מובייל (אייל 24.8): בלי nowrap כל פריט נדחס לעמודה של מילה-בשורה
   ("כניסת / שבת / 18:28"). שתי שורות נקיות וממורכזות במקום זה. */
.tb-i,.tb-sel{white-space:nowrap}
.tb-row{display:inline-flex;align-items:center;gap:9px}
@media(max-width:700px){
  /* 🚨 טור ממורכז ולא flex-wrap: הגלישה האוטומטית יישרה כל שורה אחרת
     ("שתי שורות לא ישרות", אייל 24.8). כאן כל שורה ממורכזת בדיוק. */
  .tb{display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;padding:7px 0 8px;text-align:center}
  .tb-date{font-size:11px;margin:0;opacity:.8;order:0}
  .tb-row{gap:8px}
  .tb-i{font-size:12px}
  .tb-par{margin-inline-start:5px}
  .zm-sel{font-size:12px}
}
@media(max-width:360px){.tb-date{font-size:10.5px}.tb-i,.zm-sel{font-size:11.5px}.tb-row{gap:6px}}
@media(max-width:1100px){.zmcard{display:none}}


.lglwrap{max-width:820px;margin:0 auto;padding:30px 24px 70px}
.lglwrap h1{font-size:34px;font-weight:900;margin:0 0 18px;line-height:1.3}
.lglwrap h2{font-size:22px;font-weight:700;margin:34px 0 12px;color:#E9C77D}
.lglwrap h3{font-size:17px;font-weight:700;margin:22px 0 8px}
.lglwrap p,.lglwrap li{font-size:16px;line-height:1.9;color:#c4b9a2}
.lglwrap ul{padding-right:22px;margin:10px 0}
.lglwrap li{margin-bottom:7px}
.lglwrap .lead{font-size:17px;color:#a99e87;border-right:2px solid #C8A24B;
  padding-right:16px;margin-bottom:26px}
.lglwrap .warn{background:rgba(224,138,138,.07);border:1px solid rgba(224,138,138,.3);
  border-radius:12px;padding:18px 22px;margin:20px 0}
.lglwrap .warn h2{margin-top:0;color:#e08a8a}
.lglwrap .muted{color:#6f6653;font-size:14px;margin-top:34px;
  padding-top:18px;border-top:1px solid rgba(233,199,125,.12)}
.lglwrap table.lgl{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.lglwrap table.lgl th,.lglwrap table.lgl td{border:1px solid rgba(233,199,125,.16);
  padding:10px 12px;text-align:right;color:#c4b9a2}
.lglwrap table.lgl th{background:rgba(200,162,75,.10);color:#E9C77D;font-weight:700}
.lglnav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.lglnav a{padding:7px 15px;border:1px solid rgba(233,199,125,.16);border-radius:50px;
  font-size:13.5px;color:#9c9179}
.lglnav a:hover,.lglnav a[aria-current="page"]{border-color:#C8A24B;color:#E9C77D}


.pcta{--gold:#c9a14a;--gold-br:#ecce86;--gold-deep:#8a6c2c;--gold-soft:rgba(201,161,74,.14);
  --text:#f4efe4;--text-dim:#a89f8d;--text-mut:#6f685b;--line:rgba(201,161,74,.20);--r:16px;
  --ease:cubic-bezier(.2,.7,.2,1);color:var(--text)}
.pcta .links{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:right;max-width:860px;margin-inline:auto}
/* 🎯 אייל 25.8: "מרוחים יותר מדי על כל המסך". ה-grid ירש את רוחב ה-wrap (עד 1480px) ויצר כפתורים של ~700px עם אייקון של 38px. מידה נוחה = 860px. */
.pcta .links.one{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
.pcta .link{--c:#C9A14A;position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 16px 20px;border-radius:var(--r);
  border:1px solid rgba(201,161,74,.28);background:rgba(201,161,74,.08);color:var(--text);overflow:hidden;
  text-decoration:none;transition:transform .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease);will-change:transform}
/* פס-הצד נושא את הצבע — נוכח, ולא צובע את כל הכפתור */
.pcta .link::after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--c)}
.pcta .link:hover{transform:translateY(-3px);border-color:var(--c);background:rgba(201,161,74,.15);color:var(--text);
  box-shadow:0 12px 30px -18px var(--c)}
.pcta .link:active{transform:translateY(0) scale(.99)}
.pcta .link .ic{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.30);border:1px solid var(--c);color:var(--c);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.pcta .link:hover .ic{transform:scale(1.08);box-shadow:0 0 0 4px rgba(255,255,255,.06),0 0 18px -4px var(--c)}
.pcta .link .ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pcta .link .txt{flex:1 1 auto;min-width:0}
.pcta .link .lbl{display:block;font-weight:700;font-size:1rem;line-height:1.25}
.pcta .link .dsc{display:block;font-size:.8rem;color:var(--text-dim)}
/* תגית ("ללא עלות"/"בהנחה"/"חינם"): פינה אחת, גודל אחד, לכל הכפתורים */
.pcta .link .badge{position:absolute;inset:auto;top:10px;inset-inline-end:12px;width:auto;height:auto;font-size:11px;line-height:1;
  font-weight:800;color:#1a1407;letter-spacing:.2px;white-space:nowrap;
  background:linear-gradient(180deg,var(--gold-br),var(--gold));padding:5px 10px;border-radius:999px;
  box-shadow:0 2px 8px -2px rgba(0,0,0,.5)}
.pcta .link:has(.badge) .txt{padding-top:10px}
.pcta .link .arrow{flex:none;color:var(--text-mut);font-size:1.4rem;transition:transform .4s var(--ease),color .4s var(--ease)}
.pcta .link:hover .arrow{transform:translateX(-5px);color:var(--gold-br)}
.pcta .link.primary{grid-column:1/-1;padding:20px 22px;
  background:radial-gradient(130% 130% at 100% 0%,rgba(201,161,74,.24),transparent 55%),linear-gradient(155deg,#1c1710,#0e0b08);
  border:1.5px solid var(--gold);box-shadow:inset 0 0 0 1px rgba(236,206,134,.12),0 12px 38px -20px rgba(201,161,74,.4)}
.pcta .link.primary::before{content:"";position:absolute;top:0;inset-inline-start:-60%;width:40%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);
  animation:pshine 5s 1.8s var(--ease) infinite;pointer-events:none}
.pcta .link.primary .ic{width:46px;height:46px;background:linear-gradient(180deg,var(--gold-br),var(--gold));border-color:transparent;color:#1a1407}
.pcta .link.primary .lbl{font-size:1.18rem;font-weight:900}
.pcta .link.primary .arrow{color:var(--gold-br)}
.pcta .link.primary:hover{transform:translateY(-4px);border-color:var(--gold-br);box-shadow:0 0 0 1px rgba(236,206,134,.2),0 26px 56px -28px rgba(201,161,74,.55)}
.pcta .link.primary[href*="shift-life-test"],.pcta .link.primary[href*="shift-LIVE"]{
  background:radial-gradient(130% 130% at 100% 0%,rgba(201,161,74,.62),transparent 72%),linear-gradient(155deg,#3a2c17,#1d160e);
  border-color:var(--gold-br);box-shadow:0 16px 46px -16px rgba(201,161,74,.6)}
.pcta a.link:has(.badge-quiz) .lbl{font-size:17px}
.pcta .link.wa{grid-column:1/-1}
.pcta .link.wa .ic{background:rgba(31,175,84,.16);border-color:rgba(31,175,84,.4);color:#5fdd92}
.pcta .link.wa .ic svg{fill:currentColor;stroke:none}
.pcta .offer-hero{grid-column:1/-1;margin:0;
  background:radial-gradient(130% 130% at 100% 0%,rgba(236,206,134,.38),transparent 58%),radial-gradient(120% 150% at 0% 100%,rgba(201,161,74,.30),transparent 55%),linear-gradient(155deg,#4d3d1c 0%,#332815 38%,#1f1809 72%,#171106 100%);
  border:1.5px solid var(--gold-br);box-shadow:inset 0 0 0 1px rgba(236,206,134,.22),inset 0 18px 48px -24px rgba(236,206,134,.28),0 14px 44px -18px rgba(201,161,74,.55);
  border-radius:20px;padding:24px 20px 20px;text-align:center;position:relative}
/* 🌈 אייל 25.8: תיבת-ההצעה מחליפה גוון באנימציה איטית — ורוד, מגנטה,
   כחול, טורקיז, ירוק, זהב, ענבר — 40 שניות למחזור מלא. אלגנטי, לא דיסקו.
   🚨 מצב-הבסיס הוא הזהב הקיים; הצבע הוא **שכבה נוספת** מעליו. דפדפן
   שלא תומך במסכה או באנימציה מציג בדיוק את מה שהיה עד היום.
   🚨 z-index מפורש — בלעדיו השכבה נצבעת מעל הכיתוב במקום מתחתיו. */
.pcta .offer-hero>*{position:relative;z-index:1}
.pcta .offer-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  border-radius:inherit;background-color:#E9C77D;opacity:.26;mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(125% 125% at 100% 0%,#000 6%,transparent 64%);
  mask-image:radial-gradient(125% 125% at 100% 0%,#000 6%,transparent 64%);
  animation:ohHue 40s linear infinite}
@keyframes ohHue{
  0%,100%{background-color:#E9C77D}
  12.5%{background-color:#FF2D7A}
  25%{background-color:#D24BE0}
  37.5%{background-color:#2E9BFF}
  50%{background-color:#22D3EE}
  62.5%{background-color:#2BE84A}
  75%{background-color:#FFC93C}
  87.5%{background-color:#FF8A1F}}
/* ההילה שמסביב לקופסה נעה באותו מחזור — הצבע "יוצא" מהמסגרת */
.pcta .offer-hero{animation:ohGlow 40s linear infinite}
@keyframes ohGlow{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(236,206,134,.40),inset 0 18px 54px -22px rgba(236,206,134,.52),0 18px 64px -14px rgba(236,206,134,.88);border-color:#ecce86}
  12.5%{box-shadow:inset 0 0 0 1px rgba(255,45,122,.40),inset 0 18px 54px -22px rgba(255,45,122,.52),0 18px 64px -14px rgba(255,45,122,.88);border-color:#FF2D7A}
  25%{box-shadow:inset 0 0 0 1px rgba(210,75,224,.40),inset 0 18px 54px -22px rgba(210,75,224,.52),0 18px 64px -14px rgba(210,75,224,.88);border-color:#D24BE0}
  37.5%{box-shadow:inset 0 0 0 1px rgba(46,155,255,.40),inset 0 18px 54px -22px rgba(46,155,255,.52),0 18px 64px -14px rgba(46,155,255,.88);border-color:#2E9BFF}
  50%{box-shadow:inset 0 0 0 1px rgba(34,211,238,.40),inset 0 18px 54px -22px rgba(34,211,238,.52),0 18px 64px -14px rgba(34,211,238,.88);border-color:#22D3EE}
  62.5%{box-shadow:inset 0 0 0 1px rgba(43,232,74,.40),inset 0 18px 54px -22px rgba(43,232,74,.52),0 18px 64px -14px rgba(43,232,74,.88);border-color:#2BE84A}
  75%{box-shadow:inset 0 0 0 1px rgba(255,201,60,.40),inset 0 18px 54px -22px rgba(255,201,60,.52),0 18px 64px -14px rgba(255,201,60,.88);border-color:#FFC93C}
  87.5%{box-shadow:inset 0 0 0 1px rgba(255,138,31,.40),inset 0 18px 54px -22px rgba(255,138,31,.52),0 18px 64px -14px rgba(255,138,31,.88);border-color:#FF8A1F}}
@media(prefers-reduced-motion:reduce){
  .pcta .offer-hero,.pcta .offer-hero::before,.pcta .oh-cta::after{animation:none}}
.pcta .oh-kicker{display:inline-flex;align-items:center;gap:7px;background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold-br);font-size:12.5px;font-weight:800;border-radius:999px;padding:5px 14px;margin-bottom:12px}
.pcta .oh-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-br);box-shadow:0 0 8px var(--gold)}
.pcta .oh-title{margin:0 0 7px;font-size:26px;line-height:1.2;font-weight:900;color:var(--text);letter-spacing:-.3px}
.pcta .oh-title em{font-style:normal;color:var(--gold-br)}
.pcta .oh-sub{margin:0 auto 16px;color:var(--text-dim);font-size:16px;line-height:1.6;max-width:560px}
.pcta .oh-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;height:58px;max-width:420px;margin:0 auto;
  border-radius:var(--r);font-size:19px;font-weight:900;background:linear-gradient(180deg,var(--gold-br),var(--gold));border:1px solid var(--gold);
  border-bottom:3px solid var(--gold-deep);box-shadow:0 10px 30px -8px rgba(201,161,74,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.pcta .oh-cta,.pcta .oh-cta *{color:#1a1407!important;-webkit-text-fill-color:#1a1407!important}
.pcta .oh-cta:active{transform:translateY(2px);border-bottom-width:1px}
.pcta .oh-cta:focus-visible{outline:2px solid var(--gold-br);outline-offset:3px}
.pcta .oh-cta::after{content:"";position:absolute;inset:-6px;border-radius:22px;box-shadow:0 0 34px 6px rgba(201,161,74,.55);opacity:.34;animation:ohP 2.6s ease-in-out infinite,ohCta 40s linear infinite;pointer-events:none;z-index:-1}
@keyframes ohCta{
  0%,100%{box-shadow:0 0 36px 7px rgba(236,206,134,.62)}
  12.5%{box-shadow:0 0 36px 7px rgba(255,45,122,.62)}
  25%{box-shadow:0 0 36px 7px rgba(210,75,224,.62)}
  37.5%{box-shadow:0 0 36px 7px rgba(46,155,255,.62)}
  50%{box-shadow:0 0 36px 7px rgba(34,211,238,.62)}
  62.5%{box-shadow:0 0 36px 7px rgba(43,232,74,.62)}
  75%{box-shadow:0 0 36px 7px rgba(255,201,60,.62)}
  87.5%{box-shadow:0 0 36px 7px rgba(255,138,31,.62)}}
.pcta .oh-chev{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:28px;height:28px;border-radius:50%;background:#1a1407;flex:none}
.pcta .oh-trust{margin:10px 0 0;font-size:12px;color:var(--text-mut)}
.pcta .oh-quotes{position:relative;margin:12px auto 0;max-width:360px;min-height:4.4em;text-align:center;font-size:15px;line-height:1.45;color:rgba(244,238,222,.92)}
.pcta .oh-quotes span{position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);opacity:0;animation:ohq 32s linear infinite}
.pcta .oh-quotes span::before,.pcta .oh-quotes span::after{content:'״';color:#ecce86}
.pcta .oh-quotes span:nth-child(2){animation-delay:4s}.pcta .oh-quotes span:nth-child(3){animation-delay:8s}
.pcta .oh-quotes span:nth-child(4){animation-delay:12s}.pcta .oh-quotes span:nth-child(5){animation-delay:16s}
.pcta .oh-quotes span:nth-child(6){animation-delay:20s}.pcta .oh-quotes span:nth-child(7){animation-delay:24s}
.pcta .oh-quotes span:nth-child(8){animation-delay:28s}
.pcta .oh-reviews{display:flex;width:fit-content;margin:12px auto 0;align-items:center;gap:10px;padding:8px 10px 8px 22px;border:1px solid rgba(236,206,134,.55);
  border-radius:999px;color:#ecce86;font-size:15px;font-weight:600;text-decoration:none;background:rgba(236,206,134,.10);transition:background .25s,border-color .25s}
.pcta .oh-reviews:hover{background:rgba(236,206,134,.18);border-color:#ecce86}
.pcta .socials{grid-column:1/-1;display:flex;justify-content:center;gap:14px;margin:6px 0 2px}
.pcta .soc{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-br);
  background:linear-gradient(145deg,rgba(236,206,134,.22),rgba(201,161,74,.08));border:1px solid rgba(201,161,74,.4);
  box-shadow:0 6px 18px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}
.pcta .soc:hover{transform:translateY(-4px) scale(1.07);color:#1a1407;background:linear-gradient(145deg,var(--gold-br),var(--gold))}
.pcta .soc svg{width:22px;height:22px;fill:currentColor}
.pcta .step-head{font-weight:900;font-size:clamp(1.6rem,4.6vw,2.4rem);text-align:center;color:var(--gold-br);margin:0 auto 22px;
  text-shadow:0 0 30px rgba(201,161,74,.35);filter:drop-shadow(0 0 20px rgba(201,161,74,.5));letter-spacing:-.012em}
/* 🎯 אייל 25.8: "3 הסרטונים קטנים ממש". היו מוגבלים ל-640px בתוך
   קונטיינר של 820. עכשיו רוחב מלא, עם נשימה גדולה יותר ביניהם. */
.pcta .warm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto 22px}
/* 🎯 והכותרת — הייתה 17px. עכשיו כותרת אמיתית עם זוהר-זהב עדין. */
.pcta .warm-h{font-size:clamp(21px,2.6vw,31px);font-weight:900;line-height:1.3;
  text-align:center;margin:0 auto 20px;max-width:22ch;color:#F3DFA8;letter-spacing:-.3px;
  text-shadow:0 0 26px rgba(233,199,125,.42),0 0 60px rgba(200,162,75,.20)}
.pcta .warm button{position:relative;border:0;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/10;width:100%;display:block}
.pcta .warm img{width:100%;height:100%;object-fit:cover;opacity:.82}
.pcta .warm .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pcta .warm .pl span{width:52px;height:52px;border-radius:50%;background:rgba(236,206,134,.94);display:flex;align-items:center;justify-content:center}
/* פס-המרה דביק (מובייל) */
.pcta.sticky{position:fixed;bottom:0;right:0;left:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(11,10,8,0),rgba(11,10,8,.96) 35%);display:none}
/* 23.8 (אייל: "הסטיקי נראה חתוך"): הריפוד היה בצד ההפוך (inline-start=ימין ב-RTL)
   ולכן הטקסט נדחס ל-207px בעוד שהוא 259px — וגם כפתור-הנגישות (משמאל־למטה) עדיין כיסה.
   עכשיו: מקום פנוי משמאל בלבד, שתי שורות שלמות, בלי nowrap ובלי שלוש-נקודות. */
.pcta.sticky{padding-inline-end:66px;padding-inline-start:12px}
.pcta.sticky .oh-cta{height:auto;min-height:58px;font-size:16px;max-width:none;justify-content:space-between;
  padding:10px 14px 10px 16px;text-align:right;gap:10px;align-items:center}
.pcta.sticky .stk-t{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.pcta.sticky .stk-t b{font-size:14.5px;white-space:normal;overflow:visible;text-overflow:clip;display:block}
.pcta.sticky .stk-t small{font-size:11.5px;font-weight:600;opacity:.82;display:block;margin-top:2px;line-height:1.25}
@media(max-width:360px){.pcta.sticky .stk-t b{font-size:13.5px}.pcta.sticky .stk-t small{font-size:11px}}
.pcta.sticky{position:fixed}
.stk-x{position:absolute;top:2px;inset-inline-end:70px;width:26px;height:26px;border-radius:50%;
  background:rgba(11,10,8,.9);border:1px solid rgba(233,199,125,.3);color:#c8bda4;font-size:12px;
  line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.stk-x:hover{color:#fff;border-color:rgba(233,199,125,.6)}
.pcta.sticky .oh-cta::after{animation:none}
@media(max-width:700px){.pcta.sticky{display:block}body.has-sticky{padding-bottom:104px}}
@media(max-width:640px){.pcta .links{grid-template-columns:1fr}.pcta .oh-title{font-size:23px}.pcta .oh-sub{font-size:14px}.pcta .warm{grid-template-columns:1fr}.pcta .oh-cta{font-size:17px;height:56px}}
@keyframes pshine{0%{inset-inline-start:-60%}55%,100%{inset-inline-start:140%}}
@keyframes ohP{0%,100%{opacity:.22}50%{opacity:.55}}
@keyframes ohq{0%{opacity:0}2%{opacity:1}10.5%{opacity:1}12%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pcta *{animation:none!important;transition:none!important}.pcta .oh-quotes span:nth-child(1){opacity:1}}