.pattern-dots{background-image:radial-gradient(circle,rgba(var(--color-foreground),.03) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}.pattern-lines{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--color-foreground),.02) 10px,rgba(var(--color-foreground),.02) 20px)}.pattern-grid{background-image:linear-gradient(rgba(var(--color-foreground),.02) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-foreground),.02) 1px,transparent 1px);background-size:30px 30px}.pattern-circles{background-image:radial-gradient(circle at 20% 50%,rgba(var(--color-foreground),.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--color-foreground),.03) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(var(--color-foreground),.03) 0%,transparent 50%);background-size:200px 200px,150px 150px,180px 180px;background-position:0 0,100px 100px,50px 50px}.texture-overlay{position:relative}.texture-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--color-foreground),.01) 2px,rgba(var(--color-foreground),.01) 4px);pointer-events:none;z-index:1;opacity:.5}.gradient-cosmetics{background:linear-gradient(135deg,#ffb6c11a,#ffd70014,#dda0dd1a,#ffb6c114,#ffd7001a)}.gradient-luxury{background:linear-gradient(135deg,#ffd70026,#ffc0cb1f,#ffd70026)}.gradient-rose-gold{background:linear-gradient(135deg,#ff149314,#ffd7001a,#ff149314)}.decorative-flower{position:absolute;width:100px;height:100px;opacity:.05;pointer-events:none;z-index:0}.decorative-flower svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.decorative-line{position:relative;padding:2rem 0}.decorative-line:before,.decorative-line:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-foreground),.1) 20%,rgba(var(--color-foreground),.2) 50%,rgba(var(--color-foreground),.1) 80%,transparent 100%)}.decorative-line:before{top:0}.decorative-line:after{bottom:0}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-accent-primary),.1),rgba(var(--color-accent-secondary),.08));pointer-events:none;z-index:0;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.floating-shape--large{width:200px;height:200px;top:10%;right:5%}.floating-shape--medium{width:120px;height:120px;bottom:15%;left:8%;animation-delay:-2s}.floating-shape--small{width:80px;height:80px;top:60%;right:15%;animation-delay:-4s}.image-pattern-overlay{position:relative}.image-pattern-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;z-index:1}.section-with-pattern{position:relative;overflow:hidden}.section-with-pattern:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--color-foreground),.02) 1px,transparent 1px);background-size:40px 40px;animation:pattern-move 20s linear infinite;pointer-events:none;z-index:0}@keyframes pattern-move{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.section-with-pattern>*{position:relative;z-index:1}.decorative-geometric{position:absolute;pointer-events:none;z-index:0;opacity:.08}.decorative-triangle{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:87px solid rgb(var(--color-foreground))}.decorative-diamond{width:60px;height:60px;background:rgb(var(--color-foreground));transform:rotate(45deg)}.wave-separator{position:relative;height:60px;overflow:hidden}.wave-separator svg{position:absolute;bottom:0;left:0;width:100%;height:100%;fill:rgba(var(--color-foreground),.05)}.corner-accent{position:absolute;width:100px;height:100px;pointer-events:none;z-index:0}.corner-accent--top-left{top:0;left:0;border-top:2px solid rgba(var(--color-accent-primary),.2);border-left:2px solid rgba(var(--color-accent-primary),.2)}.corner-accent--top-right{top:0;right:0;border-top:2px solid rgba(var(--color-accent-primary),.2);border-right:2px solid rgba(var(--color-accent-primary),.2)}.corner-accent--bottom-left{bottom:0;left:0;border-bottom:2px solid rgba(var(--color-accent-primary),.2);border-left:2px solid rgba(var(--color-accent-primary),.2)}.corner-accent--bottom-right{bottom:0;right:0;border-bottom:2px solid rgba(var(--color-accent-primary),.2);border-right:2px solid rgba(var(--color-accent-primary),.2)}.section-separator{position:relative;height:80px;margin:4rem 0;overflow:hidden}.section-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-rose),.3) 20%,rgba(var(--color-gold),.4) 50%,rgba(var(--color-rose),.3) 80%,transparent 100%);transform:translateY(-50%)}.section-separator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(var(--color-gold),.2) 0%,transparent 70%);border-radius:50%}.section-frame{position:relative;padding:3rem;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(var(--color-rose),.3),rgba(var(--color-gold),.3)) border-box;border-radius:12px}@media screen and (min-width:750px){.section-frame{padding:5rem}}.section-decorative{position:relative;overflow:hidden}.section-decorative .floating-shape{position:absolute}.pattern-grid-80s{background-image:linear-gradient(rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-neon-magenta),var(--pattern-opacity-minimal)) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px}.pattern-dots-80s{background-image:radial-gradient(circle,rgba(var(--color-neon-cyan),var(--pattern-opacity-soft)) 1px,transparent 1px);background-size:25px 25px;background-position:0 0,12.5px 12.5px}.pattern-diagonal-80s{background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(var(--color-neon-purple),var(--pattern-opacity-minimal)) 15px,rgba(var(--color-neon-purple),var(--pattern-opacity-minimal)) 16px,transparent 16px,transparent 30px)}.pattern-diagonal-80s-reverse{background-image:repeating-linear-gradient(-45deg,transparent,transparent 15px,rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 15px,rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 16px,transparent 16px,transparent 30px)}.texture-noise-80s{position:relative}.texture-noise-80s:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--color-neon-cyan),.008) 2px,rgba(var(--color-neon-cyan),.008) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(var(--color-neon-magenta),.008) 2px,rgba(var(--color-neon-magenta),.008) 4px);pointer-events:none;z-index:1;opacity:.4;mix-blend-mode:overlay}.pattern-hero-80s{background:var(--gradient-sunset-80s);position:relative}.pattern-hero-80s:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-neon-magenta),var(--pattern-opacity-minimal)) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.pattern-card-80s{position:relative}.pattern-card-80s:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(var(--color-neon-purple),var(--pattern-opacity-minimal)) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1;opacity:.6}.pattern-footer-80s{background:var(--gradient-diagonal-80s);position:relative}.pattern-footer-80s:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 20px,rgba(var(--color-neon-cyan),var(--pattern-opacity-minimal)) 21px);pointer-events:none;z-index:0;opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-decorative.css.map */
