@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-primary:#2e7d32;--color-primary-dark:#1b5e20;--color-primary-light:#43a047;--color-primary-50:#e8f5e9;--color-primary-100:#c8e6c9;--color-primary-200:#a5d6a7;--color-primary-700:#388e3c;--color-accent:#f5a623;--color-accent-dark:#e59400;--color-white:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-agro-blue:#1565c0;--color-agro-blue-light:#e3f2fd;--color-success:#2e7d32;--color-warning:#f57c00;--color-danger:#c62828;--color-info:#1565c0;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.8125rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:2.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.1;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.65;--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:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-card:0 1px 4px #0000000f, 0 4px 12px #0000000a;--shadow-card-hover:0 4px 16px #0000001f;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max:1280px;--container-padding:1.25rem;--topbar-height:36px;--header-height:68px;--nav-height:44px;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-modal:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-white);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.btn{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border:1.5px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline{color:var(--color-gray-800);border:1.5px solid var(--color-gray-300);background:#fff}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.badge-vet{color:#2e7d32;background:#e8f5e9}.badge-agro{color:#1565c0;background:#e3f2fd}.badge-insektisid{color:#e65100;background:#fff3e0}.badge-fungisid{color:#7b1fa2;background:#f3e5f5}.badge-gerbisid{color:#2e7d32;background:#e8f5e9}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-primary{color:var(--color-primary)}@media (max-width:768px){:root{--container-padding:1rem}}
