@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-modal{height:auto;max-width:600px}.signup-content{padding:30px}.signup-form{display:flex;flex-direction:column}.signup-extras,.signup-submit{margin-top:10px}@media screen and (max-width:768px){.signup-form-grid{grid-template-columns:1fr}.signup-modal{margin:0 10px;max-height:90vh;max-width:95%;overflow-y:auto;width:95%}.signup-content{padding:20px}.login-header h2{font-size:1.5rem}.form-group label{font-size:.9rem}.input-wrapper input{font-size:.9rem;padding:10px 10px 10px 40px}}.login-overlay{overflow-y:auto;padding:20px 0}.error-message{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.error-message,.success-message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.login-submit:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.otp-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-input{border:1px solid var(--border-color);border-radius:8px;font-size:1.5rem;height:50px;outline:none;text-align:center;transition:border-color .3s ease;width:50px}.otp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #f2652b33}.otp-resend{color:#6c757d;margin-bottom:15px;text-align:center}.otp-resend a{margin-left:5px}.back-to-login,.otp-resend a{color:var(--primary-color);text-decoration:none}.back-to-login{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:10px}@media screen and (max-width:480px){.otp-container{gap:5px}.otp-input{font-size:1.2rem;height:40px;width:40px}}:root{--primary-color:#f2652b;--light-gray:#f9f9f9;--border-color:#e0e0e0}.login-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal{animation:slideUp .4s ease-out;background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:450px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:none;color:#333;color:var(--text-color);position:absolute;right:15px;top:15px;z-index:10}.login-content{padding:20px 30px;text-align:center}.login-header,.login-icon{margin-bottom:15px}.login-icon{color:#f2652b;color:var(--primary-color)}.login-header h2{color:#28a745;color:var(--green);font-size:1.8rem;margin-bottom:10px}.login-header p{color:#6c757d}.login-form{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .3s ease;width:100%}.input-wrapper input:focus{border-color:#f2652b;border-color:var(--primary-color);outline:none}.input-icon{left:12px}.input-icon,.password-toggle{color:#9e9e9e;position:absolute}.password-toggle{background:none;border:none;cursor:pointer;right:12px}.form-extras{justify-content:space-between;margin-bottom:15px}.form-extras,.remember-me{align-items:center;display:flex}.remember-me{gap:8px}.remember-me input{accent-color:#f2652b;accent-color:var(--primary-color)}.forgot-password{color:#f2652b;color:var(--primary-color);text-decoration:none}.login-submit{background-color:#28a745;background-color:var(--green);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease}.login-submit:hover{background-color:#d54a1e}.signup-link{margin-top:15px;text-align:center}.signup-link a{color:#f2652b;color:var(--primary-color);font-weight:600;text-decoration:none}.social-divider{align-items:center;display:flex;margin:15px 0;text-align:center}.social-divider span{color:#9e9e9e;padding:0 10px;position:relative}.social-divider span:after,.social-divider span:before{background-color:#e0e0e0;background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:100%}.social-divider span:before{right:100%}.social-divider span:after{left:100%}.social-logins{display:flex;gap:15px}.social-btn{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-grow:1;gap:10px;justify-content:center;padding:12px;transition:background-color .3s ease}.social-btn img{width:29px}.social-btn:hover{background-color:#f9f9f9;background-color:var(--light-gray)}@media screen and (max-width:480px){.login-modal{margin:0 10px;width:95%}.login-content{padding:30px 20px}.social-logins{flex-direction:column}}:root{--primary-green:#17eb65;--primary-green-hover:#1dd861;--primary-green-light:#1fbd4e;--primary-orange:#fb923c;--primary-orange-hover:#f97316;--primary-orange-light:#fff7ed;--red-500:#ef4444;--red-600:#dc2626;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--border-radius:8px;--border-radius-lg:12px;--transition:all 0.2s ease}body{color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cart-container{background-color:#f9fafb;background-color:var(--gray-50);min-height:100vh;padding:1.5rem}.cart-wrapper{margin:0 auto;max-width:1200px}.cart-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.cart-header,.cart-header-left{align-items:center;display:flex}.cart-header-left{gap:1rem}.btn-back{align-items:center;background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);border-radius:50%;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:30px}.btn-back:hover{background:#1fbd4e;background:var(--primary-green-light);border-color:#17eb65;border-color:var(--primary-green);color:#17eb65;color:var(--primary-green)}.cart-title-section{align-items:center;display:flex;gap:1rem}.cart-title{color:#28a745;color:var(--green);font-size:2rem;font-weight:700;margin:0}.cart-badge{background-color:#17eb65;background-color:var(--primary-green);border-radius:20px;color:var(--white);font-size:.875rem;font-weight:600;padding:.375rem .875rem}.btn-clear{align-items:center;background:#fff;background:var(--white);border:1px solid #ef4444;border:1px solid var(--red-500);border-radius:8px;border-radius:var(--border-radius);color:#ef4444;color:var(--red-500);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn-clear:hover{background:#ef4444;background:var(--red-500);color:#fff;color:var(--white)}.cart-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 350px}.cart-items-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.cart-items-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.cart-items-header h2{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0}.delivery-info{align-items:center;background:#1fbd4e;background:var(--primary-green-light);border-radius:20px;color:#17eb65;color:var(--primary-green);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.delivery-main-info{align-items:center;color:gray;display:flex;gap:10px;justify-content:center}.cart-items{padding:0}.cart-item{grid-gap:1.5rem;background:#fff;background:var(--white);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto;padding:1.5rem 2rem;position:relative;transition:all .2s ease;transition:var(--transition)}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:#f9fafb;background:var(--gray-50)}.cart-item.out-of-stock{background:#fef2f2;opacity:.6}.out-of-stock-badge{background:#ef4444;background:var(--red-500);border-radius:12px;color:var(--white);font-size:.75rem;padding:.25rem .75rem;right:1rem;top:1rem;z-index:2}.item-image-container{position:relative}.item-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);height:auto;object-fit:cover;width:100%}.stock-indicator{background:#17eb65;background:var(--primary-green);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;height:12px;position:absolute;right:-1.25rem;top:5px;width:12px}.item-details{display:flex;flex-direction:column;gap:.75rem}.item-header{align-items:start;gap:1rem}.item-header,.name-rating{display:flex;justify-content:space-between}.item-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;text-transform:capitalize}.item-rating{align-items:center;display:flex;gap:.25rem}.star-filled{fill:#fb923c;fill:var(--primary-orange);color:#fb923c;color:var(--primary-orange)}.star-empty{color:#d1d5db;color:var(--gray-300)}.rating-text{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-left:.25rem}.item-category{background:#fff5ea;border-radius:12px;color:#fd8300;font-size:.875rem;font-weight:500;margin:0;padding:2px 10px;width:fit-content}.item-price-section{align-items:baseline;display:flex;gap:.5rem}.item-price{color:#28a745;color:var(--green);font-size:1.25rem;font-weight:700}.price-per-unit{color:#6b7280;color:var(--gray-500);font-size:.75rem}.item-controls{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:auto}.quantity-controls{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);overflow:hidden}.quantity-btn,.quantity-controls{align-items:center;background:#fff;background:var(--white);display:flex}.quantity-btn{border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:36px}.quantity-btn:hover:not(:disabled){background:#1fbd4e;background:var(--primary-green-light);color:#17eb65;color:var(--primary-green)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{align-items:center;background:#f9fafb;background:var(--gray-50);border-left:1px solid #d1d5db;border-left:1px solid var(--gray-300);border-right:1px solid #d1d5db;border-right:1px solid var(--gray-300);color:#111827;color:var(--gray-900);display:flex;font-weight:600;height:36px;justify-content:center;width:50px}.action-btn,.item-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease;transition:var(--transition)}.save-btn{background:#28a745;background:var(--green);border-color:#1fbd4e;border-color:var(--primary-green-light);color:#17eb65;color:var(--primary-green)}.save-btn:hover{background:#17eb65;background:var(--primary-green);color:#fff;color:var(--white)}.remove-btn{background:#fef2f2;border-color:#fef2f2;color:#ef4444;color:var(--red-500)}.remove-btn:hover{background:#ef4444;background:var(--red-500);color:#fff;color:var(--white)}.item-total{align-items:start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start}.item-subtotal{align-items:center;display:flex;gap:10px}.subtotal-label{color:gray;font-size:16px}.subtotal-amount{color:#111827;font-size:18px;font-weight:700}.order-summary-container{top:2rem}.order-summary{background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.summary-header h2{color:#111827;color:var(--gray-900)}.security-badge{align-items:center;background:#1fbd4e;background:var(--primary-green-light);border-radius:20px;color:#17eb65;color:var(--primary-green);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.summary-details{margin-bottom:1.5rem}.summary-row{color:#374151;color:var(--gray-700);font-size:.95rem;padding:.75rem 0}.free-delivery{color:#17eb65;color:var(--primary-green);font-weight:600}.summary-discount{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 0}.discount-amount{color:#17eb65;color:var(--primary-green);font-weight:600}.summary-divider{background:#e5e7eb;background:var(--gray-200);margin:1rem 0}.summary-total{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;padding:1rem 0}.total-amount{font-weight:800}.savings-info,.total-amount{color:#17eb65;color:var(--primary-green)}.savings-info{background:#1fbd4e;background:var(--primary-green-light);border:1px solid #1fbd4e;border:1px solid var(--primary-green-light);border-radius:8px;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.checkout-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-checkout{background:#17eb65;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease;transition:var(--transition)}.btn-checkout:hover{background:#1dd861;background:var(--primary-green-hover)}.btn-checkout:disabled{cursor:not-allowed;opacity:.6}.btn-continue{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.95rem;font-weight:500;padding:.875rem 2rem;transition:all .2s ease;transition:var(--transition)}.btn-continue:hover{background:#f9fafb;background:var(--gray-50);border-color:#17eb65;border-color:var(--primary-green);color:#17eb65;color:var(--primary-green)}.trust-badges{justify-content:space-around}.trust-badge{font-weight:500}.trust-badge svg{color:#17eb65;color:var(--primary-green)}.empty-cart{align-items:center;display:flex;justify-content:center;min-height:60vh}.empty-cart-content{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:400px;padding:3rem 2rem;text-align:center}.empty-cart-icon{color:#218838;margin-bottom:1.5rem}.empty-cart-title{color:#28a745;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.empty-cart-subtitle{color:#4b5563;color:var(--gray-600);font-size:1rem;line-height:1.5;margin-bottom:2rem}.btn-primary{background:#17eb65;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .2s ease;transition:var(--transition)}.btn-primary.large{font-size:1rem;padding:1rem 2rem}.btn-primary:hover{background:#28a745;background:var(--green)}@media (max-width:1024px){.cart-content{gap:1.5rem;grid-template-columns:1fr}.order-summary-container{position:static}}@media (max-width:768px){.cart-container{padding:20px}.cart-header{align-items:start;gap:1rem}.cart-header-left{width:100%}.cart-title{font-size:1.75rem}.cart-item{gap:1rem;grid-template-columns:1fr;padding:1.25rem}.item-header{align-items:start;flex-direction:column;gap:.5rem}.item-controls{align-items:center;flex-direction:row;gap:1rem;margin-top:23px}.item-actions,.item-controls{justify-content:center}.item-total{align-items:start;bottom:90px;position:absolute;right:20px}.progress-bar{gap:1rem}.item-price-section{flex-direction:column}.progress-bar:before{display:none}.cart-items-header{align-items:start;gap:1rem;padding:1.25rem 1.5rem}.delivery-info{align-self:stretch;justify-content:center}.order-summary{padding:1.5rem}}@media (max-width:480px){.cart-container{padding:.75rem}.cart-title{font-size:1.5rem}.cart-item{padding:20px}.item-name{display:block;font-size:1rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trust-badges{align-items:center;flex-direction:column;gap:.5rem}.order-summary{border-radius:8px;border-radius:var(--border-radius);margin:0 -.75rem}.stock-indicator{bottom:-33px;left:-14px;right:auto;top:auto}.quantity-controls{width:30%}}.action-btn:focus,.btn-back:focus,.btn-checkout:focus,.btn-clear:focus,.btn-continue:focus,.quantity-btn:focus{outline:2px solid #17eb65;outline:2px solid var(--primary-green);outline-offset:2px}.tax-rate{color:#666;font-size:12px;margin-left:8px}.item-tax{display:flex;font-size:14px;gap:5px;justify-content:space-between;margin:4px 0}.tax-amount,.tax-label{color:#7c7c7c}.tax-amount{font-weight:500}.item-final-total{border-top:1px solid #d3d3d3;color:#111827;font-size:18px;font-weight:700;margin-left:auto;padding-top:10px;text-align:end;width:105px}.final-total-label{color:#2a2828}.progress-container{margin:2rem 0}.progress-bar{justify-content:space-between;margin:0 auto;max-width:800px;position:relative}.progress-bar,.progress-step{align-items:center;display:flex}.progress-step{flex-direction:column;z-index:2}.progress-circle{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;display:flex;font-weight:700;height:30px;justify-content:center;margin-bottom:.5rem;width:30px}.progress-step.active .progress-circle{background:#e1efff;border:1px dashed #4a90e2;color:#4a90e2}.progress-step span{color:#666;font-size:.9rem}.progress-step.active span{color:#4a90e2;font-weight:500}.address-content{display:flex;gap:2rem;margin-top:2rem}.address-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex:2 1;padding:2rem}.address-form-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group.full-width{grid-column:span 2}.form-label{color:#555;font-size:.9rem}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-textarea{min-height:100px}.address-form-actions{display:flex;grid-column:span 2;justify-content:space-between;margin-top:1rem}.btn-back-to-cart{background:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s}.btn-back-to-cart:hover{background:#e0e0e0}.btn-proceed-to-payment{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s}.btn-proceed-to-payment:hover{background:#3a7bc8}.payment-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:800px;padding:2rem}.payment-content h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.payment-summary{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.btn-confirm-order{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s}.btn-confirm-order:hover{background:#218838}@media (max-width:768px){.address-content{flex-direction:column}.address-form{grid-template-columns:1fr}.address-form-actions,.form-group.full-width{grid-column:span 1}.progress-bar{padding:0 1rem}.progress-step span{font-size:.8rem}}@media (max-width:373px){.cart-title{font-size:20px}.btn-clear{padding:5px 15px}.item-total{bottom:92px}.item-controls{flex-wrap:nowrap}}.order-summary-container{height:fit-content;position:sticky;top:20px}.order-summary{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.summary-header{margin-bottom:16px}.summary-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.delivery-info-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.delivery-compact-row{align-items:center;display:flex;gap:8px}.delivery-icon{opacity:.9}.delivery-text{font-size:.9rem;font-weight:600}.same-day-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.summary-details{margin-bottom:16px}.summary-row{align-items:center;color:#666;font-size:.9rem;padding:10px 0}.row-label{align-items:center;display:flex;font-weight:400;gap:8px}.row-label svg{color:#999;flex-shrink:0}.row-value{color:#1a1a1a;font-weight:600}.free-text{color:#10b981!important;font-weight:700}.discount-row{background:#f0fdf4;border-radius:8px;margin:8px -12px;padding:10px 12px}.savings{color:#10b981!important;font-weight:700}.summary-divider{background:#e5e5e5;height:1px;margin:12px 0}.summary-total{align-items:center;padding:12px 0}.total-label{color:#1a1a1a;font-size:1.1rem;font-weight:600}.total-amount{color:#10b981;font-size:1.5rem;font-weight:700}.coupon-compact{background:#f9fafb;border-radius:10px;margin-bottom:16px;padding:14px}.coupon-header-compact{margin-bottom:10px}.coupon-header-compact span{color:#666;font-size:.85rem;font-weight:600}.coupon-input-compact{display:flex;gap:8px}.coupon-select-compact{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;cursor:pointer;flex:1 1;font-size:.85rem;padding:10px 12px;transition:all .2s}.coupon-select-compact:hover{border-color:#10b981}.coupon-select-compact:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.coupon-apply-compact{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.coupon-apply-compact:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.coupon-apply-compact:disabled{cursor:not-allowed;opacity:.5}.applied-coupon-compact{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.applied-code{color:#059669;font-size:.9rem;font-weight:700;letter-spacing:.5px}.remove-compact{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-compact:hover{background:#fee2e2;transform:scale(1.05)}.coupon-message-compact{animation:slideIn .3s ease;border-radius:8px;font-size:.8rem;font-weight:500;margin-top:10px;padding:8px 12px;text-align:center}.coupon-message-compact.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.coupon-message-compact.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.btn-checkout-compact{background:#10b981;border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all .3s;width:100%}.btn-checkout-compact:hover:not(:disabled){background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-checkout-compact:active:not(:disabled){transform:translateY(0)}.btn-checkout-compact:disabled{cursor:not-allowed;opacity:.6;transform:none}.trust-badges-compact{border-top:1px solid #f0f0f0;display:flex;gap:24px;justify-content:center;margin-top:16px;padding-top:16px}.trust-item{align-items:center;color:#999;display:flex;font-size:.8rem;font-weight:500;gap:6px}.trust-item svg{color:#10b981}@media (max-width:768px){.order-summary-container{margin-top:16px;position:static}.order-summary{padding:16px}.delivery-info-compact{align-items:flex-start;flex-direction:column;gap:8px}.summary-row{font-size:.85rem;padding:8px 0}.total-label{font-size:1rem}.total-amount{font-size:1.3rem}.coupon-input-compact{flex-direction:column}.coupon-apply-compact{width:100%}.trust-badges-compact{gap:16px}}@media (max-width:640px){.order-summary{border-radius:10px;padding:14px}.summary-header h2{font-size:1.1rem}.btn-checkout-compact{font-size:.9rem;padding:12px}}.btn-checkout-compact:focus-visible,.coupon-apply-compact:focus-visible,.coupon-select-compact:focus-visible,.remove-compact:focus-visible{outline:2px solid #10b981;outline-offset:2px}.address-card{border:2px solid #0000;border-radius:16px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px}.address-card:hover{border-color:#1a3965;box-shadow:0 4px 10px #0000001f}.address-card.selected{background:#f6fff8;box-shadow:0 4px 12px #0080001a}.address-details h3{color:#1a3965;font-size:1.1rem;font-weight:600;margin-bottom:4px}.address-details p{color:#444;font-size:.95rem;line-height:1.4}.address-details strong{color:#1a3965;font-weight:500}.address-actions{display:flex;gap:10px;justify-content:flex-end}.address-actions button{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background .3s ease}.address-actions button:hover{background:#d44242;color:#fff}.address-actions button:first-child{background:#e8f4ff}.address-actions button:first-child:hover{background:#28a745;color:#fff}@media (max-width:768px){.address-card{padding:12px 15px}.address-details h3{font-size:1rem}.address-details p{font-size:.9rem}.address-actions{justify-content:space-between}.address-actions button{flex:1 1;font-size:.85rem}}.payment-container{background-color:#f9fafb;min-height:100vh;padding:20px}.payment-page{margin:0 auto;max-width:1400px}.payment-header{margin-bottom:30px}.page-title{font-size:28px}.page-subtitle{color:#6b7280;font-size:14px}.payment-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}.left-section{display:flex;flex-direction:column;gap:20px}.right-section{align-self:flex-start;position:sticky;top:20px}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.card-title{color:#28a745;font-size:18px;font-weight:600;margin-bottom:16px}.address-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.address-name{color:#111827;font-size:16px}.address-text{color:#6b7280;font-size:14px;margin-bottom:4px}.address-contact{color:#6b7280;font-size:14px;margin-top:8px}.payment-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.payment-option:hover{border-color:#93c5fd}.payment-option-selected{background-color:#eff6ff;border-color:#3b82f6}.payment-option-content{align-items:center;display:flex;gap:12px}.payment-option-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.payment-option-desc{color:#6b7280;font-size:12px}.radio{border:2px solid #d1d5db;border-radius:50%;height:20px;width:20px}.radio-selected{border:6px solid #3b82f6;border-radius:50%;height:20px;width:20px}.security-badges{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:16px;padding-top:16px}.badge{color:#10b981;font-size:13px;gap:6px}.badge,.pay-button{align-items:center;display:flex}.pay-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.pay-button:hover:not(.pay-button-disabled){background-color:#1e7e34}.pay-button-disabled{background-color:#9ca3af;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.payment-note{color:#6b7280;font-size:12px;margin-top:12px;text-align:center}.summary-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.summary-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:20px}.summary-details{display:flex;flex-direction:column}.summary-row{color:#4b5563;font-size:14px}.free-text{color:#10b981;font-weight:600}.discount-text{color:#ef4444;font-weight:600}.divider{background-color:#e5e7eb;height:1px;margin:12px 0}.summary-total{color:#464646;display:flex;font-size:16px;font-weight:600;justify-content:space-between}.total-amount{color:#28a745;font-size:20px}.failure-card,.success-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:100px auto;max-width:500px;padding:48px;text-align:center}.success-title{color:#10b981;font-size:28px;font-weight:700;margin-bottom:12px;margin-top:24px}.failure-message,.success-message{color:#6b7280;font-size:16px;margin-bottom:24px}.success-details{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:20px;text-align:left}.failure-title{color:#ef4444;font-size:28px;font-weight:700;margin-bottom:12px;margin-top:24px}.primary-button{background-color:#3b82f6;font-size:16px;font-weight:600;margin:0 8px;padding:12px 32px;transition:all .2s}.primary-button:hover{background-color:#2563eb}.secondary-button{background-color:#fff;border:2px solid #3b82f6;color:#3b82f6;font-size:16px;font-weight:600;margin:0 8px;padding:12px 32px}.secondary-button:hover{background-color:#eff6ff}.button-group{gap:12px}.coupon-applied-payment span:first-child{color:#065f46;font-weight:600}.payment-divider{border:none;border-top:1px dashed #cbd5e1;margin:12px 0}@media (max-width:900px){.payment-layout{gap:30px;grid-template-columns:1fr}.right-section{align-self:auto;order:1;position:static;top:auto}.left-section{order:2}.payment-layout{gap:30px;grid-template-columns:1fr}.right-section{align-self:auto;order:-1;position:static;top:auto}.payment-container{padding:10px}}.lp-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lp-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;gap:12px;max-width:700px;padding:16px;width:95%}.lp-header{align-items:center;display:flex;justify-content:space-between}.lp-close-btn{background:#0000;border:none;cursor:pointer}.lp-subtitle{color:#555;font-size:.9rem}.lp-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px}.lp-coordinates{color:#333;display:flex;flex-direction:column;font-size:.85rem}.lp-confirm-btn{background:#16a34a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px}.address-page{background:#f8fafc;min-height:100vh;padding:20px 0}.address-container{margin:0 auto;max-width:1200px;padding:0 20px}.address-header{margin-bottom:40px;position:relative;text-align:center}.back-button{background:#fff;border:1px solid #e2e8f0;color:#64748b;left:0;padding:10px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.back-button:hover{border-color:#3b82f6;color:#3b82f6}.page-title{color:#28a745;font-size:32px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#8baf93;font-size:16px;margin:0}.address-main-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 400px}.address-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:32px}.order-summary-section{position:sticky;top:20px}.loading-container{padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-left-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.empty-address-state{padding:60px 40px;text-align:center}.empty-address-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.empty-address-title{color:#28a745;font-size:24px;font-weight:600;margin-bottom:12px}.empty-address-description{color:#8baf93;font-size:16px;line-height:1.6;margin-bottom:32px}.address-list-header{margin-bottom:24px}.address-list-header h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:8px}.address-list-header p{color:#64748b;margin:0}.addresses-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:32px}.address-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:24px;transition:all .3s ease}.address-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.address-card.selected{background:#f8faff;border-color:#28a745}.address-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.address-type-badge{background:#f1f5f9;color:#475569}.address-type-badge,.selected-indicator{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.selected-indicator{background:#dcfce7;color:#166534}.address-card-content{margin-bottom:20px}.address-name{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.address-text{color:#475569;line-height:1.5;margin-bottom:8px}.address-details{color:#64748b;font-size:14px;margin-bottom:12px}.contact-info{display:flex;gap:4px;margin-bottom:8px}.email,.landmark,.phone{color:#64748b;font-size:14px}.landmark{font-style:italic}.address-card-actions{align-items:center;display:flex;justify-content:space-between}.select-address-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.select-address-btn:hover{background:#2563eb}.address-action-buttons{display:flex;gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.edit-btn{color:#64748b}.edit-btn:hover{border-color:#3b82f6;color:#3b82f6}.delete-btn{color:#64748b}.delete-btn:hover{border-color:#ef4444;color:#ef4444}.add-new-address-card{background:#fff;border:2px dashed #28a745;border-radius:12px;cursor:pointer;padding:40px 24px;text-align:center;transition:all .3s ease}.add-new-address-card:hover{background:#f8faff;border-color:#52a566}.add-new-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:64px;justify-content:center;margin:0 auto 16px;transition:all .3s ease;width:64px}.add-new-address-card:hover .add-new-icon{background:#28a745;color:#fff}.add-new-address-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.add-new-address-card p{color:#64748b;margin:0}.address-form-section{background:#fff}.form-header{color:#28a745;gap:140px;margin-bottom:32px}.back-button-text,.form-header{align-items:center;display:flex}.back-button-text{background:none;border:none;color:#8baf93;cursor:pointer;font-size:14px;gap:8px;padding:8px 0}.form-title{color:#28a745;font-size:24px;font-weight:600;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{font-family:inherit}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.primary-button{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s}.primary-button:hover{background:#0000;border:1px solid #28a745;color:#28a745}.secondary-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.secondary-button:hover{background:#f9fafb;border-color:#9ca3af}.add-first-address-btn{margin:0 auto}.proceed-button{font-size:16px;justify-content:center;padding:16px 32px;width:100%}@media (max-width:1024px){.address-main-layout{gap:24px;grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width:768px){.address-container{padding:0 16px}.address-section{padding:24px 20px}.page-title{font-size:24px}.back-button{align-self:flex-start;margin-bottom:16px;position:static;transform:none}.address-header{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.form-grid{gap:16px}.addresses-grid,.form-grid{grid-template-columns:1fr}.address-card-actions{align-items:stretch;flex-direction:column;gap:12px}.address-action-buttons{justify-content:space-between}.form-actions{flex-direction:column}.primary-button,.secondary-button{justify-content:center}}@media (max-width:480px){.address-card{padding:20px}.empty-address-state{padding:40px 20px}.empty-address-icon{height:80px;width:80px}.empty-address-icon svg{height:32px;width:32px}}.loading-container{gap:16px}.loading-spinner{border:4px solid #f3f3f3}.loading-container p{color:#666;font-size:1rem;font-weight:500}.geocode-all-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:10px;padding:10px 20px;transition:all .3s}.geocode-all-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.geocode-all-btn:disabled{cursor:not-allowed;opacity:.7}.quick-geocode-btn{align-items:center;background:#2196f3;border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;position:absolute;right:10px;top:10px;transition:all .3s;z-index:10}.quick-geocode-btn:hover{background:#1976d2;box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.my-orders-container{color:#111827;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;padding:20px;text-align:center}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.orders-header h1{color:#28a745;font-size:28px;font-weight:600}.order-card{background-color:#fff;border:1px solid #a8e5b2;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:16px;min-height:200px;padding:16px 25px}.order-details{flex-direction:column;flex-wrap:wrap;margin-top:12px}.order-items{align-items:flex-start}.shipping-address{margin-top:8px}.view-details-button{border-radius:6px;padding:8px 14px;transition:background-color .3s}.orders-count{background:#e3f9dc;border-radius:20px;color:#28a745;font-size:16px;padding:5px 10px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.loading-spinner{border:6px solid #f3f3f3;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}.retry-button,.shop-now-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 18px;transition:background-color .3s}.retry-button:hover,.shop-now-button:hover{background-color:#2563eb}.order-info h3{color:#28a745;font-size:15px;text-align:justify}.order-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.order-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:12px}.order-number{color:#111827;display:block;font-size:1.1rem;font-weight:600}.order-date{color:#7abd89;font-size:.9rem;gap:6px}.order-date,.order-status{align-items:center;display:flex}.order-status{background:#f3f3f3;border-radius:30px;font-size:12px;gap:10px;justify-content:center;padding:10px}.order-status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px;text-transform:capitalize}.order-products-preview{align-items:center;display:flex;gap:10px}.Oproduct-image-wrapper{border-radius:10px;padding:10px}.Oproduct-image-wrapper img{background:#fff;border:1px solid #eee;border-radius:10px;height:90px;object-fit:contain;padding:11px;width:90px}.more-products-badge{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:60px;justify-content:center;width:60px}.modal-item-image{width:100px}.modal-item-image img{width:100%}.order-details{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.order-items{display:flex;flex-direction:column;gap:4px}.order-amount{color:#111827;font-size:20px;font-weight:800;gap:4px}.order-amount,.orderHistory{align-items:center;display:flex}.orderHistory{justify-content:space-between}.shipping-address{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:6px;margin-bottom:10px}.view-details-button{background-color:#3b82f6;border-radius:8px;margin-top:auto;padding:10px 14px;transition:background-color .3s,transform .2s}.view-details-button:hover{background-color:#2563eb;transform:translateY(-2px)}.empty-orders{color:#9ca3af;text-align:center}.empty-orders h2{font-size:1.4rem;margin:12px 0}.empty-orders p{margin-bottom:16px}.order-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111827b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999!important}.hide-scroll{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.order-modal{background-color:#fff;border-radius:12px;max-height:90vh;max-width:700px;overflow-y:auto;padding:20px 25px;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.modal-header h2{font-size:22px;font-weight:600}.close-button{background:#0000}.modal-section{margin-bottom:20px;text-align:justify}.status-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.modal-section h3{font-size:18px;font-weight:500;margin-bottom:10px}.section-container{display:flex;justify-content:space-between}.greyp{color:#8f8f8fdd}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:6px;margin-bottom:5px;padding:4px 10px}.items-list{display:flex;flex-direction:column;gap:10px}.modal-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:6px 0}.item-info{display:flex;flex-direction:column}.item-name{color:#28a745;font-size:20px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis}.item-dot{background-color:#3b82f6;border-radius:50%;height:8px;margin-right:8px;width:8px}.item-quantity{color:#6b7280;font-size:13px}.item-price{align-items:center;display:flex;font-weight:500;gap:4px}.address-details p{font-size:14px;margin:2px 0}.order-summary{display:flex;flex-direction:column;gap:6px}.summary-row{align-items:flex-start;display:flex;font-size:15px;justify-content:space-between}.summary-row.total{border-top:1px solid #e5e7eb;font-size:16px;font-weight:600;padding-top:6px}.summary-row span:last-child{color:#111827;font-size:20px;font-weight:600}@media (max-width:768px){.orders-list{grid-template-columns:1fr}}.dispatch-badge{align-items:center;background-color:#dbeafe;border-left:3px solid #0369a1;border-radius:6px;color:#0369a1;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:8px 12px}.dispatch-badge svg{color:#0369a1}.dispatch-section{background-color:#f0fdf4;border-left:4px solid #22c55e;border-radius:8px;padding:16px}.dispatch-section h3{color:#16a34a;font-size:16px;margin-bottom:12px;margin-top:0}.dispatch-details{display:flex;flex-direction:column;gap:12px}.dispatch-row{align-items:center;border-bottom:1px solid #dcfce7;display:flex;justify-content:space-between;padding:8px 0}.dispatch-row:last-child{border-bottom:none}.dispatch-row .label{color:#374151;font-weight:600;min-width:150px}.dispatch-row .value{color:#111827;max-width:200px;text-align:right;word-break:break-word}.dispatch-row .value a{color:#0369a1;cursor:pointer;text-decoration:none}.dispatch-row .value a:hover{color:#0284c7;text-decoration:underline}@media (max-width:640px){.dispatch-row{align-items:flex-start;flex-direction:column;gap:4px}.dispatch-row .label{min-width:auto}.dispatch-row .value{max-width:100%;text-align:left}}.dispatch-details.grid-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dispatch-details.grid-layout .dispatch-row{align-items:flex-start;border:1px solid #dcfce7;border-radius:6px;flex-direction:column;justify-content:flex-start;padding:12px}.dispatch-details.grid-layout .dispatch-row .label{color:#65a30d;font-size:12px;letter-spacing:.5px;margin-bottom:4px;min-width:auto;text-transform:uppercase}.dispatch-details.grid-layout .dispatch-row .value{font-size:14px;text-align:left}:root{--secondary-color:#8adb31;--text-color:#333;--background-color:#f5f5f5}*{font-family:Inter,sans-serif}.enhanced-navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a}.top-info-bar{align-items:center;background:#28a745;background:var(--primary-color);color:#fff;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 5%}.contact-info span{margin-right:15px}.login-btn{border:1px solid #fff;border-radius:4px;color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.login-btn:hover{background-color:#fff3}.main-nav{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:6px 5%}.logo{height:50px;max-width:180px}.search-container{display:flex;flex-grow:1;max-width:500px;z-index:9}.search-suggestions{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 20px #0000001a;max-height:250px;overflow-y:auto;position:absolute;top:42px;width:100%;z-index:2000}.search-suggestions::-webkit-scrollbar{display:none}.delete-suggestion{color:gray}.suggestion-item{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e7f3;cursor:pointer;display:flex;gap:10px;padding:10px;position:relative}.suggestion-item:hover{background:#eef3ff}.suggestion-image{height:45px;object-fit:contain;width:45px}.suggestion-content{display:flex;flex:1 1;flex-direction:column}.suggestion-title{color:#111;font-size:15px;font-weight:600}.suggestion-category{color:#2874f0;font-size:13px;margin-top:3px}.delete-suggestion{cursor:pointer;font-size:16px;opacity:.5;padding:4px}.delete-suggestion:hover{opacity:1}.search-input{border:1px solid #ddd;border-radius:4px 0 0 4px;border-right:none;flex-grow:1;outline:none;padding:10px}.search-button{background-color:#28a745;background-color:var(--primary-color);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:10px 30px}.nav-actions{align-items:flex-start;display:flex;gap:20px}.nav-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column}.icon-heart{color:#8adb31;color:var(--secondary-color)}.icon-cart{color:#28a745;color:var(--primary-color)}.cart-value,.icon-label{color:#333;color:var(--text-color);font-size:.8rem;margin-top:5px}.category-nav{background-color:#f5f5f5;background-color:var(--background-color);display:flex;flex-wrap:wrap;justify-content:space-around;padding:15px 5%}.category-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:transform .3s ease}.category-item:hover{background-color:#2ecc711a;transform:scale(1.05)}.category-icon{margin-bottom:10px}.category-name{color:#333;color:var(--text-color);text-align:center}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000073;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.mobile-menu-drawer{animation:slideInFromRight .5s ease forwards;background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 12px #00000026;display:flex;flex-direction:column;height:100%;max-width:300px;overflow-y:auto;position:fixed;right:0;top:0;width:70%;z-index:999}.mobile-menu-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:18px 20px}.mobile-menu-header h3{color:#222;font-size:1.1rem;font-weight:600;margin:0}.close-icon{color:#333;cursor:pointer;transition:transform .2s ease}.close-icon:hover{transform:rotate(90deg)}.mobile-menu-links{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:20px}.mobile-menu-links li{border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 12px;transition:all .2s ease}.mobile-menu-links li:hover{background-color:#f5f5f5;color:#111;transform:translateX(5px)}@keyframes slideInFromRight{0%{opacity:1;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}@media (min-width:768px){.mobile-menu-drawer,.mobile-menu-overlay{display:none}}@media screen and (max-width:768px){.top-info-bar{flex-direction:column;gap:10px;text-align:center}.main-nav{flex-wrap:wrap;position:relative}.search-container{margin-top:10px;order:3;width:100%}.nav-actions{position:absolute;right:5%;top:10px}.mobile-menu-toggle{display:block}.category-nav{display:none}.category-nav.mobile-open{align-items:center;display:flex;flex-direction:column}.category-item{border-bottom:1px solid #eee;flex-direction:row;justify-content:flex-start;padding:15px;width:100%}.category-icon{margin-bottom:0;margin-right:15px}}.user-profile-container{position:relative}.user-profile{align-items:center;border-radius:20px;cursor:pointer;display:flex;padding:5px 10px;transition:background-color .2s}.user-profile:hover{background-color:#ffffff1a}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{border-radius:50%;height:28px;margin-right:8px;width:28px}.user-avatar-placeholder{align-items:center;background-color:#f59e0b;color:#fff;display:flex;font-weight:700;justify-content:center}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:5px;margin-top:8px;padding:25px;position:absolute;right:0;top:100%;width:195px;z-index:1000}.dropdown-item{align-items:flex-start;border:none;border-radius:5px;display:flex;gap:10px;justify-content:flex-start;outline:none;padding:5px}.logout-btn{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background-color .2s;width:100%}.logout-btn:hover{background-color:#f5f5f5}.logout-btn svg{margin-right:8px}@media (max-width:768px){.user-name{max-width:80px}}.cart-icon-container{border-radius:8px;cursor:pointer;padding:0;transition:all .3s ease}.cart-icon-container:hover{background-color:#0000000d;transform:translateY(-1px)}.cart-icon-wrapper{display:inline-block;position:relative}.cart-badge{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;position:absolute;right:-19px;top:-17px;width:30px}.cart-value{background:#ff0;border-radius:10px;color:#1f2937;font-weight:600;margin-left:8px;padding:5px 22px}@media (max-width:768px){.cart-badge{font-size:11px;right:-18px;top:-16px}.cart-value{display:none}.main-nav{align-items:flex-start;flex-direction:column;position:relative}.mobile-menu-toggle{color:#28a745;display:block}.search-button{padding:10px 20px}}.category-nav,.enhanced-navbar,.main-nav,.top-info-bar{box-sizing:border-box;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width:768px){.category-nav,.main-nav,.top-info-bar{padding-left:10px!important;padding-right:10px!important}}@media screen and (max-width:400px){.category-nav,.main-nav,.top-info-bar{padding-left:5px!important;padding-right:5px!important}}:root{--primary-color:#2ecc71;--secondary-color:#27ae60;--text-colors:#fff;--overlay-color:#00000080}.advanced-slider-container{background:#f4f4f4;height:70vh;margin:auto;overflow:hidden;position:relative;width:100%}.advanced-slider-wrapper{display:flex;transition:transform .7s cubic-bezier(.68,-.55,.265,1.55)}.advanced-slide{height:70vh;min-width:100%;overflow:hidden;position:relative}.advanced-slide-image{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:100%;width:100%}.slide-content{background:#00000080;background:var(--overlay-color);bottom:0;color:#fff;color:var(--text-colors);left:0;opacity:0;padding:40px;position:absolute;right:0;transform:translateY(30%);transition:all .5s ease}.advanced-slide:hover .slide-content{opacity:1;transform:translateY(0)}.slide-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.slide-description{font-size:1.2rem;margin-bottom:20px;opacity:.9}.slide-cta{background-color:#2ecc71;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:background-color .3s ease}.slide-cta:hover{background-color:#27ae60;background-color:var(--secondary-color)}.slider-nav-button{align-items:center;background:#ffffffb3;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:50px;z-index:10}.prev-button{left:20px}.next-button{right:20px}.slider-nav-button:hover{background:#ffffffe6}.advanced-slider-dots{bottom:20px;display:flex;gap:10px;justify-content:center;position:absolute;width:100%;z-index:10}.dot{background:#ffffff80;transition:all .3s ease}.dot.active{background:#fff;border-radius:10px;width:20px}@media (max-width:768px){.advanced-slide{height:300px}.slide-title{font-size:1.8rem}.slide-description{font-size:1rem}.slider-nav-button{height:40px;width:40px}.dot{height:10px;width:10px}.advanced-slider-container{height:auto}}@media (max-width:480px){.advanced-slider-container{height:auto}}:root{--primary-colors:#4eaf21;--secondary-color:#ff7d03;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--background-light:#dffae5;--border-light:#e9ecef;--shadow-subtle:rgba(122,255,14,.418);--gradient-primary:linear-gradient(135deg,#4eaf21,#66c93a);--gradient-secondary:linear-gradient(135deg,#ff7d03,#ff9f43);--shadow-card:0 8px 32px #00000014;--shadow-card-hover:0 16px 48px #00000026;--shadow-button:0 4px 20px #4eaf214d;--shadow-button-hover:0 8px 32px #4eaf2166}body{background-color:#dffae5;background-color:var(--background-light);color:#2c3e50;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0}.best-selling-container{margin:0 auto;max-width:1096px;padding:2rem 1rem}.section-header{margin-bottom:3rem;text-align:center}.best-selling-title{-webkit-text-fill-color:#0000;background:#28a745;-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;position:relative;text-transform:uppercase}.best-selling-title:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#4eaf21,#66c93a);background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.section-subtitle{color:#7f8c8d;color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0 auto;max-width:600px}.product-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.product-card{animation:cardFadeIn .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-card);position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card:before{background:linear-gradient(135deg,#4eaf21,#66c93a);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.product-card:hover:before{transform:scaleX(1)}.product-card:hover{border-color:#4eaf2133;box-shadow:0 16px 48px #00000026;box-shadow:var(--shadow-card-hover);transform:translateY(-12px) scale(1.02)}.product-card:nth-child(2n){animation-delay:.1s}.product-card:nth-child(3n){animation-delay:.2s}.product-image-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:280px;overflow:hidden;position:relative;width:100%}.product-image{filter:brightness(1) saturate(1);object-fit:cover;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-image{filter:brightness(1.1) saturate(1.2);transform:scale(1.1) rotate(1deg)}.product-image-container:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.product-card:hover .product-image-container:after{transform:translateX(100%)}.favorite-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 8px 24px #0000001a;height:44px;right:16px;top:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px;z-index:10}.favorite-button:hover{background:#fff;box-shadow:0 12px 32px #00000026;transform:scale(1.15) rotate(12deg)}.favorite-button.favorited{animation:heartBeat .6s ease-in-out;background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.15)}}.product-details{flex-grow:1;padding:1.5rem;position:relative}.product-header{margin-bottom:1rem}.product-name{color:#2c3e50;color:var(--text-primary);flex-grow:1;font-size:1.1rem;font-weight:600;line-height:1.4;transition:color .3s ease}.product-card:hover .product-name{color:#4eaf21;color:var(--primary-colors)}.product-rating{background:#ffc1071a;color:#ffc107;font-size:.9rem;font-weight:500;gap:.3rem;padding:.3rem .6rem;transition:all .3s ease;white-space:nowrap}.product-card:hover .product-rating{background:#ffc10733;transform:scale(1.05)}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.2rem;overflow:hidden;transition:color .3s ease}.product-footer{align-items:center;border-top:1px solid #00000014;display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1rem;position:relative}.product-price{-webkit-text-fill-color:#0000;background:#28a745;background:var(--green);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;position:relative}.product-price:before{color:#4eaf21;color:var(--primary-colors);content:"₹";font-weight:600;left:-12px;position:absolute}.view-details-buttons{align-items:center;background-color:#28a745;border:none;border-radius:var(--border-radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:var(--font-medium);gap:20px;justify-content:center;margin-top:var(--space-sm);padding:12px;transition:var(--transition-normal);width:100%}.add-to-cart-button{background:linear-gradient(135deg,#4eaf21,#66c93a);background:var(--gradient-primary);border-radius:25px;box-shadow:0 4px 20px #4eaf214d;box-shadow:var(--shadow-button);font-size:.9rem;font-weight:600;overflow:hidden;padding:.7rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.add-to-cart-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-to-cart-button:hover:before{left:100%}.add-to-cart-button:hover{background:linear-gradient(135deg,#ff7d03,#ff9f43);background:var(--gradient-secondary);box-shadow:0 8px 32px #4eaf2166;box-shadow:var(--shadow-button-hover);transform:translateY(-3px) scale(1.05)}.add-to-cart-button:active{transform:translateY(-1px) scale(1.02)}@media screen and (max-width:1024px){.product-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.best-selling-title{font-size:2.2rem}}@media screen and (max-width:768px){.best-selling-container{padding:1.5rem 1rem}.product-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.best-selling-title{font-size:1.8rem}.section-subtitle{font-size:.9rem;padding:0 1rem}.product-image-container{height:220px}.product-details{padding:1.2rem}.product-footer{align-items:stretch;flex-direction:column;gap:.8rem}.add-to-cart-button{justify-content:center;width:100%}.product-price{font-size:1.2rem;text-align:center}}@media screen and (max-width:480px){.product-grid{gap:1rem;grid-template-columns:1fr}.best-selling-title{font-size:1.5rem}.product-card{margin:0 .5rem}.product-image-container{height:200px}.product-header{align-items:flex-start;flex-direction:column;gap:.5rem}.product-rating{align-self:flex-end}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.product-card.loading{animation:slideInUp .6s ease-out forwards}@media (hover:hover){.product-card:hover .product-description{color:#2c3e50;color:var(--text-primary)}.product-card:hover .favorite-button{animation:pulse 2s infinite}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-color-scheme:dark){.product-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}}.ad-slider-container{margin:0;overflow:hidden;width:100%}.ad-slider{display:flex;transition:transform .5s ease-in-out}.ad-slide{min-width:100%;transition:opacity .5s ease-in-out}.ad-slide.active{opacity:1}.ad-slide img{border-radius:0;display:block;height:550px;width:100%}.ad-thumbnails{display:flex;gap:10px;justify-content:center;overflow-x:auto;padding:10px;scroll-behavior:smooth}.ad-thumbnails::-webkit-scrollbar{height:6px}.ad-thumbnails::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ad-thumb{border:2px solid #0000;border-radius:5px;cursor:pointer;height:50px;object-fit:cover;opacity:.6;transition:all .3s ease;width:80px}.ad-thumb.active{border-color:#3498db;opacity:1;transform:scale(1.05)}@media (max-width:768px){.ad-thumb{height:40px;width:60px}.ad-slide img{display:inline-block;height:200px}}:root{--primary-green:#cbf1d2;--secondary-green:#fafafa;--orange-accent:#ff6d0b;--white-bg:#000;--dark-text:#2c3e50;--light-text:#020202}.grocery-footer{background-color:#fff;border-top:1px solid #fff3;box-shadow:0 -4px 6px #0000001a;color:#000;color:var(--white-bg);font-family:Arial,sans-serif;padding:3rem 1rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto}.footer-logo-section{border-top:1px solid #fff3;flex:1 1;min-width:250px;text-align:center}.footer-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.footer-logo{height:68px;margin-right:1rem;width:242px}.footer-logo:hover{transform:scale(1.1) rotate(1turn)}.footer-logo-text{color:#000;color:var(--white-bg);font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.footer-tagline{color:#020202;color:var(--light-text);font-style:italic;margin-top:.5rem}.footer-links-section{display:flex;flex:2 1;gap:2rem}.footer-column{flex:1 1;min-width:200px}.footer-column h3{color:#ff6d0b;color:var(--orange-accent);margin-bottom:1rem;padding-bottom:.5rem}.footer-column ul{list-style-type:none;padding:0}.footer-column ul li{align-items:center;display:flex;margin-bottom:.5rem}.footer-column ul li svg{color:#ff6d0b;color:var(--orange-accent);margin-right:.5rem;width:30px}.footer-column a{color:#000;color:var(--white-bg);text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#ff6d0b;color:var(--orange-accent)}.footer-social-section{flex:1 1;min-width:250px;text-align:center}.footer-social-section h3{color:#ff6d0b;color:var(--orange-accent)}.social-icons{gap:1rem;margin-top:1rem}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;border-radius:50%;color:#ff6d0b;color:var(--orange-accent);font-size:1.5rem;padding:.5rem;transition:all .3s ease}.social-icon:hover{background-color:#ff6d0b;background-color:var(--orange-accent);color:#fff;transform:scale(1.2) rotate(1turn)}.footer-bottom{align-items:center;background-color:#cbf1d2;background-color:var(--primary-green);color:#000;color:var(--white-bg);flex-wrap:wrap;justify-content:center;margin-top:2rem;padding:1rem;text-align:center}.footer-bottom,.footer-legal-links{display:flex;gap:1rem}.footer-legal-links a{color:#000;color:var(--white-bg);text-decoration:none;transition:color .3s ease}.footer-legal-links a:hover{color:#ff6d0b;color:var(--orange-accent)}@media screen and (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links-section,.footer-logo-section,.footer-social-section{width:100%}.footer-social-section{text-align:left}.footer-links-section{flex-direction:column;gap:0}.footer-column{margin-top:15px}.footer-column h3{text-align:left}.social-icons{justify-content:flex-start}.footer-bottom{flex-direction:column}.footer-bottom p{color:#006400}.footer-legal-links a{color:#006400;text-decoration:none;transition:color .3s ease}.footer-social-section h3{margin-top:15px}}.grocery-footer{animation:fadeInUp .8s ease-out}.designBy{margin-top:20px;text-align:center}.designBy a{color:#28a745!important}.testimonials-container{border-radius:15px;margin:0 auto;max-width:1200px;overflow:hidden;padding:40px 20px}.testimonials-title{color:#28a745;font-size:2.75rem;font-weight:700;margin-bottom:30px;text-align:center;text-transform:uppercase}.testimonial-slider-wrapper{overflow:hidden}.testimonial-slider{display:flex;flex-wrap:nowrap;transition:transform .5s ease-in-out}.testimonial-card{box-sizing:border-box;flex:0 0 19.3333%;padding:15px;transition:all .3s ease}.testimonial-card .testimonial-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:25px 20px;text-align:center}.testimonial-photo{border:3px solid #48ae1c;border-radius:50%;height:120px;margin:0 auto 15px;object-fit:cover;position:relative;width:120px}.testimonial-quote{color:#555;font-size:1rem;font-style:italic;margin-bottom:15px}.testimonial-info{margin-top:10px}.testimonial-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:5px}.testimonial-role{color:#777;font-size:.9rem}.testimonial-dots{margin-top:20px;text-align:center}.dot{background:#ccc;border-radius:50%;cursor:pointer;display:inline-block;height:12px;margin:0 6px;transition:background .3s;width:12px}.dot.active{background:#28a745}@media (max-width:992px){.testimonial-card{flex:0 0 50%}}@media (max-width:567px){.testimonial-card{flex:0 0 20%}.testimonials-container{margin:0 auto}}@media (max-width:600px){.testimonial-card{flex:0 0 25%;padding:10px}.testimonial-photo{height:100px;width:100px}.testimonials-title{font-size:2rem}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-slider-container{background-color:#fff;padding:25px 125px;width:100%}.category-image-container{height:140px;width:140px}@media (max-width:768px){.category-slider-container{padding:25px 40px;width:100%}}@media (max-width:480px){.category-slider-container{padding:25px 40px;width:100%}}:root{--primary-color:#28a745;--primary-hover:#4338ca;--primary-light:#eef2ff;--secondary-color:#6b7280;--accent-color:#ec4899;--accent-light:#fdf2f8;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--light-gray:#f9fafb;--medium-gray:#e5e7eb;--dark-gray:#1f2937;--black:#111827;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem}body{background-color:var(--light-gray);color:#1f2937;color:var(--dark-gray)}.product-section{margin:0 auto;max-width:1440px;padding:2rem;padding:var(--space-xl)}.error-overlay,.loading-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{border:4px solid #4f46e51a;border-top:4px solid var(--primary-color);margin-bottom:1rem}.error-icon,.loading-spinner{margin-bottom:var(--space-md)}.error-icon{color:var(--danger-color)}.error-overlay h3{color:#111827;color:var(--black);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.error-overlay p{color:#6b7280;color:var(--secondary-color);margin-bottom:1.5rem;margin-bottom:var(--space-lg);max-width:500px}.retry-button{align-items:center;background-color:var(--primary-color);border-radius:.375rem;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.retry-button:hover{background-color:#4338ca;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.mobile-filter-trigger{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.375rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--dark-gray);color:#28a745;cursor:pointer;display:none;font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-xs);margin-bottom:1rem;margin-bottom:var(--space-md);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.mobile-filter-trigger:hover{background-color:#f9fafb;background-color:var(--light-gray);border-color:#6b7280;border-color:var(--secondary-color)}.mobile-filter-container{bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100}.mobile-filter-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.mobile-filter-drawer{animation:slideIn .3s ease-out;background-color:#fff;background-color:var(--white);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:100%;max-width:400px;overflow-y:auto;padding:1.5rem;padding:var(--space-lg);position:relative;width:85%;z-index:101}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.filter-header h3{color:#111827;color:var(--black);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.close-button{background:none;border:none;border-radius:9999px;border-radius:var(--border-radius-full);color:#6b7280;color:var(--secondary-color);cursor:pointer;padding:.25rem;padding:var(--space-xs);transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.close-button:hover{background-color:#f9fafb;background-color:var(--light-gray);color:#111827;color:var(--black)}.filter-section{margin-bottom:2rem;margin-bottom:var(--space-xl)}.filter-section-title{align-items:center;color:#111827;color:var(--black);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-medium);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md);-webkit-user-select:none;user-select:none}.dropdown-icon{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.dropdown-icon.open{transform:rotate(180deg)}.price-range-value{color:#28a745;color:var(--primary-color);font-weight:600;font-weight:var(--font-semibold)}.filter-options{flex-direction:column}.filter-option,.filter-options{display:flex;gap:.5rem;gap:var(--space-sm)}.filter-option{align-items:center;cursor:pointer;padding:.25rem 0;padding:var(--space-xs) 0}.filter-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:50%;height:1.25rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:1.25rem}.filter-option input:checked~.checkmark,.filter-option:hover .checkmark{border-color:#28a745;border-color:var(--primary-color)}.filter-option input:checked~.checkmark{background-color:#28a745;background-color:var(--primary-color)}.checkmark:after{background:#fff;background:var(--white);border-radius:50%;content:"";display:none;height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5rem}.filter-option input:checked~.checkmark:after{display:block}.option-label{color:#1f2937;color:var(--dark-gray);font-size:.875rem;font-size:var(--text-sm)}.price-slider{-webkit-appearance:none;border-radius:9999px;border-radius:var(--border-radius-full);height:6px;margin-bottom:.5rem;margin-bottom:var(--space-sm);outline:none;width:100%}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#28a745;background:var(--primary-color);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition-fast);transition:var(--transition-fast);width:18px}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.price-limits{color:#6b7280;color:var(--secondary-color);display:flex;font-size:.75rem;font-size:var(--text-xs);justify-content:space-between}.filter-actions{display:flex;gap:1rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-xl)}.apply-button,.reset-button{border-radius:.375rem;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-weight:500;font-weight:var(--font-medium);padding:.5rem;padding:var(--space-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.reset-button{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);color:#1f2937;color:var(--dark-gray)}.reset-button:hover{background-color:#f9fafb;background-color:var(--light-gray);border-color:#6b7280;border-color:var(--secondary-color)}.apply-button{background-color:#28a745;background-color:var(--primary-color);border:none;color:#fff;color:var(--white)}.apply-button:hover{background-color:#4338ca;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-layout{display:flex;gap:2rem;gap:var(--space-xl)}.sidebar-filters{flex:0 0 280px}.filter-card{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-lg)}.filter-title{color:#111827;color:var(--black);font-size:1.125rem;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.filter-group{margin-bottom:2rem;margin-bottom:var(--space-xl)}.filter-group-header{align-items:center;color:#111827;color:var(--black);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.clear-filters,.filter-group-header{cursor:pointer;font-weight:500;font-weight:var(--font-medium)}.clear-filters{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.375rem;border-radius:var(--border-radius-md);color:#1f2937;color:var(--dark-gray);padding:.5rem;padding:var(--space-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.clear-filters:hover{background-color:#f9fafb;background-color:var(--light-gray);border-color:#6b7280;border-color:var(--secondary-color)}.product-grid-container{flex:1 1}.product-grid:has(.product-card:only-child){grid-template-columns:repeat(auto-fit,minmax(220px,max-content));justify-content:flex-start}.product-grid:has(.product-card:only-child) .product-card{max-width:280px}.product-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.product-count{color:#28a745;color:var(--green);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold)}.sort-controls{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.sort-label{color:#6b7280;color:var(--secondary-color)}.sort-label,.sort-select{font-size:.875rem;font-size:var(--text-sm)}.sort-select{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.375rem;border-radius:var(--border-radius-md);color:#1f2937;color:var(--dark-gray);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.sort-select:focus,.sort-select:hover{border-color:#28a745;border-color:var(--primary-color)}.sort-select:focus{box-shadow:0 0 0 2px #4f46e533}.product-grid{grid-gap:clamp(16px,3vw,32px);align-items:stretch;display:grid;gap:clamp(16px,3vw,32px);grid-template-columns:repeat(auto-fit,242px);justify-content:flex-start}.product-card{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.product-image-wrapper{aspect-ratio:1/1;background-color:#f9fafb;background-color:var(--light-gray);height:200px}.product-image{height:100%;object-fit:contain;padding:1.5rem;padding:var(--space-lg);transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:100%}.product-card:hover .product-image{transform:scale(1.05)}.image-placeholder{color:#6b7280;color:var(--secondary-color);font-size:.875rem;font-size:var(--text-sm)}.discount-badge{background-color:var(--accent-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:.75rem;font-size:var(--text-xs);left:.5rem;left:var(--space-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.discount-badge,.favorite-button{position:absolute;top:.5rem;top:var(--space-sm);z-index:2}.favorite-button{align-items:center;color:#6b7280;color:var(--secondary-color);height:32px;justify-content:center;right:.5rem;right:var(--space-sm);width:32px}.favorite-button.active,.favorite-button:hover{color:#ec4899;color:var(--accent-color)}.favorite-button.active{background-color:var(--accent-light)}.product-details{display:flex;flex:1 1;flex-direction:column;padding:1rem;padding:var(--space-md)}.product-category{align-self:flex-start;background-color:#eef2ff;background-color:var(--primary-light);color:#28a745;color:var(--primary-color);font-size:var(--text-xsm);font-weight:500;font-weight:var(--font-medium);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.product-title{color:#111827;color:var(--black);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);line-height:1.3}.product-descriptions,.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-descriptions{color:#7abd89;font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin-bottom:12px}.product-meta{gap:.5rem;gap:var(--space-sm)}.product-rating{color:#f59e0b;color:var(--warning-color);font-size:.875rem;font-size:var(--text-sm);gap:var(--space-xs)}.product-pricing{margin-top:auto}.price-container{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.current-price{color:#111827;color:var(--black);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold)}.original-price{color:var(--secondary-color);font-size:.875rem;font-size:var(--text-sm)}.view-details-button{align-items:center;background-color:#28a745;border:none;border-radius:.375rem;border-radius:var(--border-radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-medium);gap:20px;justify-content:center;margin-top:15px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.view-details-button:hover{background-color:#006400;transform:translateY(-1px)}.empty-state{align-items:center;background-color:#fff;background-color:var(--white);border:1px dashed #e5e7eb;border:1px dashed var(--medium-gray);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem;margin-top:var(--space-lg);padding:3rem 1.5rem;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-state-icon{font-size:1.875rem;font-size:var(--text-3xl);margin-bottom:1rem;margin-bottom:var(--space-md)}.empty-state h3{color:#28a745;color:var(--primary-color);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.empty-state p{color:#6b7280;color:var(--secondary-color);margin-bottom:1.5rem;margin-bottom:var(--space-lg);max-width:400px}.reset-filters-button{background-color:#28a745;background-color:var(--primary-color);border:none;border-radius:.375rem;border-radius:var(--border-radius-md);color:#fff;color:var(--white);cursor:pointer;font-weight:500;font-weight:var(--font-medium);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.reset-filters-button:hover{background-color:#4338ca;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:1024px){.product-layout{gap:1.5rem;gap:var(--space-lg)}.sidebar-filters{flex:0 0 240px}}@media (max-width:1165px){.product-section{padding:1rem;padding:var(--space-md)}.mobile-filter-trigger{display:flex}.sidebar-filters{display:none}.product-grid{gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:527px){.product-grid-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.sort-controls{justify-content:space-between;width:100%}.sort-select{flex:1 1;max-width:200px}.product-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.product-image-wrapper{height:137px}.view-details-button{gap:3px;padding:8px}.view-details-button p{font-size:11px}}.category-products-container{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.category-products-header{align-items:center;border-radius:12px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.back-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#e5e7eb;transform:translateX(-2px)}.header-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.category-title{color:#28a745;font-size:32px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.products-count{color:#7abd89;font-size:18x;margin:0}.search-container{flex:1 1;min-width:250px;position:relative}.category-page-layout{display:flex;gap:24px}.sidebar-large{display:block}.category-sidebar{flex-shrink:0;width:220px}.category-products-container{flex:1 1}.search-icon{color:#9ca3af;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.Categsearch-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 12px 12px 45px;transition:all .3s ease;width:100%}.Categsearch-input:focus{border-color:#10b981;outline:none}.controls-right{align-items:center;display:flex;gap:10px}.sort-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease}.sort-select:focus{border-color:#10b981;outline:none}.view-mode-buttons{display:flex;gap:8px}.view-mode-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.view-mode-btn:hover{background:#f0fdf4;border-color:#10b981}.view-mode-btn.active{background:#10b981;border-color:#10b981;color:#fff}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-bottom:40px}.products-grid.list{grid-template-columns:1fr}.product-card-modern{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;flex-grow:1;overflow:hidden;position:relative;transition:all .3s ease}.product-card-modern:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.badge-bestseller{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:11px;font-weight:600;left:12px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-bestseller,.wishlist-btn{position:absolute;top:12px;z-index:10}.wishlist-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;right:12px;transition:all .3s ease;width:40px}.wishlist-btn:hover{background:#fee;color:#ef4444;transform:scale(1.1)}.product-image-wrapper{align-items:center;background:#f9fafb;display:flex;height:240px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image-modern{height:100%;object-fit:contain;padding:15px;transition:transform .3s ease;width:100%}.product-card-modern:hover .product-image-modern{transform:scale(1.05)}.out-of-stock-badge{background:#ef4444f2;border-radius:6px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.product-info-modern{padding:20px}.product-category-label{color:#218638;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.product-name-modern{color:#28a745;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 8px;text-overflow:ellipsis}.product-description-modern,.product-name-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-description-modern{color:#7abd89;font-size:15px;max-height:48px;min-height:48px}.product-rating{background:#fff7da;border-radius:20px;display:inline-flex!important;gap:6px;padding:4px 10px;width:auto}.rating-value{color:#1f2937;font-size:14px;font-weight:600}.product-price-section{align-items:center;display:flex;gap:10px;margin-bottom:16px;margin-top:6px}.product-price-modern{color:#218638;font-size:24px;font-weight:700}.product-price-original{color:#9ca3af;font-size:16px;text-decoration:line-through}.view-details-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.view-details-btn:hover{background:#218638;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.empty-products-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.empty-icon{color:#28a745;margin-bottom:20px}.empty-products-state h3{color:#1f2937;font-size:24px;margin-bottom:10px}.empty-products-state p{color:#6b7280;margin-bottom:24px}.clear-search-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-search-btn:hover{background:#059669}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#10b981;height:50px;width:50px}.loading-text{color:#6b7280;font-size:16px}.error-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.error-icon{color:#28a745!important;height:60px;margin-bottom:20px;width:60px}.errorBtn{display:flex;gap:10px}.error-container h3{color:#28a745!important;font-size:24px;margin-bottom:10px}.error-container p{color:#8f97a2!important;margin-bottom:24px}.error-retry-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.error-retry-btn:hover{background:#15792d}@media (max-width:768px){.category-products-container{padding:15px}.category-title{font-size:24px}.products-controls{flex-direction:column}.controls-right{justify-content:space-between;width:100%}.sort-select{flex:1 1}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-image-wrapper{height:180px}.product-name-modern{font-size:16px}.product-price-modern{font-size:20px}}@media (max-width:992px){.sidebar-large{display:none}.category-products-container{flex:1 1;width:100%}}.category-sider-container{background-color:#fbfbfb;border-right:4px solid #ebe8e8;height:100%;padding:25px 0;width:100%}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-header h2{font-size:1.5rem;font-weight:600}.highlight{color:#28a745}.category-sidebar-list{display:flex;flex-direction:column;gap:12px;height:100vh;overflow-y:auto;padding:16px}.category-card-vertical{align-items:center;border-radius:8px;color:#28a745;display:flex;padding:8px 12px;transition:background .2s}.category-card-vertical:hover{background:#28a745;color:#fff}.category-image-container-vertical{align-items:center;background-color:#f0f0f0;border:2px solid #ededed;border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-right:12px;overflow:hidden;width:64px}.category-image-vertical{border-radius:50%;height:100%;object-fit:cover;transition:transform .2s;width:100%}.category-name-vertical{font-size:14px;font-weight:500;text-transform:uppercase}.category-card{align-items:center;background:#0000;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;text-align:center;width:120px}.category-image-container{align-items:center;background-color:#f0f0f0;border:2px solid #edffed;border-radius:50%;box-shadow:-2px 2px 8px 0 #00000017;display:flex;height:100px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100px}.category-image{height:100%;object-fit:cover;width:100%}.category-image:hover{transform:scale(1.04)}.category-info{padding:0}.category-name{color:#28a745;font-size:.9rem;font-weight:600;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.swiper{padding:10px 0}.swiper-slide{display:flex;justify-content:center}@media (max-width:768px){.category-sider-container{padding:25px 40px;width:100%}}@media (max-width:480px){.category-sider-container{padding:25px 40px;width:100%}}@media (max-width:380px){.swiper-wrapper{gap:10px}}:root{--primary-500:#59ee3e;--primary-600:#52c82a;--primary-700:#f19b21;--primary-50:#eff6ff;--primary-100:#dbeafe;--accent-500:#ec4899;--accent-600:#db2777;--accent-50:#fdf2f8;--success-500:#10b981;--success-50:#ecfdf5;--warning-500:#f59e0b;--warning-50:#fffbeb;--danger-500:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--black:#000;--green:#28a745;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:"SF Mono","Roboto Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--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-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--border-radius-sm:0.125rem;--border-radius-md:0.25rem;--border-radius-lg:0.375rem;--border-radius-xl:0.5rem;--border-radius-2xl:0.75rem;--border-radius-3xl:1rem;--border-radius-full:9999px;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,var(--primary-500),var(--primary-600))}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);line-height:1.5}.error-container,.loading-container,.no-recommendations,.not-found-container,.recommendations-loading{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.75rem;border-radius:var(--border-radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin:2rem auto;margin:var(--space-8) auto;max-width:800px;min-height:60vh;padding:2rem;padding:var(--space-8);text-align:center}.loading-spinner{border:4px solid #3b82f61a;border-top:4px solid var(--primary-500);height:3rem;height:var(--space-12);margin-bottom:1.5rem;margin-bottom:var(--space-6);width:3rem;width:var(--space-12)}.error-icon{color:#ef4444;color:var(--danger-500);font-size:1.875rem;font-size:var(--text-3xl);margin-bottom:1rem;margin-bottom:var(--space-4)}.error-container h3,.not-found-container h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.75rem;margin-bottom:var(--space-3)}.error-container p,.not-found-container p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);max-width:500px}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:center}.back-button,.retry-button{align-items:center;border-radius:.375rem;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.retry-button{background-color:#28a745;background-color:var(--green);border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.retry-button:hover{background-color:#52c82a;background-color:var(--primary-600);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.back-button{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700)}.back-button:hover{background-color:#f9fafb;background-color:var(--gray-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-detail-container{margin:0 auto;max-width:1440px;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}@media (min-width:768px){.product-detail-container{padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}}.breadcrumb-nav{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.product-detail-content{display:flex;flex-direction:column;gap:3rem;gap:var(--space-12);margin-bottom:3rem;margin-bottom:var(--space-12)}@media (min-width:768px){.product-detail-content{grid-gap:4rem;grid-gap:var(--space-16);display:grid;gap:4rem;gap:var(--space-16);grid-template-columns:1fr}}@media (min-width:1024px){.product-detail-content{grid-template-columns:1.25fr 1fr}}.product-images-section{position:relative}.main-image-container{align-items:center;aspect-ratio:1/1;background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.main-image-container.zoom-active{cursor:zoom-in;overflow:hidden}.main-product-image{max-height:100%;max-width:100%;object-fit:contain;padding:1.5rem;padding:var(--space-6);transition:transform .1s ease-out;will-change:transform}.image-placeholder{align-items:center;background-color:#f9fafb;background-color:var(--gray-50);border-radius:.75rem;border-radius:var(--border-radius-2xl);color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;font-size:1.875rem;font-size:var(--text-3xl);height:100%;justify-content:center;width:100%}.image-placeholder p{color:#6b7280;color:var(--gray-500);font-size:1rem;font-size:var(--text-base);margin-top:.75rem;margin-top:var(--space-3)}.image-nav-button{align-items:center;background-color:#fffffff2;border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;height:2.5rem;height:var(--space-10);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:2.5rem;width:var(--space-10);z-index:10}.image-nav-button:hover{background-color:#fff;background-color:var(--white);color:#59ee3e;color:var(--primary-500);transform:translateY(-50%) scale(1.1)}.image-nav-button.prev{left:1rem;left:var(--space-4)}.image-nav-button.next{right:1rem;right:var(--space-4)}.zoom-preview{background:#fff;border:1px solid #ddd;height:520px;overflow:hidden;width:520px}.zoom-preview-image{background-repeat:no-repeat!important;background-size:200%;height:100%;width:100%}.thumbnail-container{display:flex;gap:.75rem;gap:var(--space-3);overflow-x:auto;padding-bottom:.5rem;padding-bottom:var(--space-2);scrollbar-color:#d1d5db #f3f4f6;scrollbar-color:var(--gray-300) var(--gray-100);scrollbar-width:thin}.thumbnail-container::-webkit-scrollbar{height:6px}.thumbnail-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:.25rem;border-radius:var(--border-radius-md)}.thumbnail-container::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:.25rem;border-radius:var(--border-radius-md)}.thumbnail-button{background-color:#fff;background-color:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius-lg);cursor:pointer;flex-shrink:0;height:80px;min-width:80px;padding:.25rem;padding:var(--space-1);transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.thumbnail-button:hover{border-color:#28a745;border-color:var(--green);transform:translateY(3px)}.thumbnail-button.active{border-color:#28a745;border-color:var(--green);box-shadow:0 0 0 2px #3b82f633}.thumbnail-image{border-radius:.25rem;border-radius:var(--border-radius-md);height:100%;object-fit:contain;width:100%}.product-info-section{display:flex;flex-direction:column;gap:10px;position:relative}.product-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between}.product-category{background-color:#eff6ff;background-color:var(--primary-50);border-radius:9999px;border-radius:var(--border-radius-full);color:#52c82a;color:var(--primary-600);display:inline-block;font-size:10px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.product-category,.product-title{margin-bottom:.5rem;margin-bottom:var(--space-2)}.product-title{color:#28a745;color:var(--green);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);line-height:1.25}.favorite-button{background:none;background-color:#fff;background-color:var(--white);border:none;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;padding:.5rem;padding:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.favorite-button:hover{transform:scale(1.1)}.favorite-button.active,.favorite-button:hover{background-color:#fdf2f8;background-color:var(--accent-50);color:red}.favorite-button.active svg{fill:red}.product-meta{flex-wrap:wrap;gap:1.25rem;gap:var(--space-5);margin-bottom:.5rem;margin-bottom:var(--space-2)}.product-meta,.product-rating{align-items:center;display:flex}.product-rating{color:#374151;color:var(--gray-700);font-size:12px;font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--space-1)}.reviews{color:#6b7280;color:var(--gray-500)}.availability-badge,.reviews{font-size:.875rem;font-size:var(--text-sm)}.availability-badge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.in-stock{background-color:#ecfdf5;background-color:var(--success-50);color:#10b981;color:var(--success-500)}.out-of-stock{color:#ef4444;color:var(--danger-500)}.product-price-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:.5rem;margin-bottom:var(--space-2)}.current-price{color:#28a745;color:var(--green);font-weight:800;font-weight:var(--font-extrabold);line-height:1}.current-price,.original-price{font-size:1.25rem;font-size:var(--text-xl)}.original-price{color:#6b7280;color:var(--gray-500);font-weight:500;font-weight:var(--font-medium);text-decoration:line-through}.discount-badge{background-color:#ec4899;background-color:var(--accent-500);border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;color:var(--white);font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.product-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex}.tab-button{background:none;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.tab-button:hover{color:#59ee3e;color:var(--primary-500)}.tab-button.active{color:#28a745;color:var(--green)}.tab-button.active:after{background-color:#28a745;background-color:var(--green);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:.75rem;left:var(--space-3);position:absolute;right:.75rem;right:var(--space-3)}.tab-content{padding:5px 0}.product-description{color:#4b5563;color:var(--gray-600);font-size:1rem;font-size:var(--text-base);line-height:1.7}.product-description p{margin:0;overflow:hidden;text-align:justify}.read-more-button{background:none;border:none;color:#28a745;cursor:pointer;display:inline;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-left:5px;padding:0;transition:color .2s ease}.read-more-button:hover{color:#f19b21;color:var(--primary-700);text-decoration:underline}.specs-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:480px){.specs-grid{grid-template-columns:repeat(2,1fr)}}.spec-item{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:.75rem;padding:var(--space-3)}.spec-key{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.25rem;margin-bottom:var(--space-1)}.spec-value{color:#1f2937;color:var(--gray-800);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold)}.product-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}@media (min-width:480px){.product-actions{align-items:center;flex-direction:row}}.quantity-selector{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.quantity-selector button{align-items:center;background-color:#f9fafb;background-color:var(--gray-50);border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:300;font-weight:var(--font-light);height:48px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:48px}.quantity-selector button:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#59ee3e;color:var(--primary-500)}.quantity-selector button:disabled{color:#9ca3af;color:var(--gray-400);cursor:not-allowed;opacity:.5}.quantity-selector span{color:#111827;color:var(--gray-900);text-align:center;width:60px}.add-to-cart-button,.quantity-selector span{font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold)}.add-to-cart-button{align-items:center;background:#28a745;background:var(--green);border:none;border-radius:.375rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2);height:48px;justify-content:center;letter-spacing:.5px;padding:0 1.5rem;padding:0 var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.add-to-cart-button:hover{background:linear-gradient(135deg,#52c82a,#f19b21);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.trust-badges{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.trust-badge{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2)}.trust-badge svg{color:#10b981;color:var(--success-500)}.recommendations-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:3rem;margin-top:var(--space-12);padding-top:2rem;padding-top:var(--space-8)}.recommendations-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.recommendations-header h2{color:#28a745;color:var(--green);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.recommendations-header p{color:#9ca3af;color:var(--gray-400);font-size:1rem;font-size:var(--text-base);margin:0 auto;max-width:600px}.recommendations-slider-container{padding:0 2rem;padding:0 var(--space-8);position:relative}@media (max-width:767px){.recommendations-slider-container{padding:0}}.slider-controls{display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}@media (max-width:767px){.slider-controls{display:none}}.slider-button{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;height:2.5rem;height:var(--space-10);justify-content:center;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:2.5rem;width:var(--space-10)}.slider-button:hover{background-color:#59ee3e;background-color:var(--primary-500);color:#fff;color:var(--white);transform:scale(1.1)}.slider-button:disabled{background-color:#f3f4f6;background-color:var(--gray-100);cursor:not-allowed;opacity:.5;transform:none}.recommendations-slider{margin:0 -.5rem;margin:0 calc(var(--space-2)*-1);overflow:hidden}.recommendations-track{display:grid;grid-template-columns:repeat(auto-fit,242px);justify-content:flex-start;padding:.5rem;padding:var(--space-2);transition:transform .3s ease}.recommendation-card{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex:0 0 calc(50% - 1rem);flex:0 0 calc(50% - var(--space-4));min-width:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}@media (min-width:640px){.recommendation-card{flex:0 0 calc(33.333% - 1rem);flex:0 0 calc(33.333% - var(--space-4))}}@media (min-width:1024px){.recommendation-card{flex:0 0 calc(25% - 1rem);flex:0 0 calc(25% - var(--space-4))}}.recommendation-card:hover{border-color:#28a745;border-color:var(--green);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.recommendation-image-container{align-items:center;aspect-ratio:1/1;background-color:#f9fafb;background-color:var(--gray-50);display:flex;justify-content:center;overflow:hidden;padding:1rem;padding:var(--space-4);position:relative}.recommendation-image{height:100%;mix-blend-mode:multiply;object-fit:contain;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:100%}.recommendation-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.recommendation-card:hover .recommendation-overlay{opacity:1}.view-product-button{background-color:#fff;background-color:var(--white);border:none;border-radius:.375rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--gray-900);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.view-product-button:hover{background-color:#28a745;background-color:var(--green);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px)}.recommendation-info{padding:1rem;padding:var(--space-4)}.recommendation-title{color:#28a745;color:var(--green);font-size:25px;font-weight:700;font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-rating,.recommendation-title{margin-bottom:.5rem;margin-bottom:var(--space-2)}.recommendation-rating{align-items:center;background-color:#ffeae0;border-radius:20px;color:#f59e0b;color:var(--warning-500);display:flex;display:inline-block;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);padding:5px 15px}.recommendation-price{align-items:flex-end;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.rec-current-price{color:#28a745;color:var(--green);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold)}.rec-original-price{color:#6b7280;color:var(--gray-500);text-decoration:line-through}.quick-add-button,.rec-original-price{font-size:.875rem;font-size:var(--text-sm)}.quick-add-button{align-items:center;background-color:#f5f3f3;border:none;border-radius:.375rem;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.quick-add-button:hover{background-color:#28a745;background-color:var(--green);color:#fff;color:var(--white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-info-section>*{animation:fadeIn .5s ease-out forwards}.product-info-section>:first-child{animation-delay:.1s}.product-info-section>:nth-child(2){animation-delay:.2s}.product-info-section>:nth-child(3){animation-delay:.3s}.product-info-section>:nth-child(4){animation-delay:.4s}.product-info-section>:nth-child(5){animation-delay:.5s}.product-info-section>:nth-child(6){animation-delay:.6s}@media (max-width:768px){.current-price,.product-title{font-size:1.5rem;font-size:var(--text-2xl)}.original-price{font-size:1.125rem;font-size:var(--text-lg)}.recommendation-card{flex:0 0 calc(50% - 1rem);flex:0 0 calc(50% - var(--space-4))}}@media (max-width:480px){.product-detail-container{padding:1rem;padding:var(--space-4)}.current-price,.product-title{font-size:1.25rem;font-size:var(--text-xl)}.recommendation-card{flex:0 0 calc(50% - 1rem);flex:0 0 calc(50% - var(--space-4))}.product-actions{flex-direction:column}.quantity-selector{width:50%}.add-to-cart-button{width:100%}.Toastify__toast--success{font-size:12px;max-width:280px;padding:8px 12px}.Toastify__toast--success button{font-size:10px;padding:2px 4px}}.privacy-page{background-color:#f9f9f9;color:#333;line-height:1.7}.privacy-header{background-color:#28a745;color:#fff;padding:2rem 1rem;text-align:center}.privacy-header h1{font-size:2rem;margin:0}.privacy-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem;width:90%}.privacy-content h2{color:#28a745;font-size:1.3rem;margin-top:1.5rem}.privacy-content p{font-size:1rem;margin-bottom:1rem}.privacy-content ul{margin:1rem 0 1rem 1.5rem;padding-left:1rem}.privacy-footer{background-color:#28a745;color:#fff;font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.privacy-header h1{font-size:1.6rem}.privacy-content{padding:1.5rem}.privacy-content h2{font-size:1.1rem}.privacy-content li,.privacy-content p{font-size:.95rem}}@media (max-width:480px){.privacy-header{padding:1.5rem .8rem}.privacy-content{padding:1rem;width:95%}.privacy-header h1{font-size:1.4rem}.privacy-header p{font-size:.95rem}.privacy-footer{font-size:.8rem}}.whatsapp-widget{bottom:20px;font-family:Helvetica Neue,Arial,sans-serif;position:fixed;right:20px;z-index:9999}.whatsapp-bubble{align-items:center;background-color:#28a745;border-radius:50%;box-shadow:0 5px 15px #0000004d;cursor:pointer;display:flex;height:60px;justify-content:center;transition:transform .3s,box-shadow .3s;width:60px}.whatsapp-bubble img{height:35px;width:35px}.whatsapp-bubble:hover{box-shadow:0 8px 20px #0006;transform:scale(1.1)}.whatsapp-chat{animation:fadeInUp .5s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-width:90vw;overflow:hidden;position:relative;width:320px}.chat-header{align-items:center;background:#28a745;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:12px 15px}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px}.chat-body{color:#333;font-size:14px;line-height:1.4;padding:15px}.chat-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin:0 15px 15px;padding:12px;transition:background .3s}.chat-button:hover{background:#1ebe57}@media (max-width:600px){.whatsapp-widget{bottom:15px;right:15px}.whatsapp-chat{border-radius:12px;bottom:70px;right:0;width:90vw}.chat-body{font-size:13px}.chat-button{margin:10px 0 10px 120px;padding:12px;width:58%}.whatsapp-bubble{height:50px;width:50px}.whatsapp-bubble img{height:28px;width:28px}}:root{--green-primary:#2ecc71;--green-light:#e8f5e9;--orange-accent:#ff6b35;--white-background:#fff;--text-dark:#333}@keyframes float-blob{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upper{text-transform:uppercase}.about-section{background:url(/static/media/aboutbg.00ca4064d89da35c4fbe.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:40px 0;position:relative;width:100%}.background-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.shape{animation:float-blob 6s ease-in-out infinite;border-radius:50%;opacity:.3;position:absolute}.shape-1{background-color:#e8f5e9;background-color:var(--green-light);height:200px;left:50px;top:50px;width:200px}.shape-2{animation-delay:2s;background-color:#ff6b3533;bottom:100px;height:250px;right:100px;width:250px}.about-container{margin:0 auto;max-width:1200px;padding:10px 20px;position:relative;z-index:10}.about-content{align-items:center;display:flex;gap:60px}.text-section{flex:1 1}.section-titles{color:#2ecc71;color:var(--green-primary);font-size:2.5rem;font-weight:700;margin-bottom:20px}.section-description{color:#333;color:var(--text-dark);line-height:1.6;margin-bottom:30px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.feature-card{align-items:center;background-color:#fff;background-color:var(--white-background);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;padding:15px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.icon{background-position:50%;background-size:cover;display:inline-block;height:40px;margin-right:15px;transition:transform .3s ease;width:40px}.feature-card:hover .icon{animation:rotate-icon 1s linear}.feature-card:hover .icon-truck{animation:moveForward 1s forwards}@keyframes moveForward{0%{transform:translateX(0)}to{transform:translateX(10px)}}.icon-leaf{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232ecc71"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>')}.icon-truck{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232ecc71"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zm-.5 1.5l1.96 2.5H17V9.5h2.5zM6 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2.22-3c-.55-.61-1.33-1-2.22-1s-1.67.39-2.22 1H3V6h12v9H8.22zM20 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>')}.image-section{flex:1 1;position:relative}.image-wrapper{border-radius:15px;overflow:hidden;transition:transform .3s ease}.image-wrapper:hover{transform:scale(1.05)}.image-section img{display:block;height:auto;width:100%}@media screen and (max-width:768px){.about-content{flex-direction:column;gap:30px;text-align:center}.feature-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.feature-card{justify-content:center}.shape-1,.shape-2{display:none}.section-titles{font-size:30px}.section-description{text-align:justify}}.ourValuesSection{max-width:1200px;padding:20px;z-index:10}.ourValues,.ourValuesSection{margin:0 auto;position:relative}.ourValues{padding:40px 20px;text-align:left;width:100%}.ourValues h3{color:#2ecc71;color:var(--green-primary);font-size:2rem;font-weight:700;margin-bottom:20px}.ourValues p{color:#333;color:var(--text-dark);line-height:1.6;margin-bottom:30px;max-width:600px;width:100%}.ourValuesContent{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:40px;padding:20px}.image-wrappers{align-items:center;display:flex;flex:1 1 100%;justify-content:center}.image-wrappers img{border-radius:20px;display:block;height:auto;max-width:600px;width:100%}.image-wrappers1{flex:1 1 100%}.image-wrappers1 img{border-radius:20px;display:block;height:auto;margin-top:80px;width:100%}.feature-card2{max-width:220px}.feature-card2,.feature-card3{align-items:center;background-color:#fff;background-color:var(--white-background);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;margin-top:10px;padding:15px;transition:transform .3s ease}.feature-card3{max-width:100%}.feature-card3:first-child{background:#ffebed;border:1px solid #ffb6c1}.feature-card3:nth-child(2){background:#ddf6fd;border:1px solid #add8e6}.feature-card3:nth-child(3){background:#dbfcdb;border:1px solid #90ee90}.offer{background-color:#fff;background-color:var(--white-background);width:100%}.whatWeOffer{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:10}.feature-grid2{display:flex;flex-direction:column;gap:10px}@media screen and (max-width:1024px){.ourValuesContent{gap:0}}@media screen and (max-width:768px){.ourValuesContent{align-items:center;flex-direction:column;text-align:center}.ourValues p{max-width:100%;padding:0 10px}.image-wrappers{margin-top:0}.feature-card2{justify-content:center;margin:10px auto}}@media screen and (max-width:480px){.ourValues h3{font-size:1.5rem}.ourValues p{font-size:.95rem}.feature-card2{padding:10px;width:90%}.ourValues{padding:20px}.feature-card3{max-width:225px}.whatWeOffer{padding:0 20px}}:root{--dark-blue:#081a38;--accent-blue:#2563eb;--light-gray-bg:#f9fafb;--text-color:#1f2937}.contact-page-container{background:url(/static/media/aboutbg.00ca4064d89da35c4fbe.jpg);font-family:Inter,sans-serif;min-height:100vh;padding:1rem}@media (min-width:640px){.contact-page-container{padding:2rem}}.intro-section{margin:0 auto 3rem;max-width:896px;padding-top:2rem;text-align:center}@media (min-width:1024px){.intro-section{margin-bottom:2rem}}.intro-title{color:#1f2937;color:var(--text-color);font-size:3rem;font-weight:800;line-height:1.25;margin-bottom:1rem}.accent-text{color:#28a745}.intro-text{color:#4b5563;font-size:1.125rem;margin:0 auto;max-width:768px}.main-content-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1280px}@media (min-width:1024px){.main-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.left-column{padding-right:2rem}}.section-heading{color:#1f2937;color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:10px}.contact-detail svg{color:#218838}.section-description{color:#374151;margin-bottom:2rem}.contact-detail-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;margin-bottom:1.5rem;padding:1rem}.contact-detail-item:last-child{border-bottom:none;margin-bottom:0}.icon-wrapper{background-color:#eff6ff;border-radius:9999px;color:#28a745;flex-shrink:0;margin-right:1rem;padding:.75rem}.details-card{display:flex;flex-direction:column;gap:20px;margin-top:20px}.contact-detail{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:2px 3px 9px 0 #a39f9fe6;display:flex;gap:15px;padding:15px;transition:transform .2s,box-shadow .2s}.contact-detail:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contact-detail h4{color:#333;font-size:16px;font-weight:600;margin:0}.contact-detail p{color:#555;font-size:14px;margin:2px 0}.contact-detail p:last-child{color:#218838;font-weight:500}.detail-title{color:#1f2937;font-size:1.125rem;font-weight:600}.detail-content{color:#4b5563;font-size:.875rem;margin-top:.25rem}.detail-subcontent{color:#6b7280;font-size:.75rem;margin-top:.125rem}.form-card{background-color:#fff;border-radius:1rem;box-shadow:0 8px 24px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:480px;overflow:hidden}.sendMsg{background-color:#28a745;color:#fff;padding:10px 25px}.form-heading{font-size:25px;font-weight:700;margin-bottom:6px}.form-description{color:#e0f2e9;font-size:15px;margin-bottom:16px}.form-layout{display:flex;flex-direction:column;gap:12px;padding:20px 30px 30px}.input-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.input-row{gap:10px;grid-template-columns:repeat(2,1fr)}}.form-label{color:#111827;display:block;font-weight:600;margin-bottom:.5rem}.form-label-span-2{grid-column:span 2}.form-input-span-2{grid-column:1/-1}.form-input,.form-textarea{background-color:#fafafa;border:1.5px solid #ced4da;border-radius:.5rem;box-shadow:inset 0 1px 3px #0000000d;color:#333;font-family:inherit;font-size:14px;padding:12px 14px;transition:border-color .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:#28a745;box-shadow:0 0 6px #28a7454d;outline:none}.form-textarea{min-height:80px;resize:vertical}.submit-button{align-items:center;background-color:#28a745;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:background-color .3s ease}.submit-button:hover:not(:disabled){background-color:#218838}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.form-footer-text{color:#666;font-size:.85rem;margin-top:14px;padding-bottom:12px;text-align:center}:root{--max-width:1280px;--container-padding-x:32px;--container-padding-x-sm:24px;--container-padding-x-xs:16px;--primary-from:#28a745;--primary-to:#7abd89;--accent:#28a745;--accent-weak:#7abd89;--muted:#6c806b;--bg-hero-top:#ebffee;--bg-hero-bottom:#eefff2;--white:#fff;--shadow-lg:0 10px 25px #00000014;--shadow-md:0 6px 18px #0000000f;--radius-xl:18px;--radius-lg:12px;--radius-md:8px;--text-dark:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.faq-page{color:#0f172a;color:var(--text-dark);min-height:100vh}.hero{background:linear-gradient(90deg,#28a745,#7abd89);background:linear-gradient(90deg,var(--primary-from) 0,var(--primary-to) 100%);overflow:hidden;padding:64px 0;position:relative}.hero-overlay{background:#0000001a;inset:0;position:absolute}.hero-inner{margin:0 auto;max-width:1280px;max-width:var(--max-width);padding:0 16px;padding:0 var(--container-padding-x-xs);position:relative;text-align:center;z-index:1}@media (min-width:640px){.hero-inner{padding:0 24px;padding:0 var(--container-padding-x-sm)}}@media (min-width:1024px){.hero-inner{padding:0 32px;padding:0 var(--container-padding-x)}}.hero-title{color:#fff;font-size:36px;font-weight:700;line-height:1.05;margin:0 0 12px}@media (min-width:768px){.hero-title{font-size:48px}}.hero-sub{color:#dbe6fff2;font-size:18px;margin:0 auto 28px;max-width:720px}.hero-search-wrap{margin:0 auto;max-width:672px}.hero-search{position:relative}.hero-search-icon{color:#94a3b8e6;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.hero-input{background:#ffffff14;border:none;border-radius:14px;box-shadow:0 10px 30px #02061726;caret-color:#fff;color:#fffffff2;font-size:18px;outline:none;padding:16px 16px 16px 48px;width:100%}.hero-input::placeholder{color:#fffc}.hero-input:focus{box-shadow:0 6px 24px #ffffff1f,0 0 0 8px #ffffff0f}.container{margin:0 auto;max-width:1280px;max-width:var(--max-width);padding:48px 16px}@media (min-width:640px){.container{padding:48px 24px}}@media (min-width:1024px){.container{padding:48px 32px}}.gridd{display:flex;flex-wrap:wrap;gap:24px}.sidebar-wrap{margin-bottom:0;width:100%}@media (min-width:1024px){.sidebar-wrap{flex:0 0 320px;width:320px}}.main-wrap{flex:1 1;min-width:0}.sidebar-card{background:#fff;background:var(--white);border-radius:18px;box-shadow:0 10px 25px #00000014;box-shadow:var(--shadow-lg);padding:24px;position:relative;position:sticky;top:32px}.sidebar-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 18px}.category-stack{display:flex;flex-direction:column;gap:8px}.category-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:#374151;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%}.category-btn:hover{background:#f9fafb;box-shadow:0 6px 18px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.02)}.category-btn.active{background:linear-gradient(90deg,#28a745,#7abd89);background:linear-gradient(90deg,var(--primary-from),var(--primary-to));box-shadow:0 12px 30px #294c9d2e;color:#fff!important;transform:scale(1.03)}.category-icon-wrap{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background .3s ease}.category-btn:hover .category-icon-wrap{background:#e9ecef}.category-icon-wrap.active-icon-bg{background:#ffffff1f}.category-icon{color:#4b5563;height:16px;width:16px}.category-icon-active{color:#fff}.category-name{font-size:15px;font-weight:500}.category-count-wrap{margin-left:auto}.category-count{background:#e6e6e6;border-radius:999px;color:#4b5563;display:inline-block;font-size:12px;padding:3px 8px}.category-count-active{background:#ffffff1f;color:#fff}.no-results{padding:48px 24px;text-align:center}.no-results-icon{align-items:center;background:linear-gradient(135deg,#28a745,#7abd89);background:linear-gradient(135deg,var(--primary-from),var(--primary-to));border-radius:999px;box-shadow:0 10px 25px #00000014;box-shadow:var(--shadow-lg);display:flex;height:96px;justify-content:center;margin:0 auto 18px;width:96px}.no-icon-inner{color:#fff;height:48px;width:48px}.no-results-title{color:#111827;font-size:20px;font-weight:600;margin:12px 0 6px}.no-results-sub{color:#6b7280}.list-header{margin-bottom:18px}.list-title{font-size:20px;font-weight:600;margin:0 0 6px}.list-count,.list-title{color:#28a745;color:var(--primary-from)}.faq-cards{display:flex;flex-direction:column;gap:16px}.faq-card{background:#fff;border-radius:14px;box-shadow:0 10px 25px #00000014;box-shadow:var(--shadow-lg);overflow:hidden;transition:box-shadow .25s ease,transform .2s ease}.faq-card:hover{box-shadow:0 16px 32px #04081414;transform:translateY(-2px)}.faq-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;text-align:left;transition:background-color .2s ease;width:100%}.faq-toggle:hover{background:#f9fafb}.faq-left{align-items:center;display:flex;flex:1 1 auto;gap:12px}.bullet-gradient{background:linear-gradient(90deg,#28a745,#7abd89);background:linear-gradient(90deg,var(--primary-from),var(--primary-to));border-radius:999px;flex-shrink:0;height:8px;margin-right:12px;width:8px}.faq-question{color:#28a745;color:var(--primary-from);font-size:18px;font-weight:600;margin:0;padding-right:8px}.faq-toggle-icon{flex-shrink:0}.toggle-icon{color:#28a745;color:var(--primary-from);height:20px;transition:transform .2s ease;width:20px}.faq-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.faq-body.open{max-height:500px;opacity:1}.faq-body-inner{padding:0 24px 20px 0}.faq-body-border{border-left:2px solid #28a745;border-left:2px solid var(--primary-from);padding-left:24px}.faq-answer{color:#28a745;color:var(--primary-from);line-height:1.6;margin:12px 0 0}.category-btn.active .category-count,.category-btn.active .category-icon,.category-btn.active .category-name{color:#fff!important}.category-btn.active .category-icon-wrap{background:#fff3!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.sidebar-card{position:static;top:auto}.hero-search-wrap{padding-top:12px}}@media (max-width:639px){.hero-title{font-size:28px}.hero-sub{font-size:15px;padding:0 12px}.faq-toggle{padding:16px}.faq-body-inner{padding-right:16px}}.left-filters{height:fit-content;padding:20px}.filter-header h3{font-size:20px;font-weight:700}.clear-btn{background:none;border:none;color:#4a6bff;cursor:pointer;font-size:14px}.left-filters{background:#fff;border-radius:16px;box-shadow:0 4px 14px #00000014;padding:0;position:sticky;top:20px;width:280px}.filter-container{padding:20px}.filter-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:0}.clear-all{background:none;border:none;color:#28a745;cursor:pointer;font-size:14px}.filter-section{margin-bottom:22px}.filter-label{color:#555;font-size:12px}.right-content{flex:1 1}.search-title{font-size:26px;font-weight:700;margin-bottom:20px}.search-title span{color:#4a6bff}.card-image-box{align-items:center;background:#f4f4f4;display:flex;height:260px;justify-content:center;width:100%}.card-image{height:90%;object-fit:contain;width:90%}.card-category{color:#6b6b6b;font-size:13px;font-weight:600;padding:10px 15px 0}.card-title{color:#333;font-size:17px;font-weight:700;padding:5px 15px}.card-quality{color:#4a6bff;font-size:12px;font-weight:600;padding-left:15px}.card-stars{color:#ffa800;font-size:18px;padding:5px 15px}.card-price-row{align-items:center;display:flex;gap:10px;padding-left:15px}.card-price{color:#000;font-size:20px;font-weight:700}.card-old-price{color:#888;font-size:16px;text-decoration:line-through}.card-discount{color:#27ae60;font-size:14px;font-weight:600}.details-btn{background:#4a6bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;margin:15px auto 0;padding:10px 0;width:90%}.select-wrapper{position:relative;width:220px}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 40px 10px 12px;width:100%}.select-arrow{color:#777;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.dropdown-wrapper{position:relative;width:100%}.dropdown-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:14px;padding:12px;width:100%}.dropdown-wrapper select{padding-bottom:10px}.dropdown-wrapper{margin-bottom:12px}.dropdown-wrapper select option{padding:10px 12px}.details-btn:hover{background:#3a58d6}.empty-search{color:#555;font-size:18px;padding:40px;text-align:center}.loading-overlay{padding:50px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ddd;border-radius:50%;border-top-color:#4a6bff;height:35px;margin:auto;width:35px}.products{margin-top:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1023px){.left-filters{display:none!important}.mobile-filter-trigger{display:flex!important;margin:20px 20px 20px 0}}.filter-section{margin-bottom:18px}.filter-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.fd-wrapper{margin-bottom:12px;position:relative;width:100%}.fd-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #cfcfcf;border-radius:10px;cursor:pointer;font-size:14px;padding:12px 40px 12px 14px;width:100%}.fd-icon{opacity:.7;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.fd-select option{padding:12px}@media (max-width:600px){.fd-select{font-size:13px;padding:10px 12px}}
/*# sourceMappingURL=main.a0874374.css.map*/