/* YELLOW BELL — polish layer (v5). Additive, transform/opacity only, loaded last. */
:root{--yb-out:cubic-bezier(.22,1,.36,1);--yb-spring:cubic-bezier(.34,1.56,.64,1)}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
a,button,[role=button],.btn,.yb-icon-link{touch-action:manipulation}
img{-webkit-user-drag:none}

/* scroll progress (GPU: scaleX only) */
.yb-progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:60;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#b8922a,#e9c349 55%,#6f8f55);will-change:transform}

/* header: glides away on scroll-down, returns on scroll-up */
.navbar{transition:transform .55s var(--yb-out),box-shadow .45s var(--yb-out)}
.navbar.yb-nav-hide{transform:translate3d(0,-102%,0)}
.navbar.yb-scrolled{box-shadow:0 14px 36px rgba(28,26,23,.09)}

/* section reveal: softer rise + settle, will-change only while it animates */
.yb-fx [data-reveal]{opacity:0;transform:translate3d(0,30px,0) scale(.985);transition:opacity .9s var(--yb-out),transform 1.05s var(--yb-out);transition-delay:var(--reveal-delay,0ms)}
.yb-fx [data-reveal].is-visible{opacity:1;transform:none}

/* images fade + settle in instead of popping (animation, so hover zoom still works after) */
.yb-fx img.yb-img{opacity:0}
.yb-fx img.yb-img.is-loaded{opacity:1;animation:yb-img-in .95s var(--yb-out) backwards}
@keyframes yb-img-in{from{opacity:0;transform:scale(1.045)}}

/* desktop: 3D card tilt + magnetic buttons (JS sets the vars) */
@media (hover:hover) and (pointer:fine){
  .yb-pcard .product-card-media{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--yb-out)}
  .yb-pcard .product-card-media.yb-tilting{transition:transform .14s linear;will-change:transform}
  .btn.yb-mag{translate:var(--tx,0px) var(--ty,0px);transition:translate .6s var(--yb-out),transform .45s var(--yb-out),box-shadow .45s var(--yb-out),background .45s var(--yb-out),color .45s var(--yb-out)}
  .btn.yb-mag.yb-near{transition:translate .12s linear,transform .45s var(--yb-out),box-shadow .45s var(--yb-out),background .45s var(--yb-out),color .45s var(--yb-out)}
}

/* touch: instant press feedback */
@media (hover:none){
  .btn:active,.yb-icon-link:active,.yx-bottomnav a:active{transform:scale(.96);transition-duration:.12s}
  .yb-pcard:active .product-card-media{transform:scale(.985);transition:transform .15s var(--yb-out)}
}

/* phone: fewer/lighter blur layers = steadier scroll */
@media (max-width:767px){
  .yb-fx [data-reveal]{transform:translate3d(0,22px,0);transition-duration:.7s,.85s}
  .navbar{-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}
  .product-badge,.yb-icon-link,.glass-surface,.payment-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .premium-frame:before{filter:blur(3px)}
}

/* My Orders: payment line under the amount */
.yx-order-amt small{display:block;margin-top:2px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--color-stone,#6b645a)}