*{box-sizing:border-box}body{margin:0;background:#fffaf5;color:#292522;font:16px Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}header{height:72px;padding:0 max(22px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadfd6;background:#fffaf5;position:sticky;top:0;z-index:5}header>a{font-size:20px;font-weight:800}nav{display:flex;gap:22px;color:#766e67}main{max-width:1160px;margin:auto;padding:0 24px}.hero{min-height:460px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.hero small,.page>small{color:#c95d34;font-weight:800;letter-spacing:.14em}.hero h1,.page h1{font-size:clamp(44px,7vw,76px);line-height:1.02;letter-spacing:-.05em;margin:15px 0}.hero em{font-style:normal;color:#e8784b}.hero p{max-width:600px;color:#766e67;font-size:18px}.hero-cat{justify-self:center;font-size:180px;background:#f2dfd1;width:300px;height:300px;border-radius:50%;display:grid;place-items:center}.btn{display:inline-block;background:#e8784b;color:white;padding:12px 18px;border-radius:10px;font-weight:bold;margin-top:10px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.heading h2{font-size:36px}.heading input{padding:13px;border:1px solid #eadfd6;border-radius:10px;width:290px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid #eadfd6;border-radius:18px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #48301f18}.card img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}.card div{padding:15px}.card h3{margin:0 0 5px}.muted{color:#766e67;font-size:13px}.tag{display:inline-block;background:#f7eee8;border-radius:20px;padding:3px 8px;font-size:11px;margin:7px 4px 0 0}.page{padding-top:50px;padding-bottom:90px}.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;margin-top:30px}.detail img{width:100%;border-radius:22px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{background:white;border:1px solid #eadfd6;border-radius:12px;padding:14px}.fact small{display:block;color:#766e67}.fact strong{display:block}.factbox{margin-top:20px;padding:18px;background:#f8eee7;border-left:4px solid #e8784b}.controls{display:flex;gap:16px;align-items:center;justify-content:center;margin:35px 0}.controls select{padding:13px;width:40%;border:1px solid #eadfd6;border-radius:10px;background:white}.controls b{color:#e8784b}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare{background:white;border:1px solid #eadfd6;border-radius:18px;overflow:hidden}.compare img{width:100%;height:260px;object-fit:cover}.compare div{padding:20px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #eadfd6;padding:10px 0}.row span{color:#766e67}footer{text-align:center;border-top:1px solid #eadfd6;padding:28px;color:#766e67;font-size:13px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.detail{grid-template-columns:1fr}.hero{text-align:center}.hero p{margin:auto}.hero-cat{margin:25px auto}.comparison{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.heading{display:block}.heading input{width:100%}.controls{flex-direction:column}.controls select{width:100%}header>a{font-size:16px}nav{gap:10px;font-size:13px}}