.footer{background:var(--color-secondary);color:var(--color-text-white);padding:var(--spacing-3xl) 0 var(--spacing-lg);margin-top:var(--spacing-3xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-sm)}.footer-logo .logo-image{width:32px;height:32px;object-fit:contain}.footer-logo .logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-white)}.footer-description{font-size:var(--font-size-sm);line-height:1.6;color:hsla(0,0%,100%,.8);margin-bottom:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-white);transition:all var(--transition-base)}.social-link:hover{background:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-white);margin-bottom:var(--spacing-sm)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-links a{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);transition:all var(--transition-base);display:inline-block}.footer-links a:hover{color:var(--color-primary-light);transform:translateX(5px)}.footer-newsletter-text{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.newsletter-input-wrapper{position:relative;display:flex;align-items:center}.newsletter-icon{position:absolute;left:var(--spacing-md);color:hsla(0,0%,100%,.5)}.newsletter-input{width:100%;padding:.75rem .75rem .75rem 3rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--color-text-white);font-size:var(--font-size-sm);transition:all var(--transition-base)}.newsletter-input::placeholder{color:hsla(0,0%,100%,.5)}.newsletter-input:focus{outline:none;background:hsla(0,0%,100%,.15);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(25,118,210,.2)}.newsletter-form .btn{width:100%}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.7)}.footer-bottom-links{display:flex;gap:var(--spacing-lg)}.footer-bottom-links a{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.7);transition:color var(--transition-base)}.footer-bottom-links a:hover{color:var(--color-primary-light)}@media (max-width:992px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{flex-direction:column;gap:var(--spacing-sm)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:var(--spacing-lg)}.header-logo .logo{display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);transition:all var(--transition-base)}.logo-image{width:40px;height:40px;object-fit:contain}.logo-text{color:var(--color-primary);font-weight:var(--font-weight-bold)}.header-logo .logo:hover{transform:scale(1.05)}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:.5rem 0;position:relative;transition:all var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.header-actions{gap:var(--spacing-md)}.action-btn,.header-actions{display:flex;align-items:center}.action-btn{justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-base);position:relative}.action-btn:hover{background:var(--color-bg-secondary);color:var(--color-primary);transform:translateY(-2px)}.cart-btn{position:relative}.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--color-primary);color:var(--color-text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.125rem .375rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary)}.search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.search-input{flex:1 1;padding:.75rem 1.25rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(25,118,210,.1)}.search-submit{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--color-text-white);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}.search-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.currency-selector{position:relative;z-index:101}.currency-btn{width:auto!important;padding-left:.75rem;padding-right:.75rem;gap:6px;font-weight:600}.currency-dropdown{position:absolute;top:calc(100% + 10px);right:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem;min-width:200px;z-index:1000;box-shadow:var(--shadow-xl);animation:fadeInDown .2s ease-out;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.95)}@media (prefers-color-scheme:dark){.currency-dropdown{background:hsla(0,0%,100%,.95)}}.currency-dropdown:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:hsla(0,0%,100%,.95);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);transform:rotate(45deg)}.currency-item{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.95);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;color:var(--color-text-primary);text-align:left}.currency-item:hover{background:hsla(0,0%,100%,.95);transform:translateX(4px)}.currency-item.active{background:hsla(0,0%,100%,.95);color:var(--color-primary)}.currency-symbol{font-size:1.25rem;font-weight:700;width:24px;text-align:center}.currency-name{font-size:.9rem;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.header-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 24px 24px;box-shadow:-5px 0 25px rgba(0,0,0,.15);transition:right .3s cubic-bezier(.4,0,.2,1);z-index:2000}.header-nav.active{right:0}.header-nav.active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1;width:100vw;height:100vh;transform:translateX(-100%)}.nav-link{width:100%;padding:16px 0;font-size:1.1rem;border-bottom:1px solid #f1f5f9}.nav-link:last-child{border-bottom:none}.mobile-menu-btn{display:flex;z-index:2001}.header-actions{gap:12px}.action-btn{width:40px;height:40px;background:#f8fafc}}@media (max-width:768px){.header-content{padding:.75rem 0}.logo-text{font-size:var(--font-size-base)}.logo-image{width:32px;height:32px}.header-nav{width:100%}}