@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Lora", Georgia, serif;--mono:"IBM Plex Mono", monospace;--color-porcelain:#fff;--color-porcelainDeep:#f8fafc;--color-ink:#000;--color-teal:#0f172a;--color-tealDark:#020617;--color-coral:#facc15;--color-coralSoft:#fef9c3;--color-line:#0000000f;--color-mute:#374151;--color-gold:#facc15;--color-goldSoft:#fef9c3;--color-card-text:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:500 15px/160% var(--sans);letter-spacing:.3px;color:var(--color-ink);background:var(--color-porcelain);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{--color-porcelain:#0b0c10;--color-porcelainDeep:#15161a;--color-ink:#fff;--color-teal:#e5c352;--color-tealDark:#b8972e;--color-coral:#d4af37;--color-coralSoft:#d4af371a;--color-line:#ffffff1a;--color-mute:#d1d5db;--color-gold:#d4af37;--color-goldSoft:#d4af371a;--color-card-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;border-inline:none;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;margin:0;display:flex;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--color-ink);margin:0}p{margin:0}button{font-family:var(--sans);color:var(--color-ink);cursor:pointer}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background:var(--color-porcelain);color:var(--color-ink);margin:0;transition:background .3s,color .3s}button,a,.card,.product-tile,.product-card{transition:all .25s cubic-bezier(.4,0,.2,1)!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--color-porcelainDeep)}::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-mute)}input:focus,select:focus,textarea:focus{outline-offset:0px;outline:2px solid var(--color-teal)!important;border-color:var(--color-teal)!important}button:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}::selection{background:var(--color-coralSoft);color:var(--color-tealDark)}.product-card{transform-style:preserve-3d;will-change:transform, box-shadow}.product-card:hover .product-image-hover{filter:contrast(1.03)brightness(1.02);transform:scale(1.07)}.quick-view-btn:hover{transform:scale(1.12);background:var(--color-coralSoft)!important;color:var(--color-coral)!important;border-color:var(--color-coral)!important}.add-to-cart-btn:hover{transform:scale(1.06)}.add-to-cart-btn:active{transform:scale(.94)}.kit-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0c40293d!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake-anim{animation:.3s ease-in-out shake}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 4px 16px #25d36659}50%{transform:scale(1.05);box-shadow:0 8px 24px #25d3668c}}.glow-pulse{animation:2.4s ease-in-out infinite pulseGlow}@keyframes doctorBadgeGlow{0%,to{box-shadow:0 0 #d4af3733}50%{box-shadow:0 0 10px 2px #d4af3759}}@keyframes fadeStepIn{0%{opacity:.1;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cart-step-fade{animation:.22s cubic-bezier(.16,1,.3,1) fadeStepIn}.product-ribbon{background:linear-gradient(135deg, var(--color-teal), #0a3522);color:#fff;letter-spacing:.8px;text-transform:uppercase;font-size:9.5px;font-weight:800;font-family:var(--sans);z-index:2;border-radius:0 4px 4px 0;padding:4px 10px 4px 8px;position:absolute;top:12px;left:-1px;box-shadow:2px 2px 8px #0c402938}.low-stock-badge{color:#b45309;font-size:10px;font-weight:700;font-family:var(--sans);letter-spacing:.3px;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.out-of-stock-overlay{border-radius:inherit;z-index:3;font-family:var(--sans);color:var(--color-mute);letter-spacing:1px;text-transform:uppercase;background:#ffffffb3;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}body.dark .out-of-stock-overlay{background:#0009}.mrp-price{color:var(--color-mute);font-size:11px;font-family:var(--mono);opacity:.7;margin-left:4px;text-decoration:line-through}.savings-badge{color:#059669;font-size:10px;font-weight:700;font-family:var(--sans);background:#10b9811a;border-radius:20px;align-items:center;margin-left:6px;padding:2px 7px;display:inline-flex}.blog-card{background:var(--color-porcelainDeep);border:1px solid var(--color-line);cursor:pointer;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0c402924;border-color:var(--color-teal)!important}.blog-card-img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .4s;display:block}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-tag{background:var(--color-coralSoft);color:var(--color-teal);letter-spacing:.8px;text-transform:uppercase;font-size:9.5px;font-weight:700;font-family:var(--sans);border-radius:20px;align-items:center;padding:3px 10px;display:inline-flex}body.dark .blog-tag{color:#d4af37;background:#d4af371f}.login-container{background:radial-gradient(ellipse at 30% 20%, #0c402914 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #d4af370f 0%, transparent 60%), var(--color-porcelain);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}body.dark .login-container{background:radial-gradient(ellipse at 30% 20%, #d4af3712 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #0c402926 0%, transparent 60%), var(--color-porcelain)}.login-card{background:var(--color-porcelainDeep);border:1px solid var(--color-line);border-radius:20px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 24px 64px #00000014,0 4px 16px #0000000a}.role-badge-admin{color:#4f46e5;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--sans);background:#6366f11f;border-radius:20px;padding:4px 12px}.role-badge-staff{color:#b45309;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--sans);background:#f59e0b1f;border-radius:20px;padding:4px 12px}.role-badge-doctor{color:#059669;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--sans);background:#10b9811f;border-radius:20px;padding:4px 12px}.role-badge-patient{color:var(--color-teal);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--sans);background:#0c40291a;border-radius:20px;padding:4px 12px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.page-enter{animation:.4s cubic-bezier(.16,1,.3,1) both slideUpFade}.fade-in{animation:.35s both fadeIn}.scale-in{animation:.3s cubic-bezier(.16,1,.3,1) both scaleIn}.glass{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffb8;border:1px solid #fff6}body.dark .glass{background:#15161abf;border:1px solid #ffffff14}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;font-size:11px;font-family:var(--sans);white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;background:#111;border-radius:6px;padding:5px 10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.rx-badge{color:#dc2626;font-size:9.5px;font-weight:800;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;background:#ef44441a;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.sticky-cta-bar{background:var(--color-porcelainDeep);border-top:1px solid var(--color-line);z-index:10;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}
