.seamrite-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0A0009 0%,#120010 50%,#0A0009 100%) !important;background-size:300% 300% !important;animation:sdHeroBG 10s ease infinite !important} .seamrite-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 75% 35%,rgba(255,105,180,0.14) 0%,transparent 65%),radial-gradient(ellipse 35% 45% at 25% 75%,rgba(255,20,147,0.08) 0%,transparent 60%);pointer-events:none;animation:sdOrbFloat 9s ease-in-out infinite} @keyframes sdHeroBG{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes sdOrbFloat{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(25px,-18px) scale(1.05)}70%{transform:translate(-18px,12px) scale(0.97)}} .nehneh-hero{position:relative;overflow:hidden} .nehneh-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 50%,rgba(255,105,180,0.09) 0%,transparent 60%);pointer-events:none;animation:sdOrbFloat 11s ease-in-out infinite} .seamrite-hero h1,.seamrite-hero h2,.seamrite-hero .hero-title{opacity:0;transform:translateY(40px);animation:sdFadeUp 0.9s 0.4s cubic-bezier(.16,1,.3,1) forwards} .seamrite-hero p,.seamrite-hero .hero-sub{opacity:0;transform:translateY(24px);animation:sdFadeUp 0.8s 0.65s cubic-bezier(.16,1,.3,1) forwards} .seamrite-hero .hero-actions,.seamrite-hero a.btn{opacity:0;transform:translateY(18px);animation:sdFadeUp 0.7s 0.85s cubic-bezier(.16,1,.3,1) forwards} .nehneh-hero h1,.nehneh-hero h2{opacity:0;transform:translateY(30px);animation:sdFadeUp 0.8s 0.3s cubic-bezier(.16,1,.3,1) forwards} .nehneh-hero p{opacity:0;transform:translateY(20px);animation:sdFadeUp 0.7s 0.5s cubic-bezier(.16,1,.3,1) forwards} @keyframes sdFadeUp{to{opacity:1;transform:translateY(0)}} .btn,a.cta,.hero-btn{position:relative;overflow:hidden} .btn::after,a.cta::after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);transform:skewX(-12deg);animation:sdBtnShimmer 4s 1.5s ease-in-out infinite} @keyframes sdBtnShimmer{0%,100%{left:-100%}40%,60%{left:150%}} .sd-reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1)} .sd-reveal.sd-visible{opacity:1;transform:translateY(0)} .product-card,.item-card,.lookbook-item,.grid-item,.collection-item{opacity:0;transform:translateY(24px) scale(0.98);transition:opacity 0.6s cubic-bezier(.16,1,.3,1),transform 0.6s cubic-bezier(.16,1,.3,1),box-shadow 0.3s ease} .product-card.sd-visible,.item-card.sd-visible,.lookbook-item.sd-visible,.grid-item.sd-visible,.collection-item.sd-visible{opacity:1;transform:translateY(0) scale(1)} .product-card:hover,.item-card:hover,.lookbook-item:hover{transform:translateY(-6px) scale(1.02) !important;box-shadow:0 16px 48px rgba(255,105,180,0.2) !important} img.sd-img-reveal{clip-path:inset(0 100% 0 0);transition:clip-path 0.9s cubic-bezier(.16,1,.3,1)} img.sd-img-reveal.sd-visible{clip-path:inset(0 0% 0 0)} #navbar.sd-scrolled{background:rgba(10,0,9,0.95) !important;backdrop-filter:blur(20px) !important;box-shadow:0 1px 0 rgba(255,105,180,0.15) !important} #sd-cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,180,0.07) 0%,transparent 70%);pointer-events:none;z-index:9997;transform:translate(-50%,-50%);transition:left .15s ease,top .15s ease;will-change:left,top} #sd-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#FF1493,#FF69B4,#FF1493);background-size:200%;z-index:10001;width:0%;transition:width 0.1s linear;animation:sdProgGlow 2s ease-in-out infinite} @keyframes sdProgGlow{0%,100%{background-position:0% 50%;box-shadow:0 0 6px rgba(255,20,147,0.5)}50%{background-position:100% 50%;box-shadow:0 0 12px rgba(255,105,180,0.7)}} #sd-particles{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.5}