/* =========================================================
   Autovens performance + layout layer (07 Nov 2026) — loaded last.
   Removes the GPU-heavy effects that made scrolling slow, shows content
   immediately and brings the page to a normal, compact size.
   ========================================================= */

/* 1. Background: keep the colours, drop the full-screen animated blur */
html{background:#f6f4fb !important}
body::before{animation:none !important;filter:none !important;transform:none !important;inset:0 !important;opacity:.35 !important}
body::after{display:none !important}

/* 2. No glass blur on every card / button (hundreds of blurred layers) */
.card,.btn-outline,.group.card button[aria-label="Add to wishlist"]{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.card{background:#fff !important}

/* 3. Content is visible at once (no fade-in while scrolling) */
[data-reveal]{opacity:1 !important;transform:none !important;transition:none !important}

/* 4. Endless decorative animations: only the top banner keeps moving */
body > div:first-child,
main > section:not(:first-of-type) *, main > section:not(:first-of-type) *::before, main > section:not(:first-of-type) *::after,
footer *, footer::before, section.bg-brand-700::before{animation:none !important}
.animate-spin{animation:spin 1s linear infinite !important}

/* 5. Render far-away sections only when they come near the screen */
main > section:nth-of-type(n+5){content-visibility:auto;contain-intrinsic-size:auto 800px}

/* 6. Normal size: slightly smaller base text on laptops/desktops, tighter banner */
@media (min-width:1024px){
  html{font-size:15px}
}
@media (min-width:1536px){ .container-x{max-width:1400px} }

/* 6b. No sideways scrolling on phones (long product names pushed the page wider than the screen) */
html,body{overflow-x:clip}
main .grid > *, main .flex > *{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
@media (max-width:639px){ main h1{font-size:1.2rem !important;line-height:1.35 !important} }

/* 7. Smoother hover (no heavy box-shadow jumps on product cards) */
.group.card:hover{transform:translateY(-3px) !important}

@media (prefers-reduced-motion:reduce){ *{animation:none !important;transition:none !important} }

/* 8. Back-to-top + recently viewed */
#av-top{position:fixed;left:18px;bottom:18px;z-index:9998;width:44px;height:44px;border-radius:9999px;border:0;background:#1e0b4b;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
#av-top.show{opacity:.9;pointer-events:auto}
#av-recent{margin-top:18px}
#av-recent .rv{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
#av-recent a{flex:0 0 120px;display:block;border:1px solid #ece8f6;border-radius:12px;background:#fff;padding:8px;font-size:12px;color:#1e293b;text-decoration:none}
#av-recent img{width:100%;height:80px;object-fit:contain;margin-bottom:6px}