/* Additions on top of the original compiled Tailwind (tailwind.css is untouched) */

/* Vike shine keyframes from the original vike-react stylesheet */
@keyframes vike-react-shine{to{background-position-x:-200%}}


/* Swipe areas: let the page scroll vertically, we handle horizontal */
.js-swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.js-swipe img{-webkit-user-drag:none;user-drag:none;pointer-events:none}

/* About 8win: line clamp (3 lines on mobile, 1 on desktop, as on the live site) */
.about-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
@media(min-width:48rem){.about-text{-webkit-line-clamp:1}}
.about-text.is-open{display:block;-webkit-line-clamp:unset;overflow:visible}

/* Why Choose: fade-in when the page changes */
@keyframes wc-fade{from{opacity:0}to{opacity:1}}
.wc-card{animation:wc-fade .5s ease-in-out}

/* Testimonials fade */
.t-fade{transition:opacity .5s ease-in-out}
.t-fade.is-out{opacity:0!important}

/* Coming Soon modal */
#coming-soon{display:none}
#coming-soon.is-open{display:flex}

/* Star gradient */
.t-star{background:linear-gradient(90deg,#FBBB2E 0%,#FBCD57 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}