:root{--color-primary:#7eb93a;--color-primary-dark:#5a8c28;--color-primary-light:#9dd45a;--color-primary-accent:#8bc34a;--color-secondary:#4c7c2b;--color-secondary-dark:#3a5f21;--color-white:#fff;--color-off-white:#f8f9f5;--color-light-gray:#f5f5f0;--color-gray:#6b7280;--color-dark-gray:#4a4a4a;--color-black:#1f2937;--color-text:#333;--color-text-light:#666;--color-accent-gold:#d4a855;--color-accent-brown:#8b5e3c;--color-accent-cream:#faf8f5;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--gradient-primary:linear-gradient(135deg,#7eb93a 0%,#5a8c28 100%);--gradient-hero:linear-gradient(180deg,#7eb93a1a 0%,#fff0 100%);--gradient-card:linear-gradient(145deg,#fff 0%,#f8f9f5 100%);--font-primary:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Playfair Display",Georgia,serif;--font-accent:"Dancing Script",cursive;--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;--text-6xl:3.75rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-card:0 4px 20px #7eb93a26;--shadow-hover:0 8px 30px #7eb93a40;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--container-max:1280px;--container-padding:1.5rem;--navbar-height:80px;--navbar-height-mobile:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.app-content{padding-top:var(--navbar-height)}@media (max-width:768px){.app-content{padding-top:var(--navbar-height-mobile)}}.page-main{padding:var(--spacing-2xl)0 var(--spacing-4xl)}@media (max-width:768px){.page-main{padding:var(--spacing-xl)0 var(--spacing-3xl)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--color-black);font-weight:600;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-light)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);font-size:var(--text-base);border-radius:var(--radius-full);transition:all var(--transition-normal);text-transform:capitalize;letter-spacing:.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-outline{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-small{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--text-sm)}.btn-large{padding:var(--spacing-lg)var(--spacing-2xl);font-size:var(--text-lg)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.section{padding:var(--spacing-4xl)0}.hero-section-full{background-color:var(--color-off-white);align-items:center;width:100%;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-banner-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:2;background:linear-gradient(90deg,#ffffffe6 0%,#fff9 50%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content-wrapper{z-index:3;width:100%;position:relative}.section-title h2{margin-bottom:var(--spacing-md);display:inline-block;position:relative}.section-title h2:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{font-family:var(--font-accent);font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.text-muted{color:var(--color-text-light)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.bg-light{background-color:var(--color-light-gray)}.bg-cream{background-color:var(--color-accent-cream)}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{gap:var(--spacing-xl);display:grid}.grid-1{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.premium-title{font-family:var(--font-secondary);font-size:var(--text-5xl);color:var(--color-black);margin-bottom:var(--spacing-xs);letter-spacing:-.5px;font-weight:800}.title-accent{background:var(--gradient-primary);border-radius:var(--radius-full);width:80px;height:4px;margin:0 auto}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--spacing-2xl)0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-slide-in{animation:.6s forwards slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}::selection{background:var(--color-primary);color:var(--color-white)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);align-items:center;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-secondary{background:var(--color-accent-gold);color:var(--color-white)}.badge-organic{color:var(--color-primary-dark);background:#e8f5e9}.price{font-size:var(--text-xl);color:var(--color-primary);font-weight:700}.price-old{font-size:var(--text-base);color:var(--color-gray);margin-left:var(--spacing-sm);text-decoration:line-through}input,textarea,select{width:100%;padding:var(--spacing-md);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7eb93a1a}.leaf-decoration{opacity:.1;pointer-events:none;position:absolute}.organic-pattern{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%3Cpath d='M30 5c-5 0-10 5-10 15s10 15 10 15 10-5 10-15-5-15-10-15z' fill='%237eb93a' fill-opacity='0.03'/%3E%3C/svg%3E")}.whatsapp-float{z-index:1000;width:60px;height:60px;transition:all var(--transition-normal);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 20px #25d36666}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36680}.whatsapp-float svg{fill:#fff;width:35px;height:35px}.trust-badges{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl)0;flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--spacing-sm);color:var(--color-text-light);display:flex}.trust-badge svg{width:24px;height:24px;color:var(--color-primary)}.category-card{border-radius:var(--radius-2xl);height:340px;box-shadow:var(--shadow-xl);background:var(--color-black);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid #0000000a;display:block;position:relative;overflow:hidden;transform:translateY(0)}.category-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.category-image{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transition:transform .9s;position:absolute;inset:0;transform:scale(1.02)}.category-card:hover .category-image{transform:scale(1.09)}.category-overlay{transition:opacity var(--transition-normal);background:linear-gradient(#0000001a 0%,#00000026 28%,#0000008c 62%,#000000e6 100%);position:absolute;inset:0}.category-card:hover .category-overlay{opacity:.92}.category-content{padding:var(--spacing-2xl);justify-content:flex-end;gap:var(--spacing-sm);color:var(--color-white);flex-direction:column;display:flex;position:absolute;inset:0}.category-title{color:var(--color-white);font-family:var(--font-secondary);text-shadow:0 10px 30px #00000059;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.category-description{color:#ffffffd1;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:34ch;margin:0;font-size:.95rem;line-height:1.55;display:-webkit-box;overflow:hidden}.category-cta{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-light);transition:transform var(--transition-normal);font-size:.75rem;font-weight:800;display:inline-flex}.category-card:hover .category-cta{transform:translate(6px)}