/* ROVER ad offer (/rover) — campaign styles, loaded after clover.css.
   Offer = a BONUS (complimentary Bio-Yard Security Deep Clean), never a discount:
   nothing here restyles a price. */
[hidden]{display:none!important}

/* campaign band — sits above the stepper on every step */
.rband{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:linear-gradient(90deg,#FFF3E3,#fff);border-bottom:1px solid #F6DDBB;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.rband .l{display:flex;align-items:center;gap:12px;min-width:0}
.rband .l svg{width:28px;height:28px;fill:var(--orange);flex:none}
.rband .t{font-weight:900;color:var(--navy);font-size:.95rem;line-height:1.25}
.rband .t s{color:var(--ink-soft);font-weight:700}
.rband .t small{display:block;font-weight:700;color:var(--ink-soft);font-size:.74rem;margin-top:2px}
.rspots{flex:none;text-align:right;max-width:230px}
.rspots .s{display:block;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);line-height:1.3}
.rspots.hot .s{color:var(--red)}
.rspots .bar{height:6px;border-radius:3px;background:#F3DFC4;margin-top:6px;overflow:hidden;min-width:120px}
.rspots .bar i{display:block;height:100%;background:linear-gradient(90deg,#E03E2D,var(--orange));border-radius:3px;transition:width .5s}

/* bonus line on each plan card */
.plan .rbonus{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:12px;padding:9px 11px;border-radius:12px;background:#FFF6EA;border:1px dashed var(--orange);font-size:.78rem;font-weight:800;color:var(--navy);line-height:1.25;text-align:left}
.plan .rbonus .v{flex:none;font-family:var(--font-display);font-weight:900;color:var(--green);font-size:.95rem;white-space:nowrap}
.plan .rbonus .v s{font-family:var(--font-body);font-weight:700;color:var(--ink-soft);font-size:.78rem}

/* bonus line in the step-5 summary */
.summary .li.rbonus-li{margin:6px -10px;padding:9px 10px;border-radius:10px;background:#FFF6EA;border:1px dashed var(--orange)}
.summary .li.rbonus-li small{display:block;font-weight:700;color:var(--ink-soft);font-size:.74rem}
.summary .li.rbonus-li span:last-child{color:var(--green);white-space:nowrap}
.summary .li.rbonus-li s{color:var(--ink-soft);font-weight:700}

@media (max-width:640px){
  .rband{flex-direction:column;align-items:flex-start;padding:12px 16px}
  .rspots{text-align:left;max-width:none;width:100%}
}

/* phones: the top-tier plan leads the stack (ad traffic is mostly mobile) */
@media (max-width:640px){
  #planseg .plan[data-v="command"]{order:-1}
}