:root{--color-primary:#5c8d64;--color-primary-light:#8cb692;--color-accent:#a3c2a6;--color-accent-hover:#8cb692;--color-bg:#fff;--color-surface:#f4f9f5;--color-surface-hover:#eaf1eb;--color-text:#2f3d32;--color-text-muted:#5e7062;--font-family:"Manrope", sans-serif;--font-headline:"Noto Serif", serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #2d4a220d;--shadow-md:0 4px 12px #2d4a2214;--shadow-lg:0 12px 24px #2d4a221f;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#1a1e18;--color-surface:#262c23;--color-surface-hover:#31382d;--color-text:#f9f6ee;--color-text-muted:#a6b29d;--color-primary:#638f51;--color-primary-light:#7cae67;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.container{max-width:1280px;margin:0 auto;padding:0 24px}.fade-in{animation:fadeIn .8s var(--transition-slow) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-accent{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff}[data-theme=dark] .btn-primary{color:var(--color-bg)}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffff80}[data-theme=dark] .glass{background:#262c23b3;border:1px solid #ffffff1a}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-group label{font-size:.9rem;font-weight:500}.input-field{border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-fast);border:1px solid #d1d5db;padding:12px 16px}[data-theme=dark] .input-field{border-color:#4b5563}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2d4a2233}[data-theme=dark] .input-field:focus{box-shadow:0 0 0 3px #638f514d}section{padding:80px 0}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:var(--font-headline);margin-bottom:16px;font-weight:600}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-primary-light)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}}@media (width<=768px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}.navbar{z-index:1000;width:100%;transition:all var(--transition-normal);background-color:#0000;padding:24px 0;position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--color-bg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-primary);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{color:var(--color-accent)}.nav-links{gap:32px;display:flex}.nav-links a{transition:color var(--transition-fast);font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-icons{align-items:center;gap:16px;display:flex}.icon-btn{cursor:pointer;color:var(--color-text);transition:color var(--transition-fast);background:0 0;border:none;position:relative}.icon-btn:hover{color:var(--color-primary)}.cart-btn{position:relative}.cart-badge{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.desktop-only{display:flex}.mobile-toggle{display:none}@media (width<=768px){.desktop-only{display:none}.mobile-toggle{display:flex}}.footer{background-color:var(--color-primary);color:#fff;margin-top:80px;padding:80px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand h2{color:#fff;margin-bottom:16px}.footer-brand p{color:#a6b29d}.footer-links-group h4{color:var(--color-accent);margin-bottom:24px;font-size:1.1rem}.footer-links-group ul li{margin-bottom:12px}.footer-links-group a{color:#fff;opacity:.8;transition:opacity var(--transition-fast)}.footer-links-group a:hover{opacity:1;color:var(--color-accent)}.footer-newsletter h4{color:var(--color-accent)}.footer-newsletter p{color:#a6b29d;margin-bottom:16px}.newsletter-input{gap:8px;display:flex}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:24px}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.main-content{min-height:80vh}