(Untitled product)

UK Premium Fashion Store body { font-family: ‘Poppins’, sans-serif; } .scroll-hide::-webkit-scrollbar { display: none; } /* ============================================ PREMIUM MOTION SYSTEM Lightweight, dependency-free (no JS libraries). Two mechanisms only: 1. Hero load-in: CSS keyframes, fires once on page load. 2. Scroll reveal: a single IntersectionObserver toggles one class; all easing lives in CSS. ============================================ */ @keyframes heroFadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } .hero-anim { opacity: 0; animation: heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .hero-anim-1 { animation-delay: 0.1s; } .hero-anim-2 { animation-delay: 0.28s; } .hero-anim-3 { animation-delay: 0.46s; } /* Scroll reveal: elements start slightly displaced + transparent, then settle when the .in-view class lands via IntersectionObserver. */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.in-view { opacity: 1; transform: translateY(0); } /* Stagger children of a revealing grid/row without extra JS hooks */ .reveal-stagger > * { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .reveal-stagger.in-view > *:nth-child(1) { transition-delay: 0s; } .reveal-stagger.in-view > *:nth-child(2) { transition-delay: 0.1s; } .reveal-stagger.in-view > *:nth-child(3) { transition-delay: 0.2s; } .reveal-stagger.in-view > *:nth-child(4) { transition-delay: 0.3s; } .reveal-stagger.in-view > * { opacity: 1; transform: translateY(0); } /* Product card micro-interactions */ .product-card { transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1); } .product-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -12px rgba(0,0,0,0.18); } .product-card img { transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .product-card:hover img { transform: scale(1.06); } /* Underline-reveal link/button style used across CTAs */ .cta-underline { position: relative; overflow: hidden; } .cta-underline::after { content: “”; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: currentColor; opacity: 0.08; transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .cta-underline:hover::after { transform: scaleX(1); } /* Category tile refinement: slower, premium zoom + label lift */ .cat-tile img { transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); } .cat-tile:hover img { transform: scale(1.08); } .cat-tile .cat-label { transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1); } .cat-tile:hover .cat-label { transform: translateY(-4px); } /* Trust numbers: gentle count-in feel via reveal + slight scale */ .trust-stat { transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } /* Respect users who’ve asked for reduced motion */ @media (prefers-reduced-motion: reduce) { .hero-anim, .reveal, .reveal-stagger > * { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; } .product-card:hover, .product-card:hover img, .cat-tile:hover img, .cat-tile:hover .cat-label { transform: none !important; } } Your browser does not support the video tag. Discover Premium UK Fashion Collections Shop Men Shop Women Featured Collections Men Collection Women Collection Kid’s Hoodies Best Sellers Polo T Shirt £9.99 Knitted Ribbed Top £9.99 Plain Basic Top £2.99 Premium Cap £19.00 Crafted in the UK We design premium clothing wear with a focus on quality, comfort, and sustainability. Every piece is made for modern lifestyle and everyday confidence. /* Trending Categories */ .cat-tile{ display:block; overflow:hidden; } .cat-tile img{ transition:transform .6s ease; } .cat-tile:hover img{ transform:scale(1.08); } /* Dark Overlay */ .cat-overlay{ background:rgba(0,0,0,.45); transition:background .35s ease; } .cat-tile:hover .cat-overlay{ background:rgba(0,0,0,.25); } /* Category Text */ .cat-label{ display:inline-block; color:#fff; padding:12px 28px; border-radius:50px; transition:all .35s ease; font-weight:700; font-size:22px; } /* White Background Behind Text Only */ .cat-tile:hover .cat-label, .cat-tile:focus .cat-label, .cat-tile:active .cat-label{ background:#fff; color:#000; box-shadow:0 10px 25px rgba(255,255,255,.35); transform:translateY(-3px); } Trending Categories Men’s Hoodies Women’s Hoodies Jacket QUALITY OVER EVERYTHING Explore NEW ARRIVALS Flat Cap Peak Hat £6.99 Ladies Flare Lined Coat £54.99 Kids Cooldry Football T Shirt £9.99 Chunky Boot Work Socks £6.99 Sustainable Fashion 🌱 Organic Cotton ♻ Recycled Fabric 🚚 Carbon Neutral Shipping Shop by Category Men’s Shop Now → Women’s Shop Now → Kids Shop Now → Hats & Caps Shop Now → 50K+ Happy Customers 4.9/5 Ratings Fast UK Delivery WALES SUPERSTORE Premium UK fashion for men, women, and kids. Quality, comfort, and style for every occasion. Shop Home Men Women About Us Support Contact Returns About Us Newsletter Subscribe © 2026 Walles Superstore. All Rights Reserved. // Single lightweight observer drives every scroll-reveal element. // No external animation library — safe to drop straight into a // WordPress theme (functions.php enqueue or a Custom HTML block). (function () { if (!(‘IntersectionObserver’ in window)) { // Fallback: just show everything if the browser can’t observe. document.querySelectorAll(‘.reveal, .reveal-stagger’).forEach(function (el) { el.classList.add(‘in-view’); }); return; } var observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add(‘in-view’); observer.unobserve(entry.target); } }); }, { threshold: 0.15, rootMargin: ‘0px 0px -40px 0px’ }); document.querySelectorAll(‘.reveal, .reveal-stagger’).forEach(function (el) { observer.observe(el); }); })();