.lw-rich .lw-menu > .lw-renew,
.lw-rich .lw-nav > .lw-renew-mobile,
.lw-rich #home .hero-actions .pay-hero-btn {
  background: #ffd335 !important;
  border: 1px solid #ffd335 !important;
  color: #102d50 !important;
  box-shadow: 0 3px 0 #d0a614;
  font-weight: 800;
}
.lw-rich .lw-menu > .lw-renew,
.lw-rich .lw-nav > .lw-renew-mobile {
  border-radius: 10px;
  padding: 10px 12px;
  white-space: nowrap;
  text-decoration: none;
}
.lw-rich .lw-nav > .lw-renew-mobile { display: none; }
@media (max-width: 1320px) {
  .lw-rich .lw-nav > .lw-renew-mobile {
    display: inline-flex; align-items: center; min-height: 44px;
    margin-left: auto; font-size: 13px;
  }
  .lw-rich .lw-nav { column-gap: 10px; }
}
@media (max-width: 480px) {
  .lw-rich .lw-header .lw-nav { width: calc(100% - 16px); column-gap: 6px; }
  .lw-rich .lw-nav .lw-brand { gap: 6px; }
  .lw-rich .lw-nav .lw-brand strong { font-size: 22px; }
  .lw-rich .lw-nav .lw-brand > img { width: 31px; height: 31px; }
  .lw-rich .lw-nav > .lw-renew-mobile { padding-inline: 8px; }
}
@media (max-width: 360px) {
  .lw-rich .lw-nav .lw-brand strong { font-size: 19px; }
  .lw-rich .lw-nav .lw-brand small { font-size: 7px; }
  .lw-rich .lw-nav > .lw-renew-mobile { padding-inline: 6px; font-size: 12px; }
}
#lw-pay-renew {
  box-sizing: border-box; width: min(480px, calc(100% - 24px));
  max-width: none; max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px); padding: 0; margin: auto;
  overflow: auto; overscroll-behavior: contain;
  border: 1px solid #c7ddef; border-radius: 22px;
  color: #102d50; background: #fff;
  box-shadow: 0 24px 70px #041a3a60;
}
#lw-pay-renew::backdrop { background: #051d3dbb; }
html:has(#lw-pay-renew[open]) { overflow: hidden; }
.lw-renew-heading {
  display: grid; align-items: start; gap: 0 12px;
  grid-template: "symbol close" auto "kicker kicker" auto "title title" auto / minmax(0, 1fr) 44px;
  padding: 22px 22px 18px;
  background: #075cbd; color: #fff; border-bottom: 4px solid #ffd335;
}
.lw-renew-symbol {
  grid-area: symbol;
  display: grid; place-items: center; width: 54px; height: 54px;
  background: #eef7ff; border-radius: 14px; margin-bottom: 13px;
}
.lw-renew-heading .lw-renew-kicker {
  grid-area: kicker;
  margin: 0 0 5px; font-size: 12px; font-weight: 800; letter-spacing: .09em;
}
.lw-renew-heading h2 { grid-area: title; color: #fff; margin: 0; font-size: clamp(28px, 7vw, 38px); line-height: 1.1; }
.lw-renew-heading > form { grid-area: close; margin: 0; }
.lw-renew-close {
  display: grid; place-items: center; padding: 0; line-height: 1;
  width: 44px; height: 44px; border: 1px solid #b6dcff; border-radius: 10px;
  background: #fff; color: #075cbd; cursor: pointer; font-size: 26px;
}
#lw-pay-renew .lw-renew-close:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.lw-renew-body { padding: 20px; }
.lw-renew-body a {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 10px; border-radius: 10px;
  text-decoration: none; text-align: center; font-weight: 800; line-height: 1.3;
}
.lw-renew-body .lw-renew-portal { background: #ffd335; color: #102d50; }
.lw-renew-help { margin-top: 16px; padding: 16px; background: #eef7ff; border-radius: 14px; }
.lw-renew-help h3 { margin: 0 0 7px; font-size: 19px; line-height: 1.25; }
.lw-renew-help p { margin: 0 0 14px; font-size: 15px; line-height: 1.55; }
.lw-renew-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lw-renew-contact a { background: #fff; color: #075cbd; border: 1px solid #afcdea; font-size: 14px; }
.lw-renew-contact .lw-renew-wa { background: #16803f; border-color: #16803f; color: #fff; }
@media (max-width: 360px) {
  .lw-renew-heading { padding: 16px; }
  .lw-renew-body { padding: 14px; }
  .lw-renew-body .lw-renew-portal { font-size: 16px; }
  .lw-renew-help { padding: 12px; }
  .lw-renew-contact a { gap: 6px; padding-inline: 6px; font-size: 13px; }
}
@media (max-height: 500px) and (min-width: 380px) {
  .lw-renew-heading {
    grid-template: "symbol kicker close" auto "symbol title close" auto / 46px minmax(0, 1fr) 44px;
    padding: 14px 16px;
  }
  .lw-renew-symbol { width: 46px; height: 46px; margin: 0; }
  .lw-renew-symbol img { width: 30px; height: 30px; }
  .lw-renew-heading .lw-renew-kicker { margin-bottom: 3px; }
  .lw-renew-heading h2 { font-size: 28px; }
  .lw-renew-body { padding: 14px 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  #lw-pay-renew[open] { animation: lw-renew-enter .2s ease-out; }
  @keyframes lw-renew-enter { from { opacity: 0; transform: translateY(8px); } }
}