:root{--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-text: #1a1a2e;--color-text-muted: #6c757d;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-accent: #f59e0b;--color-border: #e5e7eb;--color-success: #10b981;--max-width: 1100px;--content-width: 740px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:17px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border-radius:8px}.site-header{border-bottom:1px solid var(--color-border);padding:16px 0;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(8px);z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.site-logo{font-size:22px;font-weight:800;color:var(--color-text);text-decoration:none}.site-logo span{color:var(--color-primary)}nav a{margin-left:24px;color:var(--color-text-muted);font-size:15px;font-weight:500}nav a:hover{color:var(--color-primary);text-decoration:none}.site-footer{border-top:1px solid var(--color-border);padding:40px 20px;text-align:center;color:var(--color-text-muted);font-size:14px;margin-top:60px}.hero{max-width:var(--max-width);margin:0 auto;padding:60px 20px;text-align:center}.hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:16px}.hero p{font-size:19px;color:var(--color-text-muted);max-width:600px;margin:0 auto 30px}.post-grid{max-width:var(--max-width);margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.post-card{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}.post-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.post-card img{width:100%;height:200px;object-fit:cover;border-radius:0}.post-card-body{padding:20px}.post-card-body h2{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.3}.post-card-body h2 a{color:var(--color-text)}.post-card-body h2 a:hover{color:var(--color-primary);text-decoration:none}.post-card-body p{color:var(--color-text-muted);font-size:15px;margin-bottom:12px}.post-meta{font-size:13px;color:var(--color-text-muted)}.post-category{display:inline-block;background:var(--color-bg-alt);color:var(--color-primary);padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.article-container{max-width:var(--content-width);margin:0 auto;padding:40px 20px 60px}.article-container h1{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:12px}.article-container .post-meta{margin-bottom:30px}.article-container h2{font-size:26px;margin:36px 0 16px;font-weight:700}.article-container h3{font-size:21px;margin:28px 0 12px;font-weight:600}.article-container p{margin-bottom:18px}.article-container ul,.article-container ol{margin:0 0 18px 24px}.article-container li{margin-bottom:6px}.article-container blockquote{border-left:4px solid var(--color-primary);padding:12px 20px;margin:20px 0;background:var(--color-bg-alt);border-radius:0 8px 8px 0;font-style:italic}.affiliate-cta{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid var(--color-primary);border-radius:12px;padding:24px;margin:30px 0;text-align:center}.affiliate-cta h3{margin:0 0 8px;color:var(--color-primary-dark)}.affiliate-cta .cta-btn{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 28px;border-radius:8px;font-weight:600;font-size:16px;margin-top:12px;transition:background .2s}.affiliate-cta .cta-btn:hover{background:var(--color-primary-dark);text-decoration:none}.affiliate-disclosure{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--color-text-muted);margin-bottom:30px}.shop-hero{max-width:var(--max-width);margin:0 auto;padding:60px 20px 40px;text-align:center}.shop-hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:12px}.shop-hero p{font-size:19px;color:var(--color-text-muted);max-width:600px;margin:0 auto 12px}.shop-hero-note{font-size:15px;color:var(--color-primary);font-weight:500;background:#eff6ff;display:inline-block;padding:8px 20px;border-radius:8px;margin-top:8px}.shop-grid{max-width:var(--max-width);margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.product-card{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;background:var(--color-bg)}.product-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.product-card-image{position:relative;overflow:hidden}.product-card-image img{width:100%;height:220px;object-fit:cover;border-radius:0}.category-badge{position:absolute;top:12px;left:12px;background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.coming-soon-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:0;transition:opacity .2s}.product-card:hover .coming-soon-badge{opacity:1}.product-card-body{padding:20px}.product-card-body h2{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.3;color:var(--color-text)}.product-description{color:var(--color-text-muted);font-size:14px;margin-bottom:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border)}.product-price{font-size:16px;font-weight:700;color:var(--color-primary-dark)}.product-provider{font-size:12px;color:var(--color-text-muted)}@media(max-width:640px){.hero h1{font-size:30px}.post-grid,.shop-grid{grid-template-columns:1fr}.shop-hero h1{font-size:30px}.article-container h1{font-size:28px}}
