/* ==========================================================================
   V&M Liberis – εφέ αρχικής, «Ελεύθερα ραντεβού», Instagram
   ========================================================================== */

/* JetEngine Listing Grid μέσα σε vml-rail: οριζόντια λωρίδα */
.vml-rail .jet-listing-grid__items{display:flex !important;flex-wrap:nowrap !important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:none;margin:0 !important}
.vml-rail .jet-listing-grid__items::-webkit-scrollbar{display:none}
.vml-rail .jet-listing-grid__item{flex:0 0 268px !important;max-width:268px !important;width:268px !important;padding:0 !important;scroll-snap-align:start}

/* Χρώμα μόνο στην κάρτα σε εστίαση */
.vml-focus-rail img{filter:grayscale(1) contrast(1.05);transition:filter .5s ease}
.vml-focus-rail .is-focus img{filter:none}
@media (min-width:900px){
  .vml-focus-rail .is-focus img{filter:grayscale(1) contrast(1.05)}
  .vml-focus-rail .jet-listing-grid__item:hover img,.vml-focus-rail > .e-con:hover img,.vml-focus-rail .is-hover img{filter:none}
  .vml-rail.vml-desktop-grid .jet-listing-grid__items{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .vml-rail.vml-desktop-grid .jet-listing-grid__item{width:auto !important;max-width:none !important}
}

/* Stacking cards (desktop) */
@media (min-width:900px){
  .vml-stack{padding-bottom:14vh}
  .vml-stack > .e-con{position:sticky;top:104px;transform-origin:50% 0;will-change:transform}
  .vml-stack > .e-con:nth-child(2){top:122px}
  .vml-stack > .e-con:nth-child(3){top:140px}
  .vml-stack > .e-con:nth-child(4){top:158px}
  .vml-stack > .e-con + .e-con{margin-top:72px}
}

/* «Ελεύθερα ραντεβού τώρα» */
.vml-live{padding:22px 18px 10px;border-radius:var(--vml-r-card);background:var(--vml-surface);box-shadow:var(--vml-card-shadow);border:1px solid rgba(255,255,255,.07)}
.vml-live-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.vml-live-dot{position:relative;flex:0 0 10px;width:10px;height:10px;margin-top:9px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}
.vml-live-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);animation:vmlpulse 2s ease-out infinite}
@keyframes vmlpulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}
.vml-live-head h3{margin:0;font-weight:700;font-size:21px;letter-spacing:-.01em;color:var(--vml-ink)}
.vml-live-sub{margin:3px 0 0;font-size:13px;color:var(--vml-ink-3)}
.vml-live-list{list-style:none;margin:0;padding:0}
.vml-live-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}
.vml-live-row:first-child{border-top:0}
.vml-live-store b{display:block;font-weight:600;font-size:16px;color:var(--vml-ink)}
.vml-live-store span{font-size:12.5px;color:var(--vml-ink-3)}
.vml-live-times{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.vml-live-time{min-width:58px;height:36px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;
  background:var(--vml-black);color:#fff;border:1.5px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.vml-live-time:hover,.vml-live-time:focus{color:#fff}
.vml-live-time.is-first{background:#fff;color:var(--vml-black)}
.vml-live-row.is-off .vml-live-store{opacity:.45}
.vml-live-none{font-size:13px;color:var(--vml-ink-3);text-align:right}
.vml-live-empty{padding:10px 0 14px;font-size:15px;line-height:1.5;color:var(--vml-ink-2)}

/* Instagram */
.vml-ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:var(--vml-r-photo);overflow:hidden}
.vml-ig-item{position:relative;display:block;aspect-ratio:4/5;background:var(--vml-surface);overflow:hidden}
.vml-ig-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.vml-ig-item:hover img{transform:scale(1.04)}
.vml-ig-play{position:absolute;top:8px;right:8px;width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
@media (min-width:900px){.vml-ig-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media (prefers-reduced-motion: reduce){.vml-live-dot::after{animation:none;opacity:0}.vml-focus-rail img,.vml-ig-item img{transition:none}}