:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-900: #14532d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-pill: 2rem;--transition-fast: all .15s ease;--transition-base: all .2s ease;--transition-slow: all .25s ease;--shadow-card: 0 4px 24px rgba(0, 0, 0, .07);--shadow-green-sm: 0 4px 12px rgba(22, 163, 74, .15);--shadow-green-md: 0 6px 20px rgba(22, 163, 74, .3);--shadow-green-hover: 0 16px 36px rgba(22, 163, 74, .1)}*{font-family:Inter,sans-serif}body{background:var(--gray-50);color:var(--gray-900)}.navbar{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);padding:.85rem 0;box-shadow:0 1px 20px #0000000f}.navbar-brand{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--green-600) 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.navbar-brand .brand-icon{-webkit-text-fill-color:var(--green-600)}.nav-link{font-weight:500;color:var(--gray-600)!important;padding:.45rem .9rem!important;border-radius:var(--radius-sm);transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--green-700)!important;background:var(--green-50)}.nav-link.active{font-weight:600}.cart-btn{position:relative;background:var(--green-50);border:1.5px solid var(--green-200);color:var(--green-700);padding:.45rem 1.1rem;border-radius:var(--radius-pill);font-weight:600;font-size:.88rem;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:var(--transition-base)}.cart-btn:hover{background:var(--green-100);color:var(--green-700);transform:translateY(-1px);box-shadow:var(--shadow-green-sm)}.cart-count{background:var(--green-600);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.btn{transition:var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--green-600) 0%,#059669 100%);border:none;font-weight:600;letter-spacing:.01em}.btn-primary:hover{background:linear-gradient(135deg,var(--green-700) 0%,#047857 100%);transform:translateY(-1px);box-shadow:var(--shadow-green-md)}.btn-outline-primary{border:1.5px solid var(--green-600);color:var(--green-600);font-weight:600}.btn-outline-primary:hover{background:var(--green-600);color:#fff;transform:translateY(-1px)}.card{border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.shadow-card{box-shadow:var(--shadow-card)}.alert{border:none;border-radius:.85rem;font-weight:500}footer{background:var(--gray-900);color:#9ca3af;padding:3rem 0 1.5rem;margin-top:5rem}footer h6{color:#fff;font-weight:700;margin-bottom:1rem;letter-spacing:.02em}footer a{color:#9ca3af;text-decoration:none;font-size:.9rem;transition:color .15s}footer a:hover{color:var(--green-500)}.footer-brand{font-size:1.4rem;font-weight:800;color:#fff}.footer-brand span{color:var(--green-500)}.footer-pay-icons{font-size:2rem;color:var(--gray-600)}.footer-signout-btn{font-size:.9rem}.footer-divider{border-color:#374151;margin:2rem 0 1.5rem}.footer-tagline{line-height:1.8}.product-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden;transition:var(--transition-slow);height:100%;display:flex;flex-direction:column;position:relative}.product-card:hover{border-color:var(--green-200);transform:translateY(-6px);box-shadow:0 20px 40px #16a34a1f}.product-img-wrap{background:linear-gradient(145deg,#f8fafc 0%,var(--green-50) 100%);height:180px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--green-200);position:relative;text-decoration:none}.product-img-wrap--lg{height:170px}.product-body{padding:1.2rem;flex:1;display:flex;flex-direction:column}.product-name{font-weight:700;font-size:.95rem;color:var(--gray-900);text-decoration:none;display:block;margin-bottom:.35rem;line-height:1.4}.product-name:hover{color:var(--green-700)}.product-desc{font-size:.82rem;color:#6b7280;margin-bottom:.75rem;flex:1}.product-price-main{font-size:1.25rem;font-weight:800;color:var(--green-700)}.product-price-old{font-size:.85rem;color:#9ca3af;text-decoration:line-through;margin-right:.4rem}.badge-sale{background:#fee2e2;color:#dc2626;font-size:.72rem;font-weight:700;border-radius:.5rem;padding:.25rem .6rem}.badge-rx{background:#fef2f2;color:#b91c1c;font-size:.7rem;font-weight:700;border-radius:.4rem;padding:.2rem .6rem;width:-moz-fit-content;width:fit-content}.add-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-50);border:1.5px solid var(--green-200);color:var(--green-600);font-size:.9rem;transition:var(--transition-base);flex-shrink:0;cursor:pointer}.add-btn:hover{background:var(--green-600);color:#fff;border-color:var(--green-600);transform:scale(1.1)}.section-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green-600);margin-bottom:.4rem}.section-title{font-size:1.75rem;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}[data-aos]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}[data-aos].aos-visible{opacity:1;transform:none}
