/* Zynto Bazaar v28.9.6 — Zero-Wait Navigation
   No blocking loader. Cross-document view transitions + delayed component skeletons. */
:root{
  --z2896-blue:#2f6fed;
  --z2896-ink:#0e1b4d;
  --z2896-paper:#f8f6f1;
  --z2896-line:rgba(14,27,77,.10);
  --z2896-ease:cubic-bezier(.22,1,.36,1);
}

/* Modern Chromium: native cross-document transition. Unsupported browsers simply navigate normally. */
@view-transition{navigation:auto}
::view-transition-old(root){
  animation:z2896Old .14s ease both;
}
::view-transition-new(root){
  animation:z2896New .28s var(--z2896-ease) both;
}
@keyframes z2896Old{to{opacity:.74;transform:scale(.997)}}
@keyframes z2896New{from{opacity:0;transform:translateY(7px) scale(.998)}to{opacity:1;transform:none}}

/* Hairline progress only — never blocks interaction. */
.z2896-progress{
  position:fixed;
  top:0;left:0;
  z-index:2147483640;
  height:2px;
  width:100%;
  pointer-events:none;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#1f5eea 0%,#6d94f4 58%,#b4c8ff 100%);
  box-shadow:0 1px 8px rgba(47,111,237,.24);
  transition:transform .42s var(--z2896-ease),opacity .16s ease;
}
html.z2896-nav-start .z2896-progress{opacity:1;transform:scaleX(.68)}
html.z2896-nav-finish .z2896-progress{opacity:1;transform:scaleX(1);transition-duration:.16s}

/* Tiny tactile response on the outgoing page, not a full-screen curtain. */
html.z2896-clicking body{
  transition:opacity .09s ease,transform .09s ease!important;
  opacity:.985;
  transform:translateY(-1px);
}

/* Delayed, local skeletons. They only appear when data is genuinely late. */
.z2896-skeleton-card{
  min-height:330px;
  overflow:hidden;
  border:1px solid var(--z2896-line);
  border-radius:14px;
  background:#fff;
}
.z2896-sk-media{height:225px;background:#eef1f5}
.z2896-sk-body{padding:15px}
.z2896-sk-line,
.z2896-detail-sk span,
.z2896-cart-sk span{
  display:block;
  height:10px;
  margin:0 0 10px;
  border-radius:999px;
  background:#eef1f5;
}
.z2896-sk-line.short{width:38%}.z2896-sk-line.mid{width:66%}
.z2896-sk-media,.z2896-sk-line,.z2896-detail-sk span,.z2896-cart-sk span{position:relative;overflow:hidden}
.z2896-sk-media::after,.z2896-sk-line::after,.z2896-detail-sk span::after,.z2896-cart-sk span::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:z2896Shimmer 1.25s ease-in-out infinite;
}
@keyframes z2896Shimmer{to{transform:translateX(115%)}}

.z2896-detail-sk{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:42px;
  width:min(1240px,calc(100% - 32px));
  margin:36px auto 64px;
}
.z2896-detail-sk .visual{height:510px;border-radius:18px;background:#eef1f5}
.z2896-detail-sk .copy{padding:24px 0}
.z2896-detail-sk .copy .eyebrow{width:25%}
.z2896-detail-sk .copy .title{width:78%;height:36px;margin:14px 0 20px}
.z2896-detail-sk .copy .price{width:30%;height:24px;margin-bottom:24px}
.z2896-detail-sk .copy .cta{width:100%;height:52px;border-radius:12px;margin-top:30px}

.z2896-cart-sk{display:grid;gap:12px;padding:18px 0}
.z2896-cart-sk span:nth-child(1){height:72px;border-radius:12px}
.z2896-cart-sk span:nth-child(2){width:78%}
.z2896-cart-sk span:nth-child(3){width:45%}

@media(max-width:749px){
  .z2896-skeleton-card{min-height:265px}.z2896-sk-media{height:180px}
  .z2896-detail-sk{grid-template-columns:1fr;gap:18px;margin-top:20px}
  .z2896-detail-sk .visual{height:360px}.z2896-detail-sk .copy{padding:0}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  html.z2896-clicking body{transition:none!important;transform:none!important}
  .z2896-progress{transition:none!important}
  .z2896-sk-media::after,.z2896-sk-line::after,.z2896-detail-sk span::after,.z2896-cart-sk span::after{animation:none!important}
}