:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #eef2ff;--color-primary-rgb: 79, 70, 229;--color-secondary: #06b6d4;--color-secondary-rgb: 6, 182, 212;--color-accent: #f59e0b;--color-accent-rgb: 245, 158, 11;--color-accent-hover: #d97706;--color-bg-base: #f8fafc;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-info: #3b82f6;--color-info-bg: #eff6ff;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-glow: 0 0 25px -5px rgba(79, 70, 229, .35);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--container-max: 1280px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-main);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit;font-size:.9375rem;color:var(--color-text-main)}img{max-width:100%;height:auto;display:block}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;font-size:1.25rem}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(max-width:640px){.container{padding-left:.85rem;padding-right:.85rem}}@media(max-width:380px){.container{padding-left:.65rem;padding-right:.65rem}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-accent{background:#fef3c7;color:#b45309}.modal-backdrop{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:1050!important;background-color:#0f172ab8!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;overflow:hidden!important}@media print{body{background:#fff!important;color:#000!important}.storefront-admin-dock,.main-header,.announcement-bar,.close-checkout-btn,.confirmation-actions,.stepper-bar,.checkout-top{display:none!important}.modal-backdrop{position:static!important;background:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.checkout-card{box-shadow:none!important;border:none!important;max-width:100%!important;max-height:none!important}}
