/* FSX59 (2.10): popular destinations on mobile = card deck (Raz chose option 3 "חפיסה").
   Loaded only by fsx-home.php, after home.css. Desktop is unchanged: the new bits are hidden there. */
.pd-en,.pd-ct,.pd-go,.pd-dots{display:none}
.pd-cd{display:block}

@media (max-width:760px){
  .fs .cards-wrap{--cw:min(76vw,330px)}
  .fs .cards-wrap .cards{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin:0 -16px -30px;padding:20px calc(50% + 16px - var(--cw) / 2) 58px;scroll-padding-inline:0;-webkit-mask-image:none;mask-image:none}
  .fs .cards-wrap .cards::-webkit-scrollbar{display:none}
  .fs .cards-wrap .cards .fc{--p:0;--s:0;--q:0;position:relative;z-index:var(--zi,1);flex:0 0 var(--cw);padding:0 6px;scroll-snap-align:center;scroll-snap-stop:always;
    background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;color:#fff;-webkit-tap-highlight-color:transparent}
  .fs .cards-wrap .cards .fc:hover,.fs .cards-wrap .cards .fc:active{transform:none;box-shadow:none}
  .fs .cards-wrap .cards .fc.pd-far{visibility:hidden}
  .fs .fc .pd-cd{position:relative;height:calc((var(--cw) - 12px) * 1.25);border-radius:26px;overflow:hidden;background:#1a2b36;
    box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 30px 50px -28px rgba(15,28,37,.75);
    transform:translateX(calc(var(--s) * (100% + 12px) - var(--s) * 22px)) translateX(calc(var(--q) * 14%)) rotate(calc(var(--q) * 6deg)) scale(calc(1 - var(--s) * .075 - var(--q) * .08));
    transform-origin:50% 100%;will-change:transform}
  .fs .fc .pd-cd::before{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none}
  .fs .fc .pd-cd::after{content:"";position:absolute;inset:0;z-index:4;background:#0e1a22;opacity:calc(var(--s) * .3 + var(--q) * .5);pointer-events:none}
  .fs .fc .im{position:absolute;inset:0;overflow:hidden;border-radius:0}
  .fs .fc .im img{position:absolute;top:0;left:-8%;width:116%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--op,50% 50%);transform:translateX(calc(var(--q) * -8%));transition:none}
  .fs .fc:hover .im img{transform:translateX(calc(var(--q) * -8%))}
  .fs .fc .im::after{height:62%;background:linear-gradient(to top,rgba(8,18,26,.78),rgba(8,18,26,.25) 55%,rgba(8,18,26,0))}
  .fs .fc .pd-ct{display:block;position:absolute;z-index:3;top:14px;left:14px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.14em;line-height:1.3;color:#fff;direction:ltr;font-variant-numeric:tabular-nums;
    background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .fs .fc .b{position:absolute;z-index:3;inset:auto 10px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:13px 15px 13px 10px;border-radius:19px;color:#fff;
    background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}
  .fs .fc .pd-en{display:block;grid-column:1;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.32em;line-height:1.3;color:rgba(255,255,255,.85);direction:ltr;text-align:right}
  .fs .fc .b h3{grid-column:1;margin:2px 0 0;font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-.015em;color:#fff;text-shadow:none}
  .fs .fc .b small{grid-column:1;display:block;margin-top:5px;font-size:12.5px;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fs .fc .pd-go{display:grid;grid-column:2;grid-row:1 / span 3;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#1a2b36;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
  .fs .fc .pd-go .i{width:18px;height:18px}
  .fs .cards-wrap .cards-prog{display:none}
  .fs .pd-dots{display:flex;justify-content:center;gap:6px;position:relative;z-index:2}
  .fs .pd-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#c9d6de;cursor:pointer;transition:width .4s cubic-bezier(.22,.8,.2,1),background .3s}
  .fs .pd-dots button[aria-current="true"]{width:28px;background:var(--blue)}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .fs .pd-dots button{transition:none}
}