/* Webdy Page Slider v103o – orientation-aware heights */
.webdy-page-slider{--gap:24px;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.08);position:relative;padding:4px;user-select:none}
.webdy-page-slider .webdy-ps-track{display:flex;gap:var(--gap);overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:none;-webkit-overflow-scrolling:touch}
.webdy-page-slider .webdy-ps-track::-webkit-scrollbar{display:none;height:0}
.webdy-page-slider .webdy-ps-track{scrollbar-width:none;-ms-overflow-style:none}

/* Card auto width; height decided via --card-h per-card */
.webdy-page-slider .webdy-ps-card{flex:0 0 auto;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative;isolation:isolate;transition:box-shadow .25s ease,transform .25s ease;height:var(--card-h,320px)}
/* Image keeps aspect ratio; width auto, height obeys card */
.webdy-page-slider .webdy-ps-card img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain}

.webdy-page-slider .webdy-ps-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.16)}

/* Glow */
.webdy-page-slider .webdy-ps-card::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2px;
  background: conic-gradient(from 0deg,#5eead4,#60a5fa,#a78bfa,#f472b6,#facc15,#5eead4);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity:0; filter:blur(.4px);
  animation:webdy-spin 2.4s linear infinite; animation-play-state: paused;
  transition: opacity .25s ease; z-index:-1;
}
.webdy-page-slider .webdy-ps-card:hover::before{ opacity:1; animation-play-state: running; }
.webdy-page-slider .webdy-ps-card::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background: linear-gradient(70deg,transparent 35%, rgba(255,255,255,.35) 45%, transparent 55%);
  transform:translateX(-140%) rotate(.001deg); opacity:0; transition:opacity .2s ease; pointer-events:none;
}
.webdy-page-slider .webdy-ps-card:hover::after{ opacity:1; animation:webdy-sheen 1.1s ease forwards; }

@keyframes webdy-spin{ to{ transform: rotate(360deg); } }
@keyframes webdy-sheen{ from{ transform: translateX(-140%) } to{ transform: translateX(140%) } }

@media (prefers-reduced-motion: reduce){
  .webdy-page-slider .webdy-ps-card,
  .webdy-page-slider .webdy-ps-card::before,
  .webdy-page-slider .webdy-ps-card::after{ animation:none !important; transition:none !important; }
}