:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-bg: #eff6ff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--bg-body: #f4f4f5;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f4f4f5;--bg-hover: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #71717a;--text-on-primary: #ffffff;--success: #059669;--warning: #d97706;--error: #dc2626;--border-color: #e4e4e7;--border-color-strong: #d4d4d8;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--container-width: 1200px;--header-height: 64px;--footer-height: 240px;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 48px;--btn-radius: 8px;--btn-padding-x: 1.25rem;--btn-font-weight: 600;--transition: all .2s ease;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 0 0 1px rgba(255, 255, 255, .5) inset;--glass-blur: 12px;--glass-blur-strong: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(160deg,#fafafa,#f4f4f5 35%,#e4e4e7);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}@media(max-width:768px){:root{--header-height: 56px}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{background-attachment:scroll}}@media(pointer:coarse){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{background-attachment:scroll}}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:#ffffffd9;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 40px #00000014,0 0 0 1px #fff9 inset}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);color:var(--text-primary)}@media(max-width:768px){.glass,.glass-strong,.glass-card,.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media(pointer:coarse){.glass,.glass-strong,.glass-card,.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 1.5rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.btn-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background:var(--primary-bg);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.container{max-width:100%}}@media(max-width:768px){.container{padding:0 1rem}body{font-size:15px}h1{font-size:clamp(1.5rem,6vw,2rem)!important}h2{font-size:clamp(1.25rem,5vw,1.5rem)!important}h3{font-size:clamp(1.125rem,4vw,1.25rem)!important}.btn-group{gap:.5rem}.home-categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.container{padding:0 .75rem}body{font-size:14px}button,.button{font-size:.875rem;min-height:40px;padding:0 1rem}input,textarea,select{font-size:16px}.home-categories-grid{grid-template-columns:repeat(2,1fr)!important}}.main-content{min-height:calc(100vh - var(--header-height) - var(--footer-height));padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:2rem}@media(max-width:768px){.main-content{padding-top:calc(var(--header-height) + 1rem);padding-bottom:1.5rem}}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);padding:1.25rem;color:var(--text-primary)}@media(max-width:480px){.card{padding:1rem}}.mobile-bottom-nav{display:none}@media(max-width:768px){.main-content.main-content--with-mobile-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 1.5rem)!important}.mobile-bottom-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:999;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -2px 12px #0000000f}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;text-decoration:none;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;min-width:0}.mobile-bottom-nav__item:active{background:var(--bg-hover)}.mobile-bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-bottom-nav__icon svg{width:24px;height:24px}.mobile-bottom-nav__badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:var(--text-on-primary);background:var(--primary);border-radius:8px}.mobile-bottom-nav__label{font-size:11px;font-weight:500;line-height:1.2;transition:color .2s ease}}.App{min-height:100vh}@media(max-width:900px){.product-detail-grid{grid-template-columns:1fr!important}.product-detail-grid .product-detail-sidebar{position:static!important}}@media(max-width:768px){.container{padding-left:.75rem!important;padding-right:.75rem!important}}@media(max-width:480px){.container{padding-left:.5rem!important;padding-right:.5rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}