@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-darker:#115e59;--color-primary-light:#ccfbf1;--color-primary-bg:#f0fdfa;--color-secondary:#ca8a04;--color-secondary-light:#fef9c3;--color-accent-orange:#ea580c;--color-price:#dc2626;--color-price-old:#94a3b8;--color-badge-sale:#ef4444;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#0284c7;--color-info-bg:#f0f9ff;--color-text-heading:#0f172a;--color-text-body:#334155;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-white:#fff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:#0d9488;--color-bg-page:#f8fafc;--color-bg-surface:#fff;--color-bg-subtle:#f1f5f9;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 24px -4px #0f172a1f, 0 4px 8px -2px #0f172a0f;--shadow-hover:0 12px 24px -4px #0d948833;--max-width-container:1240px;--primary-color:#0d9488;--primary-hover:#0f766e;--primary-light:#f0fdfa;--secondary-color:#ca8a04;--bg-color:#f0fdfa;--white:#fff;--text-main:#1d2939;--text-muted:#6b7280;--border-color:#e5e7eb;--border-radius:12px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.2s ease-out fadeIn}.toast-notification{color:#fff;z-index:9999;background:#1d2939;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.25s ease-out fadeIn;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 24px #0000002e}.toast-notification:before{content:"✓";background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.toast-notification.toast-error{background:#7f1d1d;border:1px solid #fecaca}.toast-notification.toast-error:before{content:"✗";background:#ef4444}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-bottom:40px}.cart-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0006;justify-content:flex-end;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.cart-drawer{background:#fff;flex-direction:column;width:420px;max-width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:relative;box-shadow:-5px 0 25px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cart-drawer-header{background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-header-title{color:#0f766e;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.cart-title-icon{color:#0d9488}.cart-badge-count{color:#6b7280;font-size:14px;font-weight:600}.cart-drawer-close{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:all .2s;display:flex}.cart-drawer-close:hover{color:#0d9488;background:#0d94881a}.cart-drawer-body{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.cart-empty-view{text-align:center;color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-cart-icon{color:#cbd5e1;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.cart-empty-view h3{color:#1f2937;font-size:18px;font-weight:700}.cart-empty-view p{max-width:280px;font-size:13.5px;line-height:1.5}.empty-cart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:20px;padding:12px 24px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0d948833}.empty-cart-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0d94884d}.cart-success-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.success-icon{color:#059669;background-color:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;font-weight:800;animation:1.5s infinite pulse;display:flex}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #05966966}70%{transform:scale(1.05);box-shadow:0 0 0 10px #05966900}to{transform:scale(1);box-shadow:0 0 #05966900}}.cart-success-view h3{color:#059669;font-size:20px;font-weight:800}.cart-success-view p{color:#4b5563;font-size:14px}.success-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:20px;padding:12px 24px;font-weight:700;transition:all .2s}.success-btn:hover{background-color:#047857}.cart-items-list{flex-direction:column;gap:16px;display:flex}.cart-item-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;gap:16px;padding:16px;transition:box-shadow .2s;display:flex}.cart-item-card:hover{box-shadow:0 4px 12px #0000000a}.cart-item-img{object-fit:cover;background-color:#f3f4f6;border-radius:8px;width:72px;height:72px}.cart-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.cart-item-name{color:#1f2937;font-size:13.5px;font-weight:600;line-height:1.4}.cart-item-price{color:#e1251b;font-size:14px;font-weight:700}.cart-item-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.quantity-controls{border:1px solid #e5e7eb;border-radius:15px;align-items:center;height:28px;display:flex;overflow:hidden}.qty-btn{cursor:pointer;color:#4b5563;background:#f9fafb;border:none;justify-content:center;align-items:center;width:28px;height:100%;transition:background .15s;display:flex}.qty-btn:hover{background:#e5e7eb}.qty-val{color:#1f2937;text-align:center;min-width:20px;padding:0 10px;font-size:13px;font-weight:700}.item-delete-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.item-delete-btn:hover{color:#ef4444;background-color:#fee2e2}.cart-drawer-footer{background-color:#fafafa;border-top:1px solid #e5e7eb;padding:24px}.cart-subtotal-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.subtotal-label{color:#4b5563;font-size:14px;font-weight:600}.subtotal-val{color:#e1251b;font-size:18px;font-weight:800}.cart-checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0d948840}.cart-checkout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0d948859}.checkout-form{flex-direction:column;gap:16px;display:flex}.checkout-section-title{color:#1f2937;border-left:4px solid #0d9488;margin-bottom:8px;padding-left:8px;font-size:16px;font-weight:800}.checkout-field{flex-direction:column;gap:6px;display:flex}.checkout-label{color:#4b5563;font-size:12px;font-weight:600}.checkout-input{color:#6b7280;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:14px}.checkout-textarea{resize:none;color:#1f2937;border:1px solid #d1d5db;border-radius:8px;outline:none;height:80px;padding:10px 12px;font-family:inherit;font-size:14px}.checkout-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.payment-options{flex-direction:column;gap:10px;display:flex}.payment-option-card{cursor:pointer;border:1.5px solid #e5e7eb;border-radius:10px;gap:12px;padding:12px;transition:all .2s;display:flex}.payment-option-card:hover{border-color:#cbd5e1}.payment-option-card.active{background-color:#f0fdfa;border-color:#0d9488}.payment-option-card input{accent-color:#0d9488;margin-top:4px}.option-title{color:#1f2937;font-size:13.5px;font-weight:700;display:block}.option-desc{color:#6b7280;margin-top:2px;font-size:11.5px;display:block}.checkout-summary{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;margin-top:8px;padding:16px}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-row span{color:#4b5563;font-size:13.5px;font-weight:600}.summary-row .summary-total{color:#e1251b;font-size:16px;font-weight:800}.checkout-actions{gap:12px;margin-top:12px;display:flex}.checkout-back-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.checkout-back-btn:hover{color:#111827;background-color:#f9fafb}.checkout-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:10px;flex:1.5;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #05966933}.checkout-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #05966959}.checkout-error{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;padding:8px 12px;font-size:12.5px;font-weight:600}.login-required-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 4px 12px #f59e0b40!important}.login-required-btn:hover{box-shadow:0 6px 16px #f59e0b59!important}.delivery-toggle-container{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:8px;padding:4px;display:flex}.toggle-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:700;transition:all .2s;display:flex}.toggle-btn.active{color:#0d9488;background:#fff;box-shadow:0 2px 8px #0000000f}.checkout-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkout-select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-size:13.5px}.pickup-notice{color:#0d9488;margin-top:4px;font-size:11px;font-weight:600}.checkout-voucher-section{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:6px;padding:12px 0;display:flex}.voucher-input-wrap{gap:8px;display:flex}.voucher-input-wrap input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.voucher-input-wrap input:focus{border-color:#0d9488}.voucher-input-wrap button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:0 16px;font-size:12.5px;font-weight:700;transition:background .15s}.voucher-input-wrap button:hover{background:#334155}.voucher-err-text{color:#ef4444;font-size:11px;font-weight:600}.voucher-success-text{color:#16a34a;font-size:11px;font-weight:600}.checkout-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.price-calc-row{color:#475569;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.price-calc-row.discount{color:#16a34a;font-weight:700}.price-calc-row.grand-total{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:8px;font-size:14px;font-weight:800}.success-icon-badge{color:#10b981;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:28px;font-weight:900;display:flex}.success-sub{color:#64748b;margin-top:-8px;font-size:12.5px;line-height:1.4}.qr-pay-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.qr-pay-modal{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:100%;max-width:420px;animation:.3s cubic-bezier(.34,1.56,.64,1) upmScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qr-modal-header{color:#0f172a;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:16px 20px;display:flex}.qr-modal-header h4{margin:0;font-size:14.5px;font-weight:800}.qr-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:auto;padding:4px;transition:background .15s}.qr-close-btn:hover{color:#0f172a;background:#e2e8f0}.qr-modal-body{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.qr-brand-badge{justify-content:center;display:flex}.brand-logo{color:#fff;letter-spacing:.05em;border-radius:12px;padding:6px 16px;font-size:14px;font-weight:900}.brand-logo.momo{background:#a50064}.brand-logo.zalopay{background:#008fe5}.qr-image-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;margin:4px 0;padding:14px;display:flex;position:relative}.qr-svg-code{display:block}.qr-center-logo{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;box-shadow:0 4px 8px #0000001a}.qr-details-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.qr-det-row{color:#475569;justify-content:space-between;font-size:12.5px;display:flex}.qr-det-row span{font-weight:500}.qr-det-row strong{color:#0f172a}.qr-amount-text{font-size:14.5px;font-weight:800;color:#0d9488!important}.qr-code-highlight{letter-spacing:.05em;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:13.5px;color:#b45309!important}.qr-instruction-alert{color:#be123c;background:#fff1f2;border:1px solid #ffe4e6;border-radius:10px;padding:10px 14px;font-size:11.5px;font-weight:600;line-height:1.4}.qr-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;padding:16px 20px;display:flex}.qr-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .2s}.qr-cancel-btn:hover{color:#0f172a;background:#f1f5f9}.qr-confirm-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:10px;flex:1.8;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.qr-confirm-btn:hover{background:#0f766e}.cart-rx-group{margin-top:6px}.cart-rx-group-header{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.cart-rx-badge{color:#9a3412;font-size:12px;font-weight:700}.cart-rx-note{color:#c2410c;font-size:11px}.cart-item-card:has(.cart-rx-badge) .qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.upm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) upmFadeIn;display:flex;position:fixed;inset:0}.upm-modal{background:#fff;border-radius:20px;width:100%;max-width:620px;padding:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards upmScaleUp;position:relative;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}.upm-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.upm-close-btn:hover{color:#0f172a;background:#e2e8f0}.upm-success-state{text-align:center;flex-direction:column;align-items:center;padding:40px 10px;display:flex}.upm-success-icon{color:#10b981;filter:drop-shadow(0 4px 6px #10b98133);margin-bottom:20px;animation:1.5s infinite upmPulseSuccess}.upm-success-state h3{color:#0f172a;margin:0 0 10px;font-size:22px;font-weight:800}.upm-success-state p{color:#475569;max-width:440px;margin-bottom:24px;font-size:15px;line-height:1.6}.upm-loader-bar{background:#f1f5f9;border-radius:2px;width:120px;height:4px;position:relative;overflow:hidden}.upm-loader-bar:after{content:"";background:#0d9488;border-radius:2px;width:50%;height:100%;animation:1.5s ease-in-out infinite upmProgress;position:absolute;top:0;left:0}.upm-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.upm-header-icon{color:#0d9488;box-sizing:content-box;background:#f0fdfa;border-radius:14px;padding:12px}.upm-header h3{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:800}.upm-header p{color:#64748b;margin:0;font-size:14px}.upm-error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.upm-form{flex-direction:column;gap:18px;display:flex}.upm-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.upm-input-group{flex-direction:column;gap:6px;display:flex}.upm-input-group label{color:#334155;font-size:13px;font-weight:700}.upm-input-group input[type=text],.upm-input-group textarea{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-size:14px;transition:all .2s}.upm-input-group input[type=text]:focus,.upm-input-group textarea:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d948826}.upm-input-disabled{cursor:not-allowed;color:#64748b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.upm-file-input{display:none}.upm-upload-zone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;transition:all .25s}.upm-upload-zone:hover{background:#f0fdfa;border-color:#0d9488}.upm-upload-label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.upm-upload-icon{color:#64748b;margin-bottom:8px;transition:transform .2s}.upm-upload-zone:hover .upm-upload-icon{color:#0d9488;transform:translateY(-2px)}.upm-upload-title{color:#475569;text-align:center;margin-bottom:4px;font-size:14px;font-weight:600}.upm-upload-subtitle{color:#94a3b8;font-size:12px}.upm-file-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.upm-preview-img{object-fit:cover;border:1px solid #cbd5e1;border-radius:8px;width:80px;height:80px;box-shadow:0 4px 6px -1px #0000000d}.upm-file-name{color:#0d9488;font-size:13px;font-weight:700}.upm-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:18px;display:flex}.upm-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.upm-cancel-btn:hover{color:#0f172a;background:#e2e8f0}.upm-submit-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.upm-submit-btn:hover{background:#0f766e;box-shadow:0 4px 10px #0d948840}.upm-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes upmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes upmScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes upmPulseSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes upmProgress{0%{left:-50%}to{left:100%}}@media (width<=640px){.upm-modal{border-radius:16px;margin:12px;padding:20px}.upm-form-row{grid-template-columns:1fr;gap:12px}}.site-header{z-index:100;-webkit-user-select:none;user-select:none;width:100%;position:relative}.top-bar{background-color:#0c2973;align-items:center;height:34px;display:flex}.top-bar-inner{color:#fff;justify-content:space-between;align-items:center;width:1200px;max-width:100%;margin:0 auto;padding:0 16px;font-size:12px;display:flex}.top-bar-left{align-items:center;gap:8px;display:flex}.top-bar-right{align-items:center;gap:16px;display:flex}.top-bar-link{color:#fff;background-color:#e1251b;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;transition:opacity .2s}.top-bar-link:hover{opacity:.85}.top-bar-icon-link{color:#ffffffd9;align-items:center;gap:5px;font-size:12px;transition:color .2s;display:flex}.top-bar-icon-link:hover{color:#fff}.top-bar-divider{background-color:#ffffff4d;width:1px;height:14px}.main-header{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);align-items:center;height:80px;display:flex;box-shadow:0 2px 15px #0000001a}.main-header-inner{align-items:center;gap:20px;width:1200px;max-width:100%;margin:0 auto;padding:0 16px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:55px;transition:transform .3s;display:block}.logo-img:hover{transform:scale(1.05)}.search-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.search-bar{background-color:#fff;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:4px;height:44px;padding:0 8px 0 16px;transition:all .3s;display:flex;box-shadow:0 4px 14px #0000000f}.search-bar:focus-within{border-color:#2dd4bf;transform:translateY(-1px);box-shadow:0 4px 20px #0000001f,0 0 0 3px #2dd4bf40}.search-icon-left{color:#9ca3af;flex-shrink:0}.search-bar input{color:#1d2939;background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:14px}.search-bar input::placeholder{color:#9ca3af}.search-divider{background-color:#e5e7eb;width:1px;height:20px;margin:0 4px}.search-icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px 6px;transition:background .2s,color .2s;display:flex}.search-icon-btn:hover{color:var(--primary-color);background-color:#f3f4f6}.quick-searches{flex-wrap:nowrap;gap:8px;display:flex;overflow:hidden}.quick-tag{color:#ffffffbf;white-space:nowrap;font-size:12px;transition:color .15s}.quick-tag:hover{color:#fff;text-decoration:underline}.quick-tag:before{content:"• "}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-action-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .25s;display:flex}.header-action-btn:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.action-line1{color:#ffffffb3;font-size:11px;line-height:1.2;display:block}.action-line2{font-size:13.5px;font-weight:800;line-height:1.2;display:block}.cart-icon-wrap{position:relative}.cart-badge{color:#fff;border:2px solid var(--primary-color);background-color:#e1251b;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.cat-nav{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:46px;display:flex}.cat-nav-inner{align-items:center;gap:0;width:1200px;max-width:100%;height:100%;margin:0 auto;padding:0 16px;display:flex}.cat-nav-all{color:var(--primary-color);cursor:pointer;white-space:nowrap;border-right:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 16px;font-size:14px;font-weight:700;transition:background .15s;display:flex;position:relative}.cat-nav-all:hover{background-color:var(--primary-light)}.mega-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;width:260px;padding:8px 0;animation:.15s ease-out dropDown;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001f}@keyframes dropDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mega-item{color:#1d2939;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 18px;font-size:14px;transition:background .15s,color .15s;display:flex}.mega-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.cat-nav-links{flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.cat-nav-link{color:#374151;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:3px;margin:0 2px;padding:6px 8px;font-size:13px;transition:all .2s;display:flex;position:relative}.cat-nav-link:hover{background-color:var(--primary-light);color:var(--primary-color);border-bottom-color:#0000}@media (width<=1200px){.cat-nav-link{margin:0 1px;padding:6px 5px;font-size:12px}}.cat-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;min-width:200px;padding:8px 0;animation:.15s ease-out dropDown;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001f}.cat-dropdown-item{color:#1d2939;padding:9px 18px;font-size:13.5px;transition:background .15s,color .15s;display:block}.cat-dropdown-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.auth-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.auth-modal{background:#fff;border-radius:16px;width:400px;max-width:90%;padding:32px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalScale;position:relative;box-shadow:0 10px 30px #00000040}@keyframes modalScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.auth-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:20px;transition:color .15s;position:absolute;top:16px;right:16px}.auth-modal-close:hover{color:#111827}.auth-modal-title{color:#0f766e;text-align:center;margin-bottom:24px;font-size:24px;font-weight:800}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-label{color:#4b5563;font-size:12px;font-weight:600}.auth-input{color:#1f2937;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.auth-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;margin-top:8px;padding:12px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0d948840}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0d948859}.auth-google-section{margin-top:14px}.auth-divider{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-google-btn-wrap{justify-content:center;display:flex}.auth-google-btn-wrap>div{max-width:100%}.auth-google-loading{color:#6b7280;cursor:not-allowed;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:600}.auth-switch-text{text-align:center;color:#6b7280;margin-top:16px;font-size:13.5px}.auth-switch-link{color:#0d9488;cursor:pointer;font-weight:700}.auth-switch-link:hover{text-decoration:underline}.auth-error{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.auth-field-hint{color:#64748b;font-size:12px;line-height:1.45}.user-menu-container{position:relative}.user-dropdown-menu{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:160px;padding:6px 0;animation:.15s ease-out dropDown;position:absolute;top:110%;right:0;box-shadow:0 8px 24px #0000001f}.user-dropdown-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13.5px;transition:background .15s,color .15s;display:block}.user-dropdown-item:hover{color:#e1251b;background-color:#f3f4f6}.search-suggestions-popover{z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:14px;margin-top:8px;animation:.2s cubic-bezier(.16,1,.3,1) dropDown;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.search-popover-inner{padding:16px}.popover-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:700}.hot-tags-grid{flex-wrap:wrap;gap:8px;display:flex}.hot-tag-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.hot-tag-btn:hover{color:#0d9488;background:#f0fdfa;border-color:#0d9488}.suggestions-list-container{flex-direction:column;gap:4px;display:flex}.suggestion-item-row{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:all .15s;display:flex}.suggestion-item-row:hover{background-color:#f8fafc}.suggest-item-thumb{object-fit:cover;background:#f1f5f9;border-radius:6px;width:40px;height:40px}.suggest-item-info{flex-direction:column;gap:2px;display:flex}.suggest-item-name{color:#0f172a;font-size:13.5px;font-weight:600}.suggest-item-price{color:#0d9488;font-size:12px;font-weight:700}.no-suggestions-found{color:#64748b;text-align:center;padding:12px 0;font-size:13.5px}.presc-upload-btn{background:#ffffff14!important;border-color:#fff3!important}.presc-upload-btn .cart-icon-wrap{box-sizing:content-box;border-radius:8px;padding:5px}.presc-upload-btn:hover{background:#ffffff26!important;border-color:#fff6!important}.search-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:11000;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.search-modal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:440px;padding:30px;animation:.3s cubic-bezier(.34,1.56,.64,1) upmScaleUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.search-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:16px;right:16px}.search-modal-close:hover{color:#1e293b}.search-modal h4{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:800}.voice-search-tip,.image-search-tip{color:#64748b;margin:8px 0 0;font-size:12px}.voice-mic-wave-container{flex-direction:column;align-items:center;gap:20px;margin:20px 0;display:flex}.pulse-mic-circle{color:#0d9488;background:#ccfbf1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-out infinite micPulseRipple;display:flex;position:relative}@keyframes micPulseRipple{0%{box-shadow:0 0 #0d948866}70%{box-shadow:0 0 0 20px #0d948800}to{box-shadow:0 0 #0d948800}}.mic-wave-bars{align-items:center;gap:6px;height:40px;display:flex}.wave-bar{background:#0d9488;border-radius:4px;width:4px;height:10px;animation:1s ease-in-out infinite alternate voiceWaveBounce}.wave-bar.bar-1{height:14px;animation-delay:.1s}.wave-bar.bar-2{height:28px;animation-delay:.3s}.wave-bar.bar-3{height:35px;animation-delay:.5s}.wave-bar.bar-4{height:20px;animation-delay:.2s}.wave-bar.bar-5{height:12px;animation-delay:.4s}@keyframes voiceWaveBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.image-drag-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin:16px 0;padding:30px 20px;transition:all .2s;display:flex}.image-drag-area:hover{background:#f0fdfa;border-color:#0d9488}.image-camera-icon{color:#94a3b8}.image-drag-area p{color:#64748b;max-width:240px;margin:0;font-size:13px;line-height:1.4}.hidden-file-input{display:none}.image-choose-btn{color:#fff;cursor:pointer;background:#0d9488;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:background .15s}.image-choose-btn:hover{background:#0f766e}.image-scanning-preview{flex-direction:column;align-items:center;gap:12px;margin:16px 0;display:flex}.scanning-container{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;width:240px;height:240px;position:relative;overflow:hidden}.scanning-container img{object-fit:contain;width:100%;height:100%}.scanning-laser-line{background:linear-gradient(90deg,#0000,#ef4444,#0000);width:100%;height:3px;animation:2s linear infinite alternate laserScan;position:absolute;top:0;left:0;box-shadow:0 0 8px #ef4444}@keyframes laserScan{0%{top:0%}to{top:100%}}.scanning-status-text{color:#0d9488;margin:0;font-size:13.5px;font-weight:700}.auth-forgot-link{color:#0f766e;cursor:pointer;font:inherit;background:0 0;border:0;align-self:flex-end;padding:0;font-weight:600}.auth-forgot-link:hover{text-decoration:underline}.auth-otp-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-resend-link{color:#0f766e;cursor:pointer;font:inherit;background:0 0;border:0;flex:none;padding:0;font-size:13px;font-weight:700}.auth-resend-link:disabled{color:#94a3b8;cursor:not-allowed}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.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-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.hero-banner{gap:12px;height:340px;margin-top:16px;display:flex}.hero-main{border-radius:20px;flex:0 0 calc(70% - 6px);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.hero-swiper{width:100%;height:100%}.hero-slide{align-items:center;width:100%;height:340px;padding:44px 52px;display:flex;position:relative;overflow:hidden}.hero-herbs{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-herb{opacity:.18;font-size:32px;animation:5s ease-in-out infinite herbFloat;position:absolute}.hero-herb-1{font-size:48px;animation-delay:0s;top:12%;right:12%}.hero-herb-2{font-size:28px;animation-delay:1.2s;bottom:18%;right:22%}.hero-herb-3{font-size:36px;animation-delay:2.4s;top:55%;right:8%}@keyframes herbFloat{0%,to{transform:translateY(0)rotate(-6deg)scale(1)}50%{transform:translateY(-12px)rotate(6deg)scale(1.08)}}.hero-slide-content{z-index:3;max-width:65%;position:relative}.hero-tag{color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;background:#ffffff2e;border:1px solid #ffffff40;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-title{color:#fff;text-shadow:0 2px 12px #00000040;letter-spacing:-.5px;margin-bottom:12px;font-size:30px;font-weight:900;line-height:1.2}.hero-sub{color:#ffffffd1;max-width:380px;margin-bottom:24px;font-size:14px;line-height:1.6}.hero-btn{border-radius:28px;padding:12px 28px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-block;box-shadow:0 4px 16px #0003}.hero-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 24px #0000004d}.hero-deco{z-index:0;background:#ffffff0f;border-radius:50%;position:absolute}.hero-deco-1{width:300px;height:300px;top:-70px;right:-70px}.hero-deco-2{background:#ffffff0a;width:200px;height:200px;bottom:-80px;right:60px}.hero-deco-3{background:#ffffff08;width:120px;height:120px;top:-30px;right:180px}.hero-nav-btn{z-index:10;color:#1d2939;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding-bottom:2px;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.hero-nav-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 18px #00000040}.hero-prev{left:14px}.hero-next{right:14px}.hero-side{flex-direction:column;flex:0 0 calc(30% - 6px);gap:12px;display:flex}.hero-side-banner{cursor:pointer;border-radius:18px;flex-direction:column;flex:1;justify-content:flex-end;padding:18px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.hero-side-banner:hover{transform:scale(1.025)translateY(-2px);box-shadow:0 10px 28px #0003}.side-content{z-index:2;flex-direction:column;gap:4px;display:flex;position:relative}.side-sub{color:#ffffffb3;text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px;font-weight:600}.side-label{color:#fff;text-shadow:0 1px 6px #0000004d;margin-bottom:8px;font-size:15px;font-weight:900;line-height:1.25}.side-link{width:fit-content;font-size:12.5px;font-weight:700;text-decoration:none;transition:opacity .15s}.side-link:hover{opacity:.85}.side-shine{z-index:1;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:40%;height:100%;transition:left .5s;position:absolute;top:0;left:-60%;transform:skew(-15deg)}.hero-side-banner:hover .side-shine{left:120%}.quick-links-bar{background:var(--color-bg-surface,#fff);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-sm);border:1px solid var(--color-border,#e2e8f0);align-items:center;gap:8px;margin-top:16px;margin-bottom:24px;padding:16px 20px;display:flex}.quick-link-item{border-radius:var(--radius-lg,14px);flex-direction:column;flex:1;align-items:center;gap:8px;padding:10px 6px;text-decoration:none;transition:all .22s;display:flex}.quick-link-item:hover{background-color:var(--color-primary-bg,#f0fdfa);transform:translateY(-2px)}.quick-link-icon{border-radius:var(--radius-full,9999px);justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;box-shadow:0 2px 8px #0000000d}.quick-link-item:hover .quick-link-icon{transform:scale(1.1);box-shadow:0 6px 16px #0d948833}.quick-link-label{color:var(--color-text-heading,#0f172a);text-align:center;font-size:13px;font-weight:600;line-height:1.35}.flashsale-section{border-radius:16px;margin-top:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.flashsale-header{background:linear-gradient(135deg,#0f766e 0%,#0d9488 40%,#2dd4bf 70%,#99f6e4 100%);align-items:center;min-height:80px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.flashsale-bubbles{pointer-events:none;position:absolute;inset:0}.bubble{background:#ffffff26;border-radius:50%;position:absolute}.b1{width:120px;height:120px;top:-40px;right:5%}.b2{width:60px;height:60px;bottom:-20px;right:20%}.b3{width:40px;height:40px;top:0;left:40%}.flashsale-header-content{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.flashsale-logo-wrap{align-items:center;gap:10px;display:flex}.flashsale-fire{font-size:36px}.flashsale-logo-text{flex-direction:column;line-height:1;display:flex}.fs-top,.fs-bot{color:#fff;letter-spacing:2px;text-shadow:2px 3px #0f766e;font-family:Arial Black,Impact,sans-serif;font-size:28px;font-style:italic;font-weight:900}.fs-subtitle{color:#fef08a;text-shadow:2px 3px #0f766e;letter-spacing:1px;font-family:Arial Black,Impact,sans-serif;font-size:22px;font-style:italic;font-weight:900}.flashsale-see-rule{color:#1d2939;white-space:nowrap;background:#ffffffe6;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s}.flashsale-see-rule:hover,.flashsale-panel{background:#fff}.flashsale-tabs{border-bottom:2px solid var(--border-color);display:flex}.flashsale-tab{cursor:pointer;background:#fafafa;border:none;border-right:1px solid #f3f4f6;flex-direction:column;flex:none;align-items:flex-start;padding:10px 24px;transition:background .2s;display:flex;position:relative}.flashsale-tab:hover,.flashsale-tab.active{background:var(--primary-light)}.flashsale-tab.active:after{content:"";background:var(--primary-color);height:2px;position:absolute;bottom:-2px;left:0;right:0}.tab-time{color:#1d2939;font-size:15px;font-weight:700}.flashsale-tab.active .tab-time{color:var(--primary-color)}.tab-date{color:#1d2939;font-size:13px;font-weight:600}.flashsale-tab.active .tab-date{color:var(--primary-color)}.tab-status{color:#6b7280;font-size:12px}.flashsale-tab.active .tab-status{color:var(--primary-color)}.flashsale-countdown{align-items:center;gap:12px;padding:12px 20px 4px;display:flex}.countdown-label{color:#1d2939;font-size:14px;font-weight:600}.countdown-digits{align-items:center;gap:4px;display:flex}.digit-box{background:var(--secondary-color);color:#fff;text-align:center;letter-spacing:1px;border-radius:6px;min-width:38px;padding:4px 10px;font-family:monospace;font-size:18px;font-weight:800}.digit-sep{color:var(--secondary-color);font-size:20px;font-weight:800;line-height:1}.flashsale-products{padding:12px 16px 20px;position:relative}.fs-swiper{overflow:hidden}.fs-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;padding:12px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.fs-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a}.fs-origin{color:#374151;z-index:2;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;display:flex;position:absolute;top:10px;left:10px}.origin-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fs-discount-badge{background:var(--secondary-color);color:#fff;z-index:2;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.fs-img-wrap{justify-content:center;height:130px;padding:16px 8px 8px;display:flex}.fs-img-wrap img{object-fit:contain;width:100%;height:100%}.fs-name{color:#1d2939;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.fs-price-row{align-items:baseline;gap:4px;display:flex}.fs-price{color:var(--primary-color);font-size:18px;font-weight:800}.fs-unit{color:#6b7280;font-size:12px}.fs-old-price{color:#9ca3af;margin-bottom:8px;font-size:12px;text-decoration:line-through}.fs-hot-pill{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:center;width:fit-content;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.fs-cta{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;width:100%;padding:7px 0;font-size:13px;font-weight:600;transition:background .2s,color .2s}.fs-cta:hover{background:var(--primary-color);color:#fff}.flashsale-products .swiper-button-next,.flashsale-products .swiper-button-prev{width:34px;height:34px;color:var(--primary-color);background:#fff;border-radius:50%;top:38%;box-shadow:0 2px 10px #00000026}.flashsale-products .swiper-button-next:after,.flashsale-products .swiper-button-prev:after{font-size:13px;font-weight:800}.promo-banners{border-radius:20px;height:220px;margin-top:20px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000002e}.pb-slider{width:100%;height:100%;transition:opacity .35s,transform .35s}.pb-slider--out{opacity:0;transform:scale(.985)}.pb-slide{align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.pb-slide--active{animation:.45s cubic-bezier(.25,.46,.45,.94) slideIn;display:flex}.pb-glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute;top:-150px;right:-80px}.pb-ring{pointer-events:none;z-index:0;border:1.5px solid;border-radius:50%;position:absolute}.pb-ring-1{width:320px;height:320px;animation:4s ease-in-out infinite ringPulse;top:50%;right:60px;transform:translateY(-50%)}.pb-ring-2{width:480px;height:480px;animation:4s ease-in-out 1s infinite ringPulse;top:50%;right:-20px;transform:translateY(-50%)}@keyframes ringPulse{0%,to{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.7;transform:translateY(-50%)scale(1.04)}}.pb-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.pb-particle{opacity:0;font-size:20px;animation:5s ease-in-out infinite particleFly;position:absolute}.pb-particle-0{font-size:22px;animation-delay:0s;top:15%;left:75%}.pb-particle-1{font-size:18px;animation-delay:1.3s;top:55%;left:88%}.pb-particle-2{font-size:16px;animation-delay:2.6s;top:70%;left:65%}.pb-particle-3{font-size:24px;animation-delay:.7s;top:30%;left:80%}@keyframes particleFly{0%{opacity:0;transform:translateY(20px)scale(.6)rotate(0)}20%{opacity:.5}50%{opacity:.7;transform:translateY(-30px)scale(1.1)rotate(15deg)}80%{opacity:.3}to{opacity:0;transform:translateY(-60px)scale(.8)rotate(30deg)}}.pb-content{z-index:2;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:28px 36px 28px 40px;display:flex;position:relative}.pb-left{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.pb-tag{letter-spacing:.5px;border:1px solid;border-radius:20px;align-items:center;gap:5px;width:fit-content;padding:4px 14px;font-size:11.5px;font-weight:800;animation:2.5s ease-in-out infinite tagBounce;display:inline-flex}@keyframes tagBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pb-title{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 12px #0000004d;margin:0;font-size:26px;font-weight:900;line-height:1.15;animation:.5s both titleSlide}@keyframes titleSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pb-sub{color:#ffffffbf;max-width:480px;margin:0;font-size:13px;line-height:1.5}.pb-countdown{align-items:center;gap:12px;display:flex}.pb-countdown-label{color:#ffffffb3;white-space:nowrap;font-size:12px;font-weight:600}.pb-countdown-blocks{gap:8px;display:flex}.pb-time-block{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:8px;flex-direction:column;align-items:center;min-width:44px;padding:4px 10px;display:flex}.pb-time-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1;animation:1s numFlip}@keyframes numFlip{0%{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pb-time-lbl{color:#fff9;letter-spacing:.3px;margin-top:2px;font-size:9.5px;font-weight:600}.pb-cta{border-radius:28px;align-items:center;gap:8px;width:fit-content;padding:10px 22px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex;box-shadow:0 4px 16px #00000040}.pb-cta:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 8px 24px #00000059}.pb-cta-arrow{transition:transform .2s;display:inline-block}.pb-cta:hover .pb-cta-arrow{transform:translate(4px)}.pb-right{flex-shrink:0;justify-content:center;align-items:center;width:180px;height:160px;display:flex;position:relative}.pb-emoji-hero{filter:drop-shadow(0 10px 20px #0000004d);z-index:2;font-size:80px;line-height:1;animation:3s ease-in-out infinite heroFloat;position:relative}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(-5deg)scale(1)}50%{transform:translateY(-12px)rotate(5deg)scale(1.06)}}.pb-badge-float{letter-spacing:.5px;z-index:3;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) both badgePop;position:absolute;top:0;right:0;box-shadow:0 4px 12px #0003}@keyframes badgePop{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pb-circle-deco{border:2px solid;border-radius:50%;width:160px;height:160px;animation:3s ease-in-out infinite ringPulse;position:absolute}.pb-wave{background:var(--wave-color,#ffffff0f);clip-path:ellipse(60% 100% at 50% 100%);pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.pb-nav{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding-bottom:1px;font-size:22px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pb-nav:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-50%)scale(1.1)}.pb-nav-prev{left:14px}.pb-nav-next{right:14px}.pb-dots{z-index:10;gap:7px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.pb-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.pb-dot--active{border-radius:4px;width:24px}.pb-thumbs{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;gap:0;height:44px;display:flex;position:absolute;bottom:0;left:0;right:0}.pb-thumb{cursor:pointer;color:#ffffffa6;letter-spacing:.2px;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .2s;display:flex;background:0 0!important}.pb-thumb:hover{color:#fff;background:#ffffff0f!important}.pb-thumb--active{border-bottom-style:solid;border-bottom-width:3px;color:#fff!important}.pb-thumb-tag{font-size:11px}.ps-section{background:#fff;border-radius:16px;margin-top:16px;padding:20px;box-shadow:0 1px 4px #0000000f}.ps-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ps-title-wrap{align-items:center;gap:10px;display:flex}.ps-title-bar{background:#e1251b;border-radius:4px;width:4px;height:24px}.ps-title{color:#1d2939;text-transform:uppercase;letter-spacing:.5px;font-size:20px;font-weight:800}.ps-view-all{color:var(--primary-color);font-size:13px;font-weight:600;transition:opacity .2s}.ps-view-all:hover{opacity:.75}.ps-swiper-wrap{position:relative}.ps-swiper{padding-bottom:4px;overflow:hidden}.ps-swiper .swiper-button-next,.ps-swiper .swiper-button-prev{width:34px;height:34px;color:var(--primary-color);background:#fff;border-radius:50%;top:38%;box-shadow:0 2px 10px #00000026}.ps-swiper .swiper-button-next:after,.ps-swiper .swiper-button-prev:after{font-size:13px;font-weight:800}.pc-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;padding:12px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.pc-card:hover{border-color:var(--primary-color);box-shadow:0 4px 18px #0000001a}.pc-badge-disc{color:#fff;z-index:2;background:#e1251b;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.pc-badge-new{color:#fff;z-index:2;background:#10b981;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.pc-origin{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:4px;width:fit-content;margin-bottom:6px;padding:2px 7px;font-size:10px;display:flex}.pc-img-wrap{justify-content:center;align-items:center;height:140px;margin-bottom:8px;padding:8px;display:flex}.pc-img-wrap img{object-fit:contain;max-width:100%;max-height:100%}.pc-name{color:#1d2939;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:8px;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.pc-unit-toggle{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pc-unit-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500;transition:all .15s}.pc-unit-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light);font-weight:600}.pc-unit-btn:hover:not(.active){border-color:#9ca3af}.pc-price-row{align-items:baseline;gap:3px;display:flex}.pc-price{color:var(--primary-color);font-size:17px;font-weight:800}.pc-unit-label{color:#6b7280;font-size:12px}.pc-old-price{color:#9ca3af;margin-bottom:4px;font-size:12px;text-decoration:line-through}.pc-cta{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:24px;width:100%;margin-top:auto;padding:9px 0;font-size:13.5px;font-weight:700;transition:background .2s,transform .15s}.pc-cta:hover{background:var(--primary-hover);transform:translateY(-1px)}.feat-cats-section{margin:28px 0}.feat-cats-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.feat-cats-title-wrap{align-items:center;gap:10px;display:flex}.feat-cats-bar{background:linear-gradient(#0d9488,#059669);border-radius:3px;width:4px;height:24px}.feat-cats-title{color:#1d2939;margin:0;font-size:20px;font-weight:900}.feat-cats-all{color:#0d9488;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .15s}.feat-cats-all:hover{color:#065f46}.feat-cats-grid{grid-template-columns:repeat(10,1fr);gap:12px;display:grid}.feat-cat-item{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.4,.64,1),box-shadow .25s,border-color .2s;display:flex;position:relative;overflow:hidden}.feat-cat-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 60%,#fff6);transition:opacity .2s;position:absolute;inset:0}.feat-cat-item:hover{border-color:var(--cat-accent,#0d9488);box-shadow:0 10px 28px #0000001a, 0 0 0 3px color-mix(in srgb, var(--cat-accent,#0d9488) 12%, transparent);transform:translateY(-6px)scale(1.04)}.feat-cat-item:hover:before{opacity:1}.feat-cat-hot{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;padding:2px 6px;font-size:8.5px;font-weight:800;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #ef444466}.feat-cat-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000000f}.feat-cat-item:hover .feat-cat-icon-wrap{transform:scale(1.12)rotate(-3deg)}.feat-cat-icon{font-size:26px;line-height:1;display:block}.feat-cat-label{color:#1d2939;text-align:center;font-size:11.5px;font-weight:700;line-height:1.3;transition:color .2s}.feat-cat-item:hover .feat-cat-label{color:var(--cat-accent,#0d9488)}.feat-cat-sub{color:#9ca3af;font-size:10px;font-weight:500}@media (width<=900px){.feat-cats-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=600px){.feat-cats-grid{grid-template-columns:repeat(4,1fr)}}.brands-section{background:#fff;border-radius:16px;margin-top:16px;padding:20px;box-shadow:0 1px 4px #0000000f}.brands-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.brands-title-wrap{align-items:center;gap:10px;display:flex}.brands-title-bar{background:#e1251b;border-radius:4px;width:4px;height:24px}.brands-title{color:#1d2939;text-transform:uppercase;font-size:20px;font-weight:800}.brands-shield{font-size:20px}.brands-all{color:var(--primary-color);font-size:13px;font-weight:600}.brands-all:hover{opacity:.75}.brands-swiper{overflow:hidden}.brands-swiper .swiper-button-next,.brands-swiper .swiper-button-prev{width:34px;height:34px;color:var(--primary-color);background:#fff;border-radius:50%;top:38%;box-shadow:0 2px 10px #00000026}.brands-swiper .swiper-button-next:after,.brands-swiper .swiper-button-prev:after{font-size:13px;font-weight:800}.brand-card{border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.brand-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.brand-img-placeholder{justify-content:center;align-items:center;width:100%;height:120px;padding:16px;display:flex}.brand-name-text{text-align:center;font-size:20px;font-weight:800}.brand-discount{text-align:center;background:#fff;border-top:1px solid #e5e7eb;width:100%;padding:8px;font-size:12.5px;font-weight:700}.hn-section{background:#fff;border-radius:16px;margin-top:16px;padding:20px;box-shadow:0 1px 4px #0000000f}.hn-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hn-title-wrap{align-items:center;gap:10px;display:flex}.hn-title-bar{background:#e1251b;border-radius:4px;width:4px;height:24px}.hn-title{color:#1d2939;text-transform:uppercase;white-space:nowrap;font-size:20px;font-weight:800}.hn-tabs{flex:1;gap:4px;display:flex}.hn-tab{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 16px;font-size:13.5px;font-weight:500;transition:all .15s}.hn-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.hn-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:700}.hn-all{color:var(--primary-color);white-space:nowrap;font-size:13px;font-weight:600}.hn-all:hover{opacity:.75}.hn-content{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hn-featured{border-radius:12px;flex-direction:column;gap:12px;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden}.hn-featured:hover{box-shadow:0 4px 16px #00000014}.hn-featured-img{background:linear-gradient(135deg,#e8f0fe,#c7d9fd);border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.hn-img-placeholder{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:36px;font-weight:800;display:flex}.hn-featured-body{flex-direction:column;gap:6px;display:flex}.hn-tag{background:var(--primary-light);color:var(--primary-color);border-radius:12px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.hn-featured-title{color:#1d2939;font-size:17px;font-weight:700;line-height:1.4}.hn-featured-excerpt{color:#6b7280;font-size:14px;line-height:1.5}.hn-date{color:#9ca3af;margin-top:4px;font-size:12px}.hn-list{flex-direction:column;gap:14px;display:flex}.hn-item{border-radius:10px;gap:12px;padding:4px;text-decoration:none;transition:background .15s;display:flex}.hn-item:hover{background:var(--bg-color)}.hn-item-img{background:linear-gradient(135deg,#e8f0fe,#c7d9fd);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:70px;display:flex;overflow:hidden}.hn-img-sm-placeholder{color:var(--primary-color);font-size:22px;font-weight:800}.hn-item-body{flex-direction:column;gap:4px;display:flex}.hn-item-title{color:#1d2939;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hn-item:hover .hn-item-title{color:var(--primary-color)}.store-promo-bar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);border-radius:16px;margin-top:16px;padding:20px 28px}.store-promo-inner{justify-content:space-between;align-items:center;display:flex}.store-promo-left{align-items:center;gap:14px;display:flex}.store-promo-icon{font-size:36px}.store-promo-count{color:#fff;font-size:22px;font-weight:800}.store-promo-sub{color:#fffc;margin-top:2px;font-size:14px}.store-promo-btn{color:var(--primary-color);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:700}.store-promo-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.pharmacy-chat-widget{z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:380px;height:540px;animation:.3s ease-out slideUpWidget;display:flex;position:fixed;bottom:24px;right:90px;overflow:hidden;box-shadow:0 12px 32px #0000002e}@keyframes slideUpWidget{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pharmacy-chat-header{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);align-items:center;gap:12px;padding:14px 16px;display:flex}.pharmacist-avatar-wrap{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;position:relative}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.pharmacy-chat-title-wrap{flex:1}.pharmacy-chat-title-wrap h3{margin:0;font-size:15px;font-weight:700;line-height:1.2}.pharmacy-chat-sub{opacity:.9;margin:2px 0 0;font-size:12px;font-weight:400}.pharmacy-chat-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:18px;transition:background .2s}.pharmacy-chat-close-btn:hover{background:#fff3}.pharmacy-chat-notice{color:#047857;background:#ecfdf5;border-bottom:1px solid #a7f3d0;padding:8px 14px;font-size:12px}.pharmacy-chat-body{background:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-intro-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #10b981;border-radius:8px;padding:10px 12px;font-size:13px}.chat-intro-card p{margin:4px 0}.pharmacy-msg-row{flex-direction:column;max-width:82%;display:flex}.pharmacy-msg-row.msg-me{align-self:flex-end;align-items:flex-end}.pharmacy-msg-row.msg-pharmacist{align-self:flex-start;align-items:flex-start}.msg-sender-role{color:#047857;margin-bottom:3px;margin-left:4px;font-size:11px;font-weight:600}.pharmacy-msg-bubble{word-break:break-word;border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.4;position:relative}.msg-me .pharmacy-msg-bubble{color:#fff;background:#059669;border-bottom-right-radius:2px}.msg-pharmacist .pharmacy-msg-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:2px;box-shadow:0 2px 4px #0000000a}.msg-time{opacity:.75;text-align:right;margin-top:4px;font-size:10px;display:block}.pharmacy-system-notice{text-align:center;margin:8px 0}.pharmacy-system-notice span{color:#64748b;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px;padding:4px 10px;font-size:11.5px}.pharmacy-chat-footer{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:10px 12px;display:flex}.pharmacy-chat-footer input{border:1px solid #cbd5e1;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.pharmacy-chat-footer input:focus{border-color:#059669}.pharmacy-send-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:20px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s}.pharmacy-send-btn:hover:not(:disabled){background:#047857}.pharmacy-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}@media (width<=480px){.pharmacy-chat-widget{width:auto;height:75vh;bottom:80px;left:8px;right:8px}}.float-wrap{z-index:999;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:30px;right:20px}.float-btn{cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.float-btn:hover{transform:scale(1.08)}.float-chat{background:var(--primary-color);color:#fff;gap:2px;box-shadow:0 4px 14px #0d948866}.float-icon{font-size:20px}.float-label{text-align:center;color:#fff;font-size:9px;font-weight:700;line-height:1.2}.float-top{color:#1d2939;background:#fff;font-size:22px;font-weight:700;box-shadow:0 2px 10px #00000026}.footer{border-top:4px solid var(--primary-hover);color:#fffc;background:linear-gradient(#063c31 0%,#03201a 100%);margin-top:40px;padding-top:50px}.footer-inner{width:1200px;max-width:100%;margin:0 auto;padding:0 16px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr 1.2fr;gap:32px;padding-bottom:40px;display:grid}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=576px){.footer-grid{grid-template-columns:1fr;gap:20px}}.footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:60px;transition:transform .3s;display:block}.footer-logo-img:hover{transform:scale(1.05)}.footer-desc{color:#ffffffa6;margin-bottom:20px;font-size:13px;line-height:1.6}.footer-ministry{flex-wrap:wrap;gap:10px;display:flex}.ministry-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:background .2s,border-color .2s;display:flex}.ministry-badge:hover{background:#ffffff14;border-color:#fff3}.ministry-icon{font-size:20px}.ministry-title{color:#fff;font-size:11px;font-weight:700}.ministry-sub{color:#ffffff80;font-size:10px}.footer-col-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:6px;font-size:13.5px;font-weight:800;position:relative}.footer-col-title:after{content:"";background:var(--primary-color);border-radius:2px;width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links li a{color:#ffffffbf;font-size:13.5px;text-decoration:none;transition:color .2s,transform .15s;display:inline-block}.footer-links li a:hover{color:#2dd4bf;transform:translate(3px)}.footer-hotlines{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.footer-hotlines li{flex-direction:column;gap:2px;display:flex}.hotline-label{color:#ffffff8c;font-size:12px}.hotline-num{color:var(--secondary-color);font-size:18px;font-weight:800;text-decoration:none;transition:color .15s}.hotline-num:hover{color:#fef08a}.hotline-note{color:#ffffff73;margin-bottom:12px;font-size:11px}.footer-address{color:#ffffffbf;font-size:13px;line-height:1.5}.footer-socials{flex-direction:column;gap:8px;display:flex}.social-btn{color:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:flex}.social-btn:hover{transform:translateY(-1px)}.social-btn.fb{background:#1877f2}.social-btn.zalo{background:#0068ff}.social-btn.yt{background:red}.footer-app-btns{flex-direction:column;gap:8px;display:flex}.app-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:flex}.app-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.app-icon{font-size:20px}.app-btn>div{flex-direction:column;display:flex}.app-sub{color:#ffffff80;font-size:10px}.app-name{font-size:13px;font-weight:700}.footer-bottom{text-align:center;color:#ffffff73;border-top:1px solid #ffffff14;margin-top:16px;padding:24px 0;font-size:12.5px}.dongy-strip{background:linear-gradient(135deg,#064e3b 0%,#065f46 50%,#047857 100%);border-radius:12px;align-items:center;height:46px;margin:16px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #064e3b33}.dongy-strip-label{color:#fff;letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border-right:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 18px;font-size:13px;font-weight:800;display:flex}.dongy-marquee-wrap{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.dongy-marquee{align-items:center;gap:0;width:max-content;animation:40s linear infinite marqueeScroll;display:flex}.dongy-marquee:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.dongy-marquee-item{color:#ffffffe6;white-space:nowrap;align-items:center;gap:6px;padding:0 6px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.dongy-marquee-item:hover{color:#6ee7b7}.dongy-marquee-icon{font-size:14px}.dongy-sep{color:#ffffff4d;margin-left:8px;font-size:12px}.product-card{cursor:pointer;background:#fff;border:1.5px solid #f0f0f0;border-radius:14px;flex-direction:column;height:100%;padding:14px;transition:transform .28s cubic-bezier(.34,1.4,.64,1),box-shadow .28s,border-color .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#d1fae5;transform:translateY(-6px)scale(1.015);box-shadow:0 16px 40px #0000001f,0 4px 12px #0d948814}.product-card--dongy{background:linear-gradient(160deg,#fff 80%,#f0fdf4 100%);border-color:#d1fae5}.product-card--dongy:hover{border-color:#6ee7b7;box-shadow:0 16px 40px #10b98126,0 4px 12px #0d94881a}.pc-dongy-glow{pointer-events:none;z-index:0;background:radial-gradient(at 100% 0,#6ee7b71f 0%,#0000 60%);border-radius:14px;position:absolute;inset:0}.product-badges{z-index:3;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.badge-discount{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700;box-shadow:0 2px 6px #ef444459}.badge-dongy{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 6px #05966959}.badge-rx{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #7c3aed59}.pc-origin{z-index:3;color:#4b5563;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:flex;position:absolute;top:10px;right:10px}.pc-origin-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.product-image{text-align:center;z-index:1;background:#f9fafb;border-radius:10px;justify-content:center;align-items:center;min-height:140px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:contain;width:130px;height:130px;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.08)}.pc-image-overlay{background:#0d948814;border-radius:10px;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:absolute;inset:0}.pc-quick-view{color:#0d9488;cursor:pointer;background:#fffffff2;border:1px solid #0d9488;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.pc-quick-view:hover{color:#fff;background:#0d9488}.pc-herb-deco{opacity:.25;pointer-events:none;font-size:18px;animation:3s ease-in-out infinite floatHerb;position:absolute;bottom:4px;right:6px}@keyframes floatHerb{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-4px)rotate(5deg)}}.pc-stars{align-items:center;gap:1.5px;margin-bottom:5px;display:flex}.pc-stars svg{flex-shrink:0}.star-full{color:#f59e0b;fill:#f59e0b}.star-half{color:#f59e0b;fill:#fde68a}.star-empty{color:#d1d5db;fill:#f3f4f6}.pc-rating-num{color:#6b7280;margin-left:3px;font-size:10.5px;font-weight:600}.product-info{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.product-name{color:#1d2939;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13.5px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.pc-packaging{color:#9ca3af;margin-bottom:6px;font-size:11px}.product-price-container{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:auto;display:flex}.product-price{color:var(--color-price,#dc2626);font-size:16px;font-weight:800}.pc-unit{color:#64748b;font-size:12px;font-weight:500}.product-old-price{color:#94a3b8;font-size:12px;text-decoration:line-through}.product-action{z-index:1;margin-top:12px;position:relative}.btn-add-cart{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 0;font-size:13px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #0d948840}.btn-add-cart:hover{background:linear-gradient(135deg,#0f766e 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0d948859}.btn-add-cart--added{animation:.25s cubic-bezier(.34,1.56,.64,1) popIn;background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #0596694d!important}@keyframes popIn{0%{transform:scale(.95)}to{transform:scale(1)}}.btn-add-cart--dongy{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-add-cart--dongy:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%)}.dongy-section{background:linear-gradient(160deg,#f0fdf4 0%,#ecfdf5 40%,#fff 100%);border:1.5px solid #d1fae5;border-radius:20px;margin:28px 0;position:relative;overflow:hidden}.dongy-section-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ds-leaf{opacity:.07;font-size:36px;animation:6s ease-in-out infinite floatLeaf;position:absolute}.ds-leaf-1{font-size:48px;animation-delay:0s;top:5%;left:3%}.ds-leaf-2{font-size:32px;animation-delay:1.5s;top:60%;left:1%}.ds-leaf-3{font-size:42px;animation-delay:.8s;top:20%;right:4%}.ds-leaf-4{font-size:38px;animation-delay:2.2s;bottom:8%;right:2%}.ds-leaf-5{font-size:28px;animation-delay:1s;bottom:15%;left:45%}@keyframes floatLeaf{0%,to{transform:translateY(0)rotate(-8deg)scale(1)}50%{transform:translateY(-14px)rotate(8deg)scale(1.05)}}.dongy-section-inner{z-index:1;padding:28px 28px 32px;position:relative}.ds-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ds-title-wrap{flex-direction:column;gap:6px;display:flex}.ds-ribbon{color:#fff;letter-spacing:.8px;background:linear-gradient(135deg,#059669,#047857);border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 14px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #0596694d}.ds-title{color:#064e3b;align-items:center;gap:8px;margin:0;font-size:26px;font-weight:900;line-height:1.2;display:flex}.ds-title-accent{color:#059669}.ds-sparkle{color:#f59e0b;animation:2s ease-in-out infinite sparkleAnim}@keyframes sparkleAnim{0%,to{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.8;transform:rotate(15deg)scale(1.2)}}.ds-subtitle{color:#6b7280;margin:0;font-size:13.5px;line-height:1.5}.ds-view-all{color:#059669;white-space:nowrap;background:#ffffffb3;border:1.5px solid #6ee7b7;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:8px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.ds-view-all:hover{color:#fff;background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #05966940}.ds-benefits{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.ds-benefit-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.ds-benefit-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0596691f}.ds-benefit-icon{flex-shrink:0;font-size:22px}.ds-benefit-item div{flex-direction:column;gap:2px;display:flex}.ds-benefit-item strong{color:#064e3b;font-size:12px;font-weight:700}.ds-benefit-item span{color:#6b7280;font-size:11px}.ds-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ds-tab{color:#059669;cursor:pointer;background:#fffc;border:1.5px solid #a7f3d0;border-radius:24px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.ds-tab:hover{background:#f0fdf4;border-color:#059669}.ds-tab--active{box-shadow:0 4px 12px #0596694d;color:#fff!important;background:linear-gradient(135deg,#059669,#047857)!important;border-color:#0000!important}.ds-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.ds-grid-item{animation:.4s both slideUp}.ds-grid-item:first-child{animation-delay:50ms}.ds-grid-item:nth-child(2){animation-delay:.1s}.ds-grid-item:nth-child(3){animation-delay:.15s}.ds-grid-item:nth-child(4){animation-delay:.2s}.ds-grid-item:nth-child(5){animation-delay:.25s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ds-loading{color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:14px;display:flex}.ds-spinner{border:3px solid #d1fae5;border-top-color:#059669;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.ds-grid{grid-template-columns:repeat(3,1fr)}.ds-benefits{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ds-grid{grid-template-columns:repeat(2,1fr)}.ds-title{font-size:20px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.tracking-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tracking-modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:1100px;max-width:100%;height:680px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tracking-modal-header{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.header-title h3{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.connection-badge{opacity:.95;margin-top:4px;font-size:11.5px;font-weight:600;display:inline-block}.connection-badge.online{color:#4ade80}.connection-badge.offline{color:#f87171}.close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .2s;display:flex}.close-btn:hover{background:#ffffff40;transform:scale(1.05)}.tracking-modal-body{flex:1;display:flex;overflow:hidden}.map-wrapper{flex:1.6;height:100%;position:relative}.leaflet-map-container{background-color:#f8fafc;width:100%;height:100%}.realtime-status-pill{z-index:1000;color:#1e293b;background-color:#fffffff2;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:flex;position:absolute;top:15px;left:55px;box-shadow:0 4px 6px -1px #00000014}.pulse-circle{background-color:#2563eb;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}.map-marker-emoji{text-align:center;filter:drop-shadow(0 2px 4px #00000026);font-size:26px;line-height:36px}.map-marker-shipper-emoji{text-align:center;filter:drop-shadow(0 4px 6px #0000004d);font-size:32px;line-height:42px;animation:2s ease-in-out infinite float-marker}@keyframes float-marker{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tracking-info-panel{background-color:#f8fafc;border-left:1px solid #e2e8f0;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.tracking-info-panel h4{color:#0f766e;text-transform:uppercase;letter-spacing:.3px;border-left:3px solid #0f766e;margin:0 0 12px;padding-left:8px;font-size:13.5px;font-weight:750}.stepper-card,.shipper-card,.controls-card,.webhook-dev-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000005}.delivery-stepper{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.step-node{flex-direction:column;align-items:center;gap:6px;width:75px;display:flex}.node-icon{background-color:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .3s;display:flex}.step-node span{color:#64748b;text-align:center;font-size:11px;font-weight:600}.step-bar{background-color:#cbd5e1;flex:1;height:3px;margin-bottom:22px}.step-node.step-done .node-icon{color:#10b981;background-color:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.step-node.step-done span{color:#10b981}.step-node.step-active .node-icon{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6;animation:1.5s infinite border-glow;box-shadow:0 0 0 4px #3b82f633}.step-node.step-active span{color:#3b82f6;font-weight:700}.step-bar.active{background-color:#10b981}@keyframes border-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}.shipper-profile{align-items:center;gap:16px;display:flex}.shipper-avatar{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.shipper-meta{flex-direction:column;gap:2px;display:flex}.shipper-name{color:#1e293b;font-size:14.5px;font-weight:700}.shipper-plate{color:#64748b;font-family:monospace;font-size:12.5px;font-weight:700}.shipper-phone-link{color:#0f766e;align-items:center;gap:4px;margin-top:2px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.shipper-phone-link:hover{text-decoration:underline}.controls-card p{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.4}.restart-btn{color:#fff;cursor:pointer;background-color:#0f766e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:650;transition:background-color .2s;display:flex}.restart-btn:hover{background-color:#0d9488}.webhook-dev-card{background-color:#faf5ff;border-color:#e9d5ff}.webhook-dev-card h5{color:#7e22ce;margin:0;font-size:12px;font-weight:750}.dev-header{color:#7e22ce;align-items:center;gap:6px;margin-bottom:8px;display:flex}.webhook-dev-card p{color:#6b21a8;margin:0 0 8px;font-size:11.5px;line-height:1.4}.dev-code{color:#f8fafc;background-color:#1e293b;border-radius:6px;margin:0;padding:10px;font-family:Consolas,Monaco,monospace;font-size:10.5px;line-height:1.35;overflow-x:auto}.dev-note{color:#64748b;margin:6px 0 0;font-size:11px;line-height:1.4}.history-container{width:900px;max-width:100%;min-height:60vh;margin:32px auto;padding:0 16px}.history-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.history-title{color:#0f766e;font-size:26px;font-weight:850}.history-subtitle{color:#64748b;margin-top:4px;font-size:14px}.history-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px;display:flex}.history-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.history-tab:hover{background-color:#f1f5f9}.history-tab.active{color:#fff;background-color:#0f766e}.tab-icon{font-size:15px}.tab-count{color:#475569;background:#e2e8f0;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.history-tab.active .tab-count{color:#fff;background:#ffffff40}.history-loading{text-align:center;color:#64748b;padding:48px 0;font-size:16px}.history-error-msg{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:10px;padding:16px}.history-empty{text-align:center;color:#64748b;background-color:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:64px 16px;display:flex;box-shadow:0 4px 12px #00000008}.empty-box-icon{margin-bottom:16px;font-size:48px}.history-empty h3{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:700}.history-empty p{max-width:320px;font-size:14px}.orders-list{flex-direction:column;gap:20px;display:flex}.order-history-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 15px #0000000a}.order-history-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.order-card-header{background-color:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.order-meta-info{align-items:center;gap:12px;display:flex}.order-id-tag{color:#0f766e;font-size:15px;font-weight:800}.order-date{color:#64748b;font-size:13.5px}.order-badges{align-items:center;gap:8px;display:flex}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge.pending{color:#ea580c;background-color:#ffedd5}.status-badge.shipping{color:#2563eb;background-color:#dbeafe}.status-badge.delivered{color:#059669;background-color:#d1fae5}.status-badge.cancelled{color:#64748b;background-color:#f1f5f9}.status-badge.return-requested{color:#d97706;background-color:#fef3c7}.status-badge.returned{color:#7c3aed;background-color:#ede9fe}.payment-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.payment-badge.unpaid{color:#dc2626;background-color:#fee2e2}.payment-badge.paid{color:#059669;background-color:#d1fae5}.payment-badge.refunded{color:#7c3aed;background-color:#ede9fe}.return-reason-note{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:13px}.order-card-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.order-item-row{border-bottom:1px dashed #f1f5f9;align-items:center;gap:16px;padding-bottom:12px;display:flex}.order-item-row:last-child{border-bottom:none;padding-bottom:0}.order-item-pic{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:56px;height:56px}.order-item-details{flex-direction:column;flex:1;gap:4px;display:flex}.order-item-name{color:#1e293b;font-size:14.5px;font-weight:600}.order-item-qty-price{color:#64748b;font-size:13px}.order-item-subtotal{color:#1e293b;font-size:15px;font-weight:700}.order-card-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.order-shipping-address{color:#475569;max-width:60%;font-size:13.5px;line-height:1.4}.order-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .2s,opacity .2s}.action-btn:disabled{opacity:.55;cursor:not-allowed}.action-btn.track-btn{color:#fff;background-color:#0f766e}.action-btn.track-btn:hover{background-color:#0d9488}.action-btn.buy-again-btn{color:#fff;background-color:#1e293b}.action-btn.buy-again-btn:hover{background-color:#334155}.action-btn.return-btn{color:#7c3aed;background-color:#fff;border:1px solid #c4b5fd}.action-btn.return-btn.solid{color:#fff;background-color:#7c3aed;border-color:#7c3aed}.action-btn.return-btn.solid:hover{background-color:#6d28d9}.action-btn.cancel-btn{color:#dc2626;background-color:#f1f5f9;border:1px solid #fecaca}.action-btn.cancel-btn:hover{background-color:#fee2e2}.action-btn.invoice-btn{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0}.action-btn.invoice-btn:hover{background-color:#e2e8f0}.order-total-block{align-items:center;gap:12px;display:flex}.total-label{color:#64748b;font-size:14px;font-weight:600}.total-val{color:#e1251b;font-size:18px;font-weight:850}.history-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.history-modal-card{color:#1e293b;background-color:#fff;border-radius:16px;width:100%;max-width:520px;padding:24px;font-family:sans-serif;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.history-invoice-card{color:#1e293b;background-color:#fff;border-radius:16px;width:100%;max-width:650px;max-height:90vh;padding:24px;font-family:sans-serif;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.history-modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;display:flex}.history-modal-header h3{color:#0f766e;margin:0;font-size:18px}.history-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;font-weight:700}.history-modal-sub{color:#64748b;margin:0 0 12px;font-size:13.5px}.return-reason-input{resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.history-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.invoice-meta{background-color:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding:14px;font-size:13px;display:grid}.invoice-meta .invoice-address{grid-column:span 2}.invoice-meta span{color:#0d9488;font-weight:700}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:13px}.invoice-table th{text-align:left;background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:10px}.invoice-table th.center,.invoice-table td.center{text-align:center}.invoice-table th.right,.invoice-table td.right{text-align:right}.invoice-table td{border-bottom:1px solid #f1f5f9;padding:10px}.invoice-total{border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:16px;font-size:14px;display:flex}.invoice-total strong{color:#0f766e;font-size:20px}.pharmacy-dashboard-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:680px;margin-top:16px;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.pharmacy-dash-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;width:340px;display:flex}.dash-sidebar-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px}.dash-sidebar-header h3{color:#047857;margin:0 0 12px;font-size:16px;font-weight:700}.dash-filter-tabs{gap:4px;display:flex}.filter-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:6px 8px;font-size:11.5px;font-weight:500;transition:all .2s}.filter-btn.active{color:#fff;background:#059669;border-color:#059669}.dash-session-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.empty-sessions{text-align:center;color:#94a3b8;padding:30px 10px;font-size:13px}.session-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.session-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811f}.session-card.active{background:#ecfdf5;border-color:#059669;border-left-style:solid;border-left-width:4px}.session-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.session-user-name{color:#1e293b;font-size:14px;font-weight:700}.status-badge{border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:600}.status-open{color:#c2410c;background:#ffedd5}.status-assigned{color:#15803d;background:#dcfce7}.status-closed{color:#64748b;background:#f1f5f9}.session-card-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12.5px;overflow:hidden}.session-card-meta{color:#94a3b8;justify-content:space-between;font-size:11px;display:flex}.user-phone{color:#059669}.pharmacy-dash-main{background:#fff;flex-direction:column;flex:1;display:flex}.dash-main-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dash-user-info h4{color:#0f172a;margin:0;font-size:16px}.dash-user-sub{color:#64748b;margin-top:4px;font-size:12px}.dash-actions{gap:10px;display:flex}.dash-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s}.btn-assign{color:#fff;background:#059669}.btn-assign:hover{background:#047857}.btn-close{color:#fff;background:#ef4444}.btn-close:hover{background:#dc2626}.dash-messages-body{background:#f1f5f9;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.dash-msg-row{flex-direction:column;max-width:75%;display:flex}.dash-msg-row.msg-cust{align-self:flex-start}.dash-msg-row.msg-pharm{align-self:flex-end}.dash-msg-header{color:#64748b;margin-bottom:4px;margin-left:4px;font-size:11px}.msg-pharm .dash-msg-header{text-align:right;margin-right:4px}.dash-msg-bubble{border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.4;box-shadow:0 1px 3px #0000000d}.msg-cust .dash-msg-bubble{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-top-left-radius:2px}.msg-pharm .dash-msg-bubble{color:#fff;background:#059669;border-top-right-radius:2px}.dash-msg-time{opacity:.75;text-align:right;margin-top:4px;font-size:10px;display:block}.dash-reply-footer{background:#fff;border-top:1px solid #e2e8f0;gap:10px;padding:12px 20px;display:flex}.dash-reply-footer input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:14px}.dash-reply-footer input:focus{border-color:#059669}.dash-send-reply-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;padding:0 20px;font-size:13.5px;font-weight:600}.dash-send-reply-btn:disabled{cursor:not-allowed;background:#cbd5e1}.no-active-session{color:#94a3b8;flex:1;justify-content:center;align-items:center;display:flex}.admin-container{color:#1e293b;width:1200px;max-width:100%;min-height:80vh;margin:28px auto;padding:0 16px;font-family:Inter,system-ui,sans-serif}.admin-role-badge{color:#0f766e;background:#0d94880f;border:1px dashed #0d9488;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 18px;font-size:13.5px;display:flex}.role-highlight{color:#0d9488;font-weight:800}.admin-header{border-bottom:1.5px solid #e2e8f0;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.admin-title-wrap{align-items:center;gap:10px;display:flex}.admin-title-icon{color:#0d9488;width:28px;height:28px}.admin-title{color:#0f766e;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:900}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .22s;display:flex}.admin-tab-btn:hover{color:#0d9488;background:#f8fafc;border-color:#0d9488}.admin-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0000;box-shadow:0 4px 14px #0d948840}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}.card-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-title{color:#1e293b;margin:0;font-size:18px;font-weight:800}.btn-add-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#059669 100%);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #05966933}.btn-add-action:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #0596694d}.table-wrapper{border-radius:var(--radius-lg,14px);border:1px solid var(--color-border,#e2e8f0);max-height:70vh;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.admin-table th{color:#334155;z-index:10;background-color:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:14px 16px;font-weight:700;position:sticky;top:0}.admin-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;line-height:1.4;transition:background-color .15s}.admin-table tbody tr:nth-child(2n){background-color:#f8fafc}.admin-table tbody tr:hover{background-color:#f0fdfa}.admin-table tr:last-child td{border-bottom:none}.col-id{color:#0f766e;font-weight:800}.col-total{color:#b91c1c;font-weight:800}.sub-text{color:#64748b;margin-top:1px;font-size:11.5px}.med-history-text{color:#475569;white-space:pre-wrap;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:280px;font-size:12.5px;display:-webkit-box;overflow:hidden}.status-select{cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:20px;outline:none;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.status-select.pending{color:#ea580c;background-color:#fff7ed;border-color:#f97316}.status-select.shipping{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.status-select.delivered{color:#059669;background-color:#ecfdf5;border-color:#10b981}.status-select.cancelled{color:#64748b;background-color:#f1f5f9;border-color:#94a3b8}.status-select.returned{color:#7c3aed;background-color:#f5f3ff;border-color:#a78bfa}.status-select.return-requested{color:#d97706;background-color:#fffbeb;border-color:#fbbf24}.payment-toggle-btn{cursor:pointer;border:none;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.payment-toggle-btn.unpaid{color:#dc2626;background-color:#fee2e2}.payment-toggle-btn.paid{color:#059669;background-color:#d1fae5}.payment-reconcile-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-top:6px;padding:4px 6px;font-size:11px;display:block}.appointment-status{border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.appointment-status.scheduled{color:#1d4ed8;background-color:#eff6ff}.appointment-status.pendingconfirmation{color:#c2410c;background-color:#fff7ed}.appointment-status.confirmed{color:#b45309;background-color:#fef3c7}.appointment-status.completed{color:#047857;background-color:#ecfdf5}.appointment-status.cancelled,.appointment-status.rejected{color:#b91c1c;background-color:#fef2f2}.appointment-status.expired{color:#64748b;background-color:#f1f5f9}.prescription-status{border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.prescription-status.pending{color:#1d4ed8;background-color:#eff6ff}.prescription-status.approved{color:#b45309;background-color:#fef3c7}.prescription-status.fulfilled{color:#047857;background-color:#ecfdf5}.prescription-status.rejected{color:#b91c1c;background-color:#fef2f2}.table-actions-row{gap:6px;display:flex}.action-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.action-icon-btn:hover{background-color:#f8fafc}.action-icon-btn.edit:hover{color:#0d9488;border-color:#0d9488}.action-icon-btn.delete:hover{color:#ef4444;border-color:#ef4444}.action-icon-btn.approve:hover{color:#2563eb;border-color:#2563eb}.action-icon-btn.reject:hover{color:#ef4444;border-color:#ef4444}.action-icon-btn.complete:hover{color:#059669;border-color:#059669}.modal-form-box{background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;margin-bottom:24px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideDownForm;box-shadow:inset 0 2px 4px #00000005}@keyframes slideDownForm{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-form-box h4{color:#0f766e;margin:0 0 16px;font-size:16px;font-weight:800}.form-actions{gap:10px;margin-top:18px;display:flex}.btn-save{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:background .15s}.btn-save:hover{background-color:#0f766e}.btn-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .15s}.btn-cancel:hover{background-color:#f1f5f9}.med-prescribe-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:16px}.med-prescribe-box h5{color:#475569;margin:0 0 12px;font-size:14px;font-weight:700}.prescribe-inputs{gap:8px;margin-bottom:16px;display:flex}.btn-add-item{color:#0f766e;cursor:pointer;background-color:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.btn-add-item:hover{background-color:#e2e8f0}.prescription-items-preview h6{color:#64748b;margin:0 0 8px;font-size:12.5px;font-weight:700}.no-items-alert{color:#94a3b8;margin:0;font-size:12.5px}.preview-items-list{flex-direction:column;gap:6px;display:flex}.preview-item-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;display:flex}.btn-remove-item{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.prescription-medicines-cell{flex-wrap:wrap;gap:4px;max-width:250px;display:flex}.prescription-med-tag{color:#047857;background-color:#f0fdf4;border:1px solid #d1fae5;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.pres-actions{flex-direction:column;gap:4px;width:max-content;display:flex}.btn-pres-action{cursor:pointer;color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .15s;display:flex}.btn-pres-action.fill{background-color:#059669}.btn-pres-action.cancel{background-color:#dc2626}.btn-pres-action:hover{opacity:.9}.completed-text{color:#94a3b8;font-size:12px;font-style:italic}.role-badge{border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.role-badge.role-1{color:#dc2626;background-color:#fef2f2}.role-badge.role-2{color:#475569;background-color:#f1f5f9}.role-badge.role-3{color:#047857;background-color:#ecfdf5}.role-badge.role-4{color:#1d4ed8;background-color:#eff6ff}.user-status-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:11.5px;font-weight:700;transition:all .15s}.user-status-btn.active{color:#065f46;background-color:#d1fae5}.user-status-btn.blocked{color:#b91c1c;background-color:#fee2e2}.role-assign-select{cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.warehouse-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000003}.wh-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.wh-icon{color:#0d9488}.wh-header h4{color:#1e293b;margin:0;font-size:16px;font-weight:800}.wh-body{flex-direction:column;gap:16px;display:flex}.wh-stat{flex-direction:column;display:flex}.wh-stat-num{color:#0d9488;font-size:28px;font-weight:900}.wh-stat-lbl{color:#64748b;font-size:12.5px;font-weight:600}.wh-info{color:#475569;background-color:#f0fdf4;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;display:flex}.stats-dashboard{flex-direction:column;gap:20px;display:flex}.stats-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-summary-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.card-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-summary-card.revenue .card-icon-wrap{color:#059669;background-color:#ecfdf5}.stat-summary-card.patients .card-icon-wrap{color:#2563eb;background-color:#eff6ff}.stat-summary-card.appointments .card-icon-wrap{color:#7c3aed;background-color:#f5f3ff}.stat-summary-card.warning .card-icon-wrap{color:#ea580c;background-color:#fff7ed}.stat-data{flex-direction:column;display:flex}.stat-val{color:#1e293b;font-size:18px;font-weight:900}.stat-lbl{color:#64748b;font-size:12px;font-weight:600}.stats-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stats-detail-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.stats-detail-card h4{color:#1e293b;margin:0 0 16px;font-size:15px;font-weight:800}.low-stock-list{flex-direction:column;gap:8px;display:flex}.low-stock-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:13px;display:flex}.low-stock-row:last-child{border-bottom:none}.stock-count-alert{color:#dc2626;font-weight:700}.no-warnings{color:#64748b;margin:0;font-size:12.5px}.clinic-status-rows{flex-direction:column;gap:12px;display:flex}.status-row{justify-content:space-between;font-size:13px;display:flex}.status-row strong{color:#0f766e}@media (width<=992px){.stats-summary-grid{grid-template-columns:repeat(2,1fr)}.stats-detail-grid,.inventory-grid{grid-template-columns:1fr}}.products-crud-layout{grid-template-columns:420px 1fr;align-items:start;gap:20px;display:grid}.products-form-panel{position:sticky;top:24px}.products-list-panel{min-height:300px}.product-img-preview{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:10px;justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:16px;display:flex;overflow:hidden}.product-img-preview img{object-fit:cover;width:100%;height:100%}.product-form-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.cancel-edit-btn{color:#e11d48;cursor:pointer;background:0 0;border:2px solid #e11d48;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.cancel-edit-btn:hover{color:#fff;background:#e11d48}.medicine-crud-list{flex-direction:column;gap:10px;max-height:600px;padding-right:4px;display:flex;overflow-y:auto}.medicine-crud-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.medicine-crud-row:hover{background:#0d94880a;border-color:#0d9488}.medicine-crud-row.editing{background:#f59e0b0f;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.medicine-crud-img{background:#e2e8f0;border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.medicine-crud-img img{object-fit:cover;width:100%;height:100%}.medicine-crud-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.medicine-crud-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.med-meta{color:#64748b;font-size:12px}.med-price{color:#0d9488;font-size:13px;font-weight:700}.med-stock{color:#475569;font-size:11.5px}.med-stock.low{color:#dc2626;font-weight:700}.medicine-crud-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.med-edit-btn,.med-delete-btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.med-edit-btn{color:#0d9488;background:#0d94881a;border-color:#0d9488}.med-edit-btn:hover{color:#fff;background:#0d9488}.med-delete-btn{color:#dc2626;background:#dc262612;border-color:#dc2626}.med-delete-btn:hover{color:#fff;background:#dc2626}@media (width<=900px){.products-crud-layout{grid-template-columns:1fr}.products-form-panel{position:static}}.admin-orders-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-orders-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.admin-orders-tab:hover{background-color:#f1f5f9}.admin-orders-tab.active{color:#fff;background-color:#0f766e;border-color:#0f766e}.return-approval-box{background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:16px;padding:16px}.return-approval-title{color:#92400e;margin:0 0 12px;font-size:15px;font-weight:700}.return-approval-row{background-color:#fff;border:1px solid #fef3c7;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:12px 14px;display:flex}.return-approval-row:last-child{margin-bottom:0}.return-approval-info{flex:1;min-width:240px}.return-approval-head{color:#1e293b;flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.return-approval-head span{color:#64748b;font-size:13px}.return-approval-reason{color:#92400e;margin-top:4px;font-size:13px}.return-approval-actions{gap:8px;display:flex}.btn-approve{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .15s}.btn-approve:hover{background-color:#059669}.btn-reject{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .15s}.btn-reject:hover{background-color:#fef2f2}.order-status-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.status-text{border-radius:12px;padding:3px 10px;font-size:12.5px;font-weight:700}.status-text.pending{color:#ea580c;background-color:#ffedd5}.status-text.shipping{color:#2563eb;background-color:#dbeafe}.status-text.delivered{color:#059669;background-color:#d1fae5}.status-text.cancelled{color:#64748b;background-color:#f1f5f9}.status-text.returned{color:#7c3aed;background-color:#ede9fe}.status-text.return-requested{color:#d97706;background-color:#fef3c7}.confirm-delivered-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s}.confirm-delivered-btn:hover{background-color:#047857}.collect-cash-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s}.collect-cash-btn:hover{background-color:#1d4ed8}.return-reason-cell{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:12.5px;display:inline-block}.payment-toggle-btn.refunded{color:#7c3aed;background-color:#ede9fe}.suppliers-container{width:1200px;max-width:100%;min-height:70vh;margin:32px auto;padding:0 16px}.suppliers-header-block{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.suppliers-title{color:#0f766e;font-size:26px;font-weight:850}.suppliers-subtitle{color:#64748b;margin-top:4px;font-size:14px}.suppliers-loading{text-align:center;color:#64748b;padding:48px 0;font-size:16px}.suppliers-error{color:#b91c1c;text-align:center;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:12px 16px}.suppliers-dashboard-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.dashboard-column{flex-direction:column;gap:20px;display:flex}.column-title{color:#1e293b;border-left:4px solid #0d9488;margin-bottom:4px;padding-left:8px;font-size:18px;font-weight:800}.cards-list{flex-direction:column;gap:16px;display:flex}.directory-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000005}.directory-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.card-top-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.supplier-company-name,.warehouse-name{color:#0f766e;font-size:16px;font-weight:750}.status-tag{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.status-tag.active{color:#059669;background-color:#d1fae5}.stock-volume-tag{color:#475569;background-color:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:12.5px}.card-detail-info{flex-direction:column;gap:8px;display:flex}.card-detail-info p{color:#475569;margin:0;font-size:13.5px;line-height:1.4}.card-detail-info strong{color:#334155}.card-detail-info code{background-color:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:12px}.warehouse-capacity-bar{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:12px}.capacity-label{color:#64748b;margin-bottom:6px;font-size:11.5px}.progress-bg{background-color:#e2e8f0;border-radius:3px;width:100%;height:6px;overflow:hidden}@media (width<=900px){.suppliers-dashboard-grid{grid-template-columns:1fr;gap:24px}}.self-diagnosis-container{color:#1e293b;max-width:800px;margin:32px auto;padding:0 16px;font-family:Inter,system-ui,sans-serif}.back-btn{color:#0d9488;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;font-size:14px;font-weight:700;transition:transform .2s;display:flex}.back-btn:hover{color:#0f766e;transform:translate(-4px)}.loading-state-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:60px 20px;box-shadow:0 12px 40px #00000008}.spinner{color:#0d9488;animation:1s linear infinite spin}.diag-quiz-card,.diag-result-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpQuiz;box-shadow:0 12px 40px #00000008}@keyframes slideUpQuiz{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-header{margin-bottom:28px}.quiz-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pulse-icon{color:#0d9488;flex-shrink:0;width:32px;height:32px}.quiz-header h2{color:#0f766e;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:900}.quiz-header p{color:#64748b;margin:0 0 20px;font-size:13.5px;line-height:1.5}.progress-bar-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px}.progress-bar-info{color:#0d9488;justify-content:space-between;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.progress-track{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0d9488 0%,#059669 100%);border-radius:4px;height:100%;transition:width .35s}.question-wizard-step{margin-bottom:24px}.category-tag{color:#047857;text-transform:uppercase;letter-spacing:.5px;background-color:#f0fdf4;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.wizard-question-text{color:#1e293b;margin:0 0 20px;font-size:17px;font-weight:800;line-height:1.4}.wizard-options-list{flex-direction:column;gap:10px;display:flex}.wizard-option-btn{cursor:pointer;text-align:left;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.wizard-option-btn:hover{background-color:#f8fafc;border-color:#0d9488;transform:translateY(-1px)}.wizard-option-btn.selected{background-color:#f0fdf4;border-color:#0d9488;box-shadow:0 4px 14px #0d94881a}.option-check-circle{color:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.wizard-option-btn.selected .option-check-circle{background-color:#0d9488;border-color:#0d9488}.wizard-option-btn span{color:#334155;font-size:14px;font-weight:600}.wizard-option-btn.selected span{color:#0f766e;font-weight:700}.wizard-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.wizard-prev-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.wizard-prev-btn:hover{color:#334155;background-color:#f1f5f9}.submitting-indicator{color:#0d9488;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.result-header{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;display:flex}.spark-icon{color:#f59e0b;width:26px;height:26px}.result-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:900}.result-badge{color:#b45309;letter-spacing:.5px;text-transform:uppercase;background-color:#fef3c7;border-radius:12px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700}.syndrome-title-box{background-color:#f0fdf4;border:1px solid #a7f3d0;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;display:flex}.syndrome-code{color:#fff;background-color:#0d9488;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:900}.disease-title{color:#0f766e;margin:0 0 6px;font-size:20px;font-weight:900}.secondary-title{color:#047857;font-size:15px;font-weight:700}.disease-desc{color:#334155;margin:0;font-size:14px;line-height:1.6}.advice-section{background-color:#f8fafc;border-left:4px solid #0d9488;border-radius:0 12px 12px 0;margin-bottom:24px;padding:16px 20px}.advice-section h5{color:#0f766e;margin:0 0 6px;font-size:14px;font-weight:800}.advice-section p{color:#334155;margin:0;font-size:13.5px;line-height:1.6}.appointment-booking-box{background-color:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:16px;margin-top:24px;padding:20px}.appointment-booking-box h5{color:#0f766e;margin:0 0 8px;font-size:14.5px;font-weight:800}.booking-notice{color:#475569;margin:0 0 16px;font-size:12.5px}.booking-inputs .inputs-row{flex-wrap:wrap;gap:8px;display:flex}.booking-input{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:150px;padding:10px 14px;font-size:13px;transition:all .15s}.booking-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.confirm-booking-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 10px #05966933}.confirm-booking-btn:hover{background-color:#047857;transform:translateY(-1px)}.confirm-booking-btn:disabled{box-shadow:none;cursor:not-allowed;background-color:#cbd5e1;transform:none}.booking-success-msg{color:#047857;background-color:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:12px 0 16px;display:grid}.slot-btn{color:#334155;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:8px 4px;font-size:13px;font-weight:700;transition:all .15s}.slot-btn:hover:not(.disabled){background-color:#f0fdf4;border-color:#0d9488}.slot-btn.selected{color:#fff;background-color:#0d9488;border-color:#0d9488;box-shadow:0 4px 10px #0d948840}.slot-btn.disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f1f5f9;text-decoration:line-through}.slot-warning{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:12.5px;font-weight:700}.blocking-appt-box{background-color:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;padding:14px 16px}.blocking-title{color:#b91c1c;align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;display:flex}.blocking-detail{color:#7f1d1d;flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.blocking-note{color:#991b1b;margin:0 0 12px;font-size:12.5px;line-height:1.5}.cancel-blocking-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:background-color .15s;display:flex}.cancel-blocking-btn:hover:not(:disabled){background-color:#b91c1c}.cancel-blocking-btn:disabled{opacity:.6;cursor:not-allowed}.reset-diag-btn{color:#64748b;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:24px;padding:12px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.reset-diag-btn:hover{color:#334155;background-color:#f8fafc;border-color:#94a3b8}@media (width<=600px){.booking-inputs .inputs-row{flex-direction:column}.booking-input,.confirm-booking-btn{width:100%}}.patient-portal-container{color:#1e293b;max-width:1100px;margin:32px auto;padding:0 16px;font-family:Inter,system-ui,sans-serif}.portal-welcome-banner{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-radius:20px;align-items:center;gap:20px;margin-bottom:24px;padding:24px 32px;display:flex;box-shadow:0 8px 30px #0d948826}.user-avatar-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.welcome-text h2{letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:900}.welcome-text p{color:#ffffffd9;margin:0;font-size:13.5px}.back-home-btn-header{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;margin-left:auto;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s}.back-home-btn-header:hover{color:#0f766e;background-color:#fff;border-color:#fff}.portal-tabs-nav{border-bottom:1.5px solid #e2e8f0;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.portal-tab-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.portal-tab-item:hover{color:#0d9488;background-color:#f1f5f9}.portal-tab-item.active{color:#0f766e;background-color:#0d948814}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.portal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 15px #00000005}.portal-card h4{color:#1e293b;margin:0;font-size:16px;font-weight:800}.portal-card .card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:12px;display:flex}.portal-card .card-header .icon{width:20px;height:20px}.portal-card .card-header .icon.teal{color:#0d9488}.portal-card .card-header .icon.purple{color:#7c3aed}.record-details{flex-direction:column;gap:12px;display:flex}.detail-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;padding-bottom:8px;font-size:13.5px;display:flex}.detail-row span{color:#64748b;font-weight:600}.medical-notes-box{background-color:#f8fafc;border-left:4px solid #0d9488;border-radius:8px;margin-top:16px;padding:14px}.medical-notes-box h5{color:#475569;margin:0 0 6px;font-size:13px;font-weight:700}.medical-notes-box p{color:#334155;margin:0;font-size:13px;line-height:1.5}.no-record-box{text-align:center;padding:24px 0}.no-record-box p{color:#475569;margin:0 0 10px;font-size:13.5px}.no-record-box p.sub{color:#64748b;font-size:12.5px}.right-summary-column{flex-direction:column;gap:20px;display:flex}.quick-stats-row{gap:12px;display:flex}.stat-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 4px 12px #00000003}.stat-box .num{color:#0d9488;font-size:24px;font-weight:900}.stat-box .lbl{color:#64748b;margin-top:4px;font-size:12px;font-weight:600}.appt-alert-box{background-color:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;padding:14px}.appt-alert-box .time{color:#6d28d9;margin-bottom:6px;font-size:14.5px;font-weight:800}.appt-alert-box .doctor{color:#334155;margin-bottom:4px;font-size:13px}.appt-alert-box .reason{color:#64748b;font-size:12.5px}.card-header-actions{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.book-new-appt-btn{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:18px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.book-new-appt-btn:hover{background-color:#0f766e}.appointments-list-box{flex-direction:column;gap:12px;display:flex}.appt-item-row{border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;transition:border-color .2s;display:flex}.appt-item-row:hover{border-color:#cbd5e1}.date-time-box{color:#0f766e;white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.reason-info{flex:1;font-size:13px}.notes-para{color:#64748b;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:4px;margin:4px 0 0;padding:4px 8px;font-size:12px;display:inline-block}.status-badge-portal{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.status-badge-portal.scheduled{color:#1d4ed8;background-color:#eff6ff}.status-badge-portal.pendingconfirmation{color:#c2410c;background-color:#fff7ed}.status-badge-portal.completed{color:#047857;background-color:#ecfdf5}.status-badge-portal.cancelled{color:#b91c1c;background-color:#fef2f2}.status-badge-portal.expired{color:#64748b;background-color:#f1f5f9}.status-badge-portal.pending{color:#1d4ed8;background-color:#eff6ff}.status-badge-portal.approved{color:#c2410c;background-color:#fff7ed}.status-badge-portal.fulfilled{color:#047857;background-color:#ecfdf5}.status-badge-portal.rejected{color:#b91c1c;background-color:#fef2f2}.prescriptions-grid-portal{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.prescription-card-portal{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .22s;display:flex}.prescription-card-portal:hover{border-color:#a7f3d0;box-shadow:0 4px 15px #0d94880a}.pres-card-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.pres-card-header h5{color:#0f766e;margin:0 0 3px;font-size:14.5px;font-weight:800}.pres-card-header .date{color:#94a3b8;font-size:11px}.clinic-details{color:#475569;flex-direction:column;gap:4px;font-size:12.5px;display:flex}.items-list-portal{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;margin-top:14px;padding:12px 14px}.items-list-portal h6{color:#64748b;margin:0 0 6px;font-size:11.5px;font-weight:700}.item-row-detail{color:#1e293b;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.item-row-detail:last-child{border-bottom:none}.presc-add-cart-btn{color:#115e59;cursor:pointer;white-space:nowrap;background-color:#ccfbf1;border:1px solid #0f766e;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.presc-add-cart-btn:hover:not(:disabled){color:#fff;background-color:#0f766e}.presc-add-cart-btn:disabled{opacity:.55;cursor:not-allowed;color:#64748b;background-color:#e2e8f0;border-color:#94a3b8}.presc-cart-notice{z-index:9999;color:#fff;background:#047857;border-radius:10px;max-width:min(90vw,520px);padding:12px 16px;font-size:13px;font-weight:600;line-height:1.45;animation:.25s ease-out fadeIn;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 24px #0000002e}.presc-cart-notice-error{color:#fff;background:#7f1d1d;border:1px solid #fecaca}.portal-loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;font-size:14px;display:flex}.portal-loader .spinner{border:3px solid #f1f5f9;border-top-color:#0d9488;border-radius:50%;width:32px;height:32px;margin-bottom:10px;animation:.8s linear infinite spinPortal}@keyframes spinPortal{to{transform:rotate(360deg)}}.login-required-box{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px;box-shadow:0 10px 30px #00000005}.warn-icon{color:#f59e0b;margin-bottom:16px}.login-required-box h3{margin:0 0 8px;font-size:18px;font-weight:850}.login-required-box p{color:#64748b;margin:0 0 24px;font-size:13.5px}.back-home-btn{color:#fff;cursor:pointer;background-color:#475569;border:none;border-radius:20px;padding:10px 24px;font-size:13px;font-weight:700;transition:background-color .2s}.back-home-btn:hover{background-color:#334155}@media (width<=850px){.dashboard-grid,.prescriptions-grid-portal{grid-template-columns:1fr}}@media (width<=600px){.appt-item-row{flex-direction:column;align-items:flex-start;gap:8px}.portal-welcome-banner{text-align:center;flex-direction:column}.back-home-btn-header{margin:10px auto 0}}.pd-container{max-width:100%;padding:24px 0}.pd-breadcrumbs{color:#64748b;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.pd-breadcrumbs a{color:#0d9488;font-weight:500;text-decoration:none}.pd-breadcrumbs a:hover{text-decoration:underline}.pd-breadcrumbs .current{color:#1e293b;font-weight:500}.pd-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:40px;padding:32px;display:flex;box-shadow:0 4px 20px -2px #0000000d}.pd-left{flex:1;justify-content:center;align-items:center;max-width:450px;display:flex}.pd-image-wrapper{aspect-ratio:1;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.pd-image-wrapper img{object-fit:contain;max-width:90%;max-height:90%;transition:transform .3s}.pd-image-wrapper img:hover{transform:scale(1.05)}.pd-right{flex-direction:column;flex:1.2;display:flex}.prescription-badge{color:#ef4444;background:#fee2e2;border-radius:9999px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pd-name{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.3}.pd-sku{color:#94a3b8;margin-bottom:20px;font-size:13px}.pd-price-card{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.pd-price-row{align-items:baseline;gap:8px;display:flex}.pd-price{color:#0d9488;font-size:28px;font-weight:700}.pd-unit{color:#64748b;font-size:15px;font-weight:500}.pd-old-price-row{align-items:center;gap:10px;margin-top:6px;display:flex}.pd-old-price{color:#94a3b8;font-size:15px;text-decoration:line-through}.pd-discount{color:#d97706;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.pd-meta-grid{border-bottom:1px dashed #e2e8f0;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;padding-bottom:24px;display:grid}.pd-meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:#94a3b8;font-size:13px}.meta-value{color:#334155;font-size:15px;font-weight:600}.pd-action-row{align-items:center;gap:16px;margin-top:auto;display:flex}.quantity-selector{border:1px solid #cbd5e1;border-radius:8px;align-items:center;height:48px;display:flex;overflow:hidden}.quantity-selector button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;width:40px;height:100%;font-size:18px;font-weight:700;transition:background .2s}.quantity-selector button:hover{background:#e2e8f0}.quantity-selector input{text-align:center;color:#1e293b;-moz-appearance:textfield;border:none;outline:none;width:50px;height:100%;font-size:16px;font-weight:600}.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-to-cart-btn{flex-1:1;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:8px;height:48px;padding:0 32px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.add-to-cart-btn:hover{background:#0f766e}.add-to-cart-btn:active{transform:scale(.98)}.pd-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 4px 20px -2px #0000000d}.mt-6{margin-top:24px}.section-title{color:#1e293b;border-left:4px solid #0d9488;margin-bottom:20px;padding-left:12px;font-size:18px;font-weight:700}.pd-description{color:#475569;white-space:pre-line;font-size:15px;line-height:1.6}.reviews-summary-row{background:#f8fafc;border-radius:12px;align-items:center;gap:32px;margin-bottom:32px;padding:24px;display:flex}.summary-left{text-align:center;border-right:1px solid #e2e8f0;flex-direction:column;align-items:center;min-width:140px;padding-right:32px;display:flex}.avg-rating{color:#0d9488;font-size:40px;font-weight:800;line-height:1}.avg-stars{gap:2px;margin:8px 0;display:flex}.star-icon{color:#cbd5e1;font-size:16px}.star-icon.filled{color:#fbbf24}.total-reviews{color:#64748b;font-size:13px}.summary-right{flex:1}.eligibility-banner{border-radius:8px;padding:16px;font-size:14px;line-height:1.5}.eligibility-banner.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.eligibility-banner.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.eligibility-banner.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.review-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.review-form h3{color:#1e293b;margin-bottom:16px;font-size:16px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.rating-select{gap:6px;display:flex}.star-select{color:#cbd5e1;cursor:pointer;font-size:28px;transition:color .1s,transform .1s}.star-select.active{color:#fbbf24}.star-select:hover{transform:scale(1.15)}.review-form textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:15px}.review-form textarea:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d94881a}.submit-review-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:8px;padding:10px 24px;font-weight:600;transition:background .2s}.submit-review-btn:hover{background:#0f766e}.submit-review-btn:disabled{cursor:not-allowed;background:#94a3b8}.error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.success-alert{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.reviews-list h3{color:#1e293b;border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:700}.review-item{border-bottom:1px solid #f1f5f9;padding:16px 0}.review-item:last-child{border-bottom:none}.review-header{justify-content:space-between;margin-bottom:4px;display:flex}.reviewer-name{color:#334155;font-size:14px;font-weight:600}.review-date{color:#94a3b8;font-size:13px}.review-rating{gap:2px;margin-bottom:8px;display:flex}.review-comment{color:#475569;font-size:14px;line-height:1.5}.no-reviews,.reviews-loading{text-align:center;color:#94a3b8;padding:24px 0;font-size:14px}.category-list-container{color:#1e293b;max-width:1240px;margin:0 auto;padding:20px 16px 40px;font-family:Inter,system-ui,-apple-system,sans-serif}.cl-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.cl-breadcrumb-home{color:#0d9488;font-weight:500;text-decoration:none;transition:color .2s}.cl-breadcrumb-home:hover{color:#0f766e;text-decoration:underline}.cl-breadcrumb-separator{color:#cbd5e1}.cl-breadcrumb-current{font-weight:400}.cl-header{border-bottom:1px solid #e2e8f0;align-items:baseline;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.cl-title{color:#0f172a;margin:0;font-size:26px;font-weight:700}.cl-count{color:#64748b;font-size:15px;font-weight:500}.cl-main-layout{grid-template-columns:280px 1fr;align-items:start;gap:28px;display:grid}.cl-sidebar{position:sticky;top:90px}.cl-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cl-filter-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.cl-filter-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.cl-reset-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.cl-reset-btn:hover{color:#ef4444;background:#f1f5f9}.cl-filter-section{margin-bottom:24px}.cl-filter-section:last-child{margin-bottom:0}.cl-section-title{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:700}.cl-radio-group{flex-direction:column;gap:10px;display:flex}.cl-radio-label{color:#475569;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:all .2s;display:flex}.cl-radio-label:hover{background:#f8fafc}.cl-radio-label.active{color:#0d9488;background:#f0fdfa;border-color:#ccfbf1;font-weight:600}.cl-radio-label input{accent-color:#0d9488;cursor:pointer;margin:0}.badge-rx{color:#fff;background:#ef4444;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:800;line-height:1}.cl-content{flex-direction:column;gap:20px;display:flex}.cl-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.cl-sort-wrap{align-items:center;gap:12px;display:flex}.cl-sort-icon{color:#64748b}.cl-sort-label{color:#64748b;font-size:14px;font-weight:500}.cl-sort-options{gap:8px;display:flex}.cl-sort-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.cl-sort-btn:hover{color:#0f172a;background:#e2e8f0}.cl-sort-btn.active{color:#fff;background:#0d9488;border-color:#0d9488}.cl-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cl-grid .pc-card{margin:0;width:100%!important}.cl-load-more-wrap{justify-content:center;margin-top:30px;display:flex}.cl-load-more-btn{color:#0d9488;cursor:pointer;background:#fff;border:2px solid #0d9488;border-radius:12px;padding:12px 32px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.cl-load-more-btn:hover{color:#fff;background:#0d9488;transform:translateY(-2px);box-shadow:0 4px 12px #0d948840}.cl-load-more-btn:active{transform:translateY(0)}.cl-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.cl-empty-icon{color:#94a3b8;margin-bottom:16px}.cl-empty-state h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.cl-empty-state p{color:#64748b;max-width:320px;margin:0 0 20px;font-size:14px}.cl-reset-btn-large{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s}.cl-reset-btn-large:hover{background:#0f766e;box-shadow:0 4px 6px -1px #0d948833}@media (width<=1200px){.cl-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.cl-main-layout{grid-template-columns:1fr}.cl-sidebar{position:relative;top:0}}@media (width<=768px){.cl-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cl-header{flex-direction:column;align-items:flex-start;gap:4px}.cl-title{font-size:22px}.cl-toolbar{padding:10px}.cl-sort-label{display:none}.cl-sort-btn{padding:5px 10px;font-size:12px}}.sf-container{color:#1e293b;max-width:1240px;margin:0 auto;padding:20px 16px 40px;font-family:Inter,system-ui,-apple-system,sans-serif}.sf-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.sf-bc-home{color:#0d9488;font-weight:500;text-decoration:none;transition:color .2s}.sf-bc-home:hover{color:#0f766e;text-decoration:underline}.sf-bc-sep{color:#cbd5e1}.sf-bc-current{color:#64748b}.sf-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.sf-header-icon{color:#0d9488;box-sizing:content-box;background:#f0fdfa;border-radius:14px;padding:12px}.sf-header h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.sf-header p{color:#64748b;margin:0;font-size:14px}.sf-layout{grid-template-columns:420px 1fr;align-items:stretch;gap:28px;display:grid}.sf-sidebar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;max-height:700px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.sf-filters-box{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.sf-search-input-wrap{width:100%;position:relative}.sf-search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sf-search-input-wrap input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 14px 10px 40px;font-size:14px;transition:all .2s}.sf-search-input-wrap input:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881a}.sf-select-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-select-group{flex-direction:column;gap:6px;display:flex}.sf-select-group label{color:#475569;font-size:12px;font-weight:700}.sf-select-group select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.sf-select-group select:focus{border-color:#0d9488}.sf-store-list{flex:1;padding-right:4px;overflow-y:auto}.sf-store-list::-webkit-scrollbar{width:6px}.sf-store-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sf-list-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:13px;font-weight:700}.sf-empty-stores{text-align:center;color:#64748b;padding:40px 20px;font-size:14px}.sf-store-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sf-store-card:hover{background:#f8fafc;border-color:#cbd5e1}.sf-store-card.active{background:#f0fdfa;border-color:#ccfbf1;box-shadow:0 4px 12px #0d94880d}.sf-card-icon-wrap{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sf-store-card.active .sf-card-icon-wrap{color:#fff;background:#0d9488}.sf-card-body h5{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:700}.sf-store-card.active .sf-card-body h5{color:#0d9488}.sf-card-body .address{color:#475569;margin:0 0 10px;font-size:13px;line-height:1.4}.sf-card-body .meta-row{color:#64748b;gap:14px;font-size:12px;font-weight:500;display:flex}.sf-map-panel{flex-direction:column;gap:16px;height:700px;display:flex}.sf-active-info{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.sf-active-info h3{color:#0f172a;margin:0 0 12px;font-size:18px;font-weight:800}.info-detail{color:#475569;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;line-height:1.4;display:flex}.info-detail:last-child{margin-bottom:0}.info-meta-row{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;padding-top:12px;display:grid}.text-teal{color:#0d9488}.sf-map-iframe-wrap{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:16px;flex:1;overflow:hidden;box-shadow:0 4px 10px #0000000d}@media (width<=992px){.sf-layout{grid-template-columns:1fr}.sf-sidebar-panel{max-height:450px}.sf-map-panel{height:450px}}@media (width<=640px){.sf-header h2{font-size:20px}.sf-select-row{grid-template-columns:1fr}.info-meta-row{grid-template-columns:1fr;gap:8px}}.vc-booking-container{color:#1e293b;max-width:1240px;margin:0 auto;padding:20px 16px 40px;font-family:Inter,system-ui,-apple-system,sans-serif}.vc-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.vc-bc-home{color:#0d9488;font-weight:500;text-decoration:none;transition:color .2s}.vc-bc-home:hover{color:#0f766e;text-decoration:underline}.vc-bc-sep{color:#cbd5e1}.vc-bc-current{color:#64748b}.vc-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.vc-header-icon{color:#0d9488;box-sizing:content-box;background:#f0fdfa;border-radius:14px;padding:12px}.vc-header h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.vc-header p{color:#64748b;margin:0;font-size:14px}.vc-steps-indicator{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 20px;display:flex}.step-node{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s}.step-node.active{color:#fff;background:#0d9488;box-shadow:0 4px 10px #0d948833}.step-line{background:#e2e8f0;flex:1;height:2px;margin:0 16px}.vc-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.step-title{color:#0f172a;border-left:4px solid #0d9488;margin:0 0 24px;padding-left:12px;font-size:18px;font-weight:800}.vaccine-packages-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.vaccine-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .25s;display:flex}.vaccine-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.vaccine-card.selected{background:#f0fdfa;border-color:#0d9488}.vc-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.vc-card-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:800;line-height:1.4}.vaccine-card.selected .vc-card-header h4{color:#0d9488}.age-badge{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.vaccine-card.selected .age-badge{color:#0d9488;background:#ccfbf1}.vaccine-card .desc{color:#64748b;flex:1;margin:0 0 16px;font-size:13.5px;line-height:1.5}.vc-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.vaccine-card.selected .vc-card-footer{border-color:#ccfbf1}.vaccine-card .price{color:#0d9488;font-size:16px;font-weight:800}.select-checkbox{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:20px;height:20px;transition:all .2s;position:relative}.select-checkbox.checked{background-color:#0d9488;border-color:#0d9488}.select-checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.vc-patient-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#334155;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.input-group input,.input-group select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:all .2s}.input-group input:focus,.input-group select:focus{background-color:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.step3-layout{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:28px;display:grid}.selection-col{flex-direction:column;gap:20px;display:flex}.summary-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.summary-title{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:15px;font-weight:800}.summary-details{flex-direction:column;gap:14px;display:flex}.sum-row{color:#475569;justify-content:space-between;align-items:flex-start;font-size:14px;display:flex}.sum-row strong{color:#0f172a}.sum-vax-list{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.sum-vax-item{color:#334155;font-size:13px;font-weight:600}.sum-row.border-top{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:14px}.sum-row .total-price{color:#0d9488;font-size:18px;font-weight:800}.vc-footer-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.vc-btn-outline{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s}.vc-btn-outline:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.vc-btn-primary{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:12px;padding:12px 32px;font-size:14px;font-weight:700;transition:all .25s}.vc-btn-primary:hover{background:#0f766e;transform:translateY(-1px);box-shadow:0 4px 10px #0d948840}.vc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vc-step-view.success{flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-icon{color:#10b981;filter:drop-shadow(0 4px 6px #10b98133);margin-bottom:16px}.vc-step-view.success h2{color:#0f172a;margin:0 0 16px;font-size:22px;font-weight:800}.vc-step-view.success .subtitle{color:#64748b;margin:0 0 6px;font-size:14px}.booking-code-box{color:#0d9488;letter-spacing:.1em;background:#f0fdfa;border:1px dashed #0d9488;border-radius:12px;margin-bottom:24px;padding:10px 24px;font-size:24px;font-weight:900;box-shadow:0 4px 10px #0d94880d}.booking-summary-success{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:440px;margin-bottom:24px;padding:20px}.booking-summary-success .detail-row{color:#475569;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.booking-summary-success .detail-row:last-child{margin-bottom:0}.vax-sublist{color:#1e293b;flex-direction:column;align-items:flex-end;font-weight:600;display:flex}.success-instructions{color:#b45309;text-align:left;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;align-items:flex-start;gap:10px;max-width:520px;margin-bottom:28px;padding:16px;font-size:13.5px;line-height:1.5;display:flex}.vc-btn-primary.back-home{max-width:240px}.animate-fade-in{animation:.35s ease-out forwards vcFadeIn}@keyframes vcFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}@media (width<=992px){.vaccine-packages-grid{grid-template-columns:1fr}.step3-layout{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.vc-steps-indicator{flex-direction:column;align-items:flex-start;gap:8px}.step-line{display:none}.form-row{grid-template-columns:1fr;gap:16px}.vc-content-card{padding:16px}}.reels-view-container{background:#000;border-radius:24px;width:100%;max-width:480px;height:720px;margin:20px auto 40px;font-family:Inter,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.reels-top-nav{z-index:10;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.reels-back-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000080;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.reels-tabs{color:#fff9;align-items:center;gap:8px;margin-right:28px;font-size:14px;font-weight:700;display:flex}.reels-tabs .tab.active{color:#fff}.reels-tabs .tab-divider{color:#fff3;font-size:12px}.reels-scroller{scroll-snap-type:y mandatory;scrollbar-width:none;width:100%;height:100%;overflow-y:scroll}.reels-scroller::-webkit-scrollbar{display:none}.reel-slide{scroll-snap-align:start;background:#0f172a;width:100%;height:100%;position:relative}.reel-iframe{background:#000;border:none;width:100%;height:100%}.reel-video{object-fit:cover;cursor:pointer;width:100%;height:100%}.reel-play-indicator{color:#fff;pointer-events:none;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.2s cubic-bezier(.175,.885,.32,1.275) playPop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes playPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.reel-mute-btn{color:#fff;cursor:pointer;z-index:5;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex;position:absolute;top:70px;right:16px}.reel-mute-btn:hover{background:#000000b3}.reel-sidebar-actions{z-index:5;color:#fff;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:120px;right:12px}.action-btn-wrap{cursor:pointer;flex-direction:column;align-items:center;display:flex}.action-icon-circle{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;transition:all .2s;display:flex}.action-icon-circle:hover{background:#000000b3;transform:scale(1.05)}.action-icon-circle.liked{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.action-btn-wrap span{text-shadow:0 1px 2px #0009;font-size:11px;font-weight:700}.reel-bottom-info{z-index:5;color:#fff;position:absolute;bottom:24px;left:16px;right:76px}.reel-bottom-info .author{text-shadow:0 1px 3px #000c;margin:0 0 8px;font-size:15px;font-weight:800}.reel-bottom-info .description{text-shadow:0 1px 3px #000c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-product-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 8px 24px #00000040}.reel-product-badge img{object-fit:cover;background:#fff;border-radius:6px;width:44px;height:44px}.prod-badge-info{flex:1}.prod-badge-info h5{color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12.5px;font-weight:700;display:-webkit-box;overflow:hidden}.prod-badge-info .row-price{justify-content:space-between;align-items:center;display:flex}.prod-badge-info .price{color:#2dd4bf;font-size:13px;font-weight:800}.buy-now-btn{color:#0f766e;cursor:pointer;background:#2dd4bf;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.buy-now-btn:hover{background:#fff;transform:translateY(-1px)}.reels-fallback-container{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px 24px;display:flex}.reels-fallback-icon-wrap{color:#2dd4bf;background:#2dd4bf1a;border:1px solid #2dd4bf33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.reels-fallback-title{color:#fff;margin:0 0 12px;font-size:20px;font-weight:800}.reels-fallback-desc{color:#94a3b8;max-width:320px;margin:0 0 24px;font-size:13.5px;line-height:1.6}.reels-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f766e4d}.reels-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f766e66}.animate-spin{animation:1s linear infinite spin}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpReel}@keyframes slideUpReel{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.reels-view-container{border-radius:0;max-width:100%;height:100vh;margin:0}}.ai-chatbot-wrapper{z-index:9999;font-family:Inter,sans-serif;position:fixed;bottom:90px;right:30px}.ai-chat-bubble{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 24px #0d948859}.ai-chat-bubble:hover{transform:scale(1.08)translateY(-3px);box-shadow:0 12px 28px #0d948880}.ai-chat-bubble:active{transform:scale(.95)}.pulse-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite bubblePulse;position:absolute;top:2px;right:2px}@keyframes bubblePulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(.9)}}.tooltip-text{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172a;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .25s;position:absolute;right:74px;transform:translate(10px);box-shadow:0 4px 6px #0000001a}.tooltip-text:after{content:"";border:5px solid #0000;border-left-color:#0f172a;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.ai-chat-bubble:hover .tooltip-text{opacity:1;transform:translate(0)}.ai-chat-window{transform-origin:100% 100%;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:360px;height:520px;animation:.3s cubic-bezier(.34,1.56,.64,1) upmScaleUp;display:flex;overflow:hidden;box-shadow:0 12px 40px #0f172a33}.ai-chat-header{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);align-items:center;gap:12px;padding:16px;display:flex}.ai-bot-avatar{background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-header-info h4{margin:0 0 2px;font-size:14.5px;font-weight:700}.status-online{color:#ccfbf1;font-size:11px;font-weight:500}.ai-close-window-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:auto;padding:4px;transition:all .2s}.ai-close-window-btn:hover{color:#fff;background:#ffffff26}.ai-chat-messages{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.ai-message-row{align-items:flex-start;gap:8px;max-width:88%;display:flex}.ai-message-row.user{flex-direction:row-reverse;align-self:flex-end}.ai-message-row.system{align-self:center;max-width:100%}.msg-avatar{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:4px;display:flex}.msg-bubble-wrap{flex-direction:column;gap:4px;display:flex}.ai-message-row.user .msg-bubble-wrap{align-items:flex-end}.msg-bubble{border-radius:16px;padding:12px 14px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.bot .msg-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px}.user .msg-bubble{color:#fff;background:#0d9488;border-top-right-radius:4px}.system .msg-bubble{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600}.msg-time{color:#94a3b8;padding:0 4px;font-size:10px}.msg-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.msg-product-card img{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:50px;height:50px}.msg-prod-details{flex-direction:column;flex:1;gap:4px;display:flex}.msg-prod-details h5{color:#0f172a;margin:0;font-size:12.5px;font-weight:700;line-height:1.3}.msg-prod-details .price{color:#0d9488;font-size:12px;font-weight:700}.msg-prod-details button{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;transition:background .15s;display:flex}.msg-prod-details button:hover{background:#0f766e}.msg-action-box{margin-top:10px}.msg-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #0d948840}.msg-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0d948866}.typing{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing .dot{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing .dot:first-child{animation-delay:-.32s}.typing .dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-chat-input-form{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:12px;display:flex}.ai-chat-input-form input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:13.5px;transition:all .2s}.ai-chat-input-form input:focus{background:#fff;border-color:#0d9488}.ai-send-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.ai-send-btn:hover{background:#0f766e}@media (width<=480px){.ai-chatbot-wrapper{bottom:20px;right:12px}.ai-chat-window{width:calc(100vw - 24px);height:75vh;position:fixed;bottom:80px;right:12px}}.profile-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.profile-skeleton{background:linear-gradient(90deg,#e9eef2 25%,#f6f8fa 50%,#e9eef2 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite profile-shimmer}.profile-skeleton-avatar{border-radius:50%;width:72px;height:72px}.profile-skeleton-line{border-radius:8px;width:180px;height:16px}.profile-skeleton-panel{border-radius:16px;width:min(100%,720px);height:220px}@keyframes profile-shimmer{to{background-position:-200% 0}}.profile-load-error{color:#334155;text-align:center;background:#fff;border:1px solid #dbe4e8;border-radius:16px;width:min(100% - 32px,560px);margin:56px auto;padding:40px 24px;box-shadow:0 8px 28px #0f766e14}.profile-load-error svg{color:#0f766e}.profile-load-error h2{color:#1e293b;margin:14px 0 8px}.profile-load-error p{color:#64748b;margin:0 auto 20px}.profile-load-error button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;padding:10px 18px;font-weight:700}.profile-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;padding:28px 0;font-family:Inter,system-ui,sans-serif;display:grid}.profile-sidebar{flex-direction:column;gap:16px;display:flex}.profile-avatar-block{text-align:center;background:#fff;border-radius:16px;padding:28px 20px 20px;box-shadow:0 2px 12px #00000012}.profile-avatar{color:#fff;background:linear-gradient(135deg,#0d9488,#0284c7);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 14px;font-size:36px;font-weight:800;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-name{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:800}.profile-role-badge{color:#fff;background:linear-gradient(90deg,#0d9488,#0284c7);border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.profile-member-since{color:#94a3b8;margin:0;font-size:12px}.profile-points-card{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:14px;padding:16px;box-shadow:0 4px 14px #0d94884d}.points-header{opacity:.9;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.points-value{margin-bottom:12px;font-size:26px;font-weight:900}.points-bar-bg{background:#ffffff40;border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.points-bar-fill{background:#fff;border-radius:99px;height:100%;transition:width .8s}.points-note{opacity:.8;margin:0;font-size:11px}.profile-nav{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.pnav-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.pnav-btn:hover{color:#0d9488;background:#f8fafc}.pnav-btn.active{color:#0d9488;background:#0d94880f;border-left-color:#0d9488}.pnav-badge{color:#fff;background:#0d9488;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.profile-main{flex-direction:column;gap:16px;display:flex}.profile-success{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600}.profile-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600}.profile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000012}.profile-card-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.profile-card-header h2{color:#1e293b;margin:0;font-size:18px;font-weight:800}.edit-btn,.save-btn,.cancel-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.edit-btn{color:#0d9488;background:#0d948814;border:1.5px solid #0d9488}.edit-btn:hover{color:#fff;background:#0d9488}.save-btn{color:#fff;background:#0d9488;border:none}.save-btn:hover{background:#0f766e}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#64748b;background:#fff;border:1.5px solid #e2e8f0}.cancel-btn:hover{background:#f1f5f9}.profile-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pform-full{grid-column:1/-1}.pform-group{flex-direction:column;gap:6px;display:flex}.pform-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.pform-group span{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:8px 0;font-size:14px;font-weight:500}.pform-group span em{color:#94a3b8;font-style:italic;font-weight:400}.pform-input{color:#1e293b;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .2s}.pform-input:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881a}.pform-readonly{color:#94a3b8!important;font-style:italic!important}.gender-options{gap:8px;display:flex}.gender-opt{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .15s}.gender-opt.active{color:#fff;background:#0d9488;border-color:#0d9488}.voucher-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.voucher-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.voucher-card{border-radius:14px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000001a}.voucher-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000024}.vc-left{background:linear-gradient(135deg, var(--c1), var(--c2));flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;padding:16px 8px;display:flex;position:relative}.vc-discount{text-align:center;color:#fff}.vc-val{font-size:26px;font-weight:900;line-height:1;display:block}.vc-type{opacity:.85;letter-spacing:.5px;font-size:10px;font-weight:700}.vc-zigzag{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 95%,0 90%,50% 85%,0 80%,50% 75%,0 70%,50% 65%,0 60%,50% 55%,0 50%,50% 45%,0 40%,50% 35%,0 30%,50% 25%,0 20%,50% 15%,0 10%,50% 5%);background:#fff;width:12px;position:absolute;top:0;bottom:0;right:-1px}.vc-right{background:#fff;flex-direction:column;flex:1;gap:4px;padding:14px 14px 12px;display:flex}.vc-name{color:#1e293b;font-size:13px;font-weight:700;line-height:1.4}.vc-condition{color:#64748b;font-size:11px}.vc-code-row{align-items:center;gap:8px;margin-top:4px;display:flex}.vc-code{color:var(--c1,#0d9488);border:1px dashed var(--c1,#0d9488);background:#0d948814;border-radius:5px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:800}.vc-copy-btn{color:var(--c1,#0d9488);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:700;transition:background .15s;display:flex}.vc-copy-btn:hover{background:#0d94881a}.vc-expires{color:#64748b;margin-top:auto;font-size:11px}.vc-expires.urgent{color:#dc2626;font-weight:700}@media (width<=900px){.profile-layout{grid-template-columns:1fr;padding:20px 16px}.profile-form-grid,.voucher-grid{grid-template-columns:1fr}}@media (width<=560px){.profile-card{border-radius:12px;padding:18px}.profile-card-header{align-items:flex-start;gap:12px}.profile-card-header>div{flex-wrap:wrap;justify-content:flex-end}.edit-btn,.save-btn,.cancel-btn{white-space:nowrap;padding:8px 12px}.profile-form-grid{gap:16px}.gender-options{flex-wrap:wrap}.profile-nav{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.profile-skeleton,.points-bar-fill,.voucher-card,.edit-btn,.save-btn,.cancel-btn{transition:none;animation:none}}.password-form{gap:18px;max-width:520px;display:grid}.password-form small{color:#64748b;line-height:1.5}.password-submit{justify-self:start;margin-top:4px}.health-video-section{margin:32px 0;padding:0 4px}.hv-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hv-title-row{align-items:center;gap:10px;display:flex}.hv-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:inline-flex}.hv-title{color:#1e293b;margin:0;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:800}.hv-see-all{color:#0d9488;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.hv-see-all:hover{background:#0d948814}.hv-scroll-wrapper{position:relative}.hv-arrow{z-index:10;cursor:pointer;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-60%);box-shadow:0 2px 8px #0000001f}.hv-arrow:hover{color:#fff;background:#0d9488;border-color:#0d9488}.hv-arrow-left{left:-18px}.hv-arrow-right{right:-18px}.hv-scroll-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:4px 2px 8px;display:flex;overflow-x:auto}.hv-scroll-track::-webkit-scrollbar{display:none}.hv-card{scroll-snap-align:start;cursor:pointer;background:#fff;border-radius:12px;flex:0 0 220px;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 2px 8px #00000012}.hv-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.hv-thumb-wrap{background:#1e293b;height:142px;position:relative;overflow:hidden}.hv-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.hv-card:hover .hv-thumb{transform:scale(1.05)}.hv-play-overlay{opacity:0;background:#00000040;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.hv-card:hover .hv-play-overlay{opacity:1}.hv-play-btn{color:#0d9488;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hv-badge{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;left:8px}.hv-duration{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:8px;right:8px}.hv-card-body{padding:10px 12px 12px}.hv-category{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.hv-card-title{color:#1e293b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 6px;font-size:13px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.hv-meta{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}.hv-lightbox{z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.hv-lightbox-inner{background:#fff;border-radius:16px;width:100%;max-width:560px;animation:.25s slideUp;position:relative;overflow:hidden}.hv-lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:12px;right:14px}.hv-lightbox-close:hover{background:#000c}.hv-lightbox-video{background:#0f172a;justify-content:center;align-items:center;height:280px;display:flex;position:relative}.hv-lightbox-video img{object-fit:cover;opacity:.5;width:100%;height:100%}.hv-lightbox-play{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.hv-lightbox-play p{color:#ffffffb3;max-width:260px;font-size:13px}.hv-lightbox-info{padding:16px 20px 20px}.hv-lightbox-info h3{color:#1e293b;margin:8px 0;font-size:16px;font-weight:700;line-height:1.5}.hql-container{max-width:1200px;margin:0 auto;padding:24px 16px 60px;font-family:inherit}.hql-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.hql-back-btn{color:var(--primary-color,#0284c7);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.hql-back-btn:hover{text-decoration:underline}.hql-hero-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:20px;margin-bottom:24px;padding:36px;box-shadow:0 10px 25px -5px #0369a140}.hql-hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hql-hero-content h1{margin-bottom:10px;font-size:28px;font-weight:800}.hql-hero-content p{opacity:.92;max-width:750px;font-size:15px;line-height:1.6}.hql-disclaimer-alert{color:#854d0e;background-color:#fefce8;border:1px solid #fef08a;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:32px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.hql-disc-icon{color:#ca8a04;flex-shrink:0;margin-top:2px}.hql-section-title{color:#0f172a;margin-bottom:20px;font-size:22px;font-weight:700}.hql-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.hql-quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.hql-quiz-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -6px #00000014}.hql-card-top{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.hql-card-icon{background:#f0f9ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:38px;display:flex}.hql-card-info h3{color:#0f172a;margin-bottom:6px;font-size:18px;font-weight:700}.hql-card-info p{color:#64748b;font-size:14px;line-height:1.5}.hql-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.hql-card-meta{color:#64748b;font-size:13px;font-weight:500}.hql-start-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.hql-start-btn:hover{background:#0369a1}.hql-loading,.hql-error,.hql-empty{text-align:center;color:#64748b;padding:40px}.hql-spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite hql-spin}@keyframes hql-spin{to{transform:rotate(360deg)}}.hqp-container{max-width:800px;margin:0 auto;padding:24px 16px 60px;font-family:inherit}.hqp-state-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.hqp-spinner{border:4px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite hqp-spin}@keyframes hqp-spin{to{transform:rotate(360deg)}}.hqp-wizard-header{margin-bottom:20px}.hqp-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.hqp-back-link:hover{color:#0284c7}.hqp-wizard-header h3{color:#0f172a;font-size:24px;font-weight:800}.hqp-progress-wrap{background:#e2e8f0;border-radius:5px;height:10px;margin-bottom:24px;position:relative;overflow:hidden}.hqp-progress-bar{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 100%);border-radius:5px;height:100%;transition:width .3s}.hqp-progress-text{text-align:right;color:#64748b;margin-top:6px;font-size:13px;font-weight:600;display:block}.hqp-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 4px 16px -2px #0000000d}.hqp-question-title{color:#0f172a;margin-bottom:24px;font-size:20px;font-weight:700;line-height:1.5}.hqp-options-list{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.hqp-option-item{cursor:pointer;background:#fafafa;border:2px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.hqp-option-item:hover{background:#f8fafc;border-color:#cbd5e1}.hqp-option-item.selected{background:#f0f9ff;border-color:#0284c7}.hqp-radio{border:2px solid #94a3b8;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s}.hqp-radio.checked{background:radial-gradient(circle,#0284c7 40%,#0000 45%);border-color:#0284c7}.hqp-option-text{color:#1e293b;font-size:16px;font-weight:500}.hqp-wizard-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.hqp-btn-primary,.hqp-btn-secondary,.hqp-btn-success,.hqp-btn-outline{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.hqp-btn-primary{color:#fff;background:#0284c7}.hqp-btn-primary:hover:not(:disabled){background:#0369a1}.hqp-btn-secondary{color:#475569;background:#f1f5f9}.hqp-btn-secondary:hover:not(:disabled){background:#e2e8f0}.hqp-btn-success{color:#fff;background:#10b981}.hqp-btn-success:hover:not(:disabled){background:#059669}.hqp-btn-outline{color:#475569;background:0 0;border:1px solid #cbd5e1}.hqp-btn-outline:hover{background:#f8fafc}button:disabled{opacity:.5;cursor:not-allowed}.hqp-result-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px;box-shadow:0 10px 30px -5px #00000014}.hqp-result-header{text-align:center;margin-bottom:32px}.hqp-risk-badge{border-radius:30px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 24px;font-size:18px;font-weight:800;display:inline-flex}.hqp-risk-low{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.hqp-risk-medium{color:#d97706;background:#fffbebfb;border:1px solid #fde68a}.hqp-risk-high{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.hqp-result-header h2{color:#0f172a;margin-bottom:6px;font-size:26px;font-weight:800}.hqp-result-score{color:#64748b;font-size:15px}.hqp-result-section{background:#f8fafc;border-radius:14px;margin-bottom:24px;padding:20px}.hqp-result-section h4{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:700}.hqp-result-section p{color:#475569;font-size:15px;line-height:1.6}.hqp-recommendation-box{background:#f0f9ff;border-left:4px solid #0284c7}.hqp-disclaimer-card{background:#fff1f2;border:1px solid #ffe4e6;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;display:flex}.hqp-disc-warn-icon{color:#e11d48;flex-shrink:0;margin-top:2px}.hqp-disclaimer-card p{color:#9f1239;font-size:13px;line-height:1.5}.hqp-result-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.hqp-btn-booking{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:14px 28px;font-size:16px;box-shadow:0 4px 14px #10b98159}.hqp-btn-booking:hover{background:#047857}.payment-result-page{--result-accent:#1d4ed8;--result-soft:#eff6ff;--result-border:#bfdbfe;place-items:center;min-height:68dvh;padding:54px 20px 72px;display:grid}.payment-result-page--success{--result-accent:#0f766e;--result-soft:#ecfdf5;--result-border:#a7f3d0}.payment-result-page--failed{--result-accent:#b91c1c;--result-soft:#fef2f2;--result-border:#fecaca}.payment-result-page--pending{--result-accent:#b45309;--result-soft:#fffbeb;--result-border:#fde68a}.payment-result-shell{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(680px,100%);padding:44px;box-shadow:0 24px 70px #0f766e1a}.payment-result-status{text-align:center}.payment-result-icon{width:72px;height:72px;color:var(--result-accent);background:var(--result-soft);border:1px solid var(--result-border);border-radius:18px;place-items:center;margin:0 auto 20px;display:grid}.payment-result-icon.is-loading svg{animation:1s linear infinite payment-result-spin}.payment-result-label{color:var(--result-accent);letter-spacing:.03em;font-size:13px;font-weight:800}.payment-result-status h1{color:#0f172a;letter-spacing:-.025em;margin:8px 0 10px;font-size:clamp(28px,4vw,38px);line-height:1.15}.payment-result-status p{color:#475569;max-width:520px;margin:0 auto;font-size:15px;line-height:1.65}.payment-result-order{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:32px 0;display:grid;overflow:hidden}.payment-result-order>div{background:#f8fafc;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.payment-result-order span{color:#64748b;font-size:12px;font-weight:700}.payment-result-order strong{color:#0f172a;font-size:17px}.payment-result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-result-btn{min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.payment-result-btn:active{transform:scale(.98)}.payment-result-btn--primary{color:#f8fafc;background:var(--result-accent)}.payment-result-btn--secondary{color:#334155;background:#fff;border-color:#cbd5e1}.payment-result-btn--secondary:hover{background:#f8fafc;border-color:#94a3b8}.payment-result-help{color:#64748b;text-align:center;margin:22px 0 0;font-size:12.5px;line-height:1.55}@keyframes payment-result-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.payment-result-shell{box-shadow:none;background:#111827;border-color:#334155}.payment-result-status h1,.payment-result-order strong{color:#f1f5f9}.payment-result-status p,.payment-result-help{color:#cbd5e1}.payment-result-order{background:#334155;border-color:#334155}.payment-result-order>div{background:#1e293b}.payment-result-order span{color:#94a3b8}.payment-result-btn--secondary{color:#e2e8f0;background:#1e293b;border-color:#475569}.payment-result-btn--secondary:hover{background:#334155}}@media (prefers-reduced-motion:reduce){.payment-result-icon.is-loading svg{animation:none}.payment-result-btn{transition:none}}@media (width<=640px){.payment-result-page{min-height:62dvh;padding:28px 14px 48px}.payment-result-shell{border-radius:16px;padding:30px 20px}.payment-result-order,.payment-result-actions{grid-template-columns:1fr}}