/* Zynto Bazaar v28.5 — Motion Experience System
   GPU-friendly transforms/opacity only. Reduced-motion safe. */
:root{
  --v285-ease:cubic-bezier(.22,1,.36,1);
  --v285-ease-soft:cubic-bezier(.16,1,.3,1);
  --v285-blue:#2563eb;
  --v285-ink:#0e1b4d;
}
html.v285-motion-ready{scroll-behavior:smooth}
body.z35-source.v285-page-enter{animation:v285PageIn .48s var(--v285-ease) both}
@keyframes v285PageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Scroll reveal system */
body.z35-source .v285-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .68s var(--v285-ease),transform .68s var(--v285-ease);transition-delay:var(--v285-delay,0ms);will-change:opacity,transform}
body.z35-source .v285-reveal.v285-from-left{transform:translate3d(-26px,0,0)}
body.z35-source .v285-reveal.v285-from-right{transform:translate3d(26px,0,0)}
body.z35-source .v285-reveal.v285-scale{transform:scale(.965)}
body.z35-source .v285-reveal.is-visible{opacity:1;transform:none;will-change:auto}

/* Header/nav micro motion */
body.z35-source .z35-logo img{transition:transform .45s var(--v285-ease)}
body.z35-source .z35-logo:hover img{transform:scale(1.035)}
body.z35-source .z35-nav a{transition:color .22s ease,transform .28s var(--v285-ease)}
body.z35-source .z35-nav a:hover{transform:translateY(-2px)}
body.z35-source .z35-icon-btn{transition:transform .28s var(--v285-ease),background .2s ease}
body.z35-source .z35-icon-btn:hover{transform:translateY(-2px) scale(1.055);background:rgba(37,99,235,.055);border-radius:50%}
body.z35-source .z35-cart-count{transform-origin:center;transition:transform .3s var(--v285-ease)}
body.z35-source .z35-cart-count.v285-bump{animation:v285BadgeBump .48s var(--v285-ease)}
@keyframes v285BadgeBump{0%,100%{transform:scale(1)}35%{transform:scale(1.42) rotate(-8deg)}65%{transform:scale(.92) rotate(4deg)}}

/* Cinematic hero */
body.z35-source .z35-slide{overflow:hidden}
body.z35-source .z35-slide img{transform:scale(1.015);transition:transform 8s ease-out,filter .6s ease;will-change:transform}
body.z35-source .z35-slide.active img{transform:scale(1.055)}
body.z35-source .z35-slider-controls{transition:transform .35s var(--v285-ease),box-shadow .35s ease,background .35s ease}
body.z35-source .z35-slider-controls:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.14);background:rgba(255,255,255,.96)}
body.z35-source .z35-slider-arrow,body.z35-source .z35-slider-autoplay,body.z35-source .z35-dot{transition:transform .25s var(--v285-ease),background .2s ease}
body.z35-source .z35-slider-arrow:hover,body.z35-source .z35-slider-autoplay:hover{transform:scale(1.15)}
body.z35-source .z35-dot.active{animation:v285DotPop .35s var(--v285-ease)}
@keyframes v285DotPop{0%{transform:scale(.55)}70%{transform:scale(1.35)}100%{transform:scale(1)}}

/* Category circles: slow float + stronger hover */
body.z35-source .z35-category-item{animation:v285Float 5.8s ease-in-out infinite;animation-delay:var(--v285-float-delay,0s);transform-origin:center bottom}
body.z35-source .z35-category-item:nth-child(2n){animation-duration:6.6s}
body.z35-source .z35-category-item:nth-child(3n){animation-duration:7.2s}
@keyframes v285Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
body.z35-source .z35-category-circle{position:relative;transition:transform .42s var(--v285-ease),box-shadow .42s ease,border-color .3s ease}
body.z35-source .z35-category-circle::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(37,99,235,.22);border-radius:50%;opacity:0;transform:scale(.9);transition:opacity .35s ease,transform .45s var(--v285-ease);pointer-events:none}
body.z35-source .z35-category-circle img{transition:transform .55s var(--v285-ease),filter .4s ease}
body.z35-source .z35-category-item:hover .z35-category-circle{transform:translateY(-5px) scale(1.07);box-shadow:0 16px 34px rgba(37,99,235,.18);border-color:#2563eb}
body.z35-source .z35-category-item:hover .z35-category-circle::after{opacity:1;transform:scale(1.04)}
body.z35-source .z35-category-item:hover .z35-category-circle img{transform:scale(1.12)}

/* Product cards */
body.z35-source .z35-product-card{transform-origin:center bottom;transition:transform .38s var(--v285-ease),box-shadow .38s ease,border-color .25s ease!important}
body.z35-source .z35-product-card:hover{transform:translateY(-8px)!important;box-shadow:0 18px 38px rgba(14,27,77,.14)!important}
body.z35-source .z35-product-media img,body.z35-source .z35-hot-media img{transition:transform .55s var(--v285-ease),filter .4s ease!important}
body.z35-source .z35-product-card:hover .z35-product-media img,body.z35-source .z35-hot-card:hover .z35-hot-media img{transform:scale(1.045)!important}
body.z35-source .z35-product-sale{animation:v285SalePop .5s var(--v285-ease) both}
@keyframes v285SalePop{from{opacity:0;transform:translateY(-7px) scale(.8)}to{opacity:1;transform:none}}
body.z35-source .z35-hot-heart{transition:transform .3s var(--v285-ease),background .2s ease,color .2s ease!important}
body.z35-source .z35-hot-heart:hover{transform:scale(1.14);background:#eff6ff!important;color:#2563eb!important}
body.z35-source .z35-hot-heart.v285-pop{animation:v285HeartPop .48s var(--v285-ease)}
@keyframes v285HeartPop{0%,100%{transform:scale(1)}38%{transform:scale(1.42) rotate(-8deg)}72%{transform:scale(.94) rotate(5deg)}}

/* CTA sheen + press. Existing shake cadence remains intact. */
body.z35-source .z35-home-buy,body.z35-source .z35-product-shop,body.z35-source .z35-featured .z35-buy,body.z35-source .btn-buy-now,body.z35-source .btn-primary{position:relative;overflow:hidden}
body.z35-source .z35-home-buy::after,body.z35-source .z35-product-shop::after,body.z35-source .z35-featured .z35-buy::after,body.z35-source .btn-buy-now::after,body.z35-source .btn-primary::after{content:"";position:absolute;top:-70%;left:-38%;width:30%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg) translateX(-180%);transition:transform .65s var(--v285-ease);pointer-events:none}
body.z35-source .z35-home-buy:hover::after,body.z35-source .z35-product-shop:hover::after,body.z35-source .z35-featured .z35-buy:hover::after,body.z35-source .btn-buy-now:hover::after,body.z35-source .btn-primary:hover::after{transform:rotate(18deg) translateX(520%)}
body.z35-source button.v285-press,body.z35-source a.v285-press{animation:v285Press .32s var(--v285-ease)}
@keyframes v285Press{0%,100%{transform:scale(1)}50%{transform:scale(.965)}}

/* Featured product cinematic depth */
body.z35-source .z35-featured-media{transform:perspective(900px) rotateX(var(--v285-rx,0deg)) rotateY(var(--v285-ry,0deg));transition:transform .2s ease-out,box-shadow .4s ease;will-change:transform}
body.z35-source .z35-featured-media:hover{box-shadow:0 24px 54px rgba(14,27,77,.18)}
body.z35-source .z35-featured-media img{transition:transform .65s var(--v285-ease)}
body.z35-source .z35-featured-media:hover img{transform:scale(1.035)}
body.z35-source .z35-featured-copy h2{transform-origin:left center}

/* Review / feature rails */
body.z35-source .z35-review-card,body.z35-source .z35-feature-card{transition:transform .35s var(--v285-ease),box-shadow .35s ease}
body.z35-source .z35-review-card:hover,body.z35-source .z35-feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(14,27,77,.11)}
body.z35-source .z35-reviews-track-wrap{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

/* Search, menu and cart drawers: more premium spring */
body.z35-source .z35-drawer,body.z35-source .z35-cart-drawer{transition:transform .46s var(--v285-ease),visibility .25s ease!important}
body.z35-source .z35-search-panel{transition:opacity .28s ease,visibility .28s ease,transform .38s var(--v285-ease)!important}
body.z35-source .z35-search-result{transition:transform .28s var(--v285-ease),background .2s ease,border-color .2s ease}
body.z35-source .z35-search-result:hover{transform:translateX(4px)}
body.z35-source .z35-cart-item{animation:v285CartItem .42s var(--v285-ease) both}
@keyframes v285CartItem{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

/* Generic PDP/account/forms */
body.z35-source .detail-grid,body.z35-source .product-page-v12 .section,body.z35-source .product-reviews-v14,body.z35-source .mini-section,body.z35-source .container.section{transition:transform .35s var(--v285-ease),box-shadow .35s ease}
body.z35-source .zn-detail-stage img{transition:transform .65s var(--v285-ease)}
body.z35-source .zn-detail-stage:hover img{transform:scale(1.035)}
body.z35-source .option-pills button,body.z35-source .color-swatch,body.z35-source .qty button{transition:transform .25s var(--v285-ease),box-shadow .25s ease,background .2s ease,border-color .2s ease}
body.z35-source .option-pills button:hover,body.z35-source .color-swatch:hover,body.z35-source .qty button:hover{transform:translateY(-2px) scale(1.035)}
body.z35-source .option-pills button.selected,body.z35-source .color-swatch.selected{animation:v285Select .38s var(--v285-ease)}
@keyframes v285Select{0%{transform:scale(.92)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
body.z35-source .customer-review-v14{transition:transform .32s var(--v285-ease),box-shadow .32s ease}
body.z35-source .customer-review-v14:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(14,27,77,.09)}

/* Footer */
body.z35-source .z35-desktop-footer a,body.z35-source .z35-mobile-footer a{transition:opacity .2s ease,transform .28s var(--v285-ease)!important}
body.z35-source .z35-desktop-footer a:hover,body.z35-source .z35-mobile-footer a:hover{transform:translateX(5px)!important}
body.z35-source .z35-social-icon:hover{transform:translateY(-4px) scale(1.08)!important}

/* Back-to-top */
body.z35-source #z35BackTop{transition:transform .28s var(--v285-ease),opacity .25s ease,box-shadow .25s ease}
body.z35-source #z35BackTop:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(37,99,235,.22)}

/* Mobile: retain motion but reduce distance/depth */
@media(max-width:749px){
  body.z35-source .v285-reveal{transform:translate3d(0,13px,0);transition-duration:.5s}
  body.z35-source .z35-slide.active img{transform:scale(1.025)}
  body.z35-source .z35-category-item{animation-duration:7.2s}
  body.z35-source .z35-category-item:hover .z35-category-circle{transform:scale(1.035)}
  body.z35-source .z35-product-card:hover{transform:translateY(-3px)!important}
  body.z35-source .z35-featured-media{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  html.v285-motion-ready{scroll-behavior:auto}
  body.z35-source.v285-page-enter{animation:none!important}
  body.z35-source .v285-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.z35-source .z35-slide img,body.z35-source .z35-category-item,body.z35-source .z35-product-sale,body.z35-source .z35-cart-item{animation:none!important;transform:none!important;transition:none!important}
  body.z35-source .z35-product-card,body.z35-source .z35-product-media img,body.z35-source .z35-hot-media img,body.z35-source .z35-featured-media,body.z35-source .z35-featured-media img{transition:none!important;transform:none!important}
}


/* v28.5.1 — Signature first-session website opening */
html.v285-first-visit body.z35-source{
  overflow:hidden;
}
html.v285-first-visit body.z35-source.v285-page-enter{
  animation:none!important;
}
html.v285-first-visit body.z35-source::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:
    radial-gradient(circle at 50% 42%,rgba(37,99,235,.20),transparent 34%),
    linear-gradient(145deg,#0b1224 0%,#0f172a 46%,#111c38 100%);
  opacity:1;
  pointer-events:none;
  transition:opacity .48s cubic-bezier(.22,1,.36,1);
}
html.v285-first-visit body.z35-source::after{
  content:"";
  position:fixed;
  z-index:2147483001;
  left:50%;
  top:50%;
  width:min(330px,72vw);
  aspect-ratio:460/120;
  background:url('/assets/zynto-logo.svg') center/contain no-repeat;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,.28));
  opacity:0;
  transform:translate(-50%,-50%) scale(.86);
  transform-origin:center;
  pointer-events:none;
  animation:v285BrandReveal .62s var(--v285-ease) .06s forwards;
  transition:opacity .38s ease,transform .48s var(--v285-ease);
}
@keyframes v285BrandReveal{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}
  62%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
html.v285-first-visit.v285-intro-releasing body.z35-source::before{opacity:0}
html.v285-first-visit.v285-intro-releasing body.z35-source::after{
  opacity:0;
  transform:translate(-50%,-50%) scale(1.035);
}

/* Content waits behind the brand reveal, then releases in a short cinematic cascade. */
html.v285-first-visit body.z35-source .z35-announcement{
  opacity:0;
  transform:translateY(-7px);
  transition:opacity .42s var(--v285-ease),transform .5s var(--v285-ease);
}
html.v285-first-visit body.z35-source .z35-header-wrap{
  opacity:0;
  transform:translateY(-13px);
  transition:opacity .5s var(--v285-ease),transform .56s var(--v285-ease);
}
html.v285-first-visit body.z35-source .z35-slideshow{
  opacity:0;
  transform:translateY(8px) scale(.992);
  transform-origin:center top;
  transition:opacity .62s var(--v285-ease),transform .75s var(--v285-ease);
}
html.v285-first-visit body.z35-source .z35-category-slider{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .55s var(--v285-ease),transform .62s var(--v285-ease);
}
html.v285-first-visit body.z35-source .v285-reveal.is-visible{
  opacity:0;
  transform:translate3d(0,16px,0);
}
html.v285-first-visit.v285-intro-releasing body.z35-source .z35-announcement{
  opacity:1;
  transform:none;
  transition-delay:.05s;
}
html.v285-first-visit.v285-intro-releasing body.z35-source .z35-header-wrap{
  opacity:1;
  transform:none;
  transition-delay:.12s;
}
html.v285-first-visit.v285-intro-releasing body.z35-source .z35-slideshow{
  opacity:1;
  transform:none;
  transition-delay:.22s;
}
html.v285-first-visit.v285-intro-releasing body.z35-source .z35-category-slider{
  opacity:1;
  transform:none;
  transition-delay:.34s;
}
html.v285-first-visit.v285-intro-releasing body.z35-source .v285-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media(max-width:749px){
  html.v285-first-visit body.z35-source::after{width:min(270px,76vw)}
  html.v285-first-visit body.z35-source .z35-header-wrap{transform:translateY(-9px)}
  html.v285-first-visit body.z35-source .z35-slideshow{transform:translateY(5px) scale(.995)}
}

@media(prefers-reduced-motion:reduce){
  html.v285-first-visit body.z35-source{overflow:auto!important}
  html.v285-first-visit body.z35-source::before,
  html.v285-first-visit body.z35-source::after{display:none!important;animation:none!important;transition:none!important}
  html.v285-first-visit body.z35-source .z35-announcement,
  html.v285-first-visit body.z35-source .z35-header-wrap,
  html.v285-first-visit body.z35-source .z35-slideshow,
  html.v285-first-visit body.z35-source .z35-category-slider,
  html.v285-first-visit body.z35-source .v285-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
}