/* כרטיסי "מי היא בוגרת אור החיים" – תלת־ממד */
.al3d{--al-ink:#1d3466;--al-gold:#c9962f;--al-gold-d:#9a6f17;--al-gold-l:#e8c46e;--al-paper:#fffdf8;--al-muted:#4b5a7c;overflow-x:clip}
.al3d .al3d-grid{margin:40px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;perspective:1400px}
@media(max-width:1000px){.al3d .al3d-grid{grid-template-columns:repeat(2,1fr)}}
.al3d .al3d-hint{display:none;text-align:center;color:var(--al-gold-d);font-size:14px;font-weight:700;margin-top:14px}
.al3d .al3d-dots{display:none;justify-content:center;gap:10px;margin-top:-6px}
@media(max-width:700px){
  .al3d .al3d-hint{display:block}
  .al3d .al3d-dots{display:flex}
  .al3d .al3d-grid{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 11% 40px;margin-top:6px;perspective:900px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .al3d .al3d-grid::-webkit-scrollbar{display:none}
  .al3d .al3d-card{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;padding:0 8px}
  .al3d .al3d-card .al3d-inner{margin:0 8px}
}
.al3d .al3d-dot{width:10px;height:10px;border-radius:50%;border:0;background:#d9c89f;cursor:pointer;padding:0;transition:all .25s}
.al3d .al3d-dot.on{width:28px;border-radius:6px;background:linear-gradient(90deg,var(--al-gold-d),var(--al-gold))}
.al3d .al3d-dot:focus-visible,.al3d .al3d-btn:focus-visible{outline:3px solid var(--al-gold);outline-offset:3px}
.al3d .al3d-card{position:relative;height:350px;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(var(--sc,1)) translateZ(var(--tz,0px));opacity:var(--op,1);transition:transform .15s ease-out,opacity .2s}
.al3d .al3d-card.settle{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.al3d .al3d-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.al3d .al3d-card.flipped .al3d-inner{transform:rotateY(180deg)}
.al3d .al3d-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;background:linear-gradient(160deg,#fff 0,var(--al-paper) 100%);padding:30px 22px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;transform-style:preserve-3d;overflow:hidden;box-shadow:0 1px 0 #fff inset,0 2px 0 #eadfc6,0 4px 0 #e2d4b3,0 6px 0 #d9c89f,0 24px 34px -10px rgba(29,52,102,.38),0 8px 14px rgba(29,52,102,.12);border:1px solid #efe5cc;color:var(--al-ink)}
.al3d .al3d-face::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--al-gold-d),var(--al-gold-l) 50%,var(--al-gold-d));box-shadow:0 2px 0 rgba(154,111,23,.4)}
.al3d .al3d-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 60%);background-size:250% 100%;background-position:var(--sheen,120%) 0;mix-blend-mode:soft-light}
.al3d .al3d-num{position:absolute;top:18px;inset-inline-start:18px;font-size:13px;font-weight:800;color:var(--al-gold-d);opacity:.7;letter-spacing:1px}
.al3d .al3d-back{transform:rotateY(180deg);background:linear-gradient(160deg,#27447f,var(--al-ink));color:#fff;border-color:#162a55;justify-content:center;gap:12px;box-shadow:0 2px 0 #14264f,0 4px 0 #101f40,0 6px 0 #0c1832,0 24px 34px -10px rgba(29,52,102,.55)}
.al3d .al3d-back h3{color:var(--al-gold-l);margin:0}
.al3d .al3d-back p{color:#e9eefc;font-size:16px;line-height:1.75;margin:0}
.al3d .al3d-badge{width:84px;height:84px;margin:10px 0 18px;transform:translateZ(46px);border-radius:50%;display:grid;place-items:center;color:var(--al-ink);background:radial-gradient(circle at 32% 28%,#fff6d6 0,var(--al-gold-l) 38%,var(--al-gold) 72%,var(--al-gold-d) 100%);box-shadow:0 3px 0 var(--al-gold-d),0 6px 0 #7e5a10,0 16px 22px rgba(120,80,10,.45),inset 0 2px 3px rgba(255,255,255,.8)}
.al3d .al3d-badge svg{width:42px;height:42px;filter:drop-shadow(0 2px 0 rgba(255,255,255,.55))}
.al3d .al3d-face h3{font-size:22px;font-weight:800;transform:translateZ(28px);margin:0 0 10px;line-height:1.25}
.al3d .al3d-front p{color:var(--al-muted);font-size:16.5px;line-height:1.65;transform:translateZ(16px);margin:0}
.al3d .al3d-btn{margin-top:auto;font:inherit;font-weight:700;font-size:16px;color:var(--al-ink);background:#fff;border:2px solid var(--al-ink);border-radius:999px;padding:9px 26px;min-height:44px;cursor:pointer;transform:translateZ(30px);box-shadow:0 3px 0 var(--al-ink);transition:transform .12s,box-shadow .12s,background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.al3d .al3d-btn:hover{background:var(--al-ink);color:#fff}
.al3d .al3d-btn:active{transform:translateZ(30px) translateY(3px);box-shadow:0 0 0 var(--al-ink)}
.al3d .al3d-back .al3d-btn{margin-top:12px;background:transparent;color:#fff;border-color:var(--al-gold-l);box-shadow:0 3px 0 var(--al-gold-d)}
.al3d .al3d-back .al3d-btn:hover{background:var(--al-gold-l);color:var(--al-ink)}
@media(max-width:380px){.al3d .al3d-card{height:380px}}
@media(prefers-reduced-motion:reduce){.al3d .al3d-card,.al3d .al3d-inner{transition:none!important}}
.al3d>.wrap>.lead{max-width:560px;margin-inline:auto;text-align:center;text-wrap:balance}
.al3d h2,.al3d .al3d-face h3{text-wrap:balance}

/* חמישה כרטיסים: שורה שנייה ממורכזת */
.al3d .al3d-grid--5{grid-template-columns:repeat(6,1fr)}
.al3d .al3d-grid--5 .al3d-card{grid-column:span 2}
.al3d .al3d-grid--5 .al3d-card:nth-child(4){grid-column:2/span 2}
@media(max-width:1000px){
  .al3d .al3d-grid--5{grid-template-columns:repeat(2,1fr)}
  .al3d .al3d-grid--5 .al3d-card,.al3d .al3d-grid--5 .al3d-card:nth-child(4){grid-column:auto}
  .al3d .al3d-grid--5 .al3d-card:nth-child(5){grid-column:1/-1;justify-self:center;width:calc(50% - 13px)}
}
@media(max-width:700px){
  .al3d .al3d-grid--5 .al3d-card:nth-child(5){width:auto;justify-self:auto}
}

/* שלושה ושני כרטיסים */
.al3d .al3d-grid--3{grid-template-columns:repeat(3,1fr)}
.al3d .al3d-grid--2{grid-template-columns:repeat(2,1fr)}
@media(min-width:701px){.al3d .al3d-grid--2{max-width:760px}}