.bg-background{background-color:var(--background-primary)}.bg-surface{background-color:var(--surface)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.cif-bg-background{background-color:var(--background-primary)}.cif-bg-surface{background-color:var(--surface)}.cif-bg-primary{background-color:var(--primary)}.cif-bg-secondary{background-color:var(--secondary)}.cif-bg-accent{background-color:var(--accent)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-heading{color:var(--text-heading)}.cif-text-primary{color:var(--text-primary)}.cif-text-secondary{color:var(--text-secondary)}.cif-text-muted{color:var(--text-muted)}.cif-text-inverse{color:var(--text-inverse)}.cif-text-heading{color:var(--text-heading)}.cif-text-link{color:var(--link)}.border-primary{border-color:var(--primary)}.border-surface,.border-muted{border-color:var(--border)}.cif-border-primary{border-color:var(--primary)}.cif-border-surface,.cif-border-muted{border-color:var(--border)}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:cif-bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:cif-bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:cif-text-link-hover:hover{color:var(--link-hover)}.bg-primary\/10{background-color:rgba(var(--primary-rgb),.1)}.bg-primary\/20{background-color:rgba(var(--primary-rgb),.2)}.bg-primary\/30{background-color:rgba(var(--primary-rgb),.3)}.bg-primary\/50{background-color:rgba(var(--primary-rgb),.5)}.bg-success\/20{background-color:rgba(var(--success-rgb),.2)}.bg-error\/20{background-color:rgba(var(--error-rgb),.2)}.bg-warning\/20{background-color:rgba(var(--warning-rgb),.2)}.bg-info\/10{background-color:rgba(var(--info-rgb),.1)}.bg-info\/20{background-color:rgba(var(--info-rgb),.2)}.border-primary\/20{border-color:rgba(var(--primary-rgb),.2)}.border-primary\/30{border-color:rgba(var(--primary-rgb),.3)}.border-primary\/50{border-color:rgba(var(--primary-rgb),.5)}.cart-backdrop{position:fixed;inset:0;z-index:1098}.cart-dropdown{position:fixed;top:76px;right:20px;z-index:1099;width:360px;background:var(--text-white);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color-dark);overflow:hidden}.cart-section{padding:16px 20px}.cart-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-family:var(--font-sans);margin:0 0 12px}.cart-empty-msg{font-size:13px;color:var(--text-muted);font-family:var(--font-sans);margin:0;padding:4px 0}.cart-divider{height:1px;background:var(--shadow-color-dark);margin:0;border:none}.cart-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0}.cart-item+.cart-item{border-top:1px solid var(--shadow-color)}.cart-item-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cart-item-name{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-dosage{font-weight:400;color:var(--primary);font-size:13px}.cart-item-sub{font-size:12px;color:var(--text-muted);font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-remove{flex-shrink:0;width:22px;height:22px;border:none;border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;margin-top:1px}.cart-item-remove:hover{background:var(--primary);color:var(--text-white)}.cart-footer{padding:12px 16px;border-top:1px solid var(--shadow-color-dark)}.cart-checkout-btn{width:100%;padding:11px;background:var(--primary);color:var(--text-white);border:none;border-radius:8px;font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s}.cart-checkout-btn:hover{opacity:.88}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;transition:background .3s ease,padding .3s ease,box-shadow .3s ease;overflow:hidden}.header-wave-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.header-wave-pattern{position:absolute;top:0;left:0;width:200%;height:200%;animation:headerWaveMove 20s linear infinite}@keyframes headerWaveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.header-scrolled{background:var(--header-background);backdrop-filter:blur(10px);padding:16px 40px;box-shadow:0 4px 20px var(--shadow-color-dark)}.header-solid{background:var(--header-background)}.header-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.logo-text{font-size:28px;font-weight:600;letter-spacing:1px;background:linear-gradient(110deg,var(--primary) 0%,var(--secondary) 30%,var(--text-white) 48%,var(--primary-light) 52%,var(--secondary) 70%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.header-nav{display:flex;align-items:center;gap:40px}.nav-link{color:var(--text-white);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:1px;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .2s ease}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-white);cursor:pointer;padding:8px;transition:color .2s ease;position:relative;text-decoration:none}.header-icon-btn:hover{color:var(--accent)}.header-icon-btn svg{width:22px;height:22px}.cart-btn{position:relative}.cart-count{position:absolute;top:0;right:0;background:var(--accent);color:var(--text-inverse);font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.account-dropdown-wrap{position:relative}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;min-width:160px;overflow:hidden;z-index:200}.account-dropdown__item{display:block;width:100%;padding:11px 16px;font-size:.88rem;font-weight:500;color:var(--text-primary);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.account-dropdown__item:hover{background:var(--surface-hover)}.account-dropdown__item--signout{color:var(--danger, #ef4444);border-top:1px solid var(--border)}.header-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-white);cursor:pointer;padding:6px;transition:color .2s ease}.header-hamburger:hover{color:var(--accent)}.header-hamburger svg{width:26px;height:26px}.mobile-menu-backdrop{position:fixed;inset:0;background:#0009;z-index:1100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--header-background, rgba(20, 20, 20, .98));backdrop-filter:blur(20px);z-index:1101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu--open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-logo{font-size:18px;font-weight:600;letter-spacing:.5px;background:linear-gradient(110deg,var(--primary) 0%,var(--secondary) 30%,var(--text-white) 48%,var(--primary-light) 52%,var(--secondary) 70%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.mobile-menu-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-white);cursor:pointer;padding:6px;opacity:.7;transition:opacity .2s}.mobile-menu-close:hover{opacity:1}.mobile-menu-close svg{width:22px;height:22px}.mobile-menu-nav{display:flex;flex-direction:column;padding:8px 0}.mobile-nav-link{color:var(--text-white);text-decoration:none;font-size:17px;font-weight:500;letter-spacing:.5px;padding:14px 24px;transition:background .15s,color .15s}.mobile-nav-link:hover{background:#ffffff0f;color:var(--accent)}.mobile-menu-divider{height:1px;background:#ffffff14;margin:4px 0}.mobile-menu-actions{display:flex;flex-direction:column;padding:8px 0 24px}.mobile-action-link{display:flex;align-items:center;gap:12px;color:#ffffffbf;text-decoration:none;font-size:15px;font-weight:400;padding:13px 24px;transition:background .15s,color .15s}.mobile-action-link svg{width:20px;height:20px;flex-shrink:0}.mobile-action-link:hover{background:#ffffff0f;color:var(--text-white)}.mobile-action-link--admin,.mobile-action-link--admin:hover{color:var(--accent)}.mobile-cart-icon-wrap{position:relative;display:inline-flex;flex-shrink:0}.mobile-cart-badge{position:absolute;top:-4px;right:-6px;background:var(--accent);color:var(--text-inverse);font-size:9px;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.search-overlay{position:fixed;inset:0;background:#000000b3;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;animation:fadeIn .15s ease}.search-dialog{width:min(600px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #00000080;padding:20px;animation:searchSlideIn .18s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.search-form{display:flex;align-items:center;gap:10px;background:var(--background);border:1px solid var(--border);border-radius:10px;padding:4px 4px 4px 14px}.search-dialog-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-dialog-input{flex:1;background:none;border:none;outline:none;font-size:1rem;color:var(--text-primary);padding:8px 0}.search-dialog-input::placeholder{color:var(--text-muted)}.search-dialog-btn{padding:8px 18px;background:var(--primary);color:var(--text-white);border:none;border-radius:7px;font-size:.88rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.search-dialog-btn:hover{opacity:.85}.search-dialog-hint{margin:10px 0 0;font-size:.78rem;color:var(--text-muted);text-align:center}@media(max-width:900px){.header{padding:16px 20px}.header-scrolled{padding:12px 20px}.header-nav,.header-actions{display:none}.header-hamburger{display:flex}.logo-text{font-size:18px}}