@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";:root{--brand-primary: #7A6438;--brand-primary-hover: #7A6438;--brand-primary-light: #F5EFE6;--brand-primary-dark: #8B7340;--brand-primary-50: #FEFCF7;--brand-dark: #0A0A0B;--brand-darker: #050505;--brand-nav: #1A1A1D;--brand-accent: #4F46E5;--brand-accent-hover: #4338CA;--brand-accent-light: #EEF2FF;--brand-accent-dark: #3730A3;--neutral-900: #1C1917;--neutral-800: #292524;--neutral-700: #57534E;--neutral-600: #6B6660;--neutral-500: #78716C;--neutral-400: #A8A29E;--neutral-300: #D6D3D1;--neutral-200: #E7E5E4;--neutral-100: #F5F5F4;--neutral-50: #FAFAF9;--white: #FFFFFF;--success: #1F7A4C;--success-bg: #ECFDF5;--success-border: #A7F3D0;--warning: #9A6815;--warning-bg: #FEF9EE;--warning-border: #FDE68A;--error: #C4364A;--error-bg: #FEF2F2;--error-border: #FECDD3;--info: #2563EB;--info-bg: #EFF6FF;--info-border: #BFDBFE;--font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--shadow-xs: 0 1px 2px rgba(28, 25, 23, .05);--shadow-sm: 0 1px 3px rgba(28, 25, 23, .08), 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .08), 0 2px 4px -2px rgba(28, 25, 23, .04);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .08), 0 4px 6px -4px rgba(28, 25, 23, .04);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .1), 0 8px 10px -6px rgba(28, 25, 23, .04);--shadow-2xl: 0 25px 50px -12px rgba(28, 25, 23, .2);--shadow-card: 0 1px 3px rgba(28, 25, 23, .06), 0 1px 2px rgba(28, 25, 23, .04);--shadow-card-hover: 0 10px 40px -10px rgba(28, 25, 23, .15);--shadow-header: 0 1px 3px rgba(28, 25, 23, .06);--container-max: 1280px;--container-wide: 1440px;--container-padding: 1.5rem;--header-height: 64px;--sidebar-width: 260px;--tab-bar-height: 56px;--cta-bar-height: 64px;--sticky-filter-height: 48px;--ease-fast: .15s ease;--ease-normal: .2s ease;--ease-slow: .3s ease;--ease-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--ease-premium: .4s cubic-bezier(.16, 1, .3, 1);--skeleton-base: #E7E5E4;--skeleton-shine: #F5F5F4;--z-behind: -1;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-sticky-cta: 250;--z-mobile-tab: 300;--z-header: 400;--z-search-suggest: 500;--z-sidebar: 550;--z-filter-sheet: 600;--z-modal-backdrop: 700;--z-modal: 800;--z-chat-widget: 900;--z-toast: 950;--z-tooltip: 1000;--scrim-gradient: linear-gradient(to top, rgba(10,10,11,.6) 0%, transparent 100%);--quick-add-bg: rgba(201, 169, 110, .95);--sticky-filter-bg: rgba(250, 248, 245, .95);--sticky-filter-backdrop: blur(12px);--text-brand-on-white: #8B7340;--text-muted-safe: #6B6660;--color-primary: var(--brand-primary);--color-primary-dark: var(--brand-primary-hover);--color-primary-light: var(--brand-primary-light);--color-secondary: var(--brand-dark);--color-secondary-light: var(--brand-nav);--color-accent: var(--brand-accent);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--color-text: var(--neutral-900);--color-text-secondary: var(--neutral-700);--color-text-muted: var(--neutral-500);--color-bg: #F5F5F4;--color-bg-light: var(--neutral-100);--color-bg-white: var(--white);--color-border: var(--neutral-300);--color-border-light: var(--neutral-200);--color-overlay: rgba(10, 10, 11, .5);--font: var(--font-sans);--bg: #F5F5F4;--bg-white: var(--white);--bg-card: var(--white);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: #78716C;--text-link: var(--brand-accent);--text-link-hover: var(--brand-accent-hover);--border: var(--neutral-300);--border-light: var(--neutral-200);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-focus: var(--brand-accent);--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--font-xs: var(--text-xs);--font-sm: var(--text-sm);--font-base: var(--text-base);--font-lg: var(--text-lg);--font-xl: var(--text-xl);--font-2xl: var(--text-2xl);--surface-primary: #FAF8F5;--surface-secondary: #F5F5F4;--surface-tertiary: #E7E5E4;--surface-elevated: #FFFFFF;--surface-overlay: rgba(28, 25, 23, .5);--text-inverse: #FAF8F9;--text-tertiary: #6B6660}[data-theme=dark]{--brand-primary: #D4A853;--brand-primary-hover: #E8C06A;--brand-primary-light: #2A2415;--brand-primary-dark: #B8944F;--brand-accent: #818CF8;--brand-accent-hover: #A5B4FC;--brand-accent-light: #1E1B4B;--bg: #0C0C0E;--bg-white: #161618;--bg-card: #1E1E21;--color-bg: #0C0C0E;--color-bg-light: #161618;--color-bg-white: #1E1E21;--text-primary: #F0EDE8;--text-secondary: #9B968F;--text-muted: #8B8680;--text-inverse: #0C0C0E;--text-tertiary: #8B8680;--text-link: #818CF8;--text-link-hover: #A5B4FC;--border: #2A2A2E;--border-light: #1E1E21;--border-subtle: #1E1E21;--border-default: #2A2A2E;--border-strong: #3D3D42;--color-text: #F0EDE8;--color-text-secondary: #9B968F;--color-border: #2A2A2E;--color-border-light: #1E1E21;--success: #34D399;--success-bg: #064E3B;--warning: #FBBF24;--warning-bg: #78350F;--error: #FB7185;--error-bg: #881337;--info: #60A5FA;--info-bg: #1E3A5F;--surface-primary: #0C0C0E;--surface-secondary: #161618;--surface-tertiary: #2A2A2E;--surface-elevated: #1E1E21;--surface-overlay: rgba(0, 0, 0, .6);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 10px 40px -10px rgba(0, 0, 0, .4);--scrim-gradient: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%);--quick-add-bg: rgba(212, 168, 83, .95);--sticky-filter-bg: rgba(12, 12, 14, .95);--skeleton-base: #2A2A2E;--skeleton-shine: #3D3D42}@media (max-width: 767px){:root{--space-2: 10px;--radius-md: 10px;--container-padding: 1rem}}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}@media (hover: none) and (pointer: coarse){button:active,.btn:active,.product-card:active{transform:scale(.98);transition:transform .1s ease}}.filter-sheet,.base-modal,.modal-backdrop{overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--brand-primary);color:var(--white)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--neutral-700)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}:root{--color-accent-100: #E0E7FF;--color-accent-500: #6366F1;--color-accent-600: #4F46E5;--color-accent-700: #4338CA;--color-primary-50: #FBF8F3;--color-primary-100: #F5EFE6;--color-primary-300: #D6C9A8;--color-error-light: #FEF2F2;--color-success-light: #ECFDF5;--duration-normal: .2s;--ease-in-out: ease-in-out;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800}[data-theme=dark]{--color-accent-100: #1E1B4B;--color-primary-50: #2A2415;--color-primary-100: #3D3220;--color-error-light: #881337;--color-success-light: #064E3B}body{color:var(--text-primary)}a{color:var(--text-link)}p,span,div{color:inherit}.text-muted,.text-secondary{color:var(--text-secondary)}.login-page{background:var(--surface-primary)}.login-bg{background:linear-gradient(135deg,var(--neutral-900) 0%,var(--neutral-800) 50%,var(--neutral-900) 100%)}.login-card{background:var(--surface-elevated);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);border:1px solid var(--neutral-200)}.login-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.login-header p{color:var(--text-secondary);font-size:var(--text-base)}.login-tabs{background:var(--surface-secondary);border-radius:var(--radius-lg);padding:4px}.login-tabs button{color:var(--text-secondary);border-radius:var(--radius-md);font-weight:500;transition:all .15s ease}.login-tabs button.active{background:var(--surface-elevated);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.login-card input{border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--surface-elevated);padding:12px 14px;font-size:var(--text-base);transition:all .15s ease}.login-card input:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px var(--color-accent-100);outline:none}.btn-login{background:var(--brand-primary);color:var(--white);border-radius:var(--radius-lg);font-weight:600;min-height:48px;font-size:var(--text-base);transition:all var(--ease-normal);box-shadow:var(--shadow-sm)}.btn-login:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-login:disabled{background:var(--neutral-300);cursor:not-allowed;transform:none;box-shadow:none}.alert-error{background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.divider span{color:var(--text-tertiary);font-size:var(--text-xs)}.divider:before,.divider:after{background:var(--neutral-200)}.btn-social{border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .15s ease}.btn-social:hover{border-color:var(--color-primary-300);color:var(--brand-primary);background:var(--brand-primary-light)}.login-footer{border-top:1px solid var(--neutral-100);padding-top:var(--space-5)}.login-footer p{color:var(--text-secondary);font-size:var(--text-sm)}.login-footer a{color:var(--brand-primary);font-weight:600}.forgot{color:var(--color-accent-600)}.product-detail .breadcrumb{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.product-detail .breadcrumb a{color:var(--text-secondary);transition:color .15s}.product-detail .breadcrumb a:hover{color:var(--brand-primary)}.product-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.product-stats{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.product-stats .stars i{color:var(--brand-primary);font-size:12px}.product-stats .stars i.far{color:var(--neutral-300)}.price-box{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--brand-primary-light);border-radius:var(--radius-lg)}.current-price{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--brand-primary);font-feature-settings:"tnum"}.original-price{font-size:var(--text-base);color:var(--text-tertiary);text-decoration:line-through}.discount-tag{background:var(--brand-primary);color:var(--white);font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.info-rows{margin-bottom:var(--space-5)}.info-row{display:flex;padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100);font-size:var(--text-sm)}.info-row .label{width:100px;color:var(--text-secondary);font-weight:500;flex-shrink:0}.info-row .value{color:var(--text-primary);flex:1}.in-stock{color:var(--color-success);font-weight:600}.out-stock{color:var(--color-error);font-weight:600}.key-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-6)}.key-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-lg);transition:all .15s ease}.key-feature:hover{background:var(--brand-primary-light)}.key-feature i{color:var(--brand-primary);font-size:var(--text-lg)}.key-feature__title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.key-feature__desc{font-size:var(--text-xs);color:var(--text-secondary)}.specs-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);margin-top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--neutral-200)}.specs-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100)}.specs-table tr:last-child td{border-bottom:none}.specs-table td:first-child{color:var(--text-secondary);background:var(--surface-secondary);width:40%;font-weight:500}.specs-table td:last-child{color:var(--text-primary)}.variant-chip{padding:8px 16px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--surface-elevated);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.variant-chip:hover{border-color:var(--brand-primary)}.variant-chip.active{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary);font-weight:600}.variant-chip.disabled{opacity:.4;cursor:not-allowed}.btn-add-cart{background:var(--brand-primary);color:var(--white);border-radius:var(--radius-lg);font-weight:600;min-height:48px;padding:0 var(--space-6);transition:all var(--ease-normal)}.btn-add-cart:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-buy-now{background:var(--color-accent-600);color:#fff;border-radius:var(--radius-lg);font-weight:600;min-height:48px;padding:0 var(--space-6);transition:all var(--ease-normal)}.btn-buy-now:hover{background:var(--color-accent-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-fav{width:48px;height:48px;border-radius:var(--radius-lg);border:1.5px solid var(--neutral-200);background:var(--surface-elevated);color:var(--text-secondary);transition:all .15s ease}.btn-fav:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-light)}.btn-chat-seller{width:100%;margin-top:var(--space-3);padding:var(--space-3);border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .15s ease}.btn-chat-seller:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.product-tabs{display:flex;gap:var(--space-1);background:var(--surface-secondary);padding:4px;border-radius:var(--radius-lg);margin:var(--space-8) 0 var(--space-6)}.product-tabs button{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.product-tabs button:hover{color:var(--text-primary)}.product-tabs button.active{background:var(--surface-elevated);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.review-item{padding:var(--space-5) 0;border-bottom:1px solid var(--neutral-100)}.review-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.review-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.review-meta{flex:1}.review-user{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);display:block}.review-stars i{color:var(--brand-primary);font-size:11px}.review-date{font-size:var(--text-xs);color:var(--text-tertiary)}.review-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.review-filter-tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--neutral-100)}.review-filter-tabs::-webkit-scrollbar{display:none}.review-filter-tabs button{padding:6px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-full);background:var(--surface-elevated);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .15s ease}.review-filter-tabs button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.review-filter-tabs button.active{background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary)}.cart-page .page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.cart-page .page-title i{color:var(--brand-primary)}.cart-header{display:grid;grid-template-columns:40px 1fr 100px 120px 100px 60px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.cart-item{display:grid;grid-template-columns:40px 1fr 100px 120px 100px 60px;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);margin-bottom:var(--space-2);transition:all .15s ease}.cart-item:hover{border-color:var(--neutral-200);box-shadow:var(--shadow-sm)}.item-product{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.item-img{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-secondary);flex-shrink:0}.item-img img{width:100%;height:100%;object-fit:cover}.item-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-price{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-feature-settings:"tnum"}.item-qty{display:flex;align-items:center;gap:0;border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden}.item-qty button{width:32px;height:32px;border:none;background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);transition:all .15s}.item-qty button:hover{background:var(--color-primary-100);color:var(--brand-primary)}.item-qty span{width:40px;text-align:center;font-size:var(--text-sm);font-weight:600;font-feature-settings:"tnum"}.item-total{font-size:var(--text-base);font-weight:700;color:var(--brand-primary);font-feature-settings:"tnum"}.item-remove{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.item-remove:hover{background:var(--color-error-light);color:var(--color-error)}.cart-summary{background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-6);box-shadow:var(--shadow-card);position:sticky;top:calc(var(--header-height) + var(--space-4))}.cart-summary h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.summary-row.total{padding:var(--space-4) 0;margin-top:var(--space-3);border-top:2px solid var(--neutral-200);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.free-ship{color:var(--color-success);font-weight:600}.btn-checkout{width:100%;margin-top:var(--space-5);padding:var(--space-4);background:var(--brand-primary);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--ease-normal);box-shadow:var(--shadow-sm)}.btn-checkout:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.continue-shopping{display:block;text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.cart-header{display:none}.cart-item{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}.cart-item>*{display:flex;justify-content:space-between;align-items:center}.item-product{order:1}.item-price{order:2}.item-price:before{content:"Price";color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.item-qty{order:3;justify-content:space-between}.item-qty:before{content:"Quantity";color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.item-total{order:4}.item-total:before{content:"Total";color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.item-remove{order:5;align-self:flex-end}}.checkout-page h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}.section{background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-6);margin-bottom:var(--space-4)}.section h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.address-card{padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-lg);border:1.5px solid var(--neutral-200)}.address-card p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.address-card p strong{color:var(--text-primary)}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.payment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;font-size:var(--text-sm);font-weight:500}.payment-option:hover{border-color:var(--color-primary-300);background:var(--brand-primary-light)}.payment-option:has(input:checked){border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:0 0 0 3px var(--color-primary-100)}.payment-option input[type=radio]{accent-color:var(--brand-primary)}.checkout-summary{background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-6);box-shadow:var(--shadow-card);position:sticky;top:calc(var(--header-height) + var(--space-4))}.btn-place-order{width:100%;margin-top:var(--space-5);padding:var(--space-4);background:var(--brand-primary);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--ease-normal);box-shadow:var(--shadow-sm);min-height:48px}.btn-place-order:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-place-order:disabled{background:var(--neutral-300);cursor:not-allowed;transform:none;box-shadow:none}.checkout-error{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.checkout-grid,.payment-options{grid-template-columns:1fr}}.dashboard h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--neutral-200);box-shadow:var(--shadow-card);display:flex;align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--ease-normal)}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--neutral-300)}.stat-card i{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);background:var(--color-primary-100);color:var(--brand-primary);flex-shrink:0}.stat-card h3{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-feature-settings:"tnum";margin-bottom:2px}.stat-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.user-info{background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-6);margin-bottom:var(--space-6)}.user-info h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100);font-size:var(--text-sm)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-secondary);font-weight:500}.info-row span:last-child{color:var(--text-primary);font-weight:500}.kyc-badge{background:var(--color-success-light);color:var(--color-success);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.cta-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);text-decoration:none;font-weight:600;color:#fff;transition:all var(--ease-normal)}.cta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-card--seller{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary))}.cta-card--rating{background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-500))}.cta-card__icon{font-size:var(--text-xl);opacity:.9}.cta-card__title{font-size:var(--text-base);font-weight:600}.cta-card__subtitle{font-size:var(--text-sm);opacity:.8;font-weight:var(--weight-normal)}.top-bar{background:var(--neutral-900);padding:var(--space-2) 0}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-link{color:var(--neutral-300);font-size:var(--text-xs);font-weight:500;transition:color .15s}.top-link:hover{color:#fff}.header{background:var(--surface-elevated);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);height:var(--header-height)}.header-inner{display:flex;align-items:center;gap:var(--space-4);height:100%}.logo-img{height:32px;width:auto}.search-bar{display:flex;align-items:center;background:var(--surface-secondary);border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s ease}.search-bar:focus-within{border-color:var(--color-accent-500);box-shadow:0 0 0 3px var(--color-accent-100);background:var(--surface-elevated)}.search-cat{border:none;background:transparent;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-right:1px solid var(--neutral-200);min-width:60px}.search-bar input{flex:1;border:none;background:transparent;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-tertiary)}.btn-search{width:48px;height:100%;background:var(--brand-primary);border:none;color:#fff;cursor:pointer;transition:background .15s}.btn-search:hover{background:var(--brand-primary-hover)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-action{display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary);transition:color .15s;padding:var(--space-2);border-radius:var(--radius-md)}.header-action:hover{color:var(--brand-primary)}.header-action small{font-size:var(--text-xs);color:var(--text-secondary)}.header-action strong{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.cart-icon-wrap{position:relative;font-size:var(--text-xl)}.cart-badge{position:absolute;top:-6px;right:-8px;background:var(--color-error);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.sub-header{background:var(--surface-elevated);border-bottom:1px solid var(--neutral-100);padding:var(--space-2) 0}.sub-header-inner{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.sub-header-inner::-webkit-scrollbar{display:none}.sub-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .15s ease}.sub-link:hover{background:var(--surface-secondary);color:var(--text-primary)}.sub-link i{font-size:12px}.footer{background:var(--neutral-900);color:var(--neutral-300)}.back-to-top{background:var(--neutral-800);color:var(--neutral-300);text-align:center;padding:var(--space-4);cursor:pointer;transition:background .15s;font-size:var(--text-sm);font-weight:500}.back-to-top:hover{background:var(--neutral-700);color:#fff}.search-header{margin-bottom:var(--space-6)}.search-header .search-bar{max-width:600px;margin:0 auto}.search-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.filter-tags{display:flex;gap:var(--space-2)}.filter-tags button{padding:6px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-full);background:var(--surface-elevated);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.filter-tags button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.filter-tags button.active{background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary)}.result-count{font-size:var(--text-sm);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-secondary)}.empty-state i{font-size:3rem;color:var(--neutral-300);margin-bottom:var(--space-4);display:block}.empty-state p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.skeleton-shimmer{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}[data-theme=dark] .login-card,[data-theme=dark] .cart-summary,[data-theme=dark] .checkout-summary,[data-theme=dark] .section,[data-theme=dark] .user-info,[data-theme=dark] .stat-card,[data-theme=dark] .product-card,[data-theme=dark] .flash-card,[data-theme=dark] .mall-card{background:var(--surface-elevated);border-color:var(--neutral-700)}[data-theme=dark] .price-box{background:rgba(245,158,11,.1)}[data-theme=dark] .specs-table td:first-child,[data-theme=dark] .key-feature{background:var(--surface-secondary)}[data-theme=dark] .key-feature:hover{background:rgba(245,158,11,.1)}.order-notes{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-elevated);resize:vertical;min-height:80px;transition:all .15s ease}.order-notes:focus{outline:none;border-color:var(--color-accent-500);box-shadow:0 0 0 3px var(--color-accent-100)}.order-notes::placeholder{color:var(--text-tertiary)}.terms-check{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;line-height:var(--leading-relaxed)}.terms-check input{margin-top:3px;accent-color:var(--brand-primary);flex-shrink:0}.terms-check a{color:var(--color-accent-600);font-weight:500}.terms-check a:hover{color:var(--color-accent-700);text-decoration:underline}.product-card{box-shadow:var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.flash-section{background:linear-gradient(135deg,#FFF8F0 0%,#FFF2E5 100%);border-radius:var(--radius-lg);margin:0 var(--container-padding);padding:var(--space-6) var(--space-4)}[data-theme=dark] .flash-section{background:linear-gradient(135deg,#1A1510 0%,#15100A 100%)}.flash-card:hover,.flash-section .product-card:hover{border-color:var(--brand-primary)}.cat-icon-item{transition:transform .2s ease}.cat-icon-item:hover{transform:translateY(-4px)}.ci-circle{box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.cat-icon-item:hover .ci-circle{box-shadow:var(--shadow-md)}.mall-card{box-shadow:var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease;border-radius:var(--radius-lg);overflow:hidden}.mall-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.services-bar{background:var(--surface-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.search-bar:focus-within{box-shadow:0 0 0 3px #c9a96e33}.btn-primary{background:var(--brand-primary);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.side-card{box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.side-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.filter-btn,.sort-btn{padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.filter-btn:hover,.sort-btn:hover,.filter-btn.active,.sort-btn.active{background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary)}.footer{border-top:3px solid var(--brand-primary)}.skeleton-shimmer{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:-webkit-fill-available;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.6;height:100%;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100dvh}#app{flex:1;width:100%;min-height:100dvh}a{color:var(--text-link);text-decoration:none;transition:color .15s}a:hover{color:var(--text-link-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:.875rem}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);margin:0 0 .5rem}p{margin:0 0 1rem;line-height:var(--leading-relaxed)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::selection{background:var(--brand-primary);color:var(--text-inverse, #fff)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.sub-left,.cat-icons-scroll,.flash-products{max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.sub-left::-webkit-scrollbar,.cat-icons-scroll::-webkit-scrollbar,.flash-products::-webkit-scrollbar{height:0}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%;box-sizing:border-box}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap-md)}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap-md)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.sidebar-layout{display:flex;min-height:calc(100vh - var(--header-height))}.sidebar{width:var(--sidebar-width);flex-shrink:0}.main-content{flex:1;min-width:0;padding:var(--gap-lg)}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-md);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;gap:.5rem;transition:all .2s;min-height:2.5rem}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-primary);color:var(--brand-dark);font-weight:600}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--neutral-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);font-weight:600}.btn-secondary:hover{background:var(--brand-primary);color:var(--brand-dark)}.btn-outline{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary)}.btn-outline:hover{background:var(--brand-primary);color:var(--brand-dark)}.btn-danger{background:var(--error);color:var(--text-inverse, #fff)}.btn-sm{padding:.25rem .75rem;font-size:var(--text-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-md)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:50%}.form-group{margin-bottom:var(--gap-md)}.form-label{display:block;margin-bottom:.375rem;font-weight:500;font-size:var(--text-base);color:var(--neutral-700)}.form-input{width:100%;padding:.625rem .875rem;border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-base);transition:all .15s;box-sizing:border-box;background:var(--white, #fff)}.form-input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #0071851a}.form-error{color:var(--error);font-size:var(--text-xs);margin-top:.25rem}.card{background:var(--white, #fff);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--gap-md);transition:all .2s}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{margin-bottom:var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:1px solid var(--neutral-200)}.card-footer{margin-top:var(--gap-md);padding-top:var(--gap-sm);border-top:1px solid var(--neutral-200)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-primary{background:var(--brand-primary);color:var(--brand-dark)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.status{padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;display:inline-block}.status.active,.status.completed{background:var(--success-bg);color:var(--success)}.status.pending{background:var(--warning-bg);color:var(--warning)}.status.cancelled,.status.rejected{background:var(--error-bg);color:var(--error)}.spinner{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse, #fff);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state i{font-size:3rem;color:var(--neutral-400);margin-bottom:1rem;display:block}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--white, #fff);border-radius:var(--radius-xl);padding:2rem;width:90vw;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-500);padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.table-wrap,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--neutral-200);white-space:nowrap}th{background:var(--neutral-50);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;color:var(--neutral-600)}tr:hover{background:var(--neutral-50)}.sticky-filter-bar{position:sticky;top:var(--header-height);z-index:var(--z-sticky);background:var(--sticky-filter-bg);backdrop-filter:var(--sticky-filter-backdrop);-webkit-backdrop-filter:var(--sticky-filter-backdrop);border-bottom:1px solid var(--neutral-200);padding:8px 0;transition:box-shadow .2s ease}.sticky-filter-bar--shadow{box-shadow:var(--shadow-sm)}.sticky-filter-bar .container{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.sticky-filter-bar .container::-webkit-scrollbar{display:none}.chip-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll__item{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--neutral-300);border-radius:var(--radius-full);background:var(--white);font-size:var(--text-sm);font-weight:500;color:var(--neutral-700);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--ease-fast)}.chip-scroll__item:hover{border-color:var(--brand-primary);color:var(--brand-primary-hover)}.chip-scroll__item.active{background:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary-hover);font-weight:600}.global-toast{position:fixed;top:80px;right:20px;z-index:var(--z-toast);padding:14px 24px;border-radius:10px;color:var(--text-inverse, #fff);font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0003;max-width:400px}.global-toast.success{background:linear-gradient(135deg,var(--success),#20c997)}.global-toast.error{background:linear-gradient(135deg,var(--error),#ff6b81)}.global-toast.warning{background:linear-gradient(135deg,var(--warning),#fd7e14)}.global-toast.info{background:linear-gradient(135deg,var(--info),#6f42c1)}.skip-to-content{position:absolute;top:-100%;left:0;background:var(--brand-primary);color:var(--brand-dark);padding:.75rem 1.5rem;z-index:9999;font-weight:600;font-size:var(--text-base);border-radius:0 0 var(--radius-md) 0;transition:top .2s}.skip-to-content:focus{top:0}.text-brand-on-white{color:var(--brand-accent, #E68A00)}.text-muted-safe{color:var(--text-muted, var(--neutral-500,#78716C))}.img-fallback{object-fit:contain!important;opacity:.6;padding:16px;background:var(--neutral-100)}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--warning);color:var(--text-inverse, #fff);text-align:center;padding:6px 16px;font-size:13px;font-weight:500;z-index:var(--z-toast);animation:slideDown .3s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.header,.footer,.chat-widget{display:none!important}body{background:var(--white, #fff)}}@media (min-width: 640px){.container{padding:0 1.25rem}.product-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.grid-5{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.container{padding:0 1.5rem}.product-grid{grid-template-columns:repeat(4,1fr)}.hide-tablet{display:none!important}}@media (min-width: 1280px){.container{padding:0 2rem}.product-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 639px){:root{--container-padding: .75rem}.product-grid,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.hide-mobile{display:none!important}.main-content{padding:var(--gap-md)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.modal{width:95vw!important;margin:.5rem}.btn{min-height:36px}.table-wrapper{overflow-x:auto!important}.table-wrapper table{min-width:600px}input,select,textarea,.form-input{font-size:16px!important}.sticky-filter-bar{padding:6px 0}.chip-scroll{gap:6px}.chip-scroll__item{padding:5px 12px;font-size:12px;min-height:32px}button a,.btn,.nav-link,.tab-item{min-height:44px;display:inline-flex;align-items:center}}@media (max-width: 479px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr}.card{padding:var(--gap-sm)}h1{font-size:var(--text-lg)}}html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}.tawk-brand,.tawk-footer-branding,[class*=tawk-brand],[class*=tawk-powered]{display:none!important}.tawk-chat-header{background:var(--brand-dark)!important;color:var(--text-inverse, #fff)!important}.product-card,.cat-card,.stat-card,.action-card,.order-card,.address-card{transform-style:preserve-3d;perspective:1000px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover,.cat-card:hover,.stat-card:hover,.action-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 20px 40px #00000026,0 0 0 1px #c9a96e1a}.btn,.btn-primary,.btn-secondary,.btn-add-cart,.btn-buy-now,.btn-fav,.btn-search,.btn-submit,button[type=submit]{transform-style:preserve-3d;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-add-cart:active,.btn-buy-now:active,button[type=submit]:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 8px #0000001a}.main-image{perspective:800px;transform-style:preserve-3d}.main-image img{transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.main-image:hover img{transform:scale(1.05) rotateY(2deg)}.thumb-row img{transition:all .3s ease}.thumb-row img:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 20px #0003}.page-fade-enter-active{animation:pageIn .4s cubic-bezier(.175,.885,.32,1.275)}.page-fade-leave-active{animation:pageOut .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.99)}}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #c9a96e80}50%{box-shadow:0 0 20px #c9a96ecc,0 0 40px #c9a96e66}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-up{animation:slideInUp .5s cubic-bezier(.175,.885,.32,1.275)}.slide-in-down{animation:slideInDown .5s cubic-bezier(.175,.885,.32,1.275)}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.175,.885,.32,1.275)}.slide-in-right{animation:slideInRight .5s cubic-bezier(.175,.885,.32,1.275)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.modal-overlay{animation:modalBgIn .3s ease}.modal{animation:modalIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalBgIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px) rotateX(5deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}@keyframes spin3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-3d{width:40px;height:40px;border:3px solid var(--border-color, #E7E5E4);border-top-color:var(--primary, #C9A96E);border-radius:50%;animation:spin3d .8s linear infinite}html{scroll-behavior:smooth}.tab-content{animation:tabSwitch .3s ease}@keyframes tabSwitch{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.8)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #E7E5E4) 25%,var(--skeleton-shine, #F5F5F4) 50%,var(--skeleton-base, #E7E5E4) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--skeleton-base, #E7E5E4)}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge{animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}.hero-section{perspective:1000px;transform-style:preserve-3d}.hero-content{transform:translateZ(0);transition:transform .5s ease}.product-grid-amazon>*{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-grid-amazon>*:hover{transform:translateY(-8px) scale(1.02);z-index:10}.cat-icon{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cat-card:hover .cat-icon{transform:scale(1.1) rotateY(10deg)}.price-box{perspective:500px}.current-price{animation:pricePop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes pricePop{0%{transform:scale(.8) rotateY(-10deg)}to{transform:scale(1) rotateY(0)}}.qty-control button{transition:all .2s ease}.qty-control button:active{transform:scale(.9)}.stars i{transition:all .2s ease}.stars i:hover{transform:scale(1.3) rotate(15deg);color:var(--brand-primary)}input,textarea,select{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}input:focus,textarea:focus,select:focus{transform:translateY(-1px);box-shadow:0 4px 12px #c9a96e26}.sidebar-link,.nav-item{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-link:hover,.nav-item:hover{transform:translate(4px);background:rgba(201,169,110,.05)}tbody tr{transition:all .2s ease}tbody tr:hover{transform:scale(1.01);box-shadow:0 2px 8px #0000000d}@keyframes accordionOpen{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.accordion-content{animation:accordionOpen .4s ease;overflow:hidden}.tag,.chip,.badge{transition:all .2s ease}.tag:hover,.chip:hover,.badge:hover{transform:scale(1.05)}@media (prefers-reduced-motion: reduce){.product-card:hover,.cat-card:hover,.stat-card:hover,.action-card:hover{transform:none}.product-grid-amazon>*:hover{transform:none}}.tawk-chatcard--visitor .tawk-chatcard-header,.tawk-branding,.tawk-footer-branding,[class*=tawk-brand],[class*=tawk-powered]{display:none!important}.tawk-chat-panel{border-radius:12px!important;overflow:hidden!important}.tawk-chat-header{background:var(--brand-dark, #0A0A0B)!important;color:var(--text-inverse, #fff)!important}.tawk-chat-header .tawk-chat-header-title{color:var(--text-inverse, #fff)!important;font-family:var(--font-sans)!important}.img-fallback{object-fit:contain!important;opacity:.6;padding:16px;background:var(--neutral-100, #F5F5F5)}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--warning);color:var(--text-inverse, #fff);text-align:center;padding:6px 16px;font-size:13px;font-weight:500;z-index:var(--z-toast, 950);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width: 768px){[style*="width:"]{max-width:100%!important;box-sizing:border-box}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal,.dialog,.popup{width:95vw!important;max-width:95vw!important}}.global-toast[data-v-579174d8]{position:fixed;top:80px;right:20px;z-index:var(--z-toast, 950);padding:14px 24px;border-radius:10px;color:var(--text-inverse,#fff);font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0003;max-width:400px}.global-toast.success[data-v-579174d8]{background:linear-gradient(135deg,var(--success, #28a745),#20c997)}.global-toast.error[data-v-579174d8]{background:linear-gradient(135deg,var(--error, #dc3545),#ff6b81)}.global-toast.warning[data-v-579174d8]{background:linear-gradient(135deg,var(--warning, #ffc107),#fd7e14)}.global-toast.info[data-v-579174d8]{background:linear-gradient(135deg,var(--info, #17a2b8),#6f42c1)}.toast-enter-active[data-v-579174d8]{animation:slideInRight-579174d8 .3s ease}.toast-leave-active[data-v-579174d8]{animation:slideOutRight-579174d8 .3s ease}@keyframes slideInRight-579174d8{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-579174d8{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.global-toast[data-v-579174d8]{top:auto;bottom:5rem;left:1rem;right:1rem;max-width:none;font-size:13px;padding:12px 16px}}[data-theme=dark] .global-toast[data-v-579174d8]{box-shadow:0 8px 30px #0006}.error-boundary[data-v-5cac6fe7]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.error-boundary__card[data-v-5cac6fe7]{text-align:center;background:var(--surface-elevated, #fff);border-radius:16px;padding:3rem 2rem;max-width:420px;box-shadow:0 8px 32px #00000014}.error-boundary__icon[data-v-5cac6fe7]{font-size:3rem;margin-bottom:1rem}.error-boundary__card h3[data-v-5cac6fe7]{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-primary, #1C1917)}.error-boundary__card p[data-v-5cac6fe7]{font-size:.875rem;color:var(--text-secondary, #57534E);margin:0 0 1.5rem}.error-boundary__actions[data-v-5cac6fe7]{display:flex;gap:.75rem;justify-content:center}.btn-retry[data-v-5cac6fe7]{background:var(--brand-primary, #C9A96E);color:var(--brand-dark, #0A0A0B);border:none;padding:.625rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.875rem}.btn-home[data-v-5cac6fe7]{background:transparent;border:1px solid var(--border-subtle, var(--border-subtle, #E7E5E4));padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary, #1C1917)}[data-theme=dark] .error-boundary__card[data-v-5cac6fe7]{background:var(--surface-elevated, #1E1E21);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .error-boundary__card h3[data-v-5cac6fe7]{color:var(--text-primary, #F0EDE8)}[data-theme=dark] .error-boundary__card p[data-v-5cac6fe7]{color:var(--text-secondary, #9B968F)}[data-theme=dark] .btn-home[data-v-5cac6fe7]{border-color:var(--border-default, #2A2A2E);color:var(--text-primary, #F0EDE8)}#app{max-width:100vw;overflow-x:hidden}@media (max-width: 1200px){.container{padding:0 1rem}}@media (max-width: 768px){.flash-products{gap:.375rem!important}.product-grid{gap:.5rem!important}.category-bar{overflow-x:auto;flex-wrap:nowrap!important}.cat-item{min-width:60px}.page-header{flex-direction:column;gap:.75rem}.page-header h1{font-size:1.25rem}.filters{flex-direction:column}.modal{width:95vw!important;margin:1rem}.form-group input,.form-group select{font-size:16px}}@media (max-width: 480px){.banner-arrow{display:none!important}}