/* ============================================================
   Appliance Rentals — Washers & Dryers page (Figma rebrand)
   Shares component styles with homepage.css; page classes: arw-*.
   ============================================================ */

/* ---------- hero: photo with HTML chips ---------- */
.arw-hero .ar-hero-content {
  margin-left: 126px;
  width: 615px;
}
.arw-hero-title {
  margin: 0;

  max-width: 575px;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
  color: #fff;
  text-align: center;
}
.arw-hero-subtitle {
  margin-top: 14px;
}
.arw-hero .ar-cityform {
  margin-top: 30px;
}
.arw-hero-media {
  position: relative;
  margin-left: auto;
  margin-right: 128px;
  flex: none;
}
.arw-hero-media picture img {
  display: block;
  width: 537px;
  height: 537px;
  border-radius: 0 30px 30px 30px;
  object-fit: cover;
}

.arw-chip-delivery {
  top: 58px;
  right: -25px;
}
.arw-chip-repairs {
  top: 299px;
  left: -39px;
}
.arw-chip-save {
  top: 400px;
  right: -20px;
}

/* ---------- benefits (reuses aru-benefit cards) ---------- */
.arw-benefits {
  margin-top: 100px;
  padding: 0 var(--ar-gutter);
  text-align: center;
}
.arw-benefits .aru-benefit-cards {
  margin-top: 25px;
}

/* ---------- section rhythm ---------- */
.ara-how .ar-how-desc {
  max-width: 588px;
}
.ar-compare {
  padding-top: 108px;
}
.ar-compare-card {
  padding: 61px 0 50px;
}
.ara-how {
  margin-top: 100px;
}
.ar-popular {
  padding-top: 100px;
}
.ar-popular + .ar-review {
  padding-top: 100px;
}
.ar-review + .ar-areas {
  padding-top: 100px;
}
.arw-faq-wrap {
  margin-top: 100px;
}

/* ---------- FAQ simple list + SEO block ---------- */
.arw-faq-list {
  background: #fff;
  border: 1px solid var(--ar-border);
  border-radius: 20px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.07);
  padding: 10px 40px 14px;
}
.arw-faq-list .ar-faq-a {
  font-weight: 300;
  line-height: 32px;
}
.arw-faq-list .ar-faq-item:first-child {
  border-top: none;
}
.arw-seo-block {
  margin-top: 70px;
}

.page-content .ar-faq-cathead h2.arw-seo-heading {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: break-word;
  font-family: "Rubik", sans-serif;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-align: left;
}
.arw-seo-text p {
  margin: 0 0 18px;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #242424;
  text-align: left;
}

/* ---------- responsive ---------- */
@media (max-width: 1700px) {
  .arw-hero .ar-hero-content {
    margin-left: 60px;
  }
  .arw-chip-delivery,
  .arw-chip-save {
    right: -10px;
  }
  .arw-chip-repairs {
    left: -20px;
  }
}

@media (max-width: 1440px) {
  .arw-hero .ar-hero-content {
    margin-left: 20px;
  }
  .arw-hero-media {
    margin-right: 60px;
  }
  .arw-hero-media picture img {
    width: min(537px, 32vw);
    height: min(537px, 32vw);
  }
  .arw-chip-repairs {
    left: -12px;
  }
  .arw-chip-delivery,
  .arw-chip-save {
    right: -12px;
  }
  .arw-chip-repairs {
    top: 55%;
  }
  .arw-chip-save {
    top: 75%;
  }
}

@media (max-width: 1360px) {
  .arw-hero-title {
    font-size: 32px;
    line-height: 38px;
  }
}

@media (max-width: 1150px) {
  .arw-hero-media {
    margin: 45px auto 0;
  }
  .arw-hero-media picture img {
    width: min(537px, 82vw);
    height: auto;
  }
}

@media (max-width: 767px) {
  .arw-hero .ar-hero-content {
    margin: 0;
    width: 100%;
    max-width: 353px;
  }
  .arw-hero-title {
    font-size: 26px;
    line-height: 31px;
  }
  .arw-hero-subtitle {
    margin-top: 16px;
  }
  .arw-hero .ar-hero-inner {
    padding: 42px 20px 30px;
  }
  .arw-hero .ar-cityform {
    margin-top: 40px;
  }
  .arw-hero-media {
    margin-top: 33px;
  }
  .arw-hero-media picture img {
    width: 333px;
    max-width: 100%;
    height: auto;
    border-radius: 0 30px 30px 30px;
  }

  .arw-chip-repairs {
    top: 5.4%;
    left: auto;
    right: -10px;
  }
  .arw-chip-credit {
    top: 22.5%;
    left: -10px;
  }
  .arw-chip-delivery {
    top: 48%;
    right: -10px;
  }
  .arw-chip-upfront {
    top: 65.5%;
    left: -10px;
  }
  .arw-chip-save {
    top: 80.5%;
    right: -10px;
  }

  .ar-compare {
    padding-top: 90px;
  }
  .ar-compare-card {
    padding: 40px 0 50px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.26);
  }
  .ara-how {
    margin-top: 0;
  }
  .ar-popular {
    padding-top: 60px;
  }
  .ar-popular + .ar-review {
    padding-top: 60px;
  }
  .ar-review + .ar-areas {
    padding-top: 60px;
  }
  .arw-faq-wrap {
    margin-top: 60px;
  }
  .arw-faq-list {
    padding: 4px 20px 8px;
  }
  .arw-faq-list .ar-faq-a p {
    line-height: 1.4;
  }
  .arw-benefits {
    margin-top: 60px;
    padding: 0 20px;
  }
  .arw-seo-block {
    margin-top: 40px;
  }
  .arw-seo-text p {
    font-size: 16px;
    line-height: 24px;
  }
}