/* כרטיס קבוצה (14.10.2026): חלון עם ראש צפחה ורשת, שלוש לשוניות (המנהלת / הקבוצה / העיר) וכפתור הצטרפות */
.chip.has{position:relative;box-shadow:inset 0 0 0 2px var(--am)}
.chip.has small::after{content:" · לכרטיס הקבוצה";color:var(--am);font-weight:700}
.chip.has:hover small::after,.chip.has.on small::after{color:var(--sl)}

.gcdlg{border:0;padding:0;border-radius:26px;width:min(860px,calc(100% - 24px));max-height:min(92vh,1000px);background:var(--cr);color:var(--sl);box-shadow:0 30px 80px #0d1a2380;overflow:hidden;display:none;flex-direction:column;font-family:Ploni}
.gcdlg[open]{display:flex;animation:gcin .45s cubic-bezier(.2,.9,.3,1)}
.gcdlg::backdrop{background:#16242ecc;backdrop-filter:blur(3px)}
@keyframes gcin{from{opacity:0;transform:translateY(24px) scale(.98)}}

.gc-head{position:relative;background:var(--sl);color:var(--cr);padding:34px 40px 30px;overflow:hidden;flex:none}
.gc-head .net{left:0;top:0;width:44%;height:100%;opacity:.55;-webkit-mask-image:linear-gradient(to left,transparent,#000 60%);mask-image:linear-gradient(to left,transparent,#000 60%)}
.gc-head>*:not(.net){position:relative}
.gc-x{position:absolute!important;top:16px;left:16px;width:40px;height:40px;border-radius:50%;border:0;background:#f4f2e91f;color:var(--cr);font-size:26px;line-height:1;cursor:pointer}
.gc-x:hover{background:var(--am);color:var(--sl)}
.gc-kind{display:inline-block;font-size:14px;font-weight:700;padding:5px 14px;border-radius:20px;background:var(--li);color:var(--sl)}
.gc-head h2{font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.08;margin:14px 0 8px;max-width:72%}
.gc-mgr{margin:0;font-size:19px;color:#d7dde2}
.gc-mgr b{color:var(--cr);font-weight:800}
.gc-tag{margin:16px 0 0;max-width:62%;font-size:18px;font-weight:700;color:var(--am);line-height:1.45}

.gc-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:2px solid #253b4a14;flex:none}
.gc-tabs button{display:flex;align-items:center;gap:10px;justify-content:center;font-family:Ploni;font-size:18px;font-weight:800;color:#55697a;background:none;border:0;border-bottom:4px solid transparent;padding:16px 8px 14px;cursor:pointer}
.gc-tabs small{font-family:Yad,Ploni;font-weight:700;font-size:15px;color:var(--am)}
.gc-tabs i,.gc-cv i{display:inline-flex;width:24px;height:24px}
.gc-tabs svg,.gc-cv svg{width:100%;height:100%;overflow:visible;transition:transform .5s cubic-bezier(.3,1.5,.5,1);transform:rotate(-90deg)}
.gc-tabs svg path,.gc-cv svg path{fill:none;stroke:var(--te);stroke-width:5}
.gc-tabs button:nth-child(2) svg path{stroke:var(--li)}
.gc-tabs button:nth-child(3) svg path{stroke:var(--am)}
.gc-tabs button[aria-selected="true"]{color:var(--sl);border-bottom-color:var(--am)}
.gc-tabs button[aria-selected="true"] svg,.gc-tabs button:hover svg{transform:none}

.gc-body{overflow-y:auto;padding:34px 40px 30px;flex:1}
.gc-p.in>*{animation:gcup .5s both}
.gc-p.in>*:nth-child(2){animation-delay:.07s}.gc-p.in>*:nth-child(3){animation-delay:.14s}.gc-p.in>*:nth-child(4){animation-delay:.21s}.gc-p.in>*:nth-child(5){animation-delay:.28s}
@keyframes gcup{from{opacity:0;transform:translateY(14px)}}

.gc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px}
.gc-stats div{background:var(--sl);color:var(--cr);border-radius:20px;padding:20px 20px 18px}
.gc-stats b{display:block;font-family:Yad,Ploni;font-weight:700;font-size:54px;line-height:.95;color:var(--am)}
.gc-stats span{display:block;margin-top:8px;font-size:15px;line-height:1.35;color:#d7dde2}

.gc-q{margin:0 0 28px;border-right:5px solid var(--am);padding:4px 22px 4px 0;font-size:19px;line-height:1.55;font-weight:500}
.gc-q span{display:block;font-size:14px;font-weight:800;color:var(--te);margin-bottom:6px}
.gc-say{margin:28px 0 0}

.gc-cv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.gc-cv li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:2px solid #253b4a14;font-size:16px;line-height:1.45}
.gc-cv li:nth-child(3n+2) svg path{stroke:var(--li)}
.gc-cv li:nth-child(3n) svg path{stroke:var(--am)}
.gc-p.in .gc-cv svg{transform:none}
.gc-cv b{font-weight:800}
.gc-small{margin:16px 0 0;font-size:15px;color:#55697a}

.gc-big{margin:0 0 26px;font-size:clamp(22px,2.6vw,29px);font-weight:800;line-height:1.3}
.gc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gc-grid div{background:#fff;border-radius:18px;padding:18px 20px;font-size:16px;line-height:1.5;border:2px solid #253b4a10}
.gc-grid span{display:block;font-size:13px;font-weight:800;color:var(--te);margin-bottom:6px}
.gc-after{margin-top:26px;background:var(--sl);color:var(--cr);border-radius:20px;padding:22px 24px}
.gc-after>span{display:block;font-size:14px;font-weight:800;color:var(--li);margin-bottom:8px}
.gc-after>div{display:flex;flex-wrap:wrap;gap:4px 22px}
.gc-after b{font-family:Yad,Ploni;font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.15}
.gc-after b:last-child{color:var(--am)}

.gc-wink{margin:22px 0 0;background:var(--am);color:var(--sl);border-radius:18px;padding:18px 22px;font-size:20px;font-weight:800;transform:rotate(-1deg)}
.gc-wink span{display:block;font-size:13px;font-weight:800;margin-bottom:4px;opacity:.75}

.gc-next{display:block;margin:30px 0 0 auto;margin-right:auto;background:none;border:0;font-family:Ploni;font-weight:800;font-size:17px;color:var(--te);cursor:pointer;padding:6px 0}
.gc-next:hover{color:var(--sl)}
.gc-foot{flex:none;padding:16px 40px 20px;background:#fff;border-top:2px solid #253b4a14;display:flex;justify-content:center}
.gc-foot .btn{box-shadow:0 0 0 6px #f3a40030}

@media (max-width:700px){
 .gcdlg{width:100%;max-height:94vh;border-radius:22px 22px 0 0;margin:auto auto 0}
 .gc-head{padding:26px 22px 22px}.gc-head h2{max-width:none;padding-left:40px}.gc-tag{max-width:none;font-size:16px}
 .gc-head .net{width:100%;opacity:.18}
 .gc-tabs button{font-size:15px;gap:6px;padding:12px 4px 10px}.gc-tabs small{display:none}.gc-tabs i{width:18px;height:18px}
 .gc-body{padding:24px 20px}.gc-foot{padding:12px 16px 16px}.gc-foot .btn{width:100%}
 .gc-cv,.gc-grid{grid-template-columns:1fr}
 .gc-stats b{font-size:44px}
}
@media (prefers-reduced-motion:reduce){.gcdlg[open],.gc-p.in>*{animation:none}.gc-tabs svg,.gc-cv svg{transition:none}}

/* הצטרפות מתוך הכרטיס (14.10.2026): שני כפתורים בתחתית, ואז טופס קצר שהולך רק למנהלת של הקבוצה */
.gc-foot{gap:12px;flex-wrap:wrap}
.gc-ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--sl)!important;color:var(--sl)}
.gc-ghost:hover{background:var(--sl);color:var(--cr)}
.gcdlg.joining .gc-foot{display:none}
.gc-jt{margin:0 0 18px;font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.15}
.gc-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.gc-opt{text-align:right;font-family:Ploni;background:#fff;border:2px solid #253b4a1f;border-radius:18px;padding:16px 18px;cursor:pointer;color:var(--sl)}
.gc-opt b{display:block;font-size:18px;font-weight:800;margin-bottom:4px}
.gc-opt span{font-size:15px;color:#55697a}
.gc-opt[aria-pressed="true"]{border-color:var(--am);box-shadow:inset 0 0 0 2px var(--am);background:#f3a40014}
.gc-f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gc-f label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:15px}
.gc-f label small{font-weight:400;color:#55697a}
.gc-f .gc-biz{grid-column:1/-1}
.gc-f .gc-biz[hidden]{display:none}
.gc-f input{font-family:Ploni;font-size:17px;padding:12px 14px;border-radius:12px;border:2px solid #253b4a26;background:#fff;color:var(--sl)}
.gc-f input:focus{outline:none;border-color:var(--te)}
.gc-to{grid-column:1/-1;margin:0;font-size:14px;color:#55697a}
.gc-send{grid-column:1/-1;justify-self:start}
.gc-send:disabled{opacity:.6;cursor:default}
.gc-ok{grid-column:1/-1;margin:0;font-weight:800;font-size:17px;color:var(--te)}
.gc-ok:empty{display:none}
.gc-ok.err{color:#c0392b}
.gc-back{margin:26px 0 0}
@media (max-width:700px){.gc-opts,.gc-f{grid-template-columns:1fr}.gc-send{justify-self:stretch}.gc-foot .btn{padding:14px 20px;font-size:17px}}

/* טלפון ומייל של המנהלת (14.10.2026) */
.gc-contact{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px;font-size:17px}
.gc-contact>span{display:inline-flex;align-items:center;gap:10px}
.gc-contact small{font-size:13px;font-weight:800;color:var(--li)}
.gc-contact a{color:var(--cr);font-weight:700;text-decoration:none;border-bottom:2px solid #f4f2e940}
.gc-contact a:hover{border-color:var(--am)}
.gc-copy{font-family:Ploni;font-size:14px;font-weight:800;padding:5px 14px;border-radius:20px;border:2px solid var(--am);background:transparent;color:var(--am);cursor:pointer}
.gc-copy:hover,.gc-copy.ok{background:var(--am);color:var(--sl)}

/* דף לקבוצה: ?g=slug */
.hero .my-hey{margin:0 0 4px;font-family:Yad,Ploni;font-weight:700;font-size:clamp(34px,5.4vw,64px);line-height:1.05;color:var(--am)}
.mine{padding:70px 0 40px}
.my-top{position:relative;overflow:hidden;background:var(--sl);color:var(--cr);border-radius:28px;padding:44px 48px 40px}
.my-top .net{left:0;top:0;width:44%;height:100%;opacity:.55;-webkit-mask-image:linear-gradient(to left,transparent,#000 60%);mask-image:linear-gradient(to left,transparent,#000 60%)}
.my-top>*:not(.net){position:relative}
.my-top h2{font-weight:800;font-size:clamp(34px,5vw,58px);line-height:1.08;margin:14px 0 8px;max-width:70%}
.my-top .gc-tag{max-width:62%}
.my-part{margin-top:56px}
.my-part h3{display:flex;align-items:baseline;gap:12px;margin:0 0 24px;font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1.1}
.my-part h3 small{font-family:Yad,Ploni;font-weight:700;font-size:20px;color:var(--am)}
.mine .gc-wink{font-size:clamp(22px,3vw,32px);padding:24px 28px}
.my-cta{margin-top:56px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;text-align:center}
.my-cta p{flex-basis:100%;margin:6px 0 0;font-size:16px;color:#55697a}
@media (max-width:700px){
 .mine{padding:44px 0 24px}
 .my-top{padding:28px 22px 26px;border-radius:22px}.my-top h2,.my-top .gc-tag{max-width:none}.my-top .net{width:100%;opacity:.18}
 .my-part{margin-top:40px}.my-cta .btn{width:100%}
 .gc-contact{font-size:16px;flex-direction:column;gap:8px}.gc-contact>span{flex-wrap:wrap;gap:6px 10px}.gc-contact a[dir]{word-break:break-all}
}

/* לוגו העסק בראש הכרטיס (15.10.2026) */
.gc-logo{display:block;max-width:170px;max-height:70px;width:auto;height:auto;object-fit:contain;background:#fff;padding:10px 14px;border-radius:14px;margin:0 0 14px;box-shadow:0 6px 18px #0d1a2340}
.my-top .gc-logo{max-width:210px;max-height:86px}

/* השאלות של התחום (15.10.2026): שאלה בכל שורה, נכנסות אחת אחרי השנייה, ו"גם אני" לסימון */
.ask-lead{font-size:18px;font-weight:700;opacity:.8;margin:0 0 6px}
.asks{list-style:none;margin:0;padding:0}
.asks li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:2px solid color-mix(in srgb,currentColor 14%,transparent)}
.asks li span{font-weight:800;font-size:clamp(19px,2.4vw,26px);line-height:1.3;transition:color .25s}
.asks li.me span{color:var(--am)}
.ask-me{flex:none;min-height:40px;padding:6px 16px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;font:700 15px Ploni,sans-serif;cursor:pointer;opacity:.75;transition:.2s}
.ask-me:hover{opacity:1}
.ask-me[aria-pressed="true"]{background:var(--am);border-color:var(--am);color:var(--sl);opacity:1}
.ask-sum{min-height:1.6em;margin:16px 0 0;font-size:20px;font-weight:800;color:var(--am)}
.gcdlg .ask-sum{color:#b97800}
.gcdlg .asks li{animation:askIn .5s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i)*.09s)}
.asks-s{padding-top:70px;padding-bottom:70px}
.asks-s .ask-kick{font-size:20px;font-weight:700;color:var(--li);margin:0}
.asks-s h2{font-weight:800;font-size:clamp(38px,6vw,68px);line-height:1.05;margin:6px 0 26px}
.asks-s .asks li span{font-size:clamp(21px,3vw,34px)}
.asks-s .asks li{opacity:0}
.asks-s.go .asks li{animation:askIn .6s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i)*.16s)}
.asks-s .ask-go{margin-top:30px}
@keyframes askIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (max-width:700px){.asks li{gap:12px;padding:14px 0}.ask-me{padding:6px 12px;font-size:14px}.asks-s{padding-top:48px;padding-bottom:48px}.gc-logo{max-width:140px;max-height:58px}}
@media (prefers-reduced-motion:reduce){.asks li,.asks-s .asks li{animation:none!important;opacity:1}}

/* פתיחת השאלות, שלוש ורסיות (15.10.2026) */
.asks-s{padding:56px 0 64px;position:relative}
.asks-s .ask-kick{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--li);margin:0}
.asks-s h2{font-family:Yad,Ploni,sans-serif;font-weight:800;font-size:clamp(40px,7vw,84px);line-height:1;margin:4px 0 28px}
.asks-s .ask-sum{color:var(--am);font-size:clamp(18px,2vw,22px);font-weight:800;min-height:1.5em;margin:18px 0 0}
.asks-s .ask-go{margin-top:14px}
.asks-s .ask-me{border-color:var(--cr);color:var(--cr)}
.asks-s .ask-me[aria-pressed="true"]{color:var(--sl)}
@keyframes wIn{from{opacity:0;transform:translateY(.4em);filter:blur(4px)}}

/* 1: שאלה ענקית שמתחלפת */
.rot{min-height:calc(3 * 1.15em);font-size:clamp(30px,5.2vw,64px);display:flex;align-items:center}
.rot-q{margin:0;font-weight:800;line-height:1.15;max-width:22ch}
.rot-q.in span{display:inline-block;animation:wIn .45s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(var(--j)*.06s)}
.rot-ctl{display:flex;gap:14px;align-items:center;margin-top:22px;flex-wrap:wrap}
.rot-ctl .ask-me{min-height:48px;padding:8px 26px;font-size:18px;opacity:1}
.rot-next{background:none;border:0;color:var(--cr);font:700 17px Ploni,sans-serif;opacity:.7;cursor:pointer;padding:10px 4px}
.rot-next:hover{opacity:1}
.rot-dots{display:flex;gap:8px;margin-top:22px}
.rot-dots button{width:30px;height:8px;border-radius:8px;border:0;background:#f4f2e933;cursor:pointer;padding:0;transition:.25s}
.rot-dots button.on{background:var(--cr);width:46px}
.rot-dots button.me{background:var(--am)}

/* 2: קיר פתקים */
.ask-hint{font-size:18px;opacity:.8;margin:-14px 0 22px}
.notes{display:flex;flex-wrap:wrap;gap:18px 16px}
.note{position:relative;flex:1 1 230px;max-width:330px;min-height:118px;padding:22px 20px 20px;border:0;border-radius:4px 4px 18px 4px;text-align:right;cursor:pointer;
 font:800 clamp(18px,1.9vw,22px)/1.3 Yad,Ploni,sans-serif;color:var(--sl);transform:rotate(var(--r));box-shadow:0 12px 26px #0d1a2366;
 transition:transform .25s,background .25s;animation:noteIn .6s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(var(--i)*.11s + .25s)}
.note.n0{background:var(--cr)}.note.n1{background:var(--li)}.note.n2{background:var(--ye)}.note.n3{background:#cfe0ea}
.note:hover{transform:rotate(0) translateY(-3px)}
.note[aria-pressed="true"]{background:var(--am);transform:rotate(0) scale(1.03)}
.note b{position:absolute;top:-12px;left:14px;background:var(--sl);color:var(--cr);font:700 13px Ploni,sans-serif;padding:4px 12px;border-radius:20px;opacity:0;transform:scale(.6);transition:.25s}
.note[aria-pressed="true"] b{opacity:1;transform:none}
@keyframes noteIn{from{opacity:0;transform:translateY(-40px) rotate(calc(var(--r) * 4))}}

/* 3: שאלה בכל גלילה */
.asks-v3{height:calc((var(--n) + 1) * 62vh);padding:0}
.v3-stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.v3-stick .wrap{width:100%}
.v3-q{min-height:calc(3 * 1.12em);font-size:clamp(30px,5.6vw,70px);font-weight:800;line-height:1.12;max-width:20ch;display:flex;align-items:center;flex-wrap:wrap;align-content:center}
.v3-q.in span{display:inline-block;animation:wIn .4s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(var(--j)*.04s)}
.v3-ctl{display:flex;gap:18px;align-items:center;margin-top:20px}
.v3-ctl .ask-me{min-height:48px;padding:8px 26px;font-size:18px;opacity:1}
.v3-num{font:800 18px Ploni,sans-serif;letter-spacing:.06em;opacity:.7}
.v3-bar{height:4px;background:#f4f2e926;border-radius:4px;margin-top:22px;overflow:hidden}
.v3-bar i{display:block;height:100%;width:0;background:var(--am)}
.v3-scroll{font-size:15px;opacity:.6;margin:10px 0 0;transition:opacity .3s}
.asks-v3 .ask-go{opacity:.35;transition:opacity .3s}
.asks-v3.end .ask-go{opacity:1}
.asks-v3.end .v3-scroll{opacity:0}

@media (max-width:700px){.asks-s{padding:36px 0 44px}.asks-s h2{margin-bottom:20px}.rot,.v3-q{max-width:none}.notes{gap:14px}.note{flex-basis:100%;max-width:none;min-height:0}.asks-v3{padding:0}}
@media (prefers-reduced-motion:reduce){.rot-q span,.v3-q span,.note{animation:none!important}}

/* פתיחת הכרטיס בשאלות (15.10.2026): שאלה אחרי שאלה, מילים שמתבהרות, נקודה שקופצת וקו שנמשך לשאלה הבאה */
.gc-intro{padding:4px 0 2px}
.gc-intro .ask-lead{font-size:16px;font-weight:800;color:var(--te);opacity:1;margin:0 0 10px;animation:qin .5s both}
.gcdlg .gc-qs li{position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:16px 0;border:0;animation:none}
.gc-qs .dot{display:block;width:22px;height:22px;border-radius:50%;background:var(--cr);border:4px solid var(--sl);justify-self:center;position:relative;z-index:1;transform:scale(0);animation:qdot .45s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:calc(var(--i)*var(--t))}
.gc-qs li:not(:last-child)::before{content:"";position:absolute;right:15px;top:calc(50% + 11px);width:4px;height:calc(100% - 22px);border-radius:2px;background:linear-gradient(var(--am),var(--li),var(--te));transform-origin:top;transform:scaleY(0);animation:qline .55s ease-in-out forwards;animation-delay:calc(var(--i)*var(--t) + var(--t)*.7)}
.gc-qs .q{margin:0;font-weight:800;font-size:clamp(19px,2.4vw,25px);line-height:1.32;transition:color .25s}
.gc-qs .w{display:inline-block;font-style:normal;opacity:0;filter:blur(6px);transform:translateY(8px);animation:qw .45s forwards;animation-delay:calc(var(--i)*var(--t) + var(--t)*.15 + var(--j)*.05s)}
.gc-qs .ask-me{opacity:0;animation:qin .4s forwards;animation-delay:calc(var(--i)*var(--t) + var(--t)*.6)}
.gc-qs li.me .q{color:#b97800}
.gc-qs li.me .dot{transform:scale(1);background:var(--am);border-color:var(--am);animation:qping .9s ease-out}
.gc-intro .ask-sum{margin:10px 0 0}
.gc-intro .gc-in-next{opacity:0;animation:qin .5s forwards;animation-delay:calc(var(--n)*var(--t) + .3s);font-size:18px}
@keyframes qdot{to{transform:scale(1)}}
@keyframes qline{to{transform:scaleY(1)}}
@keyframes qw{to{opacity:1;filter:none;transform:none}}
@keyframes qin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes qping{from{box-shadow:0 0 0 0 #f3a400aa}to{box-shadow:0 0 0 16px #f3a40000}}
@media (max-width:700px){.gcdlg .gc-qs li{grid-template-columns:26px 1fr;gap:6px 10px}.gc-qs .ask-me{grid-column:2;justify-self:start}.gc-qs li:not(:last-child)::before{right:11px}.gc-qs .dot{width:18px;height:18px;border-width:3px}}
@media (prefers-reduced-motion:reduce){.gc-qs .dot,.gc-qs .w,.gc-qs .ask-me,.gc-qs li::before,.gc-intro .gc-in-next,.gc-intro .ask-lead{animation:none!important;opacity:1;filter:none;transform:none}}