:root{--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary:#4da6ff;--primary-light:#8cc8ff;--primary-dark:#005aaa;--primary-contrast:#061726;--accent-soft:#d8ecff;--primary-tint:#eff8ff;--primary-border:#bfdcf5;--health-green:#237a67;--health-green-soft:#e7f4ef;--surface-tint:#f3f8fc;--bg-main:#f6f9fb;--bg-card:#fff;--bg-card-strong:#fff;--bg-panel:#f8fbfd;--text-main:#142536;--text-sub:#53697d;--text-muted:#7b8d9f;--glass-border:#d8e5ee;--glass-shadow:0 18px 44px #14253614;--focus-ring:#005aaa3d;--brand-shadow:#005aaa29;--line-soft:#005aaa2e;--paper-shadow:0 8px 22px #11182712;--danger:#b42318;--success:#237a67;--warning:#b45309;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--shadow-premium:0 18px 42px #14253617;--shadow-soft:0 10px 24px #14253612;--transition-smooth:.18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-main);scroll-behavior:smooth}body{background:linear-gradient(180deg, #fbfdff 0%, var(--bg-main) 34rem), var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:var(--font-heading);letter-spacing:0;font-weight:760}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.page-shell{flex:1;padding-top:clamp(1.75rem,4vw,3.5rem);padding-bottom:clamp(3rem,7vw,5rem)}.glass,.surface-card{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.local-paper{position:relative}.surface-card{border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.5rem)}.section-kicker{color:var(--primary-dark);letter-spacing:0;text-transform:none;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.78rem;font-weight:720;display:inline-flex}.section-kicker:before{background:var(--primary-dark);content:"";width:34px;height:2px;display:inline-block}.section-header{justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.section-header h1,.section-header h2{overflow-wrap:anywhere;max-width:800px;font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.05}.section-header p{color:var(--text-sub);overflow-wrap:anywhere;max-width:680px;line-height:1.65}.section-header.compact h2{font-size:clamp(1.45rem,2.6vw,2.1rem)}.text-gradient{color:var(--primary-dark);-webkit-text-fill-color:currentColor;background:0 0}.btn-primary,.btn-secondary,.text-button{border-radius:var(--radius-md);min-height:44px;transition:background var(--transition-smooth), border-color var(--transition-smooth), color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-smooth);justify-content:center;align-items:center;gap:.5rem;font-weight:720;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-dark);color:#fff;padding:.76rem 1.05rem}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px var(--brand-shadow);background:#004d91;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-main);background:#fff;padding:.76rem 1.05rem}.btn-secondary:hover:not(:disabled){background:var(--primary-tint);border-color:var(--primary-border);color:var(--primary-dark)}.text-button{color:var(--primary-dark);background:0 0;min-height:auto;padding:0}.btn-icon,.icon-button{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-sub);height:40px;transition:background var(--transition-smooth), border-color var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);background:#fff;justify-content:center;align-items:center;width:40px;display:inline-flex}.btn-icon:hover,.icon-button:hover{background:var(--primary-tint);border-color:var(--primary-border);color:var(--primary-dark)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-field,.form-group label{color:var(--text-sub);gap:.45rem;font-size:.88rem;font-weight:660;display:grid}.form-control,.form-field input,.form-field textarea,.form-field select,.form-group input,.form-group textarea,.form-group select{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);min-height:44px;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth);background:#fff;outline:none;width:100%;padding:.78rem .88rem}.form-control::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-control:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-dark);box-shadow:0 0 0 4px var(--focus-ring)}.badge,.product-category-pill,.product-stock-pill{border:1px solid var(--primary-border);border-radius:var(--radius-sm);letter-spacing:0;text-transform:none;align-items:center;gap:.35rem;padding:.38rem .55rem;font-size:.75rem;font-weight:680;line-height:1;display:inline-flex}.badge{background:var(--primary-tint);color:var(--primary-dark)}.badge-muted{background:var(--bg-panel);border-color:var(--glass-border);color:var(--text-sub)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);gap:.3rem;padding:1rem;display:grid}.metric-card span{color:var(--text-muted);text-transform:none;font-size:.78rem;font-weight:680}.metric-card strong{color:var(--text-main);font-size:1.35rem}.empty-state{color:var(--text-sub);place-items:center start;gap:.65rem;min-height:150px;padding:1.25rem;line-height:1.6;display:grid}.empty-state.centered{text-align:center;justify-items:center}.empty-state h3{color:var(--text-main);font-size:1.05rem}.empty-state svg{color:var(--primary-dark)}.skeleton-stack{gap:1rem;display:grid}.skeleton-card{border-radius:var(--radius-lg);background:linear-gradient(90deg,#eef4f8,#f8fbfd,#eef4f8) 0 0/220% 100%;min-height:220px;animation:1.35s ease-in-out infinite skeleton-pulse}.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(1rem,2vw,1.35rem);display:grid}.product-rail{scroll-snap-type:x proximity;grid-auto-columns:minmax(220px,280px);grid-auto-flow:column;gap:1rem;padding:.2rem .1rem .85rem;display:grid;overflow-x:auto}.product-rail>*{scroll-snap-align:start}.product-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);height:100%;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-smooth);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #1425360f}.product-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-premium);transform:translateY(-2px)}.product-card-media{aspect-ratio:4/5;background:var(--surface-tint);padding:.75rem;position:relative;overflow:hidden}.product-card-image{border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:100%;height:100%;transition:transform .36s;display:block}.product-card:hover .product-card-image{transform:scale(1.025)}.product-media-actions{z-index:1;gap:.45rem;display:flex;position:absolute;top:.75rem;right:.75rem}.product-quick-view-button,.product-save-button{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-sub);height:36px;transition:background var(--transition-smooth), border-color var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);background:#ffffffeb;justify-content:center;align-items:center;width:36px;display:inline-flex}.product-quick-view-button:hover,.product-save-button:hover,.product-save-button[data-saved=true]{background:var(--primary-tint);border-color:var(--primary-border);color:var(--primary-dark)}.product-card-badge{z-index:1;position:absolute;top:.75rem;left:.75rem}.product-price-pill{color:var(--text-main);font-size:1rem;font-weight:760}.product-card-body{flex-direction:column;flex:1;gap:.7rem;padding:1rem;display:flex}.product-card-topline,.product-meta-line{color:var(--text-muted);flex-wrap:wrap;gap:.35rem;min-height:1rem;font-size:.8rem;line-height:1.35;display:flex}.product-category-pill{color:var(--text-muted);background:0 0;border-color:#0000;padding:0}.product-title{color:var(--text-main);min-height:2.6rem;font-size:1rem;line-height:1.32}.product-description{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.25rem;display:flex}.product-stock-pill[data-stock=ready]{background:var(--health-green-soft);color:var(--health-green);border-color:#0000}.product-stock-pill[data-stock=low]{color:var(--warning);background:#fff7ed;border-color:#fed7aa}.product-stock-pill[data-stock=out]{color:var(--text-muted);background:#f2f4f7;border-color:#d0d5dd}.product-stock-spacer{min-width:1px;min-height:1px}.product-action-button{background:var(--primary-dark);border-radius:var(--radius-md);color:#fff;min-width:92px;min-height:40px;transition:background var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);justify-content:center;align-items:center;gap:.35rem;padding:.62rem .85rem;font-weight:720;display:inline-flex}.product-action-button:hover:not(:disabled){background:#004d91;transform:translateY(-1px)}.product-action-button:disabled{color:var(--text-muted);background:#edf2f7}.cart-notification{border:1px solid var(--primary-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);color:var(--text-main);z-index:80;background:#fff;justify-content:space-between;align-items:center;gap:1rem;width:max-content;max-width:min(560px,100vw - 2rem);padding:.9rem 1rem;display:flex;position:fixed;top:5.5rem;left:50%;transform:translate(-50%)}.cart-notification p{color:var(--text-main);font-size:.9rem;line-height:1.45}.cart-notification button{background:var(--primary-tint);border-radius:var(--radius-md);color:var(--primary-dark);padding:.55rem .75rem;font-weight:720}.loading-screen{text-align:center;place-items:center;gap:1rem;display:grid}.loading-screen-splash{background:var(--bg-main);flex:1;place-content:center;min-height:100svh;padding:2rem}.loading-screen-splash:before{background:var(--primary-dark);content:"";height:4px;position:fixed;top:0;left:0;right:0}.loading-splash-shell{border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);background:#fff;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr);align-items:stretch;gap:0;width:100%;max-width:960px;display:grid;overflow:hidden}.loading-splash-copy{text-align:left;align-content:center;justify-items:start;gap:1rem;min-height:360px;padding:clamp(2rem,5vw,3rem);display:grid}.loading-splash-copy p:last-of-type{color:var(--text-sub);max-width:420px;line-height:1.65}.loading-splash-visual{background:var(--surface-tint);border-left:1px solid var(--glass-border);place-items:center;gap:1.25rem;min-height:360px;padding:2rem;display:grid}.loading-splash-icon,.nav-brand-mark{border-radius:var(--radius-md);overflow:hidden}.loading-splash-icon{box-shadow:var(--shadow-soft);object-fit:cover;width:140px;height:140px;display:block}.loading-splash-lines{gap:.65rem;width:min(220px,100%);display:grid}.loading-splash-lines span{background:#cfe1ee;border-radius:999px;height:7px;display:block}.loading-splash-lines span:nth-child(2){width:78%}.loading-splash-lines span:nth-child(3){width:54%}.loading-heartbeat{color:var(--primary-dark);width:100%;max-width:320px;height:58px;margin-top:.25rem}.loading-heartbeat svg{width:100%;height:100%;display:block;overflow:visible}.loading-heartbeat polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.loading-heartbeat-track{opacity:.2;stroke:var(--primary-dark);stroke-width:5px}.loading-heartbeat-pulse{stroke:currentColor;stroke-dasharray:100;stroke-dashoffset:100px;stroke-width:5px;animation:1.45s ease-in-out infinite heartbeat-draw}.loading-screen-inline{border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;min-height:220px;margin:1.25rem 0;padding:2rem}.loading-brand-logo{object-fit:contain;width:min(340px,100%);height:auto;max-height:220px;display:block}.loading-brand-mark{background:var(--primary-tint);border:1px solid var(--primary-border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.loading-brand-mark span{background:var(--primary-dark);border-radius:999px;width:38px;height:16px;display:block;position:relative;transform:rotate(-32deg)}.loading-brand-mark span:after{content:"";background:#fff;width:2px;height:16px;display:block;position:absolute;top:0;left:50%}.loading-copy h2{margin-bottom:.45rem;font-size:clamp(1.45rem,4vw,2.2rem)}.loading-copy p:last-child{color:var(--text-sub);max-width:420px;line-height:1.55}.nav-brand-mark{border:1px solid var(--glass-border);background:#fff;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 16px #14253614}.nav-brand-logo{object-fit:cover;width:100%;height:100%;display:block}.loading-progress{background:#dce8f1;border-radius:999px;width:min(240px,68vw);height:5px;overflow:hidden}.loading-progress span{background:var(--primary-dark);border-radius:inherit;width:42%;height:100%;animation:1.2s ease-in-out infinite loading-progress;display:block}.error-boundary{flex:1;place-items:start;gap:1rem;padding-top:4rem;padding-bottom:4rem;display:grid}.error-boundary h1{font-size:clamp(2rem,5vw,3.25rem)}.error-boundary p{color:var(--text-sub);max-width:640px;line-height:1.7}.password-strength-container{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.password-strength-bar{gap:.25rem;width:100%;height:6px;display:flex}.password-strength-segment{transition:background-color var(--transition-smooth);background-color:#e4ecf2;border-radius:999px;flex:1}.password-strength-segment[data-strength=weak]{background-color:var(--danger)}.password-strength-segment[data-strength=medium]{background-color:var(--warning)}.password-strength-segment[data-strength=strong]{background-color:var(--success)}.password-criteria-checklist{grid-template-columns:repeat(2,1fr);gap:.35rem .75rem;margin-top:.25rem;display:grid}.password-criteria-item{color:var(--text-sub);transition:color var(--transition-smooth);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.password-criteria-item[data-valid=true]{color:var(--success)}.checkout-steps-nav{grid-template-columns:repeat(2,1fr);align-items:center;gap:.5rem;margin:1rem 0 1.5rem;display:grid}.checkout-step-indicator{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-sub);transition:var(--transition-smooth);padding:.68rem .85rem;font-size:.86rem;font-weight:680}.checkout-step-indicator[data-active=true]{background:var(--primary-tint);border-color:var(--primary-border);color:var(--primary-dark)}.checkout-step-indicator[data-completed=true]{background:var(--health-green-soft);color:var(--health-green);border-color:#badfd3}@keyframes loading-progress{0%{transform:translate(-110%)}to{transform:translate(230%)}}@keyframes heartbeat-draw{0%{opacity:.2;stroke-dashoffset:100px}12%{opacity:1}68%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-100px}}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.loading-progress span,.loading-heartbeat-pulse{animation:none}}@media (width<=820px){.section-header{flex-direction:column;align-items:start}.loading-screen-splash{padding:1rem}.loading-splash-shell{grid-template-columns:1fr}.loading-splash-copy{min-height:320px;padding:2rem}.loading-splash-visual{border-left:0;border-top:1px solid var(--glass-border);min-height:190px}}@media (width<=640px){.cart-notification{flex-direction:column;align-items:flex-start;width:calc(100vw - 2rem);top:5rem}.product-grid{grid-template-columns:1fr}.product-card-footer{flex-direction:column;align-items:stretch}.product-action-button{width:100%}.password-criteria-checklist,.checkout-steps-nav{grid-template-columns:1fr}}@media (width<=520px){.container{padding:0 1rem}.loading-brand-logo{width:min(300px,100%)}.nav-brand-mark{width:40px;height:40px}}