:root { --navy:#0F2942; --navy2:#1B3A5C; --cream:#F5F1E8; --gold:#C9A96A; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family: Georgia, 'Times New Roman', serif; background:var(--cream); color:var(--navy); }
header { background:var(--navy); color:var(--cream); padding:18px 24px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;}
header .brand { font-size:20px; letter-spacing:4px; }
header .brand small { display:block; color:var(--gold); font-style:italic; font-size:13px; letter-spacing:0; }
header .meta { font-family: Arial, sans-serif; font-size:13px; text-align:right; }
header .meta .days { color:var(--gold); font-weight:bold; }
main { max-width:1100px; margin:0 auto; padding:24px 16px 60px; }
.filter { background:#fff; border:1px solid #ddd3c2; border-radius:10px; padding:14px; display:flex; gap:10px; flex-wrap:wrap; align-items:end; margin-bottom:10px; font-family:Arial,sans-serif; }
.filter label { font-size:12px; color:#666; display:block; margin-bottom:3px; }
.filter input { padding:8px 10px; border:1px solid #ccc; border-radius:6px; width:130px; font-size:14px; }
.btn { background:var(--navy); color:var(--cream); border:none; padding:10px 18px; border-radius:6px; cursor:pointer; font-size:14px; font-family:Arial,sans-serif; text-decoration:none; display:inline-block; }
.btn.gold { background:var(--gold); color:var(--navy); font-weight:bold; }
.btn.ghost { background:transparent; color:var(--navy); border:1px solid var(--navy); }
.notice { background:#e8f4e8; border:1px solid #9c9; border-radius:8px; padding:10px 14px; margin:10px 0; font-family:Arial,sans-serif; font-size:14px; }
.warn { background:#fdf3e0; border:1px solid var(--gold); }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; margin-top:16px; }
.card { background:#fff; border:1px solid #ddd3c2; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; }
.card .imgwrap { height:150px; background:linear-gradient(135deg,var(--navy2),var(--navy)); display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:34px; position:relative; }
.card .imgwrap img { width:100%; height:100%; object-fit:cover; }
.badge { position:absolute; top:8px; left:8px; background:var(--gold); color:var(--navy); font-family:Arial,sans-serif; font-size:11px; font-weight:bold; padding:4px 8px; border-radius:4px; }
.card .body { padding:12px 14px; flex:1; display:flex; flex-direction:column; gap:6px; }
.card h3 { font-size:16px; }
.card .facts { font-family:Arial,sans-serif; font-size:13px; color:#555; }
.card .price { font-size:18px; font-weight:bold; }
.card .actions { padding:0 14px 14px; }
.disclaimer { font-family:Arial,sans-serif; font-size:11.5px; color:#777; margin-top:26px; border-top:1px solid #ddd3c2; padding-top:12px; line-height:1.5; }
.detail-img { width:100%; max-height:380px; object-fit:cover; border-radius:10px; margin-bottom:6px; }
.imgorigin { font-family:Arial,sans-serif; font-size:11px; color:#999; margin-bottom:12px; }
.pois { background:#fff; border:1px solid #ddd3c2; border-radius:10px; margin:14px 0; font-family:Arial,sans-serif; font-size:14px; }
.pois div { display:flex; justify-content:space-between; padding:9px 14px; border-bottom:1px solid #eee6d8; }
.pois div:last-child { border-bottom:none; }
table { width:100%; border-collapse:collapse; background:#fff; font-family:Arial,sans-serif; font-size:13px; }
th,td { text-align:left; padding:8px 10px; border-bottom:1px solid #eee; }
th { background:var(--navy); color:var(--cream); }
.center { text-align:center; padding:60px 20px; }
h2.sect { margin:22px 0 8px; }
form.inline { display:inline; }
