:root{--color-primary-50: #e8f5e9;--color-primary-100: #c8e6c9;--color-primary-200: #a5d6a7;--color-primary-300: #81c784;--color-primary-400: #66bb6a;--color-primary-500: #4caf50;--color-primary-600: #43a047;--color-primary-700: #388e3c;--color-primary-800: #2e7d32;--color-primary-900: #1b5e20;--color-secondary-50: #fff8e1;--color-secondary-100: #ffecb3;--color-secondary-200: #ffe082;--color-secondary-300: #ffd54f;--color-secondary-400: #ffca28;--color-secondary-500: #ffc107;--color-secondary-600: #ffb300;--color-secondary-700: #ffa000;--color-secondary-800: #ff8f00;--color-secondary-900: #ff6f00;--color-accent-50: #fbe9e7;--color-accent-100: #ffccbc;--color-accent-200: #ffab91;--color-accent-300: #ff8a65;--color-accent-400: #ff7043;--color-accent-500: #ff5722;--color-accent-600: #f4511e;--color-accent-700: #e64a19;--color-accent-800: #d84315;--color-accent-900: #bf360c;--color-success-50: #e8f5e9;--color-success-500: #4caf50;--color-success-900: #1b5e20;--color-warning-50: #fffde7;--color-warning-500: #ffeb3b;--color-warning-900: #f57f17;--color-error-50: #ffebee;--color-error-500: #f44336;--color-error-900: #b71c1c;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #eeeeee;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-600: #757575;--color-neutral-700: #616161;--color-neutral-800: #424242;--color-neutral-900: #212121;--color-white: #ffffff;--color-black: #000000;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-header: 100;--z-modal: 200;--z-tooltip: 300;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-800)}img{max-width:100%;height:auto}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.5;text-align:center;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.button-primary{background-color:var(--color-primary-600);color:var(--color-white)}.button-primary:hover{background-color:var(--color-primary-700)}.button-secondary{background-color:var(--color-secondary-500);color:var(--color-neutral-900)}.button-secondary:hover{background-color:var(--color-secondary-600)}.button-accent{background-color:var(--color-accent-600);color:var(--color-white)}.button-accent:hover{background-color:var(--color-accent-700)}.button-outline{background-color:transparent;border:1px solid var(--color-primary-600);color:var(--color-primary-600)}.button-outline:hover{background-color:var(--color-primary-50)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-16) 0}@media (max-width: 768px){.section{padding:var(--space-8) 0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}input,select,textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md);line-height:var(--line-height-normal);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #4caf5033}label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.form-group{margin-bottom:var(--space-4)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.hidden{display:none}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:1fr}@media (max-width: 1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.original-price{text-decoration:line-through;color:#888;margin-left:6px}.discount-badge{background-color:var(--color-accent-500);color:#fff;padding:2px 6px;font-size:12px;margin-left:8px;border-radius:var(--border-radius-md);font-weight:500}.captcha-container{background-color:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #eee}.captcha-wrapper{display:flex;align-items:center;margin-bottom:10px}.captcha-code{font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:3px;padding:10px 15px;background:#fff;border:1px dashed #ccc;border-radius:4px;color:#333;flex-grow:1;text-align:center;-webkit-user-select:none;user-select:none}.captcha-refresh{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:10px;margin-left:10px;cursor:pointer;transition:all .3s}.captcha-refresh:hover{background:#e0e0e0}#captcha-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-top:5px}#main-header{background-color:var(--color-primary-800);color:var(--color-white);position:sticky;top:0;z-index:var(--z-header);box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4)}.logo-container{display:flex;align-items:center}.logo{height:56px;width:auto}.brand-text{display:flex;flex-direction:column;margin-left:var(--space-2)}.brand-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-white)}.brand-tagline{font-size:var(--font-size-sm);color:var(--color-neutral-200)}.search-bar{flex:1;max-width:500px;margin:0 var(--space-4);position:relative}.search-bar input{width:100%;padding:var(--space-2) var(--space-4);padding-left:40px;border-radius:var(--border-radius-full);border:none;background-color:var(--color-white);font-size:var(--font-size-md)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-neutral-500)}.nav-menu{display:flex;align-items:center;list-style:none;gap:var(--space-6)}.nav-link{color:var(--color-white);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-secondary-300)}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:var(--color-secondary-300)}.header-icons{display:flex;align-items:center;gap:var(--space-4);margin-left:8px}.header-icon{position:relative;font-size:var(--font-size-xl);color:var(--color-white);cursor:pointer}.cart-count{position:absolute;top:-8px;right:-8px;background-color:var(--color-secondary-500);color:var(--color-neutral-900);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:20px;padding:0 8px;height:20px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.menu-toggle{display:none;background:none;border:none;color:var(--color-white);font-size:var(--font-size-2xl);cursor:pointer}.mobile-nav{display:none}@media (max-width: 1024px){.search-bar{max-width:300px}.nav-menu{gap:var(--space-4)}}@media (max-width: 768px){.header-container{padding:var(--space-3) var(--space-4)}.nav-menu,.search-bar{display:none}.menu-toggle{display:block;order:-1;margin-left:70px}.mobile-nav{display:none;position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background-color:var(--color-primary-800);z-index:var(--z-header);padding:var(--space-4)}.mobile-nav.active{display:block}.mobile-nav .nav-menu{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0}.mobile-nav .nav-link{font-size:var(--font-size-xl)}.mobile-search{margin-top:var(--space-4);position:relative}}.header-container{display:flex;flex-wrap:wrap;width:100%}.mobile-header-row,.brand-wrapper,.mobile-actions{display:flex;align-items:center}.logo-container{display:flex;align-items:center;text-decoration:none}.brand-name{font-weight:700;line-height:1.2}.brand-tagline{font-size:.85rem;line-height:1.2}@media (max-width: 768px){.header-container{flex-direction:column}.mobile-header-row{justify-content:space-between;padding:10px 0;width:100%}.brand-wrapper{gap:8px}.brand-name{font-size:18px;color:#f8f8f8}.mobile-actions{gap:0px}.header-icon svg,.menu-toggle svg{width:24px;height:24px}}@media (min-width: 769px){.header-container{flex-direction:row!important;justify-content:space-between;align-items:center}.mobile-header-row,.brand-wrapper,.mobile-actions{flex-direction:row;justify-content:initial;gap:initial;padding:0}.brand-name{font-size:var(--font-size-2xl);color:var(--color-white)}.brand-tagline{display:block}.header-icon svg,.menu-toggle svg{width:22px;height:22px}}.menu-toggle svg{pointer-events:none}.mobile-actions{display:flex;align-items:center;gap:0px}.mobile-only{display:flex;align-items:center;gap:5px}.mobile-search-bar input{flex:1;border:none;outline:none;padding:5px}.mobile-search-bar button{background:none;border:none;cursor:pointer;padding:5px}@media (min-width: 768px){.mobile-only{display:none}}@media (max-width:576px){.brand-tagline{font-size:9px;white-space:nowrap}.menu-toggle{margin-left:60px;padding-right:12px}}#main-footer{background-color:var(--color-primary-900);color:var(--color-white);padding:var(--space-12) 0 var(--space-4)}.footer-container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer-section h4{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--color-neutral-100)}.footer-links{list-style:none}.footer-link{margin-bottom:var(--space-2)}.footer-link a{color:var(--color-neutral-300);transition:color var(--transition-fast)}.footer-link a:hover{color:var(--color-primary-300)}.social-links{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-full);background-color:#ffffff1a;color:var(--color-white);transition:background-color var(--transition-fast)}.social-link:hover{background-color:var(--color-primary-600)}.contact-info{margin-top:var(--space-4)}.contact-item{display:flex;align-items:center;margin-bottom:var(--space-3);color:var(--color-neutral-300)}.contact-icon{margin-right:var(--space-2);color:var(--color-primary-400)}.contact-line{display:flex;align-items:flex-start}.contact-icon{color:var(--color-primary-400);flex-shrink:0;margin-top:4px}.contact-text{line-height:1.5}.newsletter-form{display:flex;margin-top:var(--space-4)}.newsletter-input{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.newsletter-button{background-color:var(--color-primary-500);color:var(--color-white);border:none;padding:var(--space-2) var(--space-3);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;cursor:pointer;transition:background-color var(--transition-fast)}.newsletter-button:hover{background-color:var(--color-primary-600)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.copyright{color:var(--color-neutral-400);font-size:var(--font-size-sm)}.payment-methods{display:flex;gap:var(--space-2)}.payment-icon{width:40px;height:24px;background-color:#ffffff1a;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footer-container{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.developer-credit{font-size:var(--font-size-sm);color:var(--color-gray-400)}.developer-credit a{color:var(--color-primary-400);text-decoration:none;transition:color .2s ease}.developer-credit a:hover{color:var(--color-primary-300);text-decoration:underline}@media (max-width: 768px){.footer-bottom{justify-content:center;text-align:center}}.hero-slider{position:relative;width:100%;height:80vh;min-height:600px;overflow:hidden;background-color:var(--color-primary-900)}.slider-container{position:relative;width:100%;padding:0;margin:0}.slider-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.slide{flex:0 0 100%;position:relative;overflow:hidden}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-content,.slide-contents,.slider-dots{bottom:1rem}.hero-slider,.slider-container,.slide{height:80vh!important;min-height:600px!important}.slide-content{position:absolute;top:85%;left:10%;transform:translateY(-50%);color:var(--color-white);max-width:600px;z-index:2;opacity:0;animation:slideIn 1s ease forwards}.slide-contents{position:absolute;top:80%;left:10%;transform:translateY(-50%);color:var(--color-white);max-width:600px;z-index:2;opacity:0;animation:slideIn 1s ease forwards}.slide-content h2{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slide-content p{font-size:var(--font-size-xl);margin-bottom:var(--space-6);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.slide-buttons{display:flex;gap:var(--space-1)}.slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:none}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#fff3;border:none;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.slider-nav:hover{background-color:#ffffff4d;transform:translateY(-50%) scale(1.1)}.slider-nav.prev{left:var(--space-4)}.slider-nav.next{right:var(--space-4)}.slider-dots{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:2}.slider-dot{width:12px;height:12px;padding:0;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.slider-dot.active{background-color:var(--color-white);transform:scale(1.2)}@media (max-width: 600px){.slider-dot{width:8px;height:8px}.slider-dot.active{transform:scale(1.1)}}@media (max-width: 600px){.slider-dots{gap:6px}}.button,.button-secondary{display:inline-block;padding:.75rem 1.5rem;font-size:1.2rem;border-radius:8px;text-align:center;text-decoration:none;background-color:var(--color-primary-900);color:#fff;transition:all .3s ease}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (max-width: 480px){.hero-slider{height:50vh;min-height:300px}.hero-slider,.slider-container,.slide{height:50vh!important;min-height:300px!important}}@media (max-width: 768px){.hero-slider{height:70vh;min-height:400px}.slide-content{left:5%;right:5%;text-align:center}.slide-content h2{font-size:var(--font-size-3xl)}.slide-content p{font-size:var(--font-size-lg)}.slide-buttons{justify-content:center}.button,.button-secondary{padding:.4rem .75rem!important;font-size:.65rem!important}.slide-content,.slide-contents{left:10%!important;top:82%!important;transform:translateY(-50%)!important;text-align:left!important}.hero-slider,.slider-container,.slide{height:auto!important;min-height:unset!important;overflow:hidden}.slide img{width:100%!important;height:auto!important;object-fit:contain!important;display:block}.hero-slider{padding:0!important;margin:0!important;background-color:#fff!important}}.hero-section{position:relative;height:80vh;min-height:600px;background:linear-gradient(to right,var(--color-primary-900),var(--color-primary-700));display:flex;align-items:center;color:var(--color-white);overflow:hidden}.hero-container{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.hero-content{max-width:600px;padding-right:var(--space-8)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-6);color:var(--color-neutral-200);line-height:var(--line-height-relaxed)}.hero-buttons{display:flex;gap:var(--space-4)}.hero-image{flex:1;display:flex;align-items:center;justify-content:center}.hero-image img{max-width:100%;max-height:500px;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.features-section{padding:var(--space-16) 0;background-color:var(--color-neutral-50)}.section-title{text-align:center;margin-bottom:var(--space-12)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-neutral-600);text-align:center;max-width:700px;margin:0 auto var(--space-12)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.feature-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--border-radius-full)}.feature-title{font-size:var(--font-size-xl);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.feature-description{color:var(--color-neutral-600)}.popular-products{padding:var(--space-16) 0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.featured-categories{padding:var(--space-16) 0;background-color:var(--color-neutral-50)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:var(--space-6)}.category-card{position:relative;height:320px;border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--color-white);cursor:pointer}.category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#0009);z-index:1}.category-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.category-card:hover img{transform:scale(1.05)}.category-content{position:relative;z-index:2;text-align:center;padding:var(--space-4)}.category-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-button{background-color:var(--color-white);color:var(--color-primary-800);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);display:inline-block;margin-top:var(--space-2);font-weight:var(--font-weight-medium);transition:transform var(--transition-fast)}.category-button:hover{transform:translateY(-2px)}.testimonials{padding:var(--space-16) 0}.testimonials-slider{max-width:800px;margin:0 auto;position:relative}.testimonial{text-align:center;padding:var(--space-8)}.testimonial-text{font-size:var(--font-size-xl);color:var(--color-neutral-800);font-style:italic;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.testimonial-author{font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.testimonial-role{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.testimonial-avatar{width:64px;height:64px;border-radius:var(--border-radius-full);margin:0 auto var(--space-4);overflow:hidden}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.newsletter-section{padding:var(--space-12) 0;background-color:var(--color-primary-50);text-align:center}.newsletter-title{margin-bottom:var(--space-4)}.newsletter-description{max-width:600px;margin:0 auto var(--space-6);color:var(--color-neutral-700)}.newsletter-form-large{display:flex;max-width:500px;margin:0 auto}.newsletter-input-large{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-neutral-300);border-right:none;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);font-size:var(--font-size-md)}.newsletter-button-large{background-color:var(--color-primary-600);color:var(--color-white);border:none;padding:var(--space-3) var(--space-6);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.newsletter-button-large:hover{background-color:var(--color-primary-700)}@media (max-width: 1024px){.hero-title{font-size:var(--font-size-4xl)}.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-container{flex-direction:column;text-align:center}.hero-content{padding-right:0;margin-bottom:var(--space-8)}.hero-buttons{justify-content:center}.hero-title{font-size:var(--font-size-3xl)}.features-grid,.categories-grid{grid-template-columns:repeat(1,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr)}.hero-buttons,.newsletter-form-large{flex-direction:column;gap:var(--space-2)}.newsletter-input-large,.newsletter-button-large{border-radius:var(--border-radius-md);width:100%}}.products-grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;border-radius:8px;overflow:hidden}.product-image img{width:100%;height:auto;display:block}.product-content{padding:10px}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.view-options{display:none!important}}.product-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-badge{position:absolute;top:var(--space-2);left:var(--space-2);background-color:var(--color-primary-500);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);z-index:1}.product-badge.sale{background-color:var(--color-accent-500)}.product-badge.new{background-color:var(--color-secondary-500);color:var(--color-neutral-900)}.product-badge.organic{background-color:var(--color-success-500)}.product-content{padding:var(--space-4)}.product-category{font-size:var(--font-size-xs);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em}.product-rating{display:flex;align-items:center;margin-bottom:var(--space-2)}.stars{display:flex;color:var(--color-secondary-500);margin-right:var(--space-1)}.rating-count{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.product-price{display:flex;align-items:center;margin-bottom:var(--space-3)}.current-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.original-price{font-size:var(--font-size-md);color:var(--color-neutral-600);text-decoration:line-through;margin-left:var(--space-2)}.product-actions{display:flex;justify-content:space-between;align-items:center}.cart-button{background-color:var(--color-primary-500);color:var(--color-white);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;display:flex;align-items:center}.cart-button:hover{background-color:var(--color-primary-600)}.cart-icon{margin-right:var(--space-2)}.wishlist-button{width:36px;height:36px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100);color:var(--color-neutral-600);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.wishlist-button:hover,.wishlist-button.active{background-color:var(--color-accent-50);color:var(--color-accent-500)}.product-detail{padding:var(--space-12) 0}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.product-gallery{display:flex;flex-direction:column}.main-image{width:100%;height:500px;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.main-image img{width:100%;height:100%;object-fit:contain}.product-thumbnails{display:flex;gap:var(--space-2)}.thumbnail{width:80px;height:80px;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast)}.thumbnail.active{border-color:var(--color-primary-500)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.product-meta{display:flex;align-items:center;margin-bottom:var(--space-4);color:var(--color-neutral-600);font-size:var(--font-size-sm)}.meta-separator{margin:0 var(--space-2)}.product-description{margin-bottom:var(--space-6);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.product-detail-price{display:flex;align-items:baseline;margin-bottom:var(--space-4)}.detail-current-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.detail-original-price{font-size:var(--font-size-lg);color:var(--color-neutral-600);text-decoration:line-through;margin-left:var(--space-2)}.discount-percentage{background-color:var(--color-accent-500);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);margin-left:var(--space-2)}.product-variants{margin-bottom:var(--space-6)}.variant-title{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.variant-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-option{padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.variant-option:hover{border-color:var(--color-primary-500)}.variant-option.active{background-color:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;text-align:center}.quantity-selector{display:flex;align-items:center;margin-bottom:var(--space-6)}.quantity-input{width:60px;text-align:center;margin:0 var(--space-2)}.quantity-btn{width:36px;height:36px;border-radius:var(--border-radius-full);border:1px solid var(--color-neutral-300);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover{background-color:var(--color-neutral-100)}.product-actions-large{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.buy-now-button{background-color:var(--color-secondary-500);color:var(--color-neutral-900);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-8);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none}.buy-now-button:hover{background-color:var(--color-secondary-600)}.product-delivery{padding:var(--space-4);background-color:var(--color-neutral-50);border-radius:var(--border-radius-lg)}.delivery-option{display:flex;align-items:center;margin-bottom:var(--space-3)}.delivery-icon{margin-right:var(--space-3);color:var(--color-primary-500)}.delivery-text{color:var(--color-neutral-800)}.product-tabs{margin-top:var(--space-12)}.tabs-header{display:flex;border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--space-6)}.tab-button{padding:var(--space-3) var(--space-6);background:none;border:none;border-bottom:2px solid transparent;margin-right:var(--space-4);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.tab-button.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.tab-content{display:none}.tab-content.active{display:block}.related-products{margin-top:var(--space-12)}.products-page{padding:var(--space-8) 0}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.products-filter{display:flex;align-items:center;gap:var(--space-3)}.filter-label{color:var(--color-neutral-600)}.sort-select{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);border:1px solid var(--color-neutral-300)}.view-options{display:flex;gap:var(--space-2)}.view-option{width:32px;height:32px;border-radius:var(--border-radius-md);border:1px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.view-option.active,.view-option:hover{background-color:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6)}.sidebar-filters{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.filter-group{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.filter-list{list-style:none}.filter-item{margin-bottom:var(--space-2)}.filter-checkbox{display:flex;align-items:center}.filter-checkbox input{width:auto;margin-right:var(--space-2)}.filter-label{display:flex;align-items:center;justify-content:space-between;width:100%}.filter-count{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.price-range{display:flex;align-items:center;gap:var(--space-2)}.price-input{width:80px}.price-separator{color:var(--color-neutral-500)}.products-found{color:var(--color-neutral-600);margin-bottom:var(--space-4)}.pagination{display:flex;justify-content:center;margin-top:var(--space-8)}.page-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);margin:0 var(--space-1);border:1px solid var(--color-neutral-300);color:var(--color-neutral-700);transition:all var(--transition-fast)}.page-link:hover{background-color:var(--color-neutral-100)}.page-link.active{background-color:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}@media (max-width: 1024px){.products-layout{grid-template-columns:220px 1fr}.product-thumbnails{overflow-x:auto}}@media (max-width: 768px){.products-layout,.product-detail-container{grid-template-columns:1fr}.main-image{height:350px}.products-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.zoom-wrapper{overflow:hidden;position:relative}.zoom-wrapper img{transition:transform .3s ease}.zoom-wrapper:hover img{transform:scale(1.5);cursor:zoom-in}.products-container-full{width:100%;margin-top:24px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.products-header-right{display:flex;align-items:center;gap:16px}.products-filter{display:flex;align-items:center;gap:12px}.filter-label{font-weight:500;color:var(--color-neutral-700);white-space:nowrap}.sort-select{padding:8px 12px;border:1px solid var(--color-neutral-300);border-radius:6px;background:#fff;font-size:14px;min-width:160px}.products-found{margin-bottom:20px;color:var(--color-neutral-600);font-size:14px}.products-search{position:relative;display:flex;align-items:center}.search-toggle{background:none;border:1px solid var(--color-neutral-300);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-toggle:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}.search-expandable{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--color-neutral-300);border-radius:8px;padding:8px;box-shadow:0 4px 12px #0000001a;display:none;align-items:center;gap:8px;z-index:100;min-width:280px}.search-expandable.active{display:flex;animation:slideDown .2s ease}#productsSearchInput{border:none;outline:none;padding:8px 12px;border-radius:4px;flex:1;font-size:14px;background:transparent}.search-submit{background:var(--color-primary-500);border:none;border-radius:4px;padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}@media (max-width: 768px){.products-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;margin-bottom:24px}.products-header-right{justify-content:space-between}.products-filter{width:100%;justify-content:space-between}.search-expandable{position:fixed;top:auto;left:16px;right:16px;margin-top:8px;min-width:auto}.products-grid{gap:16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.products-search-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:6px;padding:4px;min-width:250px}#productsSearchInput{border:none;outline:none;padding:6px 12px;border-radius:4px;flex:1;font-size:14px;background:transparent}#productsSearchInput::placeholder{color:var(--color-neutral-500)}@media (max-width: 768px){.products-search-bar{min-width:200px}}@media (max-width: 640px){.products-header-right{flex-direction:column;gap:12px;width:100%}.products-search-bar{width:100%;min-width:auto}}.products-search-responsive{position:relative}.desktop-search{display:flex;align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:6px;padding:4px;min-width:250px}.mobile-search-toggle{display:none}.mobile-search-toggle .search-toggle{background:none;border:1px solid var(--color-neutral-300);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mobile-search-toggle .search-toggle:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}.mobile-search-expandable{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--color-neutral-300);border-radius:8px;padding:8px;box-shadow:0 4px 12px #0000001a;display:none;align-items:center;gap:8px;z-index:100;min-width:280px}.mobile-search-expandable.active{display:flex;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#productsSearchInput,#mobileProductsSearchInput{border:none;outline:none;padding:6px 12px;border-radius:4px;flex:1;font-size:14px;background:transparent}#productsSearchInput::placeholder,#mobileProductsSearchInput::placeholder{color:var(--color-neutral-500)}.search-submit{background:var(--color-primary-500);border:none;border-radius:4px;padding:6px 8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.search-submit:hover{background:var(--color-primary-600)}@media (max-width: 768px){.desktop-search{display:none}.mobile-search-toggle{display:block}.mobile-search-expandable{position:fixed;top:auto;left:16px;right:16px;margin-top:8px;min-width:auto}.products-header-right{gap:12px}}@media (max-width: 640px){.products-header-right{flex-direction:column;gap:12px;width:100%}}.header-bar{display:flex;justify-content:space-between;align-items:center}.header-bar .sortby{margin-right:auto}.header-bar .search-icon{margin-left:auto}.quantity-btn{background-color:#fff1f1;border:none;border-radius:50%;width:36px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s ease}.quantity-btn:hover{background-color:#e1e1e1}.quantity-btn svg{stroke:#333;width:16px;height:16px}.quantity-input{width:50px;height:36px;text-align:center;font-size:16px;border:1px solid #ccc;border-radius:8px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;opacity:1!important}.item-total{margin-left:20px;min-width:80px;font-weight:700}.cart-page{padding:var(--space-12) 0}.cart-empty{text-align:center;padding:var(--space-12) 0}.cart-empty-icon{font-size:64px;color:var(--color-neutral-300);margin-bottom:var(--space-4)}.cart-empty-message{font-size:var(--font-size-xl);color:var(--color-neutral-600);margin-bottom:var(--space-6)}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8)}.cart-list{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.cart-header{display:grid;grid-template-columns:4fr 1fr 1fr 1fr;border-bottom:1px solid var(--color-neutral-200);padding-bottom:var(--space-3);margin-bottom:var(--space-4);color:var(--color-neutral-600)}.cart-item{display:grid;grid-template-columns:4fr 1fr 1fr 1fr;padding:var(--space-4) 0;border-bottom:1px solid var(--color-neutral-100);align-items:center}.cart-item:last-child{border-bottom:none}.item-info{display:flex;align-items:center}.item-image{width:80px;height:80px;border-radius:var(--border-radius-md);overflow:hidden;margin-right:var(--space-4)}.item-image img{width:100%;height:100%;object-fit:cover}.item-details h4{margin-bottom:var(--space-1)}.item-variant{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--space-1)}.remove-item{color:var(--color-accent-500);font-size:var(--font-size-sm);cursor:pointer;background:none;border:none;padding:0;display:inline-flex;align-items:center}.remove-item-icon{margin-right:var(--space-1);stroke:currentColor;width:16px;height:16px}.item-quantity{display:flex;align-items:center;max-width:120px}.item-price,.item-total{font-weight:var(--font-weight-medium)}.cart-footer{display:flex;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-200)}.continue-shopping{display:flex;align-items:center;color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.back-icon{margin-right:var(--space-2)}.clear-cart{color:var(--color-neutral-600);background:none;border:none;cursor:pointer}.order-summary{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);position:sticky;top:100px}.summary-title{font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.summary-line{display:flex;justify-content:space-between;margin-bottom:var(--space-3);color:var(--color-neutral-700)}.summary-total{display:flex;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-200);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.direct-checkout-button{background-color:var(--color-primary-600);color:var(--color-white);width:100%;padding:var(--space-3);margin-top:var(--space-4);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.direct-checkout-button:hover{background-color:var(--color-primary-700)}.promo-code{margin-top:var(--space-6)}.promo-input{display:flex;margin-top:var(--space-2)}.promo-button{background-color:var(--color-neutral-700);color:var(--color-white);white-space:nowrap;border:none;padding:0 var(--space-4);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;cursor:pointer;transition:background-color var(--transition-fast)}.promo-button:hover{background-color:var(--color-neutral-800)}.promo-code input{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-right:none}.applied-promo{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--color-primary-50);border-radius:var(--border-radius-md);margin-top:var(--space-2);font-size:var(--font-size-sm)}.promo-code-text{font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.remove-promo{color:var(--color-accent-500);background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-xs)}.payment-methods{margin-top:var(--space-6)}.payment-methods-title{margin-bottom:var(--space-2)}.payment-icons{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.payment-icon{width:40px;height:24px;background-color:var(--color-neutral-100);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.checkout-page{padding:var(--space-12) 0}.checkout-layout{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-8)}.checkout-steps{margin-bottom:var(--space-8);display:flex;align-items:center}.checkout-step{display:flex;align-items:center;color:var(--color-neutral-600)}.step-number{width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--color-neutral-200);display:flex;align-items:center;justify-content:center;margin-right:var(--space-2);font-weight:var(--font-weight-medium)}.checkout-step.active{color:var(--color-primary-600)}.checkout-step.active .step-number{background-color:var(--color-primary-500);color:var(--color-white)}.checkout-step.completed .step-number{background-color:var(--color-success-500);color:var(--color-white)}.step-separator{width:24px;height:1px;background-color:var(--color-neutral-300);margin:0 var(--space-2)}.checkout-form{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.form-title{font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{flex:1}.form-footer{display:flex;justify-content:space-between;margin-top:var(--space-6)}.back-button{background-color:var(--color-neutral-200);color:var(--color-neutral-800);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.back-button:hover{background-color:var(--color-neutral-300)}.save-button{color:var(--color-primary-600);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.save-icon{margin-right:var(--space-1)}@media (max-width: 1024px){.cart-layout,.checkout-layout{grid-template-columns:1fr;gap:var(--space-6)}.order-summary{position:static}}@media (max-width: 768px){.cart-header{display:none}.cart-item{grid-template-columns:1fr;gap:var(--space-2)}.item-info{grid-column:1 / -1}.item-quantity{margin-top:var(--space-2)}.item-price,.item-total{display:flex;justify-content:space-between}.item-price:before{content:"Price:";color:var(--color-neutral-600)}.item-total:before{content:"Total:";color:var(--color-neutral-600)}.checkout-steps{overflow-x:auto;padding-bottom:var(--space-2)}.form-row{flex-direction:column;gap:var(--space-2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slideInUp .5s ease forwards}@keyframes slideInRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .5s ease forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(to right,var(--color-neutral-100) 8%,var(--color-neutral-200) 18%,var(--color-neutral-100) 33%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 2s linear infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes scale{0%{transform:scale(.95)}to{transform:scale(1)}}.scale{animation:scale .3s ease forwards}@keyframes click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.btn-click{animation:click .3s ease forwards}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}@keyframes addToCart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.add-to-cart-animation{animation:addToCart .5s ease}.product-card{transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.product-card .product-image img{transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.05)}.button-primary,.button-secondary,.button-accent{position:relative;overflow:hidden}.button-primary:after,.button-secondary:after,.button-accent:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:1;pointer-events:none}.button-primary:hover:after,.button-secondary:hover:after,.button-accent:hover:after{width:300%;height:300%}.button-primary span,.button-secondary span,.button-accent span{position:relative;z-index:2}.nav-link{position:relative}.nav-link:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-secondary-300);transition:width .3s ease}.nav-link:hover:before{width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav.active{animation:slideDown .3s ease forwards}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cart-bounce{animation:bounce .5s ease}input:focus,select:focus,textarea:focus{transition:border-color .2s ease,box-shadow .2s ease}.about-page{padding:var(--space-12) 0}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-8)}.about-content h2{margin-bottom:var(--space-4)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.value-card{padding:var(--space-6);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center}.value-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-primary-500)}.about-image img{width:100%;height:100%;object-fit:cover}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.stat-card{padding:var(--space-6);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin-bottom:var(--space-2)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.team-card{text-align:center}.team-card img{width:160px;height:160px;border-radius:50%;margin-bottom:var(--space-4);object-fit:cover}.team-card .role{color:var(--color-neutral-600)}.categories-page{padding:var(--space-12) 0}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.contact-page{padding:var(--space-12) 0}.contact-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-8)}.contact-form{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.info-card{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.info-icon{width:48px;height:48px;color:var(--color-primary-500);margin-bottom:var(--space-4)}.social-icons{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.social-icon{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.social-icon:hover{background-color:var(--color-primary-600);color:var(--color-white)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.faq-item{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.faq-item h3{margin-bottom:var(--space-2);color:var(--color-primary-600)}@media (max-width: 1024px){.about-grid,.contact-grid{grid-template-columns:1fr}.values-grid,.impact-stats,.team-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.values-grid,.impact-stats,.team-grid,.categories-grid,.faq-grid{grid-template-columns:1fr}}.account-page{padding:var(--space-12) 0}.auth-container{max-width:480px;margin:0 auto;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.auth-tabs{display:flex;border-bottom:1px solid var(--color-neutral-200)}.auth-tab{flex:1;padding:var(--space-4);background:none;border:none;border-bottom:2px solid transparent;font-weight:var(--font-weight-medium);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.auth-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.auth-content{padding:var(--space-6)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{margin-bottom:var(--space-6);text-align:center}.account-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8)}.account-sidebar{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.account-profile{padding:var(--space-6);text-align:center;border-bottom:1px solid var(--color-neutral-200)}.profile-image{width:96px;height:96px;margin:0 auto var(--space-4);background-color:var(--color-neutral-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-500)}.account-profile h3{margin-bottom:var(--space-1)}.account-profile p{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.account-nav{padding:var(--space-4)}.nav-item{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:none;border:none;border-radius:var(--border-radius-md);display:flex;align-items:center;color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast)}.nav-item svg{margin-right:var(--space-3)}.nav-item:hover{background-color:var(--color-neutral-100)}.nav-item.active{background-color:var(--color-primary-50);color:var(--color-primary-600)}#logoutButton{color:var(--color-error-500)}#logoutButton:hover{background-color:var(--color-error-50)}.account-content{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.account-section{display:none}.account-section.active{display:block}.account-section h2{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background-color:var(--color-neutral-50);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;align-items:center}.stat-icon{width:48px;height:48px;margin-right:var(--space-4);background-color:var(--color-white);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary-500)}.stat-info h4{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.stat-info p{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.recent-orders h3{margin-bottom:var(--space-4)}.order-item{padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);margin-bottom:var(--space-3)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-header h4{margin:0}.order-status{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md)}.order-status.processing{background-color:var(--color-warning-50);color:var(--color-warning-500)}.order-status.delivered{background-color:var(--color-success-50);color:var(--color-success-500)}.order-info{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.order-info p{margin:0}.addresses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.address-card{border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);padding:var(--space-4)}.add-address{border:2px dashed var(--color-neutral-300);display:flex;align-items:center;justify-content:center}.add-address-btn{background:none;border:none;color:var(--color-primary-600);display:flex;flex-direction:column;align-items:center;cursor:pointer}.add-address-btn svg{margin-bottom:var(--space-2)}.settings-form{max-width:480px}@media (max-width: 1024px){.account-grid{grid-template-columns:1fr;gap:var(--space-6)}.account-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-item{width:auto;margin:0}}@media (max-width: 768px){.dashboard-stats,.addresses-grid{grid-template-columns:1fr}}.values-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.value-card{flex:1 1 30%;background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #0000000f;text-align:center}.value-icon svg{width:32px;height:32px;margin-bottom:.75rem}.value-card h3{font-size:1.125rem;margin-bottom:.5rem;color:#222}.value-card p{font-size:.95rem;color:#555}.impact-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.stat-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0000000f;text-align:center;flex:1 1 28%}.stat-number{font-size:2rem;font-weight:700}.stat-label{font-size:1rem;color:#555;margin-top:.5rem}.team-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.team-card{text-align:center;flex:1 1 30%;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 12px #0000000d}.team-card img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:1rem}.team-card h3{font-size:1.125rem;color:#222;margin-bottom:.25rem}.team-card .role{font-size:.95rem;color:#777}@media (max-width: 768px){.about-grid,.values-grid,.impact-stats,.team-grid{flex-direction:column;align-items:center}.value-card,.stat-card,.team-card{width:100%}.about-content,.about-image{flex:1 1 100%}}