.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;pointer-events:none}.toast{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4);position:relative;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-color:var(--green-500)}.toast--error{border-color:var(--red-500)}.toast--warning{border-color:var(--yellow-500)}.toast--info{border-color:var(--blue-500)}.toast-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--neutral-900)}.toast-message{color:var(--neutral-700);font-size:var(--text-sm)}.toast-close{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;font-size:24px;cursor:pointer;color:var(--neutral-500);line-height:1;padding:var(--space-1)}.toast-close:hover{color:var(--neutral-900)}[data-theme=dark] .toast{background:var(--neutral-800)}[data-theme=dark] .toast-title{color:var(--neutral-100)}[data-theme=dark] .toast-message{color:var(--neutral-300)}.deals-carousel{padding:24px 0}.deals-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.deals-carousel-header h2{font-size:28px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:12px}.btn-refresh{padding:10px 20px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.deal-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;cursor:pointer}.deal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.deal-badge{position:absolute;top:12px;right:12px;z-index:10}.deal-percent{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 4px 12px #ef44444d}.deal-image{width:100%;height:200px;background:linear-gradient(135deg,#f9fafb,#e5e7eb);display:flex;align-items:center;justify-content:center;padding:20px}.deal-image img{max-width:100%;max-height:100%;object-fit:contain}.deal-content{padding:20px}.deal-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-store{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:6px;width:fit-content}.store-icon{font-size:16px}.store-name{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.deal-prices{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.deal-price-original{font-size:16px;color:var(--color-text-secondary);text-decoration:line-through}.deal-price-discounted{font-size:28px;font-weight:700;color:var(--color-error)}.deal-savings{display:flex;align-items:center;justify-content:space-between;padding:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;margin-bottom:12px}.savings-label{font-size:14px;color:var(--color-text-secondary);font-weight:600}.savings-amount{font-size:18px;font-weight:700;color:var(--color-warning)}.deal-promotion{font-size:13px;color:var(--color-error);background:#fee2e2;padding:8px 12px;border-radius:6px;text-align:center;font-weight:600}.deals-carousel-loading,.deals-carousel-error,.deals-carousel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.btn-retry{margin-top:16px;padding:10px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry:hover{background:var(--color-primary-dark)}@media (max-width: 1024px){.deals-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.deals-carousel{padding:16px 0}.deals-carousel-header{flex-direction:column;gap:16px;align-items:flex-start}.deals-carousel-header h2{font-size:24px}.deals-grid{grid-template-columns:1fr}}.home-page{min-height:100vh;background:linear-gradient(180deg,#fff,#f8f9fa);overflow-x:hidden}[data-theme=dark] .home-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.hero-section{min-height:100vh;background:linear-gradient(135deg,#0055a4,#002f6c);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.08) 0%,transparent 50%);animation:floatingGradient 20s ease-in-out infinite}@keyframes floatingGradient{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.05)}66%{transform:translate(20px,-10px) scale(.95)}}.hero-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundMove 30s linear infinite}@keyframes backgroundMove{0%{transform:translate(0) rotate(0)}to{transform:translate(60px,60px) rotate(360deg)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;padding:var(--space-8);animation:heroEntry 1s ease-out}@keyframes heroEntry{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:300;color:var(--neutral-900);margin-bottom:var(--space-6);line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(255,255,255,.3);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 10px 30px rgba(0,0,0,.2)}to{text-shadow:0 10px 40px rgba(255,255,255,.2),0 0 60px rgba(102,126,234,.4)}}.hero-content h1 .highlight{background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--neutral-800);margin-bottom:var(--space-10);font-weight:300;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .5s both}.btn-hero{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);font-weight:400;border-radius:var(--radius-full);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-3);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hero:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-hero:active:before{width:300px;height:300px}.btn-hero-primary{background:#fff;color:#0055a4;box-shadow:0 10px 40px #00000026}.btn-hero-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px #00000040;background:linear-gradient(135deg,#fff,#f8f9ff)}.btn-hero-secondary{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.btn-hero-secondary:hover{transform:translateY(-3px);background:#ffffff40;border-color:#ffffff80;box-shadow:0 10px 40px #00000026}.features-section{padding:var(--space-20) 0;position:relative;background:#fff}[data-theme=dark] .features-section{background:var(--neutral-900)}.section-header{text-align:center;margin-bottom:var(--space-16);animation:fadeIn .8s ease-out}.section-header h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-4);letter-spacing:-.02em;position:relative;display:inline-block}[data-theme=dark] .section-header h2{color:#fff}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#0055a4,#002f6c);border-radius:var(--radius-full)}.section-header p{font-size:var(--text-xl);color:var(--neutral-600);max-width:600px;margin:var(--space-6) auto 0;line-height:1.6}[data-theme=dark] .section-header p{color:var(--neutral-400)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-20)}.feature-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 10px 40px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:featureEntry .8s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}@keyframes featureEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .feature-card{background:linear-gradient(135deg,var(--neutral-800) 0%,var(--neutral-850) 100%);box-shadow:0 10px 40px #0000004d}.feature-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(135deg,#0055a420,#002f6c20);border-radius:50%;transition:all .6s ease;opacity:0}.feature-card:hover:before{top:-25%;right:-25%;opacity:1}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #667eea26}.feature-icon{width:80px;height:80px;margin-bottom:var(--space-6);background:linear-gradient(135deg,#0055a4,#002f6c);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 10px 30px #667eea4d;transition:all .4s ease;position:relative;z-index:1}.feature-card:hover .feature-icon{transform:rotate(10deg) scale(1.1)}.feature-card h3{font-size:var(--text-2xl);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-4);position:relative;z-index:1}[data-theme=dark] .feature-card h3{color:#fff}.feature-card p{font-size:var(--text-lg);color:var(--neutral-600);line-height:1.6;position:relative;z-index:1}[data-theme=dark] .feature-card p{color:var(--neutral-400)}.categories-section{padding:var(--space-20) 0;background:linear-gradient(180deg,#f8f9fa,#fff);position:relative}[data-theme=dark] .categories-section{background:linear-gradient(180deg,var(--neutral-850) 0%,var(--neutral-900) 100%)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6)}.category-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden;animation:categoryEntry .6s ease-out;animation-fill-mode:both}.category-card:nth-child(1){animation-delay:.05s}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}@keyframes categoryEntry{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .category-card{background:var(--neutral-800);box-shadow:0 4px 20px #0000004d}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0055a4,#002f6c);opacity:0;transition:opacity .4s ease}.category-card:hover:before{opacity:.1}.category-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 15px 40px #667eea26}.category-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#0055a415,#002f6c15);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:28px;color:#0055a4;transition:all .4s ease;position:relative;z-index:1}.category-card:hover .category-icon{background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;transform:rotate(360deg)}.category-card h3{font-size:var(--text-lg);font-weight:400;color:var(--neutral-900);position:relative;z-index:1}[data-theme=dark] .category-card h3{color:#fff}.stats-section{padding:var(--space-16) 0;background:linear-gradient(135deg,#0055a4,#002f6c);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='50' cy='50' r='40'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px;animation:statsMove 20s linear infinite}@keyframes statsMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);position:relative;z-index:1}.stat-card{text-align:center;color:#fff;animation:statEntry .8s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes statEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;margin-bottom:var(--space-2);text-shadow:0 4px 20px rgba(0,0,0,.1);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-lg);font-weight:500;opacity:.95;text-transform:uppercase;letter-spacing:.05em}.cta-section{padding:var(--space-20) 0;background:#fff;position:relative}[data-theme=dark] .cta-section{background:var(--neutral-900)}.cta-card{background:linear-gradient(135deg,#0055a4,#002f6c);border-radius:var(--radius-3xl);padding:var(--space-16);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea4d;animation:ctaEntry 1s ease-out}@keyframes ctaEntry{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cta-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:ctaGlow 10s ease-in-out infinite}@keyframes ctaGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20%,-20%) scale(1.2)}}.cta-card h2{font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#fff;margin-bottom:var(--space-4);position:relative;z-index:1}.cta-card p{font-size:var(--text-xl);color:#fffffff2;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.how-it-works-section{padding:var(--space-20) 0;background:linear-gradient(180deg,#f8f9fa,#fff)}[data-theme=dark] .how-it-works-section{background:linear-gradient(180deg,var(--neutral-850) 0%,var(--neutral-900) 100%)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);position:relative}.steps-grid:before{content:"";position:absolute;top:60px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#0055A4,transparent);z-index:0;opacity:.3}.step-card{position:relative;text-align:center;z-index:1;animation:stepEntry .8s ease-out;animation-fill-mode:both}.step-card:nth-child(1){animation-delay:.2s}.step-card:nth-child(2){animation-delay:.4s}.step-card:nth-child(3){animation-delay:.6s}.step-card:nth-child(4){animation-delay:.8s}@keyframes stepEntry{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-number{width:60px;height:60px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:400;box-shadow:0 10px 30px #667eea4d;transition:all .4s ease}.step-card:hover .step-number{transform:scale(1.2) rotate(360deg)}.step-card h3{font-size:var(--text-xl);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-3)}[data-theme=dark] .step-card h3{color:#fff}.step-card p{font-size:var(--text-base);color:var(--neutral-600);line-height:1.6}[data-theme=dark] .step-card p{color:var(--neutral-400)}.testimonials-section{padding:var(--space-20) 0;background:#fff}[data-theme=dark] .testimonials-section{background:var(--neutral-900)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.testimonial-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 10px 40px #0000000d;transition:all .4s ease;position:relative;animation:testimonialEntry .8s ease-out;animation-fill-mode:both}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}@keyframes testimonialEntry{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .testimonial-card{background:linear-gradient(135deg,var(--neutral-800),var(--neutral-850));box-shadow:0 10px 40px #0000004d}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #667eea1a}.quote-icon{font-size:48px;color:#0055a4;opacity:.2;margin-bottom:var(--space-4)}.testimonial-text{font-size:var(--text-lg);color:var(--neutral-700);line-height:1.8;margin-bottom:var(--space-6);font-style:italic}[data-theme=dark] .testimonial-text{color:var(--neutral-300)}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0055a4,#002f6c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:var(--text-xl)}.author-info h4{font-size:var(--text-base);font-weight:500;color:var(--neutral-900);margin-bottom:2px}[data-theme=dark] .author-info h4{color:#fff}.author-info p{font-size:var(--text-sm);color:var(--neutral-500)}.shopping-list-cta{padding:var(--space-16) 0;background:linear-gradient(135deg,#0055a40d,#002f6c0d);position:relative;overflow:hidden}.shopping-list-cta:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='%230055A4' stroke-width='0.1' opacity='0.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E");animation:slidePattern 30s linear infinite}@keyframes slidePattern{0%{transform:translate(0)}to{transform:translate(60px)}}.cta-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;max-width:1200px;margin:0 auto}.cta-text h2{font-size:var(--text-4xl);font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-4);letter-spacing:-.02em}.cta-text p{font-size:var(--text-lg);color:var(--neutral-600);margin-bottom:var(--space-8);line-height:1.6}.cta-text .btn{display:inline-flex;align-items:center;background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:500;border-radius:var(--radius-xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0055a433}.cta-text .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0055a44d}.cta-features{display:flex;flex-direction:column;gap:var(--space-4)}.cta-feature{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.cta-feature:hover{transform:translate(8px);box-shadow:0 4px 20px #0055a41a}.cta-feature svg{width:32px;height:32px;color:#0055a4;flex-shrink:0}.cta-feature span{font-size:var(--text-base);color:var(--neutral-700);font-weight:500}[data-theme=dark] .shopping-list-cta{background:linear-gradient(135deg,#0055a41a,#002f6c1a)}[data-theme=dark] .cta-text h2{color:#fff}[data-theme=dark] .cta-text p{color:var(--neutral-400)}[data-theme=dark] .cta-feature{background:var(--neutral-800)}[data-theme=dark] .cta-feature span{color:var(--neutral-200)}@media (max-width: 768px){.cta-content{grid-template-columns:1fr;gap:var(--space-8)}.cta-text{text-align:center}.cta-text h2{font-size:var(--text-3xl)}}.home-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);padding:var(--space-4) 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000000d}[data-theme=dark] .home-header{background:#1a1a1af2;border-color:#ffffff0d}.home-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.home-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:400;background:linear-gradient(135deg,#0055a4,#002f6c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.home-nav{display:flex;gap:var(--space-6)}.home-nav a{color:var(--neutral-700);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.home-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#0055a4,#002f6c);transition:width .3s ease}.home-nav a:hover{color:#0055a4}.home-nav a:hover:after{width:100%}[data-theme=dark] .home-nav a{color:var(--neutral-300)}[data-theme=dark] .home-nav a:hover{color:#a5b4fc}footer{background:linear-gradient(180deg,var(--neutral-900) 0%,black 100%);color:#fff;padding:var(--space-16) 0 var(--space-8);margin-top:0;position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#0055A4,transparent)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.hero-content h1{font-size:clamp(2.5rem,8vw,4rem)}.hero-buttons{flex-direction:column;align-items:center}.btn-hero{width:100%;max-width:300px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.categories-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.home-nav{display:none}}@media (max-width: 480px){.hero-section{min-height:80vh}.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.category-card{padding:var(--space-4)}.section-header h2{font-size:clamp(1.75rem,6vw,2.5rem)}}.home-page>section{animation:sectionLoad .8s ease-out}@keyframes sectionLoad{0%{opacity:0}to{opacity:1}}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--neutral-900)}@supports (animation-timeline: scroll()){.hero-section{animation:heroParallax linear;animation-timeline:scroll()}@keyframes heroParallax{to{transform:translateY(100px);opacity:.7}}}.products-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#fff)}[data-theme=dark] .products-page{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)}.products-header{background:linear-gradient(135deg,#0055a4,#002f6c);position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden}.products-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='100' y1='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.05'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h50v50H0zM50 50h50v50H50z'/%3E%3C/svg%3E");background-size:100px 100px;animation:meshMove 20s linear infinite;pointer-events:none}.products-header .header-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--neutral-700);text-decoration:none;font-size:var(--text-base);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.back-link:hover{background:#fffffff2;color:var(--neutral-900);transform:translate(-4px);box-shadow:0 4px 12px #0000001a}.products-header h1{font-size:var(--text-5xl);font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(255,255,255,.3);letter-spacing:-.03em}.products-header p{font-size:var(--text-xl);color:var(--neutral-800);font-weight:300;line-height:1.6}.products-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-10);padding:var(--space-10) 0;max-width:1600px;margin:0 auto}.products-sidebar{position:sticky;top:var(--space-6);height:fit-content;animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.filter-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:var(--space-7);margin-bottom:var(--space-6);box-shadow:0 8px 32px #667eea14;border:1px solid rgba(255,255,255,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .filter-section{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.filter-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea1f}.filter-section h3{font-size:var(--text-lg);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);position:relative}.filter-section h3:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#0055A420,transparent);margin-left:var(--space-3)}.filter-options{display:flex;flex-direction:column;gap:var(--space-2)}.filter-option{background:transparent;border:2px solid transparent;padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--neutral-700);font-weight:500;position:relative;overflow:hidden}.filter-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.filter-option:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);color:#0055a4;transform:translate(6px);border-color:#667eea33}[data-theme=dark] .filter-option:hover{background:linear-gradient(135deg,#667eea26,#764ba226);color:#a5b4fc;border-color:#667eea4d}.filter-option.active{background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;font-weight:400;box-shadow:0 6px 20px #667eea59;transform:translate(6px);border-color:transparent}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer;color:var(--neutral-700);transition:all .3s ease}[data-theme=dark] .checkbox-label{color:var(--neutral-300)}.checkbox-label:hover{color:#0055a4;transform:translate(4px)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#0055A4;border-radius:var(--radius-sm)}.products-main{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn .6s ease-out .2s both}.products-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #667eea14;border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .products-toolbar{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.search-box input{width:100%;padding:var(--space-4) var(--space-6);padding-right:var(--space-14);border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;border-radius:var(--radius-full);font-size:var(--text-base);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--neutral-900);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .search-box input{background:linear-gradient(var(--neutral-800),var(--neutral-800)) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;color:#fff}.search-box input:focus{outline:none;box-shadow:0 8px 24px #667eea33;transform:translateY(-2px)}.search-icon{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);font-size:20px;color:#0055a4;pointer-events:none}.results-count{color:var(--neutral-600);font-weight:400;white-space:nowrap;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-full);font-size:var(--text-base)}[data-theme=dark] .results-count{color:var(--neutral-300);background:linear-gradient(135deg,#667eea33,#764ba233)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-8);animation:gridFadeIn .8s ease-out .3s both}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000000d;position:relative;animation:cardEntry .6s ease-out;animation-fill-mode:both}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}@keyframes cardEntry{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .product-card{background:var(--neutral-800);box-shadow:0 4px 6px #0006}.product-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #667eea2e}.product-card a{text-decoration:none;display:block}.product-image{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}[data-theme=dark] .product-image{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.15)}.product-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 12px #00000026}.product-badge.promo{background:linear-gradient(135deg,#ff6b6b,#ee5a24);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-badge.bio{background:linear-gradient(135deg,#56ab2f,#a8e063);top:calc(var(--space-4) + 36px)}.product-badge.new{background:linear-gradient(135deg,#0055a4,#002f6c)}.product-info{padding:var(--space-5);position:relative}.product-name{font-size:var(--text-lg);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-2);line-height:1.3;transition:color .3s ease}[data-theme=dark] .product-name{color:#fff}.product-card:hover .product-name{color:#0055a4}.product-brand{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-3);font-weight:500;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .product-brand{color:var(--neutral-400)}.product-rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm)}.product-rating .stars{color:gold;font-weight:400;display:flex;align-items:center;gap:2px}.product-rating .reviews{color:var(--neutral-500)}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .product-footer{border-top-color:#ffffff0d}.product-price{display:flex;align-items:baseline;gap:var(--space-2)}.product-price .price{font-size:var(--text-2xl);font-weight:400;background:linear-gradient(135deg,#0055a4,#002f6c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-price .original-price{font-size:var(--text-base);color:var(--neutral-400);text-decoration:line-through}.btn-add-cart{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;border:none;font-size:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.btn-add-cart:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 8px 24px #667eea66}.btn-add-cart:active{transform:scale(.95)}.loading-state,.empty-state{text-align:center;padding:var(--space-20) var(--space-4);animation:fadeIn .6s ease-out}.spinner{width:64px;height:64px;border:4px solid rgba(102,126,234,.2);border-top-color:#0055a4;border-radius:var(--radius-full);animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin:0 auto var(--space-6)}.loading-state p{color:var(--neutral-600);font-size:var(--text-lg);font-weight:500}[data-theme=dark] .loading-state p{color:var(--neutral-400)}.empty-state p{font-size:var(--text-lg);color:var(--neutral-600);max-width:500px;margin:0 auto;line-height:1.6}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;animation:fadeIn .6s ease-out .5s both}.pagination-btn{padding:var(--space-3) var(--space-6);background:#fff;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;color:#0055a4;border-radius:var(--radius-full);font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea1a}[data-theme=dark] .pagination-btn{background:linear-gradient(var(--neutral-800),var(--neutral-800)) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;color:#a5b4fc}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #667eea4d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--neutral-600);font-weight:500;padding:var(--space-2) var(--space-4);background:#667eea1a;border-radius:var(--radius-full)}[data-theme=dark] .pagination-info{color:var(--neutral-400);background:#667eea33}@media (max-width: 1280px){.products-layout{grid-template-columns:280px 1fr}}@media (max-width: 1024px){.products-layout{grid-template-columns:1fr}.products-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.products-header h1{font-size:var(--text-3xl)}.products-header p{font-size:var(--text-lg)}.products-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.product-name{font-size:var(--text-base)}.product-price .price{font-size:var(--text-xl)}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}}.products-header{animation:headerSlideDown .8s ease-out}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}button,.filter-option{position:relative;overflow:hidden}button:after,.filter-option:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);transition:width .6s,height .6s}html{scroll-behavior:smooth}::selection{background:#667eea33;color:#0055a4}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--neutral-100)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--neutral-800)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0055a4,#002f6c);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b4196)}.recipes-page{min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#fff)}[data-theme=dark] .recipes-page{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}.recipes-header{background:linear-gradient(135deg,#0055a4,#002f6c);position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden}.recipes-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.recipes-header .header-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.recipes-header h1{font-size:var(--text-5xl);font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(255,255,255,.2);letter-spacing:-.02em}.recipes-header p{font-size:var(--text-xl);color:#fffffff2;margin-bottom:var(--space-8);font-weight:300;line-height:1.6}.ai-btn{background:#fff!important;color:#0055a4!important;border:none!important;font-weight:400!important;padding:var(--space-4) var(--space-8)!important;border-radius:var(--radius-full)!important;font-size:var(--text-lg)!important;box-shadow:0 10px 25px #00000026!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;align-items:center!important;gap:var(--space-3)!important}.ai-btn:hover{transform:translateY(-3px)!important;box-shadow:0 15px 35px #0003!important;background:linear-gradient(135deg,#fff,#f8f9ff)!important}.recipes-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-10);padding:var(--space-10) 0;max-width:1400px;margin:0 auto}.recipes-sidebar{position:sticky;top:var(--space-6);height:fit-content}.recipes-main{display:flex;flex-direction:column;gap:var(--space-8)}.recipes-toolbar{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 4px 6px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;animation:fadeIn .6s ease-out .2s both}[data-theme=dark] .recipes-toolbar{background:var(--neutral-800);box-shadow:0 4px 6px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-box{position:relative;flex:1;max-width:500px}.search-box input{width:100%;padding:var(--space-4) var(--space-6);padding-right:var(--space-14);border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;border-radius:var(--radius-full);font-size:var(--text-base);transition:all .3s ease;color:var(--neutral-900);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .search-box input{background:linear-gradient(var(--neutral-700),var(--neutral-700)) padding-box,linear-gradient(135deg,#0055a4,#002f6c) border-box;color:#fff}.search-box input:focus{outline:none;box-shadow:0 4px 20px #667eea40;transform:translateY(-1px)}.search-box input::placeholder{color:var(--neutral-400)}.search-icon{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);color:#0055a4;pointer-events:none;font-size:20px}.results-count{font-size:var(--text-base);color:var(--neutral-600);font-weight:500;white-space:nowrap;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#0055a410,#002f6c10);border-radius:var(--radius-full)}[data-theme=dark] .results-count{color:var(--neutral-300);background:linear-gradient(135deg,#0055a420,#002f6c20)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8);animation:fadeIn .6s ease-out .4s both}.recipe-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;position:relative;animation:cardEntry .6s ease-out;animation-fill-mode:both}.recipe-card:nth-child(1){animation-delay:.1s}.recipe-card:nth-child(2){animation-delay:.2s}.recipe-card:nth-child(3){animation-delay:.3s}.recipe-card:nth-child(4){animation-delay:.4s}.recipe-card:nth-child(5){animation-delay:.5s}.recipe-card:nth-child(6){animation-delay:.6s}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .recipe-card{background:var(--neutral-800);box-shadow:0 4px 6px #0000004d}.recipe-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #667eea26}.recipe-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#0055a420,#002f6c20)}[data-theme=dark] .recipe-image{background:linear-gradient(135deg,#0055a410,#002f6c10)}.recipe-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.recipe-card:hover .recipe-image img{transform:scale(1.1)}.recipe-badge{position:absolute;top:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:400;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em}.recipe-badge.ai{left:var(--space-4);background:linear-gradient(135deg,#0055a4,#002f6c);box-shadow:0 4px 10px #667eea4d}.recipe-badge.premium{left:var(--space-4);background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 10px #f5576c4d}.recipe-badge.favorite{right:var(--space-4);background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 10px #fa709a4d}.recipe-info{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);flex:1}.recipe-title{font-size:var(--text-xl);font-weight:500;color:var(--neutral-900);line-height:1.3;transition:color .3s ease}[data-theme=dark] .recipe-title{color:#fff}.recipe-card:hover .recipe-title{color:#0055a4}.recipe-description{font-size:var(--text-base);color:var(--neutral-600);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .recipe-description{color:var(--neutral-400)}.recipe-meta{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--text-sm);color:var(--neutral-500);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--neutral-100)}[data-theme=dark] .recipe-meta{color:var(--neutral-400);border-top-color:var(--neutral-700)}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-item svg{flex-shrink:0;opacity:.8;color:#0055a4}.recipe-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.difficulty-badge,.category-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.difficulty-badge.easy{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#0a5f3e}.difficulty-badge.medium{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.difficulty-badge.hard{background:linear-gradient(135deg,#fc6767,#ec008c);color:#fff}.category-badge{background:linear-gradient(135deg,#0055a420,#002f6c20);color:#0055a4;border:1px solid #0055A430}[data-theme=dark] .category-badge{background:linear-gradient(135deg,#0055a430,#002f6c30);color:#a5b4fc;border-color:#0055a450}.filter-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 4px 6px #0000000d;margin-bottom:var(--space-6);transition:all .3s ease}[data-theme=dark] .filter-section{background:var(--neutral-800);box-shadow:0 4px 6px #0000004d}.filter-section:hover{box-shadow:0 8px 16px #00000014}.filter-section h3{font-size:var(--text-lg);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}[data-theme=dark] .filter-section h3{color:#fff}.filter-options{display:flex;flex-direction:column;gap:var(--space-1)}.filter-option{padding:var(--space-3) var(--space-4);border:2px solid transparent;background:transparent;text-align:left;border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--neutral-700);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}[data-theme=dark] .filter-option{color:var(--neutral-300)}.filter-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#0055A420,transparent);transition:left .5s ease}.filter-option:hover{background:linear-gradient(135deg,#0055a410,#002f6c10);color:#0055a4;transform:translate(4px)}.filter-option:hover:before{left:100%}[data-theme=dark] .filter-option:hover{background:linear-gradient(135deg,#0055a420,#002f6c20);color:#a5b4fc}.filter-option.active{background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff;font-weight:400;box-shadow:0 4px 12px #667eea4d;transform:translate(4px)}.empty-state,.loading-state{text-align:center;padding:var(--space-20) var(--space-6);animation:fadeIn .6s ease-out}.empty-icon{font-size:80px;margin-bottom:var(--space-6);color:#0055a4;opacity:.3}.empty-state h3{font-size:var(--text-3xl);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-4)}[data-theme=dark] .empty-state h3{color:#fff}.empty-state p{font-size:var(--text-lg);color:var(--neutral-600);max-width:500px;margin:0 auto var(--space-8);line-height:1.6}.spinner{width:60px;height:60px;margin:0 auto var(--space-6);border:4px solid #0055A420;border-top-color:#0055a4;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.back-link{display:inline-flex;align-items:center;color:#ffffffe6;text-decoration:none;font-size:var(--text-base);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500}.back-link:hover{background:#fff3;color:#fff;transform:translate(-4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:var(--radius-3xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .modal-content{background:var(--neutral-800)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8);border-bottom:1px solid var(--neutral-100);background:linear-gradient(135deg,#0055a410,#002f6c10)}[data-theme=dark] .modal-header{border-color:var(--neutral-700);background:linear-gradient(135deg,#0055a420,#002f6c20)}.modal-header h2{font-size:var(--text-2xl);font-weight:500;color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-3)}[data-theme=dark] .modal-header h2{color:#fff}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--neutral-500);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .3s ease}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-700);transform:rotate(90deg)}[data-theme=dark] .modal-close:hover{background:var(--neutral-700);color:var(--neutral-300)}.modal-body{padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:flex;align-items:center;font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-3);font-size:var(--text-base)}[data-theme=dark] .form-group label{color:#fff}.form-input,.form-select{width:100%;padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-xl);font-size:var(--text-base);transition:all .3s ease;background:#fff;color:var(--neutral-900)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:var(--neutral-700);border-color:var(--neutral-600);color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#0055a4;box-shadow:0 0 0 4px #667eea1a}@media (max-width: 1024px){.recipes-layout{grid-template-columns:1fr}.recipes-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.recipes-header h1{font-size:var(--text-3xl)}.recipes-header p{font-size:var(--text-lg)}.recipes-grid{grid-template-columns:1fr;gap:var(--space-6)}.recipes-toolbar{flex-direction:column}.search-box{max-width:100%}.modal-content{margin:var(--space-4);max-width:100%}}.recipes-header{animation:headerSlideDown .8s ease-out}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}button,.filter-option,.recipe-card{position:relative;overflow:hidden}button:after,.filter-option:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:after,.filter-option:active:after{width:300px;height:300px}.recipe-detail-page{min-height:100vh;background:var(--neutral-50);padding:var(--space-6) var(--space-8);display:grid;grid-template-columns:1fr 380px;grid-template-areas:"header header" "gallery gallery" "quick-info quick-info" "content sidebar" "reviews reviews";gap:var(--space-6);max-width:1400px;margin:0 auto}[data-theme=dark] .recipe-detail-page{background:var(--neutral-900)}.recipe-detail-page--loading{grid-template-columns:1fr;place-items:center;padding:var(--space-20);font-size:var(--text-2xl);color:var(--neutral-500)}.recipe-detail-header{grid-area:header}.recipe-detail-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm)}.recipe-detail-breadcrumb-link{color:var(--neutral-600);text-decoration:none;transition:color var(--transition-fast)}.recipe-detail-breadcrumb-link:hover{color:var(--primary-600)}[data-theme=dark] .recipe-detail-breadcrumb-link,.recipe-detail-breadcrumb-separator{color:var(--neutral-400)}.recipe-detail-breadcrumb-current{color:var(--neutral-900);font-weight:var(--font-medium)}[data-theme=dark] .recipe-detail-breadcrumb-current{color:var(--white)}.recipe-detail-header-main{display:flex;justify-content:space-between;gap:var(--space-8)}.recipe-detail-header-text{flex:1}.recipe-detail-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-4) 0;line-height:1.2}[data-theme=dark] .recipe-detail-title{color:var(--white)}.recipe-detail-description{font-size:var(--text-lg);color:var(--neutral-600);margin:0 0 var(--space-6) 0;line-height:1.6}[data-theme=dark] .recipe-detail-description{color:var(--neutral-400)}.recipe-detail-meta{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.recipe-detail-author{display:flex;align-items:center;gap:var(--space-3)}.recipe-detail-author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.recipe-detail-author-label{font-size:var(--text-sm);color:var(--neutral-500);display:block}.recipe-detail-author-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);display:block}[data-theme=dark] .recipe-detail-author-name{color:var(--white)}.recipe-detail-rating{display:flex;align-items:center;gap:var(--space-2)}.recipe-detail-stars{display:flex;gap:var(--space-1);color:var(--yellow-500)}.recipe-detail-rating-text{font-size:var(--text-sm);color:var(--neutral-600);font-weight:var(--font-medium)}[data-theme=dark] .recipe-detail-rating-text{color:var(--neutral-400)}.recipe-detail-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.recipe-detail-header-actions{display:flex;gap:var(--space-3);flex-shrink:0}.recipe-detail-gallery{grid-area:gallery}.recipe-detail-gallery-main{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-4);box-shadow:var(--shadow-lg)}.recipe-detail-gallery-main img{width:100%;height:100%;object-fit:cover}.recipe-detail-gallery-thumbnails{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.recipe-detail-gallery-thumbnail{flex-shrink:0;width:120px;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.recipe-detail-gallery-thumbnail:hover{border-color:var(--primary-300)}.recipe-detail-gallery-thumbnail--active{border-color:var(--primary-500)}.recipe-detail-gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.recipe-detail-quick-info{grid-area:quick-info;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}[data-theme=dark] .recipe-detail-quick-info{background:var(--neutral-800)}.recipe-detail-quick-info-item{display:flex;align-items:center;gap:var(--space-4)}.recipe-detail-quick-info-item>svg{flex-shrink:0;color:var(--primary-500)}.recipe-detail-quick-info-label{display:block;font-size:var(--text-xs);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.recipe-detail-quick-info-value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900)}[data-theme=dark] .recipe-detail-quick-info-value{color:var(--white)}.recipe-detail-servings-control{display:flex;align-items:center;gap:var(--space-2)}.recipe-detail-servings-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--primary-500);background:var(--white);color:var(--primary-600);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.recipe-detail-servings-btn:hover{background:var(--primary-500);color:var(--white)}[data-theme=dark] .recipe-detail-servings-btn{background:var(--neutral-700);border-color:var(--primary-400);color:var(--primary-400)}.recipe-detail-content{grid-area:content;display:flex;flex-direction:column;gap:var(--space-8)}.recipe-detail-section{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}[data-theme=dark] .recipe-detail-section{background:var(--neutral-800)}.recipe-detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.recipe-detail-section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-5) 0}[data-theme=dark] .recipe-detail-section-title{color:var(--white)}.recipe-detail-ingredients-price{display:flex;align-items:center;gap:var(--space-2)}.recipe-detail-ingredients-price-label{font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .recipe-detail-ingredients-price-label{color:var(--neutral-400)}.recipe-detail-ingredients-price-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-600)}[data-theme=dark] .recipe-detail-ingredients-price-value{color:var(--primary-400)}.recipe-detail-ingredients-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.recipe-detail-ingredient{display:grid;grid-template-columns:100px 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--neutral-50);transition:background var(--transition-fast)}.recipe-detail-ingredient:hover{background:var(--neutral-100)}[data-theme=dark] .recipe-detail-ingredient{background:var(--neutral-700)}[data-theme=dark] .recipe-detail-ingredient:hover{background:var(--neutral-600)}.recipe-detail-ingredient-quantity{font-weight:var(--font-semibold);color:var(--primary-600);font-size:var(--text-sm)}[data-theme=dark] .recipe-detail-ingredient-quantity{color:var(--primary-400)}.recipe-detail-ingredient-name{color:var(--neutral-900);font-size:var(--text-base)}[data-theme=dark] .recipe-detail-ingredient-name{color:var(--white)}.recipe-detail-ingredient-price{font-weight:var(--font-semibold);color:var(--neutral-700);font-size:var(--text-sm)}[data-theme=dark] .recipe-detail-ingredient-price{color:var(--neutral-300)}.recipe-detail-instructions{display:flex;flex-direction:column;gap:var(--space-6)}.recipe-detail-instruction{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--neutral-50);transition:all var(--transition-fast)}[data-theme=dark] .recipe-detail-instruction{background:var(--neutral-700)}.recipe-detail-instruction--completed{opacity:.6}.recipe-detail-instruction-checkbox{flex-shrink:0;width:28px;height:28px;border:3px solid var(--neutral-400);border-radius:50%;background:var(--white);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--white);padding:0}.recipe-detail-instruction-checkbox:hover{border-color:var(--primary-500)}.recipe-detail-instruction--completed .recipe-detail-instruction-checkbox{background:var(--primary-500);border-color:var(--primary-500)}[data-theme=dark] .recipe-detail-instruction-checkbox{background:var(--neutral-600);border-color:var(--neutral-500)}.recipe-detail-instruction-content{flex:1}.recipe-detail-instruction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.recipe-detail-instruction-number{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .recipe-detail-instruction-number{color:var(--primary-400)}.recipe-detail-instruction-duration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .recipe-detail-instruction-duration{color:var(--neutral-400)}.recipe-detail-instruction-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}[data-theme=dark] .recipe-detail-instruction-title{color:var(--white)}.recipe-detail-instruction-description{font-size:var(--text-base);color:var(--neutral-700);margin:0 0 var(--space-3) 0;line-height:1.6}[data-theme=dark] .recipe-detail-instruction-description{color:var(--neutral-300)}.recipe-detail-instruction-image{width:100%;max-width:400px;border-radius:var(--radius-lg);margin-top:var(--space-3)}.recipe-detail-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--space-6);align-self:start;position:sticky;top:var(--space-6)}.recipe-detail-sidebar-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}[data-theme=dark] .recipe-detail-sidebar-card{background:var(--neutral-800)}.recipe-detail-sidebar-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-1) 0}[data-theme=dark] .recipe-detail-sidebar-title{color:var(--white)}.recipe-detail-sidebar-subtitle{font-size:var(--text-sm);color:var(--neutral-600);margin:0 0 var(--space-4) 0}[data-theme=dark] .recipe-detail-sidebar-subtitle{color:var(--neutral-400)}.recipe-detail-nutrition{display:flex;flex-direction:column;gap:var(--space-3)}.recipe-detail-nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--neutral-200)}.recipe-detail-nutrition-item:last-child{border-bottom:none}[data-theme=dark] .recipe-detail-nutrition-item{border-color:var(--neutral-700)}.recipe-detail-nutrition-label{font-size:var(--text-sm);color:var(--neutral-700);font-weight:var(--font-medium)}[data-theme=dark] .recipe-detail-nutrition-label{color:var(--neutral-300)}.recipe-detail-nutrition-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-900)}[data-theme=dark] .recipe-detail-nutrition-value{color:var(--white)}.recipe-detail-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.recipe-detail-tip{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--primary-50);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.recipe-detail-tip svg{flex-shrink:0;color:var(--primary-500);margin-top:2px}[data-theme=dark] .recipe-detail-tip{background:var(--primary-900);color:var(--neutral-300)}.recipe-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.recipe-detail-tag{padding:var(--space-2) var(--space-3);background:var(--neutral-100);color:var(--neutral-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast)}.recipe-detail-tag:hover{background:var(--primary-500);color:var(--white)}[data-theme=dark] .recipe-detail-tag{background:var(--neutral-700);color:var(--neutral-300)}[data-theme=dark] .recipe-detail-tag:hover{background:var(--primary-600);color:var(--white)}.recipe-detail-related{display:flex;flex-direction:column;gap:var(--space-3)}.recipe-detail-related-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);text-decoration:none;transition:background var(--transition-fast)}.recipe-detail-related-item:hover{background:var(--neutral-50)}[data-theme=dark] .recipe-detail-related-item:hover{background:var(--neutral-700)}.recipe-detail-related-image{width:80px;aspect-ratio:1;border-radius:var(--radius-lg);object-fit:cover}.recipe-detail-related-content{flex:1}.recipe-detail-related-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-1) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .recipe-detail-related-title{color:var(--white)}.recipe-detail-related-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--neutral-600)}[data-theme=dark] .recipe-detail-related-meta{color:var(--neutral-400)}.recipe-detail-reviews-section{grid-area:reviews;background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}[data-theme=dark] .recipe-detail-reviews-section{background:var(--neutral-800)}.recipe-detail-reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.recipe-detail-review-form{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}[data-theme=dark] .recipe-detail-review-form{background:var(--neutral-700)}.recipe-detail-review-form-rating{margin-bottom:var(--space-4)}.recipe-detail-review-form-rating label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);margin-bottom:var(--space-2);display:block}[data-theme=dark] .recipe-detail-review-form-rating label{color:var(--neutral-300)}.recipe-detail-review-stars{display:flex;gap:var(--space-2)}.recipe-detail-review-star{background:none;border:none;padding:0;cursor:pointer;color:var(--neutral-300);transition:color var(--transition-fast)}.recipe-detail-review-star--active{color:var(--yellow-500)}.recipe-detail-review-star:hover{color:var(--yellow-400)}.recipe-detail-review-textarea{width:100%;padding:var(--space-4);border:2px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;background:var(--white);color:var(--neutral-900);resize:vertical;margin-bottom:var(--space-4);transition:border-color var(--transition-fast)}.recipe-detail-review-textarea:focus{outline:none;border-color:var(--primary-500)}[data-theme=dark] .recipe-detail-review-textarea{background:var(--neutral-600);border-color:var(--neutral-500);color:var(--white)}.recipe-detail-review-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.recipe-detail-reviews{display:flex;flex-direction:column;gap:var(--space-6)}.recipe-detail-review{padding-bottom:var(--space-6);border-bottom:1px solid var(--neutral-200)}.recipe-detail-review:last-child{border-bottom:none;padding-bottom:0}[data-theme=dark] .recipe-detail-review{border-color:var(--neutral-700)}.recipe-detail-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.recipe-detail-review-user{display:flex;gap:var(--space-3)}.recipe-detail-review-avatar,.recipe-detail-review-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.recipe-detail-review-avatar-placeholder{background:var(--primary-500);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg)}.recipe-detail-review-username{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0}[data-theme=dark] .recipe-detail-review-username{color:var(--white)}.recipe-detail-review-date{font-size:var(--text-sm);color:var(--neutral-500)}.recipe-detail-review-rating-stars{display:flex;gap:var(--space-1);color:var(--yellow-500)}.recipe-detail-review-comment{font-size:var(--text-base);color:var(--neutral-700);line-height:1.6;margin:0 0 var(--space-3) 0}[data-theme=dark] .recipe-detail-review-comment{color:var(--neutral-300)}.recipe-detail-review-helpful{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--neutral-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.recipe-detail-review-helpful:hover{background:var(--neutral-100);color:var(--primary-600)}[data-theme=dark] .recipe-detail-review-helpful{color:var(--neutral-400)}[data-theme=dark] .recipe-detail-review-helpful:hover{background:var(--neutral-700);color:var(--primary-400)}@media (max-width: 1200px){.recipe-detail-page{grid-template-columns:1fr 320px}}@media (max-width: 1024px){.recipe-detail-page{grid-template-columns:1fr;grid-template-areas:"header" "gallery" "quick-info" "content" "sidebar" "reviews";padding:var(--space-5) var(--space-6)}.recipe-detail-sidebar{position:static}.recipe-detail-header-main{flex-direction:column}.recipe-detail-header-actions{width:100%;flex-wrap:wrap}.recipe-detail-header-actions button{flex:1}}@media (max-width: 768px){.recipe-detail-page{padding:var(--space-4)}.recipe-detail-title{font-size:var(--text-3xl)}.recipe-detail-description{font-size:var(--text-base)}.recipe-detail-quick-info{grid-template-columns:1fr 1fr}.recipe-detail-ingredient{grid-template-columns:80px 1fr auto;gap:var(--space-2)}.recipe-detail-ingredient-price{grid-column:1 / -1;text-align:right}.recipe-detail-gallery-thumbnail{width:80px}}@media (max-width: 640px){.recipe-detail-title{font-size:var(--text-2xl)}.recipe-detail-quick-info{grid-template-columns:1fr}.recipe-detail-meta{flex-direction:column;align-items:flex-start}.recipe-detail-header-actions{flex-direction:column}.recipe-detail-header-actions button{width:100%}.recipe-detail-instruction,.recipe-detail-review-form-actions{flex-direction:column}.recipe-detail-review-form-actions button{width:100%}}@media print{.recipe-detail-page{background:#fff;padding:0;grid-template-columns:1fr;grid-template-areas:"header" "gallery" "quick-info" "content"}.recipe-detail-header-actions,.recipe-detail-sidebar,.recipe-detail-reviews-section,.recipe-detail-breadcrumb{display:none}.recipe-detail-section{box-shadow:none;border:1px solid var(--neutral-300);page-break-inside:avoid}.recipe-detail-instruction-checkbox{border:2px solid var(--neutral-900)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.recipe-detail-section,.recipe-detail-sidebar-card{border:2px solid var(--neutral-300)}}.cart-page{min-height:100vh;background:var(--neutral-50);padding:var(--space-8) 0}[data-theme=dark] .cart-page{background:var(--neutral-900)}.cart-header{margin-bottom:var(--space-8)}.cart-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-2)}[data-theme=dark] .cart-header h1{color:var(--white)}.cart-header p{color:var(--neutral-600);font-size:var(--text-lg)}[data-theme=dark] .cart-header p{color:var(--neutral-400)}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-actions-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.continue-shopping{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.continue-shopping:hover{color:var(--primary-700)}.clear-cart{background:none;border:none;color:var(--red-600);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.clear-cart:hover{background:var(--red-50)}[data-theme=dark] .clear-cart:hover{background:var(--red-900)}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto auto;gap:var(--space-4);align-items:center;background:var(--white);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .cart-item{background:var(--neutral-800)}.item-image{width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-100)}[data-theme=dark] .item-image{background:var(--neutral-700)}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{display:flex;flex-direction:column;gap:var(--space-1)}.item-details a{text-decoration:none}.item-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);transition:color var(--transition-fast)}.item-details a:hover .item-name{color:var(--primary-600)}.item-brand{font-size:var(--text-sm);color:var(--neutral-500)}.item-badge.bio{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--green-500);color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.item-price{text-align:right}.item-price .price{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}[data-theme=dark] .item-price .price{color:var(--white)}.item-price .original-price{display:block;font-size:var(--text-sm);color:var(--neutral-400);text-decoration:line-through}.item-quantity{display:flex;align-items:center;gap:var(--space-2);background:var(--neutral-100);padding:var(--space-1);border-radius:var(--radius-lg)}[data-theme=dark] .item-quantity{background:var(--neutral-700)}.quantity-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-md);cursor:pointer;font-size:18px;font-weight:var(--font-bold);color:var(--neutral-700);transition:all var(--transition-fast)}[data-theme=dark] .quantity-btn{background:var(--neutral-600);border-color:var(--neutral-500);color:var(--neutral-300)}.quantity-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:50px;text-align:center;border:none;background:transparent;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900)}[data-theme=dark] .quantity-input{color:var(--white)}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-total{text-align:right;min-width:100px}.total-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-600)}.item-remove{background:none;border:none;cursor:pointer;font-size:20px;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);opacity:.6}.item-remove:hover{opacity:1;background:var(--red-50)}[data-theme=dark] .item-remove:hover{background:var(--red-900)}.cart-summary{position:sticky;top:var(--space-4)}.summary-card{background:var(--white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}[data-theme=dark] .summary-card{background:var(--neutral-800)}.summary-card h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-6)}[data-theme=dark] .summary-card h2{color:var(--white)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);color:var(--neutral-700);font-size:var(--text-base)}.summary-row.discount{color:var(--green-600)}.summary-row.total{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}[data-theme=dark] .summary-row.total{color:var(--white)}.total-amount{color:var(--primary-600);font-size:var(--text-2xl)}.free-shipping{color:var(--green-600);font-weight:var(--font-semibold)}.shipping-info{margin:var(--space-4) 0;padding:var(--space-3);background:var(--blue-50);border-radius:var(--radius-lg)}[data-theme=dark] .shipping-info{background:var(--blue-900)}.shipping-info p{font-size:var(--text-sm);color:var(--blue-700);margin-bottom:var(--space-2)}[data-theme=dark] .shipping-info p{color:var(--blue-300)}.shipping-progress{height:6px;background:var(--blue-200);border-radius:var(--radius-full);overflow:hidden}.shipping-progress-bar{height:100%;background:var(--blue-500);transition:width var(--transition-base)}.summary-divider{height:1px;background:var(--neutral-200);margin:var(--space-4) 0}[data-theme=dark] .summary-divider{background:var(--neutral-700)}.btn-block{width:100%;margin-top:var(--space-4)}.payment-methods{margin-top:var(--space-6);text-align:center}.payment-methods p{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-2)}[data-theme=dark] .payment-methods p{color:var(--neutral-400)}.payment-icons{display:flex;justify-content:center;gap:var(--space-3);font-size:24px}.trust-badges{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}[data-theme=dark] .trust-badges{border-color:var(--neutral-700)}.trust-badges .badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .trust-badges .badge{color:var(--neutral-400)}.empty-cart{text-align:center;padding:var(--space-20) var(--space-4)}.empty-cart h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-3)}[data-theme=dark] .empty-cart h2{color:var(--white)}.empty-cart p{font-size:var(--text-lg);color:var(--neutral-600);margin-bottom:var(--space-8)}[data-theme=dark] .empty-cart p{color:var(--neutral-400)}@media (max-width: 1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:80px 1fr;gap:var(--space-3)}.item-image{width:80px;height:80px}.item-price,.item-quantity,.item-total{grid-column:2}.item-remove{grid-column:2;justify-self:end}}@media (max-width: 768px){.cart-header h1{font-size:var(--text-2xl)}.cart-actions-top{flex-direction:column;align-items:stretch;gap:var(--space-2)}}.checkout-page{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6);background:var(--neutral-50);min-height:100vh;max-width:1400px;margin:0 auto}.checkout-steps{display:flex;align-items:center;background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);position:relative}.checkout-step{display:flex;align-items:center;gap:var(--space-3);flex:1;position:relative}.checkout-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:3px solid var(--neutral-300);background:var(--white);color:var(--neutral-500);border-radius:var(--radius-full);font-size:var(--text-2xl);flex-shrink:0;transition:all var(--transition-fast);position:relative;z-index:2}.checkout-step--active .checkout-step-icon{border-color:var(--primary-500);background:var(--primary-500);color:var(--white);box-shadow:0 0 0 4px var(--primary-100)}.checkout-step--completed .checkout-step-icon{border-color:var(--green-500);background:var(--green-500);color:var(--white)}.checkout-step-content{display:flex;flex-direction:column;gap:var(--space-1)}.checkout-step-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-600);transition:color var(--transition-fast)}.checkout-step--active .checkout-step-label{color:var(--primary-600)}.checkout-step--completed .checkout-step-label{color:var(--green-700)}.checkout-step-number{font-size:var(--text-sm);color:var(--neutral-500)}.checkout-step-line{position:absolute;left:56px;right:-50%;top:28px;height:3px;background:var(--neutral-300);z-index:1;transition:background var(--transition-fast)}.checkout-step--completed .checkout-step-line{background:var(--green-500)}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);align-items:start}.checkout-main{display:flex;flex-direction:column}.checkout-section{display:flex;flex-direction:column;gap:var(--space-6);background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.checkout-section-header{padding-bottom:var(--space-5);border-bottom:2px solid var(--neutral-200)}.checkout-section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.checkout-section-actions{display:flex;gap:var(--space-3);padding-top:var(--space-5);border-top:2px solid var(--neutral-200)}.checkout-saved-addresses{display:flex;flex-direction:column;gap:var(--space-4)}.checkout-address-toggle{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--neutral-50);border-radius:var(--radius-md)}.checkout-toggle-btn{flex:1;padding:var(--space-3) var(--space-4);border:2px solid transparent;background:transparent;color:var(--neutral-700);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkout-toggle-btn:hover{background:var(--neutral-100);color:var(--neutral-900)}.checkout-toggle-btn--active{background:var(--white);color:var(--primary-600);border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.checkout-address-list{display:flex;flex-direction:column;gap:var(--space-3)}.checkout-address-card{display:flex;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--neutral-200);background:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkout-address-card:hover{border-color:var(--primary-500);background:var(--primary-50)}.checkout-address-card--selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.checkout-address-radio{flex-shrink:0;width:20px;height:20px;margin-top:var(--space-1);cursor:pointer;accent-color:var(--primary-500)}.checkout-address-card-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.checkout-address-card-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-900)}.checkout-address-card-details{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.checkout-address-card-contact{font-size:var(--text-xs);color:var(--neutral-600)}.checkout-form{display:flex;flex-direction:column;gap:var(--space-4)}.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkout-checkbox-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--neutral-700)}.checkout-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500)}.checkout-payment-methods{display:flex;flex-direction:column;gap:var(--space-3)}.checkout-payment-card{display:flex;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--neutral-200);background:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkout-payment-card:hover{border-color:var(--primary-500);background:var(--primary-50)}.checkout-payment-card--selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.checkout-payment-radio{flex-shrink:0;width:20px;height:20px;margin-top:var(--space-1);cursor:pointer;accent-color:var(--primary-500)}.checkout-payment-card-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.checkout-payment-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.checkout-payment-card-label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-900)}.checkout-payment-card-icons{display:flex;gap:var(--space-2)}.checkout-payment-card-description{font-size:var(--text-sm);color:var(--neutral-600)}.checkout-card-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-md);margin-top:var(--space-4)}.checkout-review-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-md)}.checkout-review-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.checkout-review-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.checkout-review-edit{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkout-review-edit:hover{background:var(--primary-50);color:var(--primary-700)}.checkout-review-content{display:flex;flex-direction:column;gap:var(--space-2)}.checkout-review-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.checkout-review-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.6;margin:0}.checkout-review-text--muted{color:var(--neutral-600);font-style:italic}.checkout-review-items{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.checkout-review-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.checkout-review-item-image,.checkout-review-item-placeholder{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-md);object-fit:contain}.checkout-review-item-placeholder{display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--neutral-400)}.checkout-review-item-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.checkout-review-item-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-review-item-quantity{font-size:var(--text-xs);color:var(--neutral-600)}.checkout-review-item-price{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-600);font-family:var(--font-secondary);flex-shrink:0}.checkout-sidebar{display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:var(--space-6)}.checkout-summary{display:flex;flex-direction:column;gap:var(--space-5);background:var(--white);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5)}.checkout-summary-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.checkout-summary-items{display:flex;flex-direction:column;gap:var(--space-3)}.checkout-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--neutral-700)}.checkout-summary-row span:last-child{font-weight:var(--font-semibold);font-family:var(--font-secondary)}.checkout-summary-row--discount{color:var(--green-700)}.checkout-summary-row--discount span:last-child{color:var(--green-700)}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:2px solid var(--neutral-200);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900)}.checkout-summary-total-amount{font-size:var(--text-2xl);color:var(--primary-600);font-family:var(--font-secondary)}.checkout-summary-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--info-50);border:1px solid var(--info-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--info-700)}.checkout-summary-notice svg{flex-shrink:0;color:var(--info-600)}.checkout-secure-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--green-50);border:2px solid var(--green-300);border-radius:var(--radius-md)}.checkout-secure-badge svg{flex-shrink:0;color:var(--green-600)}.checkout-secure-content{display:flex;flex-direction:column;gap:var(--space-1)}.checkout-secure-content strong{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--green-900)}.checkout-secure-content span{font-size:var(--text-xs);color:var(--green-700)}@media (max-width: 1200px){.checkout-page{padding:var(--space-5);gap:var(--space-6)}.checkout-content{grid-template-columns:1fr 350px}}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.checkout-sidebar{position:static}.checkout-steps{padding:var(--space-5)}.checkout-step-icon{width:48px;height:48px}.checkout-step-line{left:48px;top:24px}}@media (max-width: 768px){.checkout-page{padding:var(--space-4);gap:var(--space-5)}.checkout-steps{padding:var(--space-4)}.checkout-step-content{display:none}.checkout-step-icon{width:40px;height:40px;font-size:var(--text-lg)}.checkout-step-line{left:40px;top:20px}.checkout-section{padding:var(--space-4);gap:var(--space-5)}.checkout-section-title{font-size:var(--text-xl)}.checkout-section-actions{flex-direction:column}.checkout-form-row{grid-template-columns:1fr}.checkout-summary{padding:var(--space-4)}}@media (max-width: 480px){.checkout-page{padding:var(--space-3);gap:var(--space-4)}.checkout-steps{padding:var(--space-3);gap:var(--space-2)}.checkout-step{gap:0}.checkout-step-icon{width:36px;height:36px;font-size:var(--text-base)}.checkout-step-line{left:36px;top:18px}.checkout-section{padding:var(--space-3)}.checkout-section-title{font-size:var(--text-lg)}.checkout-address-card,.checkout-payment-card{padding:var(--space-3)}.checkout-review-section{padding:var(--space-4)}}[data-theme=dark] .checkout-page{background:var(--neutral-900)}[data-theme=dark] .checkout-steps{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .checkout-step-icon{border-color:var(--neutral-600);background:var(--neutral-800);color:var(--neutral-400)}[data-theme=dark] .checkout-step--active .checkout-step-icon{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f633}[data-theme=dark] .checkout-step--completed .checkout-step-icon{background:var(--green-600);border-color:var(--green-600)}[data-theme=dark] .checkout-step-label{color:var(--neutral-400)}[data-theme=dark] .checkout-step--active .checkout-step-label{color:var(--primary-400)}[data-theme=dark] .checkout-step--completed .checkout-step-label{color:var(--green-400)}[data-theme=dark] .checkout-step-number{color:var(--neutral-500)}[data-theme=dark] .checkout-step-line{background:var(--neutral-700)}[data-theme=dark] .checkout-step--completed .checkout-step-line{background:var(--green-600)}[data-theme=dark] .checkout-section{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .checkout-section-header{border-bottom-color:var(--neutral-700)}[data-theme=dark] .checkout-section-title{color:var(--neutral-100)}[data-theme=dark] .checkout-section-actions{border-top-color:var(--neutral-700)}[data-theme=dark] .checkout-address-toggle{background:var(--neutral-900)}[data-theme=dark] .checkout-toggle-btn{color:var(--neutral-400)}[data-theme=dark] .checkout-toggle-btn:hover{background:var(--neutral-800);color:var(--neutral-100)}[data-theme=dark] .checkout-toggle-btn--active{background:var(--neutral-800);color:var(--primary-400);border-color:var(--primary-500)}[data-theme=dark] .checkout-address-card,[data-theme=dark] .checkout-payment-card{background:var(--neutral-900);border-color:var(--neutral-700)}[data-theme=dark] .checkout-address-card:hover,[data-theme=dark] .checkout-payment-card:hover{border-color:var(--primary-500);background:#3b82f61a}[data-theme=dark] .checkout-address-card--selected,[data-theme=dark] .checkout-payment-card--selected{border-color:var(--primary-500);background:#3b82f626;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .checkout-address-card-name,[data-theme=dark] .checkout-payment-card-label{color:var(--neutral-100)}[data-theme=dark] .checkout-address-card-details{color:var(--neutral-300)}[data-theme=dark] .checkout-address-card-contact,[data-theme=dark] .checkout-payment-card-description{color:var(--neutral-400)}[data-theme=dark] .checkout-checkbox-label{background:var(--neutral-900);color:var(--neutral-300)}[data-theme=dark] .checkout-card-form,[data-theme=dark] .checkout-review-section{background:var(--neutral-900)}[data-theme=dark] .checkout-review-title{color:var(--neutral-100)}[data-theme=dark] .checkout-review-edit{color:var(--primary-400)}[data-theme=dark] .checkout-review-edit:hover{background:#3b82f626;color:var(--primary-300)}[data-theme=dark] .checkout-review-name{color:var(--neutral-100)}[data-theme=dark] .checkout-review-text{color:var(--neutral-300)}[data-theme=dark] .checkout-review-text--muted{color:var(--neutral-400)}[data-theme=dark] .checkout-review-item{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .checkout-review-item-placeholder{background:var(--neutral-900);color:var(--neutral-600)}[data-theme=dark] .checkout-review-item-name{color:var(--neutral-100)}[data-theme=dark] .checkout-review-item-quantity{color:var(--neutral-400)}[data-theme=dark] .checkout-review-item-price{color:var(--primary-400)}[data-theme=dark] .checkout-summary{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .checkout-summary-title{color:var(--neutral-100)}[data-theme=dark] .checkout-summary-row{color:var(--neutral-300)}[data-theme=dark] .checkout-summary-row--discount{color:var(--green-400)}[data-theme=dark] .checkout-summary-total{border-top-color:var(--neutral-700);color:var(--neutral-100)}[data-theme=dark] .checkout-summary-total-amount{color:var(--primary-400)}[data-theme=dark] .checkout-summary-notice{background:#3b82f626;border-color:var(--info-700);color:var(--info-300)}[data-theme=dark] .checkout-summary-notice svg{color:var(--info-400)}[data-theme=dark] .checkout-secure-badge{background:#22c55e26;border-color:var(--green-700)}[data-theme=dark] .checkout-secure-badge svg{color:var(--green-400)}[data-theme=dark] .checkout-secure-content strong{color:var(--green-300)}[data-theme=dark] .checkout-secure-content span{color:var(--green-400)}@media (prefers-reduced-motion: reduce){.checkout-section,.checkout-step-icon,.checkout-toggle-btn,.checkout-address-card,.checkout-payment-card,.checkout-review-edit{animation:none;transition:none}}@media (prefers-contrast: high){.checkout-steps,.checkout-section,.checkout-summary{border-width:3px}.checkout-step-icon{border-width:4px}.checkout-address-card,.checkout-payment-card{border-width:3px}.checkout-address-radio:focus-visible,.checkout-payment-radio:focus-visible,.checkout-checkbox:focus-visible{outline:3px solid var(--primary-500);outline-offset:2px}}@media print{.checkout-page{background:var(--white);padding:0}.checkout-steps{display:none}.checkout-content{grid-template-columns:1fr}.checkout-section-actions,.checkout-address-toggle,.checkout-review-edit{display:none}.checkout-section{border:2px solid var(--neutral-900);page-break-inside:avoid;margin-bottom:var(--space-4)}}.checkout-toggle-btn:focus-visible,.checkout-address-card:focus-visible,.checkout-payment-card:focus-visible,.checkout-review-edit:focus-visible,.checkout-address-radio:focus-visible,.checkout-payment-radio:focus-visible,.checkout-checkbox:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.orders-page{min-height:100vh;background:var(--neutral-50);padding:var(--space-8) 0}[data-theme=dark] .orders-page{background:var(--neutral-900)}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.orders-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900)}[data-theme=dark] .orders-header h1{color:var(--white)}.profile-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.profile-link:hover{color:var(--primary-700)}.orders-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-btn{padding:var(--space-3) var(--space-5);background:var(--white);border:2px solid var(--neutral-200);color:var(--neutral-700);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .filter-btn{background:var(--neutral-800);border-color:var(--neutral-700);color:var(--neutral-300)}.filter-btn:hover{border-color:var(--primary-500);color:var(--primary-600)}.filter-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.orders-list{display:flex;flex-direction:column;gap:var(--space-6)}.order-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}[data-theme=dark] .order-card{background:var(--neutral-800)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200)}[data-theme=dark] .order-header{border-color:var(--neutral-700)}.order-number{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-1)}[data-theme=dark] .order-number{color:var(--white)}.order-date{color:var(--neutral-600);font-size:var(--text-sm)}[data-theme=dark] .order-date{color:var(--neutral-400)}.status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-pending{background:var(--yellow-100);color:var(--yellow-700)}.status-processing{background:var(--blue-100);color:var(--blue-700)}.status-shipped{background:var(--purple-100);color:var(--purple-700)}.status-delivered{background:var(--green-100);color:var(--green-700)}.status-cancelled{background:var(--red-100);color:var(--red-700)}[data-theme=dark] .status-pending{background:var(--yellow-900);color:var(--yellow-300)}[data-theme=dark] .status-processing{background:var(--blue-900);color:var(--blue-300)}[data-theme=dark] .status-shipped{background:var(--purple-900);color:var(--purple-300)}[data-theme=dark] .status-delivered{background:var(--green-900);color:var(--green-300)}[data-theme=dark] .status-cancelled{background:var(--red-900);color:var(--red-300)}.order-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.order-item{display:grid;grid-template-columns:60px 1fr auto;gap:var(--space-4);align-items:center}.order-item img{width:60px;height:60px;border-radius:var(--radius-lg);object-fit:cover}.item-info{display:flex;flex-direction:column;gap:var(--space-1)}.item-name{font-weight:var(--font-semibold);color:var(--neutral-900)}[data-theme=dark] .item-name{color:var(--white)}.item-quantity{font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .item-quantity{color:var(--neutral-400)}.item-price{font-weight:var(--font-semibold);color:var(--neutral-900)}[data-theme=dark] .item-price{color:var(--white)}.order-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}[data-theme=dark] .order-footer{border-color:var(--neutral-700)}.order-summary{display:flex;flex-direction:column;gap:var(--space-2)}.summary-row{display:flex;justify-content:space-between;color:var(--neutral-700);font-size:var(--text-sm)}[data-theme=dark] .summary-row{color:var(--neutral-300)}.summary-row.total{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--neutral-200)}[data-theme=dark] .summary-row.total{color:var(--white);border-color:var(--neutral-700)}.total-amount{color:var(--primary-600)}.order-actions{display:flex;flex-direction:column;gap:var(--space-3)}.tracking-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--blue-50);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--blue-700)}[data-theme=dark] .tracking-info{background:var(--blue-900);color:var(--blue-300)}.tracking-icon{font-size:20px}.delivery-estimate,.delivery-actual{font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .delivery-estimate,[data-theme=dark] .delivery-actual{color:var(--neutral-400)}.delivery-actual{color:var(--green-600);font-weight:var(--font-semibold)}[data-theme=dark] .delivery-actual{color:var(--green-400)}.action-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.loading-state,.empty-state{text-align:center;padding:var(--space-16) var(--space-4)}.empty-icon{font-size:80px;margin-bottom:var(--space-6)}.empty-state h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-3)}[data-theme=dark] .empty-state h3{color:var(--white)}.empty-state p{font-size:var(--text-lg);color:var(--neutral-600);margin-bottom:var(--space-6)}[data-theme=dark] .empty-state p{color:var(--neutral-400)}@media (max-width: 768px){.orders-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.orders-header h1{font-size:var(--text-2xl)}.order-footer{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.profile-page{min-height:100vh;background:var(--neutral-50);padding:var(--space-8) 0}[data-theme=dark] .profile-page{background:var(--neutral-900)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.profile-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900)}[data-theme=dark] .profile-header h1{color:var(--white)}.orders-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.orders-link:hover{color:var(--primary-700)}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-8)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.user-card{background:var(--white);padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}[data-theme=dark] .user-card{background:var(--neutral-800)}.user-avatar-large{width:100px;height:100px;margin:0 auto var(--space-4);border-radius:var(--radius-full);overflow:hidden;background:var(--primary-500)}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff}.user-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-1)}[data-theme=dark] .user-name{color:var(--white)}.user-email{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-4)}[data-theme=dark] .user-email{color:var(--neutral-400)}.plan-badge{margin-top:var(--space-4)}.badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.badge.premium{background:linear-gradient(135deg,var(--yellow-400),var(--yellow-600));color:var(--neutral-900)}.badge.free{background:var(--neutral-200);color:var(--neutral-700)}[data-theme=dark] .badge.free{background:var(--neutral-700);color:var(--neutral-300)}.profile-nav{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1)}[data-theme=dark] .profile-nav{background:var(--neutral-800)}.nav-item{background:none;border:none;text-align:left;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;color:var(--neutral-700);font-weight:var(--font-medium);transition:all var(--transition-fast);font-size:var(--text-base)}[data-theme=dark] .nav-item{color:var(--neutral-300)}.nav-item:hover{background:var(--neutral-100)}[data-theme=dark] .nav-item:hover{background:var(--neutral-700)}.nav-item.active{background:var(--primary-50);color:var(--primary-700)}[data-theme=dark] .nav-item.active{background:var(--primary-900);color:var(--primary-300)}.profile-main{display:flex;flex-direction:column;gap:var(--space-6)}.profile-section{background:var(--white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}[data-theme=dark] .profile-section{background:var(--neutral-800)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.profile-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-6)}[data-theme=dark] .profile-section h2{color:var(--white)}.section-header h2{margin-bottom:0}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:var(--font-semibold);color:var(--neutral-700);font-size:var(--text-sm)}[data-theme=dark] .form-group label{color:var(--neutral-300)}.form-input{padding:var(--space-3);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color var(--transition-fast);background:var(--white);color:var(--neutral-900)}[data-theme=dark] .form-input{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--white)}.form-input:focus{outline:none;border-color:var(--primary-500)}.form-input:disabled{background:var(--neutral-100);cursor:not-allowed}[data-theme=dark] .form-input:disabled{background:var(--neutral-900)}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}[data-theme=dark] .preference-item{border-color:var(--neutral-700)}.preference-info h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)}[data-theme=dark] .preference-info h4{color:var(--white)}.preference-info p{font-size:var(--text-sm);color:var(--neutral-600)}[data-theme=dark] .preference-info p{color:var(--neutral-400)}.theme-switch{padding:var(--space-2) var(--space-4);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.theme-switch:hover{background:var(--primary-600)}.toggle-switch{position:relative;width:50px;height:28px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--neutral-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:4px;bottom:4px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.premium-section{background:linear-gradient(135deg,var(--yellow-50),var(--yellow-100));border:2px solid var(--yellow-300)}[data-theme=dark] .premium-section{background:linear-gradient(135deg,var(--yellow-900),var(--yellow-800));border-color:var(--yellow-700)}.premium-banner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.premium-content h2{color:var(--yellow-900);margin-bottom:var(--space-4)}[data-theme=dark] .premium-content h2{color:var(--yellow-100)}.premium-features{list-style:none;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.premium-features li{color:var(--yellow-800);font-weight:var(--font-medium)}[data-theme=dark] .premium-features li{color:var(--yellow-200)}.premium-icon{font-size:120px;opacity:.3}.danger-zone{border:2px solid var(--red-300)}.danger-zone h2{color:var(--red-700)}[data-theme=dark] .danger-zone h2{color:var(--red-400)}.danger-actions{margin-top:var(--space-4)}.btn.danger{color:var(--red-600);border-color:var(--red-500)}.btn.danger:hover{background:var(--red-50)}[data-theme=dark] .btn.danger:hover{background:var(--red-900)}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.profile-header h1{font-size:var(--text-2xl)}.form-row{grid-template-columns:1fr}.premium-banner{flex-direction:column}.premium-icon{font-size:80px}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);position:relative;overflow:hidden}[data-theme=dark] .error-page{background:linear-gradient(135deg,var(--neutral-900) 0%,var(--neutral-800) 100%)}.error-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,var(--primary-100) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--primary-50) 0%,transparent 50%);opacity:.5;animation:pulse 8s ease-in-out infinite}[data-theme=dark] .error-page:before{background-image:radial-gradient(circle at 20% 30%,rgba(var(--primary-500-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--primary-500-rgb),.05) 0%,transparent 50%)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.error-page-container{position:relative;z-index:1;max-width:700px;width:100%;text-align:center;animation:fadeInUp var(--transition-slow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-page-code{font-size:120px;font-weight:var(--font-black);color:var(--primary-200);line-height:1;margin-bottom:var(--space-4);letter-spacing:-.05em;text-shadow:0 4px 20px rgba(0,0,0,.1)}[data-theme=dark] .error-page-code{color:var(--primary-900);text-shadow:0 4px 20px rgba(0,0,0,.5)}.error-page-illustration{margin:0 auto var(--space-8) auto;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.error-page-illustration svg{max-width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}[data-theme=dark] .error-page-illustration svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.error-page-content{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);margin-bottom:var(--space-6)}[data-theme=dark] .error-page-content{background:var(--neutral-800)}.error-page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-4) 0;line-height:1.2}[data-theme=dark] .error-page-title{color:var(--white)}.error-page-message{font-size:var(--text-lg);color:var(--neutral-600);margin:0 0 var(--space-8) 0;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .error-page-message{color:var(--neutral-400)}.error-page-search{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.error-page-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.error-page-search-icon{position:absolute;left:var(--space-4);color:var(--neutral-400);pointer-events:none}.error-page-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:2px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--white);color:var(--neutral-900);transition:all var(--transition-fast)}.error-page-search-input::placeholder{color:var(--neutral-400)}.error-page-search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)}[data-theme=dark] .error-page-search-input{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--white)}[data-theme=dark] .error-page-search-input:focus{border-color:var(--primary-400)}.error-page-actions{display:flex;gap:var(--space-4);justify-content:center;align-items:center;flex-wrap:wrap}.error-page-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .error-page-links{background:#0000004d}.error-page-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}.error-page-link:hover{color:var(--primary-700);text-decoration:underline}.error-page-link:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}[data-theme=dark] .error-page-link{color:var(--primary-400)}[data-theme=dark] .error-page-link:hover{color:var(--primary-300)}.error-page-link-separator{color:var(--neutral-400);font-size:var(--text-sm)}.error-page-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-xl);margin-top:var(--space-6);text-align:left;font-size:var(--text-sm);color:var(--blue-700);line-height:1.5}[data-theme=dark] .error-page-info{background:#3b82f61a;border-color:var(--blue-800);color:var(--blue-400)}.error-page-info svg{flex-shrink:0;color:var(--blue-500);margin-top:2px}@media (max-width: 768px){.error-page{padding:var(--space-4)}.error-page-code{font-size:80px}.error-page-illustration svg{width:180px;height:180px}.error-page-content{padding:var(--space-6)}.error-page-title{font-size:var(--text-3xl)}.error-page-message{font-size:var(--text-base)}.error-page-search{flex-direction:column}.error-page-search button{width:100%}.error-page-actions{flex-direction:column;width:100%}.error-page-actions button{width:100%}}@media (max-width: 480px){.error-page{padding:var(--space-3)}.error-page-code{font-size:60px;margin-bottom:var(--space-3)}.error-page-illustration{margin-bottom:var(--space-6)}.error-page-illustration svg{width:150px;height:150px}.error-page-content{padding:var(--space-5);border-radius:var(--radius-xl)}.error-page-title{font-size:var(--text-2xl)}.error-page-message{font-size:var(--text-sm);margin-bottom:var(--space-6)}.error-page-links{padding:var(--space-3);gap:var(--space-2)}.error-page-link{font-size:var(--text-xs)}.error-page-info{padding:var(--space-3);font-size:var(--text-xs)}}@media (prefers-reduced-motion: reduce){.error-page-container,.error-page-illustration{animation:none}.error-page:before{animation:none}.error-page-illustration svg{filter:none}}@media (prefers-contrast: high){.error-page-content{border:2px solid var(--neutral-300)}.error-page-link{text-decoration:underline}.error-page-info{border-width:2px}}.error-page-link:focus-visible,.error-page-search-input:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--primary-500)}@media print{.error-page{background:#fff;min-height:auto}.error-page:before{display:none}.error-page-content{box-shadow:none;border:1px solid var(--neutral-300)}.error-page-actions,.error-page-search,.error-page-links{display:none}.error-page-illustration{animation:none}}.error-page[data-error-type="404"] .error-page-illustration svg circle:first-child{fill:var(--primary-50)}.error-page[data-error-type="404"] .error-page-code{color:var(--primary-200)}.error-page[data-error-type="500"] .error-page-illustration svg circle:first-child{fill:var(--red-50)}.error-page[data-error-type="500"] .error-page-code{color:var(--red-200)}[data-theme=dark] .error-page[data-error-type="500"] .error-page-code{color:var(--red-900)}.error-page[data-error-type=network] .error-page-illustration svg circle:first-child{fill:var(--yellow-50)}.error-page[data-error-type=network] .error-page-code{color:var(--yellow-200)}[data-theme=dark] .error-page[data-error-type=network] .error-page-code{color:var(--yellow-900)}.error-page--loading{opacity:.6;pointer-events:none}.error-page--loading .error-page-actions button{position:relative}.error-page--loading .error-page-actions button:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--white);border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (hover: hover){.error-page-content{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.error-page-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.error-page-links{transition:transform var(--transition-fast)}.error-page-links:hover{transform:translateY(-2px)}}.shopping-list-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#fff)}.shopping-list-header{background:linear-gradient(135deg,#0055a4,#002f6c);position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden}.shopping-list-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='100' y1='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.05'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h50v50H0zM50 50h50v50H50z'/%3E%3C/svg%3E");background-size:100px 100px;animation:meshMove 20s linear infinite;pointer-events:none}@keyframes meshMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.shopping-list-header .header-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.shopping-list-header .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--neutral-700);text-decoration:none;font-size:var(--text-base);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.shopping-list-header .back-link:hover{background:#fffffff2;color:var(--neutral-900);transform:translate(-4px);box-shadow:0 4px 12px #0000001a}.shopping-list-header h1{font-size:var(--text-5xl);font-weight:400;color:var(--neutral-900);margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(255,255,255,.3);letter-spacing:-.03em}.shopping-list-header p{font-size:var(--text-xl);color:var(--neutral-800);font-weight:300;line-height:1.6}.shopping-list-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);padding:var(--space-8) 0;max-width:1400px;margin:0 auto}.lists-sidebar{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 1px 3px #0000001a;height:fit-content;position:sticky;top:var(--space-8)}.lists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200)}.lists-header h2{font-size:var(--text-xl);font-weight:500;color:var(--neutral-900)}.btn-new-list{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-500);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-new-list:hover{background:var(--primary-600);transform:rotate(90deg)}.lists-container{display:flex;flex-direction:column;gap:var(--space-3)}.list-card{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .3s ease;position:relative}.list-card:hover{background:var(--neutral-100);transform:translate(4px)}.list-card.active{background:linear-gradient(135deg,#0055a4,#002f6c);color:#fff}.list-info h3{font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-1)}.list-info p{font-size:var(--text-sm);color:var(--neutral-600);font-weight:300}.list-card.active .list-info p{color:#fffc}.list-progress{height:4px;background:var(--neutral-200);border-radius:var(--radius-full);margin-top:var(--space-3);overflow:hidden}.list-card.active .list-progress{background:#fff3}.progress-bar{height:100%;background:var(--success-500);border-radius:var(--radius-full);transition:width .3s ease}.list-card.active .progress-bar{background:#fff}.btn-delete-list{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;border-radius:var(--radius-full);background:transparent;color:var(--neutral-500);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0}.list-card:hover .btn-delete-list{opacity:1}.btn-delete-list:hover{background:var(--error-50);color:var(--error-600)}.list-card.active .btn-delete-list{color:#fffc}.list-card.active .btn-delete-list:hover{background:#fff3;color:#fff}.shopping-list-main{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 1px 3px #0000001a;min-height:600px}.add-item-section{margin-bottom:var(--space-6)}.add-item-form{display:flex;gap:var(--space-3);align-items:flex-start}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .3s ease}.search-input-wrapper input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0055a41a}.quantity-input{width:80px;padding:var(--space-3) var(--space-3);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);text-align:center}.unit-select,.category-select{padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);background:#fff;cursor:pointer;transition:all .3s ease}.unit-select:focus,.category-select:focus{outline:none;border-color:var(--primary-500)}.btn-add-item{padding:var(--space-3) var(--space-6);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease}.btn-add-item:hover:not(:disabled){background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #0055a44d}.btn-add-item:disabled{opacity:.5;cursor:not-allowed}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--neutral-200);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 4px 12px #0000001a;z-index:100}.suggestion-item{padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.suggestion-item:hover{background:var(--neutral-50)}.suggestion-info{display:flex;flex-direction:column;gap:var(--space-1)}.suggestion-name{font-size:var(--text-base);color:var(--neutral-900);font-weight:500}.suggestion-brand{font-size:var(--text-sm);color:var(--neutral-600)}.suggestion-price{font-size:var(--text-base);color:var(--primary-600);font-weight:500}.list-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200)}.list-stats{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--neutral-600)}.progress-percentage{color:var(--success-600);font-weight:500}.list-controls{display:flex;gap:var(--space-3);align-items:center}.sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;cursor:pointer}.btn-clear-checked,.btn-add-all-to-cart{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;border:none}.btn-clear-checked{background:var(--neutral-100);color:var(--neutral-700)}.btn-clear-checked:hover{background:var(--error-50);color:var(--error-600)}.btn-add-all-to-cart{background:var(--primary-500);color:#fff}.btn-add-all-to-cart:hover:not(:disabled){background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #0055a44d}.btn-add-all-to-cart:disabled{opacity:.5;cursor:not-allowed}.items-container{padding-top:var(--space-4)}.empty-list{text-align:center;padding:var(--space-16) var(--space-8);color:var(--neutral-500)}.empty-list svg{margin-bottom:var(--space-4);opacity:.5}.empty-list h3{font-size:var(--text-xl);font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-2)}.empty-list p{font-size:var(--text-base);color:var(--neutral-600)}.category-group{margin-bottom:var(--space-8)}.category-title{font-size:var(--text-lg);font-weight:500;color:var(--neutral-800);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--neutral-100);display:flex;justify-content:space-between;align-items:center}.category-count{font-size:var(--text-sm);font-weight:400;color:var(--neutral-500);background:var(--neutral-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.items-list{display:flex;flex-direction:column;gap:var(--space-2)}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);transition:all .3s ease}.list-item:hover{background:var(--neutral-100);transform:translate(4px)}.list-item.checked{opacity:.6}.list-item.checked .item-name{text-decoration:line-through;color:var(--neutral-500)}.item-checkbox{position:relative;display:flex;align-items:center;cursor:pointer}.item-checkbox input{position:absolute;opacity:0}.checkbox-custom{width:24px;height:24px;border:2px solid var(--neutral-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.item-checkbox input:checked+.checkbox-custom{background:var(--success-500);border-color:var(--success-500)}.item-checkbox input:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.item-name{font-size:var(--text-base);font-weight:500;color:var(--neutral-900)}.item-brand{font-size:var(--text-sm);color:var(--neutral-600)}.item-quantity{display:flex;align-items:center;gap:var(--space-3);background:#fff;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.quantity-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-700);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:var(--text-lg)}.quantity-btn:hover:not(:disabled){background:var(--primary-100);color:var(--primary-600)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.item-quantity span{font-size:var(--text-sm);color:var(--neutral-700);min-width:60px;text-align:center}.btn-add-to-cart,.btn-remove-item{width:32px;height:32px;border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-add-to-cart{background:var(--primary-100);color:var(--primary-600)}.btn-add-to-cart:hover{background:var(--primary-500);color:#fff;transform:scale(1.1)}.btn-remove-item{background:transparent;color:var(--neutral-400)}.btn-remove-item:hover{background:var(--error-50);color:var(--error-600)}.no-list-selected{text-align:center;padding:var(--space-16)}.no-list-selected h2{font-size:var(--text-2xl);font-weight:500;color:var(--neutral-800);margin-bottom:var(--space-3)}.no-list-selected p{font-size:var(--text-base);color:var(--neutral-600);margin-bottom:var(--space-6)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:500px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{font-size:var(--text-2xl);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-6)}.modal-content input{width:100%;padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);margin-bottom:var(--space-6);transition:all .3s ease}.modal-content input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0055a41a}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}@media (max-width: 1024px){.shopping-list-layout{grid-template-columns:1fr}.lists-sidebar{position:static}.add-item-form{flex-wrap:wrap}.search-input-wrapper{width:100%}}@media (max-width: 640px){.shopping-list-header h1{font-size:var(--text-3xl)}.list-item{flex-wrap:wrap;gap:var(--space-3)}.item-info{width:100%;order:2}.item-quantity{order:3}.list-actions{flex-direction:column;gap:var(--space-3);align-items:stretch}.list-controls{flex-direction:column;gap:var(--space-2)}.btn-clear-checked,.btn-add-all-to-cart{justify-content:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--neutral-900);background-color:var(--neutral-50)}:root{--primary-50: #eff6ff;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-500-rgb: 59, 130, 246;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #404040;--neutral-700: #262626;--neutral-800: #171717;--neutral-900: #000000;--red-50: #fef2f2;--red-200: #fecaca;--red-500: #ef4444;--red-700: #b91c1c;--red-800: #991b1b;--green-50: #f0fdf4;--green-500: #22c55e;--yellow-50: #fefce8;--yellow-500: #eab308;--blue-50: #eff6ff;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-700: #1d4ed8;--blue-800: #1e40af;--white: #ffffff;--black: #000000;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--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;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--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);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-modal: 1050}[data-theme=dark]{--neutral-50: #171717;--neutral-900: #fafafa}[data-theme=dark] body{background-color:var(--neutral-50);color:var(--neutral-900)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}