:root{--color-primary:#e53935;--color-primary-dark:#c62828;--color-primary-light:#ef5350;--color-secondary:#424242;--color-secondary-light:#616161;--color-secondary-dark:#212121;--color-background:#fff;--color-surface:#fafafa;--color-surface-alt:#f5f5f5;--color-text:#212121;--color-text-secondary:#757575;--color-text-disabled:#bdbdbd;--color-border:#e0e0e0;--color-divider:#eee;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius:4px;--border-radius-lg:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--transition-fast:150ms ease;--transition-normal:250ms ease;--container-max:1280px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:14px;font-weight:500;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-dark);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:16px}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:#fff;transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-disabled)}.label{display:block;margin-bottom:var(--spacing-xs);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-md)}.card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;border-radius:12px}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.price{font-weight:700;color:var(--color-primary)}.price-old{text-decoration:line-through;color:var(--color-text-disabled);font-size:.875em}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-alt) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:#fff;border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--spacing-lg)}.logo{font-size:24px;font-weight:700;text-decoration:none;background:linear-gradient(100deg,var(--color-primary) 0,var(--color-primary) 30%,#b0b0b0 42%,#f0f0f0 48%,#fff 50%,#f0f0f0 52%,#b0b0b0 58%,var(--color-primary) 70%,var(--color-primary) 100%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:logoShimmer 7s ease-in-out infinite}@keyframes logoShimmer{0%{background-position:220%}to{background-position:-120%}}.header-nav{display:flex;gap:var(--spacing-lg)}.header-nav a{display:flex;align-items:center;gap:4px;font-weight:600;padding:var(--spacing-sm) 0;border-bottom:2px solid transparent;transition:border-bottom-color var(--transition-fast)}.header-nav a,.nav-icon{color:var(--color-primary)}.nav-icon{flex-shrink:0}.header-nav a.shimmer .nav-label{background:linear-gradient(100deg,var(--color-primary) 0,var(--color-primary) 30%,#b0b0b0 42%,#f0f0f0 48%,#fff 50%,#f0f0f0 52%,#b0b0b0 58%,var(--color-primary) 70%,var(--color-primary) 100%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:logoShimmer 7s ease-in-out infinite}.header-nav a:hover{color:#000;-webkit-text-fill-color:#000;border-bottom-color:#000;animation:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}@media (max-width:768px){.header-nav{gap:var(--spacing-sm)}.nav-label{display:none}.header-actions,.header-content{gap:var(--spacing-sm)}.header-account-label{display:none}.header-account-btn{padding:var(--spacing-sm)}}@media (max-width:480px){.logo{font-size:20px}}.cart-button{position:relative;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:none;border-radius:var(--border-radius);cursor:pointer}.cart-badge,.cart-button{display:flex;align-items:center}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;color:#fff;background-color:var(--color-primary);border-radius:9px;justify-content:center}.footer{background-color:var(--color-secondary);color:#fff;padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.footer-section h4{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);color:var(--color-primary-light)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--color-text-disabled);font-size:14px}.footer-section a:hover{color:#fff}.footer-bottom{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-secondary-light);text-align:center;color:var(--color-text-disabled);font-size:14px}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}}