:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f4;--color-surface: #ffffff;--color-text-primary: #202124;--color-text-secondary: #5f6368;--color-text-tertiary: #80868b;--color-accent: #1a73e8;--color-accent-hover: #1557b0;--color-accent-light: #e8f0fe;--color-border: #dadce0;--color-border-light: #e8eaed;--color-star: #fbbc04;--color-success: #34a853;--color-warning: #ea8600;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(60, 64, 67, .1);--shadow-md: 0 1px 3px rgba(60, 64, 67, .15), 0 1px 2px rgba(60, 64, 67, .1);--shadow-lg: 0 4px 6px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .1);--shadow-xl: 0 8px 16px rgba(60, 64, 67, .15), 0 4px 8px rgba(60, 64, 67, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width: 1200px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.app>main{flex:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.logo{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04,#ea4335);border-radius:var(--radius-md)}.nav{display:flex;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-link.active{background-color:var(--color-accent-light);color:var(--color-accent)}.hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%)}.hero h1{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.hero p{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.product-section{padding:var(--spacing-2xl) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border);transform:translateY(-2px)}.product-card-image{aspect-ratio:4/3;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);overflow:hidden}.product-card-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.product-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.product-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stars{color:var(--color-star);font-size:.875rem;letter-spacing:1px}.review-count{font-size:.8125rem;color:var(--color-text-tertiary)}.product-price{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-top:auto;margin-bottom:var(--spacing-md)}.product-card-actions{display:flex;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff;flex:1}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.review-page{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.review-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);align-items:center}.review-image{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center}.review-image img{max-width:100%;max-height:350px;object-fit:contain}.review-info h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.review-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.review-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;color:var(--color-text-secondary)}.review-price{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.review-actions{display:flex;gap:var(--spacing-md)}.review-content{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-2xl)}.review-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.review-text{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary)}.review-text p{margin-bottom:var(--spacing-lg)}.review-text strong{color:var(--color-text-primary)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.back-link:hover{color:var(--color-accent)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-2xl) var(--spacing-lg);margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer p{color:var(--color-text-tertiary);font-size:.8125rem;margin-bottom:var(--spacing-xs)}.footer-disclosure{font-size:.75rem;color:var(--color-text-tertiary);max-width:600px;margin:var(--spacing-md) auto 0}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.nav{display:none}.review-header{grid-template-columns:1fr;gap:var(--spacing-xl)}.review-info h1,.review-price{font-size:1.5rem}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}}