*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font-family:Arial}.top{background:#063b2d;color:#f0d78b;text-align:center;padding:8px;font-size:13px}header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #5b4300}.logo{font-size:28px;font-weight:700;color:#d4af37}.search{margin:14px;background:#111;border:1px solid #333;border-radius:999px;padding:14px;color:#777}.hero{position:relative}.hero img{width:100%;height:260px;object-fit:cover}.ov{position:absolute;left:16px;bottom:16px}.ov h1{margin:0;font-size:30px}.btn{display:inline-block;margin-top:10px;background:#16a34a;padding:10px 18px;border-radius:999px}h2{padding:16px;color:#d4af37}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 18px}.card{background:#111;border:1px solid #6b4b00;border-radius:16px;overflow:hidden;position:relative}.card img{width:100%;height:170px;object-fit:cover}.off{position:absolute;top:8px;left:8px;background:#d90429;padding:4px 8px;border-radius:20px;font-size:11px}.pad{padding:10px}.pr{color:#22c55e;font-weight:700}.pr s{color:#888;font-size:12px}button{width:100%;background:#16a34a;border:0;color:#fff;padding:10px;border-radius:10px;margin-top:8px}footer{background:#0b0b0b;padding:18px}footer input{width:100%;padding:12px;border-radius:8px;background:#111;border:1px solid #444;color:#fff}.track{background:#d4af37;color:#111}