.footer{position:relative;background-color:var(--color-background-secondary);overflow:hidden}.footer__wave{position:relative;height:60px;margin-bottom:-1px;color:var(--color-background-secondary)}.footer__wave svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.footer__inner{padding:var(--space-16) 0 var(--space-8)}.footer__main{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-bottom:var(--space-12)}@media screen and (min-width: 768px){.footer__main{grid-template-columns:1fr 2fr 1fr;gap:var(--space-8)}}@media screen and (min-width: 1024px){.footer__main{grid-template-columns:1.2fr 2fr 1.2fr;gap:var(--space-12)}}.footer__brand{text-align:center}@media screen and (min-width: 768px){.footer__brand{text-align:left}}.footer__logo{display:inline-block;margin-bottom:var(--space-4);text-decoration:none}.footer__logo img{height:auto;max-width:150px}.footer__logo-text{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.footer__logo-svg{display:inline-flex}.footer__logo-svg svg{height:50px;width:auto;transition:transform var(--transition-base)}.footer__logo:hover .footer__logo-svg svg{transform:scale(1.02)}.footer__description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.footer__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.footer__badge-icon{display:flex;color:var(--color-primary)}.footer__badge-icon svg{width:20px;height:20px}.footer__badge-text{color:var(--color-accent);font-size:var(--font-size-base)}.footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}@media screen and (min-width: 768px){.footer__nav{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.footer__nav-column{text-align:center}@media screen and (min-width: 768px){.footer__nav-column{text-align:left}}.footer__nav-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.footer__nav-list{list-style:none;padding:0;margin:0}.footer__nav-list li{margin-bottom:var(--space-2)}.footer__nav-link{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);position:relative}.footer__nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-primary);transition:width var(--transition-base)}.footer__nav-link:hover{color:var(--color-primary)}.footer__nav-link:hover:after{width:100%}.footer__newsletter{text-align:center}@media screen and (min-width: 768px){.footer__newsletter{text-align:left}}.footer__newsletter-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.footer__newsletter-text{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.footer__newsletter-form{margin-bottom:var(--space-6)}.footer__newsletter-field{display:flex;flex-direction:column;gap:var(--space-2)}@media screen and (min-width: 480px){.footer__newsletter-field{flex-direction:row}}.footer__newsletter-input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid transparent;border-radius:var(--radius-full);background-color:#fff;transition:border-color var(--transition-fast)}.footer__newsletter-input:focus{outline:none;border-color:var(--color-primary)}.footer__newsletter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);white-space:nowrap}.footer__newsletter-btn svg{width:16px;height:16px;transition:transform var(--transition-fast)}.footer__newsletter-btn:hover svg{transform:translate(4px)}.footer__social{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}@media screen and (min-width: 768px){.footer__social{flex-direction:row;align-items:center}}.footer__social-title{font-size:var(--font-size-sm);color:var(--color-text-light)}.footer__social-links{display:flex;gap:var(--space-2)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);background-color:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer__social-link:hover{color:#fff;background-color:var(--color-primary);transform:translateY(-2px)}.footer__social-link svg{width:18px;height:18px}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid rgba(0,0,0,.08)}@media screen and (min-width: 768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__payment-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);list-style:none;padding:0;margin:0}.footer__payment-icon{height:24px;width:auto}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center}.footer__copyright p{margin:0}.footer__legal{display:flex;align-items:center;gap:var(--space-2)}.footer__legal-link{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast)}.footer__legal-link:hover{color:var(--color-primary)}.footer__legal-separator{color:var(--color-text-light);opacity:.5}.footer__decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.footer__decoration{position:absolute;opacity:.08;color:var(--color-primary)}.footer__decoration svg{width:100%;height:100%}.footer__decoration--1{top:10%;left:5%;width:80px;height:80px;animation:gentle-float 8s ease-in-out infinite}.footer__decoration--2{top:30%;right:8%;width:60px;height:60px;animation:gentle-float 10s ease-in-out infinite;animation-delay:2s}.footer__decoration--3{bottom:15%;left:15%;width:100px;height:100px;animation:gentle-float 12s ease-in-out infinite;animation-delay:4s}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@media screen and (max-width: 767px){.footer__decorations{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-footer.css.map */
