body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4caf50;--secondary-color:#8bc34a;--accent-color:#ff9800;--text-color:#333;--light-text:#666;--background:#f9f9f9;--white:#fff;--border:#e0e0e0;--shadow:0 2px 8px #0000001a;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;background-color:var(--background);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.navbar{background:#fff;background:var(--white);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:1rem 2rem;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.nav-logo{color:#4caf50;color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{color:#333;color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-link.active,.nav-link:hover{color:#4caf50;color:var(--primary-color)}.cart-icon{cursor:pointer;position:relative}.cart-badge{align-items:center;background:#ff9800;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s}.btn-primary{background:#4caf50;background:var(--primary-color);color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-2px)}.btn-secondary{background:#8bc34a;background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#7cb342}.btn-outline{background:#0000;border:2px solid #4caf50;border:2px solid var(--primary-color);color:#4caf50;color:var(--primary-color)}.btn-outline:hover{background:#4caf50;background:var(--primary-color);color:#fff}.btn-small{font-size:.875rem;padding:.5rem 1rem}.card{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.card-image{height:200px;object-fit:cover;width:100%}.card-content{padding:1.5rem}.card-title{color:#333;color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-description{color:#666;color:var(--light-text);line-height:1.5;margin-bottom:1rem}.card-price{color:#4caf50;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.stars{color:gold}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-container{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin:2rem auto;max-width:400px;padding:2rem}.form-title{color:#333;color:var(--text-color);margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #e0e0e0;border:2px solid var(--border);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-input:focus{border-color:#4caf50;border-color:var(--primary-color);outline:none}.form-error{color:#f44336;font-size:.875rem;margin-top:.5rem}.hero{background:linear-gradient(135deg,#4caf50,#8bc34a);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;border-radius:var(--border-radius);color:#fff;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.pickle-detail{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.pickle-image{border-radius:8px;border-radius:var(--border-radius);height:400px;object-fit:cover;width:100%}.pickle-info h1{color:#333;color:var(--text-color);font-size:2.5rem;margin-bottom:1rem}.pickle-price{color:#4caf50;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:1rem}.pickle-description{color:#666;color:var(--light-text);line-height:1.6;margin-bottom:2rem}.quantity-controls{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.quantity-btn{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1.25rem;font-weight:700;height:40px;width:40px}.quantity-btn:hover{border-color:#4caf50;border-color:var(--primary-color)}.quantity-display{font-size:1.25rem;font-weight:700;min-width:60px;text-align:center}.reviews-section{margin-top:3rem}.review{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-bottom:1rem;padding:1.5rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-author{color:#333;color:var(--text-color);font-weight:600}.review-date{color:#666;color:var(--light-text);font-size:.875rem}.review-rating{color:gold;font-size:1.25rem}.review-comment{color:#333;color:var(--text-color);line-height:1.5}.cart-item{grid-gap:1rem;align-items:center;background:#fff;background:var(--white);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:grid;gap:1rem;grid-template-columns:100px 1fr auto;margin-bottom:1rem;padding:1rem}.cart-item,.cart-item-image{border-radius:8px;border-radius:var(--border-radius)}.cart-item-image{height:100px;object-fit:cover;width:100px}.cart-item-info h3{color:#333;color:var(--text-color);margin-bottom:.5rem}.cart-item-price{color:#4caf50;color:var(--primary-color);font-size:1.125rem;font-weight:700}.cart-total{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-top:2rem;padding:2rem}.cart-total h3{color:#333;color:var(--text-color);margin-bottom:1rem}.total-amount{color:#4caf50;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:1rem}.admin-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.admin-card{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem;text-align:center}.admin-card h3{color:#333;color:var(--text-color);margin-bottom:1rem}.admin-card .number{color:#4caf50;color:var(--primary-color);font-size:2.5rem;font-weight:700}.admin-table{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden}.admin-table table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);padding:1rem;text-align:left}.admin-table th{background:#f5f5f5;color:#333;color:var(--text-color);font-weight:600}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}.hero-title{font-size:2rem}.pickle-detail{gap:2rem;grid-template-columns:1fr}.cart-item{text-align:center}.admin-grid,.cart-item{grid-template-columns:1fr}.main-content{padding:1rem}}.loading{align-items:center;display:flex;font-size:1.25rem;height:200px;justify-content:center}.empty-state,.loading{color:#666;color:var(--light-text)}.empty-state{padding:3rem;text-align:center}.empty-state h3{color:#333;color:var(--text-color);margin-bottom:1rem}@keyframes logo-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px) scale(1.05)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1,h2,h3{animation:fadeInUp .8s cubic-bezier(.68,-.55,.27,1.55)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn,.btn-outline,.btn-primary{transition:background .3s,color .3s,box-shadow .3s,transform .2s}.btn-outline:hover,.btn-primary:hover,.btn:hover{box-shadow:0 4px 16px #4caf501f;filter:brightness(1.08);transform:translateY(-2px) scale(1.04)}.card{transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:0 8px 32px #4caf502e;transform:translateY(-6px) scale(1.03) rotate(-1deg);z-index:2}.Toastify__toast{animation:fadeInUp .5s}.hero{animation:fadeInUp 1.2s cubic-bezier(.68,-.55,.27,1.55)}.hamburger{background:none;border:none;cursor:pointer;display:none;margin-left:1rem}@media (max-width:900px){.nav-container{flex-direction:row;gap:0}.hamburger{display:block;z-index:1100}.nav-links{animation:fadeInUp .3s;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:none;flex-direction:column;gap:1.5rem;min-width:200px;padding:1.5rem 2rem;position:absolute;right:10px;top:70px;z-index:1050}.nav-links.open{display:flex}}@media (max-width:600px){.nav-container{flex-direction:row;padding:0 .5rem}.nav-logo{font-size:1.1rem}.nav-links{min-width:150px;padding:1rem}}.no-preservatives-banner{align-items:center;background:linear-gradient(90deg,#a8e063,#56ab2f);border-radius:12px;box-shadow:0 2px 12px #4caf501a;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:1rem;justify-content:center;letter-spacing:.01em;margin:2rem 0;padding:1.25rem 2rem;text-align:center;width:100%}@media (max-width:600px){.no-preservatives-banner{flex-direction:column;font-size:1rem;gap:.5rem;padding:1rem .5rem}}
/*# sourceMappingURL=main.4b16bd44.css.map*/