:root { --lp:#2e7d32; --lp-dark:#1b5e20; --navy:#1e3a5f; }
body { background:#fff; font-family:Arial,Helvetica,sans-serif; }
.top-tabs { background:linear-gradient(#fff,#e6e6e6); border-bottom:1px solid #cfcfcf; }
.top-tabs a { display:inline-block; padding:12px 18px; color:#555; text-decoration:none; border-right:1px solid #ddd; }
.top-tabs a:hover { background:#fff; color:#1e3a5f; }
.banner-photo { width:100%; height:220px; object-fit:cover; object-position:center 30%; display:block; }
.banner-wrap { position:relative; }
.banner-text { position:absolute; right:24px; top:50%; transform:translateY(-50%); color:#fff; font-size:28px; font-weight:700; text-shadow:0 1px 3px rgba(0,0,0,.45); max-width:280px; }
.protect-bar { background:rgba(255,255,255,.82); margin-top:-48px; position:relative; padding:14px 18px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.protect-bar h2 { font-size:18px; color:#1e3a5f; margin:0; }
.protect-bar p { margin:0; color:#555; }
.signup-btn { background:#fff; border:1px solid #ccc; color:#1e3a5f; font-weight:700; padding:10px 22px; text-decoration:none; }
.side-tile { display:block; padding:14px 16px; border:1px solid #d9e2ec; border-left:4px solid #8eb4d8; background:linear-gradient(#f7fbff,#eaf3fb); text-decoration:none; color:inherit; margin-bottom:8px; }
.side-tile h3 { margin:0 0 4px; color:#1e3a5f; font-size:18px; }
.side-tile p { margin:0; color:#666; font-size:13px; }
.login-box { background:#f3f3f3; border:1px solid #ddd; padding:16px; }
.login-box h3 { color:#2e7d32; margin-top:0; }
.btn-primary { background-color:#2e7d32 !important; border-color:#1b5e20 !important; }


.home-top.login-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  overflow: hidden;
}
.home-login { min-width: 0; max-width: none; flex: 0 0 auto; }
.home-login h3 { margin: 0 0 8px; }
.home-logo-link {
  margin-left: 0;
  display: flex;
  align-items: center;
  line-height: 0;
}
.home-logo {
  height: 70px;
  width: auto;
  max-height: 70px;
  object-fit: contain;
  object-position: right center;
  display: block;
  mix-blend-mode: multiply;
  background: transparent;
}

.banner-wrap { position: relative; }
.hero-signup {
  position: absolute;
  right: 3%;
  bottom: 6%;
  width: 34%;
  height: 22%;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 5;
}
.hero-signup:hover { background: rgba(255,255,255,.08); }
.hero-signup:focus { outline: 2px solid #fff; }

.home-login { margin-left: auto; }

/* ID marks + LostPet tag — visible while testing.
   To hide until tags ship, uncomment the next line:
   .id-marks-test { display: none !important; }
*/

.banner-text { display: none !important; }
.protect-bar { display: none !important; }
.banner-wrap { position: relative; }
.hero-signup {
  position: absolute;
  right: 3%;
  bottom: 6%;
  width: 34%;
  height: 22%;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 5;
}

.banner-wrap { overflow: visible; height: auto; }
.banner-photo {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block;
}

/* Rewards hidden site-wide until launch */
.reward-ui,
input[name="RewardAmount"],
input[name="Input.RewardAmount"],
label:has(+ input[name="RewardAmount"]),
label:has(+ input[name="Input.RewardAmount"]) {
  display: none !important;
}