:root{--shadow-color-primary: rgba(37, 54, 72, .12);--shadow-color-secondary: rgba(37, 54, 72, .08);--shadow-color-accent: rgba(37, 54, 72, .15);--shadow-color-neutral: rgba(107, 114, 128, .1);--shadow-soft: 0 1px 3px hsla(210, 15%, 18%, .06), 0 1px 2px hsla(210, 15%, 18%, .04);--shadow-medium: 0 4px 6px hsla(210, 15%, 18%, .08), 0 2px 4px hsla(210, 15%, 18%, .06);--shadow-elevated: 0 10px 15px hsla(210, 15%, 18%, .1), 0 4px 6px hsla(210, 15%, 18%, .05);--shadow-luxury: 0 20px 25px hsla(210, 15%, 18%, .12), 0 10px 10px hsla(210, 15%, 18%, .04);--shadow-premium: 0 25px 50px hsla(210, 15%, 18%, .15), 0 12px 20px hsla(210, 15%, 18%, .08);--shadow-hero: 0 32px 64px hsla(210, 15%, 18%, .18), 0 16px 32px hsla(210, 15%, 18%, .1), 0 8px 16px hsla(210, 15%, 18%, .06);--shadow-primary: 0 8px 32px hsla(210, 32%, 21%, .2), 0 4px 16px hsla(210, 32%, 21%, .12);--shadow-secondary: 0 8px 32px hsla(210, 32%, 21%, .18), 0 4px 16px hsla(210, 32%, 21%, .1);--shadow-blush: 0 6px 24px hsla(350, 35%, 85%, .25), 0 3px 12px hsla(350, 35%, 85%, .15);--glow-soft: 0 0 20px rgba(37, 54, 72, .3);--glow-medium: 0 0 40px rgba(37, 54, 72, .4);--glow-strong: 0 0 60px rgba(37, 54, 72, .5);--glow-rose: 0 0 30px rgba(37, 54, 72, .4);--glow-champagne: 0 0 35px rgba(37, 54, 72, .45);--shadow-inset-soft: inset 0 2px 4px hsla(210, 15%, 18%, .06);--shadow-inset-medium: inset 0 4px 8px hsla(210, 15%, 18%, .08);--shadow-inset-deep: inset 0 6px 12px hsla(210, 15%, 18%, .12)}:root{--gradient-luxury-primary: #253648;--gradient-luxury-secondary: linear-gradient(135deg, #253648 0%, #1e2b3a 100%);--gradient-luxury-accent: #253648;--gradient-luxury-surface: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, hsl(220, 14%, 96%) 100%);--gradient-luxury-elevated: linear-gradient(135deg, hsl(220, 14%, 96%) 0%, hsl(0, 0%, 98%) 100%);--gradient-luxury-premium: linear-gradient(135deg, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 100%) 100%);--gradient-radial-luxury: radial-gradient(ellipse at center, rgba(37, 54, 72, .1) 0%, rgba(37, 54, 72, .05) 50%, transparent 100%);--gradient-radial-hero: radial-gradient(ellipse at top, hsla(0, 0%, 100%, .9) 0%, hsla(220, 14%, 96%, .7) 50%, hsla(0, 0%, 98%, .8) 100%);--gradient-animated-luxury: linear-gradient(270deg, rgba(37, 54, 72, .1), rgba(37, 54, 72, .05), rgba(37, 54, 72, .08), rgba(37, 54, 72, .1));--gradient-animated-premium: linear-gradient(45deg, #253648, rgba(37, 54, 72, .8), rgba(37, 54, 72, .6), #253648);--gradient-mesh-hero: radial-gradient(at 40% 20%, rgba(37, 54, 72, .05) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(37, 54, 72, .03) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(37, 54, 72, .04) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(0, 0%, 100%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(220, 14%, 96%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(0, 0%, 98%) 0px, transparent 50%);--gradient-mesh-product: radial-gradient(at 20% 80%, rgba(37, 54, 72, .05) 0px, transparent 50%), radial-gradient(at 80% 20%, rgba(37, 54, 72, .03) 0px, transparent 50%), radial-gradient(at 40% 40%, rgba(37, 54, 72, .04) 0px, transparent 50%);--gradient-glass-light: linear-gradient(135deg, hsla(0, 0%, 100%, .8) 0%, hsla(220, 14%, 96%, .6) 100%);--gradient-glass-medium: linear-gradient(135deg, hsla(220, 14%, 96%, .9) 0%, hsla(0, 0%, 98%, .7) 100%);--gradient-glass-dark: linear-gradient(135deg, rgba(37, 54, 72, .8) 0%, rgba(37, 54, 72, .6) 100%)}:root{--backdrop-glass-light: blur(16px) saturate(1.3) brightness(1.1);--backdrop-glass-medium: blur(24px) saturate(1.5) brightness(1.05);--backdrop-glass-heavy: blur(32px) saturate(1.8) brightness(1.02);--backdrop-frosted-light: blur(8px) saturate(1.2) contrast(1.1);--backdrop-frosted-medium: blur(12px) saturate(1.4) contrast(1.15);--backdrop-frosted-heavy: blur(20px) saturate(1.6) contrast(1.2);--backdrop-luxury-soft: blur(6px) saturate(1.1) brightness(1.05);--backdrop-luxury-medium: blur(10px) saturate(1.3) brightness(1.03);--backdrop-luxury-strong: blur(18px) saturate(1.5) brightness(1.02)}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-elevated{box-shadow:var(--shadow-elevated)}.shadow-luxury{box-shadow:var(--shadow-luxury)}.shadow-premium{box-shadow:var(--shadow-premium)}.shadow-hero{box-shadow:var(--shadow-hero)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-blush{box-shadow:var(--shadow-blush)}.glow-soft{box-shadow:var(--glow-soft)}.glow-medium{box-shadow:var(--glow-medium)}.glow-strong{box-shadow:var(--glow-strong)}.glow-rose{box-shadow:var(--glow-rose)}.glow-champagne{box-shadow:var(--glow-champagne)}.shadow-inset-soft{box-shadow:var(--shadow-inset-soft)}.shadow-inset-medium{box-shadow:var(--shadow-inset-medium)}.shadow-inset-deep{box-shadow:var(--shadow-inset-deep)}.bg-gradient-luxury-primary{background:var(--gradient-luxury-primary)}.bg-gradient-luxury-secondary{background:var(--gradient-luxury-secondary)}.bg-gradient-luxury-accent{background:var(--gradient-luxury-accent)}.bg-gradient-luxury-surface{background:var(--gradient-luxury-surface)}.bg-gradient-luxury-elevated{background:var(--gradient-luxury-elevated)}.bg-gradient-luxury-premium{background:var(--gradient-luxury-premium)}.bg-gradient-radial-luxury{background:var(--gradient-radial-luxury)}.bg-gradient-radial-hero{background:var(--gradient-radial-hero)}.bg-gradient-mesh-hero{background:var(--gradient-mesh-hero)}.bg-gradient-mesh-product{background:var(--gradient-mesh-product)}.glass-light{background:var(--gradient-glass-light);-webkit-backdrop-filter:var(--backdrop-glass-light);backdrop-filter:var(--backdrop-glass-light);border:1px solid hsla(35,20%,98%,.3)}.glass-medium{background:var(--gradient-glass-medium);-webkit-backdrop-filter:var(--backdrop-glass-medium);backdrop-filter:var(--backdrop-glass-medium);border:1px solid hsla(30,25%,96%,.4)}.glass-heavy{background:var(--gradient-glass-dark);-webkit-backdrop-filter:var(--backdrop-glass-heavy);backdrop-filter:var(--backdrop-glass-heavy);border:1px solid hsla(210,15%,18%,.3)}.frosted-light{-webkit-backdrop-filter:var(--backdrop-frosted-light);backdrop-filter:var(--backdrop-frosted-light);background:#fbfaf9b3}.frosted-medium{-webkit-backdrop-filter:var(--backdrop-frosted-medium);backdrop-filter:var(--backdrop-frosted-medium);background:#f7f5f2cc}.frosted-heavy{-webkit-backdrop-filter:var(--backdrop-frosted-heavy);backdrop-filter:var(--backdrop-frosted-heavy);background:#f4efebe6}.luxury-card{background:var(--gradient-luxury-surface);border:1px solid hsl(220,13%,91%);border-radius:1.5rem;box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:var(--backdrop-luxury-medium);backdrop-filter:var(--backdrop-luxury-medium);position:relative;overflow:hidden}.luxury-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-animated-luxury);background-size:400% 400%;opacity:0;transition:opacity .3s ease;animation:gradientShift 8s ease-in-out infinite;z-index:1}.luxury-card:hover:before{opacity:.05}.luxury-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-luxury)}.luxury-button{background:var(--gradient-luxury-primary);border:none;border-radius:1rem;color:#fff;padding:1rem 2rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-medium)}.luxury-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-luxury-accent);opacity:0;transition:opacity .3s ease;z-index:1}.luxury-button:hover:before{opacity:1}.luxury-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-luxury)}.luxury-button span{position:relative;z-index:2}.luxury-hero{background:var(--gradient-mesh-hero);position:relative;overflow:hidden;min-height:100vh}.luxury-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-animated-premium);background-size:400% 400%;opacity:.1;animation:gradientShift 12s ease-in-out infinite;z-index:1}.luxury-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,hsla(210,15%,18%,.1) 100%);z-index:2}.luxury-product-card{background:var(--gradient-luxury-elevated);border:1px solid hsl(220,13%,91%);border-radius:2rem;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:var(--backdrop-luxury-soft);backdrop-filter:var(--backdrop-luxury-soft);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsla(45,65%,70%,.2) 50%,transparent 100%);transition:left .6s ease;z-index:1}.luxury-product-card:hover:before{left:100%}.luxury-product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-premium);border-color:#25364866}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes luxuryGlow{0%,to{box-shadow:var(--glow-soft);transform:scale(1)}50%{box-shadow:var(--glow-medium);transform:scale(1.02)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #e4cb814d}50%{box-shadow:0 0 40px #e4cb8199}}.hover-glow{transition:all .3s ease}.hover-glow:hover{animation:luxuryGlow 2s ease-in-out infinite}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsla(45,65%,70%,.4) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite;z-index:1}.float-animation{animation:floatUp 3s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@media (max-width: 768px){.luxury-card:hover,.luxury-product-card:hover{transform:none}.luxury-hero:before{opacity:.05}.shadow-hero,.shadow-premium,.shadow-luxury{box-shadow:var(--shadow-elevated)}}@media (prefers-reduced-motion: reduce){.luxury-card:before,.luxury-hero:before,.luxury-product-card:before{animation:none}.hover-glow:hover,.pulse-glow,.float-animation{animation:none}.shimmer:before{animation:none}}@media (prefers-reduced-motion: reduce){.glass-light,.glass-medium,.glass-heavy,.frosted-light,.frosted-medium,.frosted-heavy{-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sophisticated-visual-effects.css.map */