
:root{--bg:#f5f6f7;--paper:#fff;--text:#202428;--muted:#65707a;--line:#e2e6e9;--accent:#155f9a;--accent2:#0f4b79;--soft:#f1f4f6;--warn:#fff7df;--shadow:0 8px 28px rgba(0,0,0,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.62}a{color:var(--accent)}a:hover{color:var(--accent2)}
.ad-label{background:#fff3cd;border-bottom:1px solid #e5cf8d;padding:12px 16px;text-align:center;font-size:18px;font-weight:800}
.sitehead{background:#fff;border-bottom:1px solid var(--line)}.inner{max-width:1040px;margin:auto}.sitehead .inner{padding:17px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{font-size:22px;font-weight:800;color:var(--text);text-decoration:none}.tag{font-size:14px;color:var(--muted)}
main{max-width:980px;margin:auto;padding:34px 20px 60px}.hero{max-width:850px;margin:0 auto 30px}.eyebrow{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:10px}h1{font-size:clamp(34px,6vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}h2{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}h3{font-size:20px}.lead{font-size:22px;color:#444b52}.updated,.small{font-size:14px;color:var(--muted)}
.disclosure,.criteria,.legal-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:26px 0}.disclosure{border-left:5px solid var(--accent)}.intro{max-width:800px;margin:0 auto 38px}
.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:32px 0}.product-grid{display:grid;grid-template-columns:250px 1fr}.product-media{background:#eef1f3;min-height:300px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--muted);font-size:14px}.placeholder{width:100%;min-height:245px;border:2px dashed #c7cdd2;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px}.product-body{padding:27px 29px}.choice{display:inline-block;background:#eef5fb;color:var(--accent2);font-size:13px;font-weight:800;border-radius:999px;padding:5px 10px;margin-bottom:10px}.product h2{font-size:27px}.subtitle{font-weight:700;color:#4d565e}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.fact{background:var(--soft);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.box{background:#fafbfc;border:1px solid var(--line);border-radius:12px;padding:15px;font-size:16px}.box strong{display:block;margin-bottom:6px}.box ul{padding-left:20px;margin:0}.cta-row{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:13px 19px;border-radius:10px}.cta:hover{background:var(--accent2);color:#fff}.merchant-note{font-size:12px;color:var(--muted);margin-top:9px}
.comparison{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;overflow:auto;margin:34px 0}table{width:100%;border-collapse:collapse;min-width:650px;font-size:15px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.notice{margin:30px 0;padding:19px;background:#f8fafc;border-left:4px solid #8c98a3;font-size:15px;color:#4d5861}.policy-main{max-width:850px}.policy-main h1{font-size:42px}.policy-main h2{font-size:25px;margin-top:30px}.policy-main li{margin-bottom:7px}
footer{background:#1f252b;color:#d7dde2;padding:34px 20px;font-size:14px}footer .inner{max-width:980px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin:12px 0 20px}footer a{color:#fff}.company{color:#aeb7bf;max-width:850px}
.cookie-banner{position:fixed;z-index:9999;left:18px;right:18px;bottom:18px;max-width:980px;margin:auto;background:#fff;border:1px solid #cfd5da;border-radius:16px;box-shadow:0 12px 45px rgba(0,0,0,.22);padding:20px;display:none}.cookie-banner.show{display:block}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cookie-btn{border:1px solid #68737c;background:#fff;color:#202428;border-radius:9px;padding:11px 15px;font-size:15px;font-weight:800;cursor:pointer}.cookie-btn.primary{background:#155f9a;border-color:#155f9a;color:#fff}.cookie-btn.reject{background:#fff;border-color:#155f9a;color:#155f9a}.cookie-settings{display:none;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.cookie-settings.open{display:block}.toggle-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.cookie-link-button{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}
@media(max-width:760px){body{font-size:17px}.tag{display:none}main{padding:25px 14px 42px}.sitehead .inner{padding:14px}.product-grid{grid-template-columns:1fr}.product-media{min-height:205px}.placeholder{min-height:175px}.product-body{padding:22px 19px}.proscons{grid-template-columns:1fr}.cta{width:100%;text-align:center}.cookie-banner{left:8px;right:8px;bottom:8px}.cookie-actions .cookie-btn{flex:1 1 45%}}
.hero-image {
  width: 100%;
  margin: 24px 0 16px;
  overflow: hidden;
  border-radius: 16px;
}

.hero-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.product-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: contain;
  border-radius: 12px;
}
