
/* Rolling Suds V1 — safe modules layered onto the existing site */

.rsv1-breadcrumbs{
  max-width:1180px;
  margin:0 auto 22px;
  padding:0 18px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  font-size:12px;
  color:#66727a;
}
.rsv1-breadcrumbs a{color:#34444d;text-decoration:none}
.rsv1-breadcrumbs strong{font-weight:600;color:#202c32}

.rsv1-proof{
  margin:46px 0 10px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #e2e5e6;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.rsv1-proof>div{
  min-width:0;
  padding:18px 20px;
  border-right:1px solid #e2e5e6;
}
.rsv1-proof>div:last-child{border-right:0}
.rsv1-proof b{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  letter-spacing:.15em;
  color:#b4572a;
}
.rsv1-proof span{
  font-size:13px;
  line-height:1.4;
  color:#4e5d64;
}

.rsv1-related{
  margin:42px 0 0;
  padding:34px;
  background:#f5f2ec;
  border-radius:20px;
}
.rsv1-eyebrow{
  margin:0 0 9px!important;
  font-size:9px!important;
  font-weight:700;
  letter-spacing:.17em;
  color:#a84d23!important;
}
.rsv1-related h2,
.rsv1-cta h2{
  margin:0 0 20px!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.04!important;
  color:#15252c!important;
}
.rsv1-related-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.rsv1-related-grid>a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 17px;
  border:1px solid #ded9d0;
  border-radius:11px;
  background:#fff;
  text-decoration:none!important;
  color:#15252c!important;
}
.rsv1-related-grid strong{font-size:13px}
.rsv1-related-grid span{font-size:11px;color:#6c797e}

.rsv1-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  margin:18px 0 48px;
  padding:34px;
  border-radius:20px;
  background:#10252d;
  color:#fff;
}
.rsv1-cta h2{color:#fff!important;margin-bottom:10px!important}
.rsv1-cta p:not(.rsv1-eyebrow){margin:0!important;color:#c9d2d5!important;max-width:680px}
.rsv1-cta-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:210px;
}
.rsv1-btn,.rsv1-phone{
  display:block;
  padding:13px 17px;
  border-radius:999px;
  text-align:center;
  text-decoration:none!important;
  font-size:12px;
  font-weight:700;
}
.rsv1-btn{background:#c86f36;color:#fff!important}
.rsv1-phone{border:1px solid rgba(255,255,255,.35);color:#fff!important}

.rsv1-mobile-cta{display:none}

@media(max-width:850px){
  .rsv1-proof{grid-template-columns:1fr 1fr}
  .rsv1-proof>div:nth-child(2){border-right:0}
  .rsv1-proof>div:nth-child(-n+2){border-bottom:1px solid #e2e5e6}
  .rsv1-related-grid{grid-template-columns:1fr}
  .rsv1-cta{grid-template-columns:1fr;gap:22px}
  .rsv1-cta-actions{min-width:0}
}
@media(max-width:680px){
  body{padding-bottom:62px}
  .rsv1-proof{grid-template-columns:1fr}
  .rsv1-proof>div{border-right:0!important;border-bottom:1px solid #e2e5e6!important}
  .rsv1-proof>div:last-child{border-bottom:0!important}
  .rsv1-related,.rsv1-cta{padding:24px}
  .rsv1-mobile-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:99999;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    box-shadow:0 -8px 26px rgba(0,0,0,.14);
  }
  .rsv1-mobile-cta a{
    padding:15px 10px;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    background:#c86f36;
    color:#fff;
  }
  .rsv1-mobile-cta a:last-child{
    background:#10252d;
  }
}
