/* TRIP-TIP · research.css · פותח ומתוחזק על ידי רוני שניידר · חתימה: Claude (TRIP-TIP thread) · v1.3 */
.pcard.step{cursor:pointer;text-align:start}.stgo{color:var(--teal,#2ee6c5);font-weight:700}
.stepmodal{position:fixed;inset:0;z-index:100;background:rgba(4,8,22,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.stepmodal[hidden]{display:none}
.stbox{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:22px;background:linear-gradient(180deg,#14275a,#0a1530);border:1px solid rgba(255,255,255,.2);box-shadow:0 40px 100px rgba(0,0,0,.7);padding:26px 24px 28px;animation:sheetin .3s ease}
.stx{position:sticky;top:0;float:inline-end;border:0;background:rgba(255,255,255,.14);color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer}
.stbox h3{margin:0 0 2px;font-size:26px}.stsub{color:#9fb0d8;margin-bottom:14px}
.stlead{line-height:1.8;font-size:16px;color:#eef2ff}
.stbox h4{margin:18px 0 6px;color:var(--gold,#ffd166)}
.stopt{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:16px;padding:12px 14px;margin:10px 0}
.sthead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sthead span{font-size:22px}.sthead b{font-size:17px}
.sthead em{margin-inline-start:auto;font-style:normal;background:rgba(255,209,102,.16);color:#ffd166;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}
.stopt p{margin:6px 0;line-height:1.7;color:#dbe4ff}
.stlinks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.stlinks li a{color:#7fe9ff;font-weight:700}.stlinks li small{display:block;color:#9fb0d8}
.stlist{margin:6px 0;padding-inline-start:20px;line-height:1.8;color:#e6ecff}
.stnote{font-size:13px;color:#9fb0d8;margin:10px 0}
.stpicks{display:grid;gap:8px}
.stpick{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(46,230,197,.09);border:1px solid rgba(46,230,197,.3)}
.stpick:hover{background:rgba(46,230,197,.18)}.stpick small{color:#b8c6ee}
.sh-guide{border-inline-start:3px solid var(--gold,#ffd166);padding:4px 12px;background:rgba(255,209,102,.07);border-radius:10px}
.sh-guide p{margin:4px 0}
.gdet{border:1px solid rgba(255,255,255,.14);border-radius:14px;margin:8px 0;background:rgba(255,255,255,.04)}
.gdet summary{cursor:pointer;padding:12px 16px;font-weight:700}.gbody{padding:0 16px 14px;line-height:1.8}
@media(max-width:700px){.stepmodal{padding:0;align-items:end}.stbox{max-height:92vh;border-radius:22px 22px 0 0}}

/* הסבר למפה */
.maphelp { margin: 10px 0 12px; border-radius: 16px; background: rgba(46,230,197,.08); border: 1px solid rgba(46,230,197,.3); }
.maphelp summary { cursor: pointer; padding: 12px 16px; font-weight: 800; }
.mh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; padding: 0 16px 8px; }
.mh-grid h4 { margin: 0 0 6px; color: var(--gold, #ffd166); }
.mh-grid ul { margin: 0; padding-inline-start: 18px; line-height: 1.75; color: #e6ecff; font-size: 14.5px; }
.maphelp small { display: block; padding: 0 16px 12px; }

/* שפות ו-Street View */
.langbox { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); margin-inline-end: 8px; }
.langbox select { background: transparent; color: #fff; border: 0; font: inherit; font-size: 14px; cursor: pointer; max-width: 130px; }
.langbox select option { color: #111; }
.svwrap { border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: #000; }
.svwrap iframe { width: 100%; height: 260px; border: 0; display: block; }
.svhelp { padding: 8px 12px; font-size: 12.5px; color: #b8c6ee; background: rgba(10,20,48,.9); }
body.ltr { text-align: left; }
body.ltr .q-head, body.ltr .hero4 { text-align: center; }
body > .skiptranslate, #goog-gt-tt, .goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }
.mapwrap { position: relative; }
.mhbtn { position: absolute; z-index: 7; bottom: 14px; inset-inline-end: 14px; border: 1px solid rgba(255,255,255,.3); background: rgba(10,20,48,.82); color: #fff; padding: 9px 14px; border-radius: 999px; font-weight: 700; cursor: pointer; backdrop-filter: blur(8px); }
.mhtoast { position: absolute; z-index: 7; bottom: 62px; inset-inline-end: 14px; width: min(340px, calc(100% - 28px)); padding: 14px 16px; border-radius: 16px; background: rgba(10,20,48,.94); border: 1px solid rgba(255,209,102,.5); box-shadow: 0 20px 50px rgba(0,0,0,.6); display: grid; gap: 6px; font-size: 14px; line-height: 1.6; }
.mhtoast[hidden] { display: none; } .mhx { position: absolute; top: 6px; inset-inline-start: 8px; background: none; border: 0; color: #fff; cursor: pointer; }