/* /resellers/ (2026-10-09). Built on pages-g3-buy.css; only what that sheet lacks lives here. */

/* hero (Tom 10-09 file_676): his bench image has the left fade baked in, so at 64rem+ it runs full-bleed behind the text
   (same treatment as the partner pages' .pv-hero--bg); phones get the photo-side crop. */
@media (min-width: 64rem) {
  .bv-hero.rs-hero .hero__photo { left: 0; }
  .bv-hero.rs-hero .hero__photo img { object-position: 100% 50%; }
  .bv-hero.rs-hero .hero__photo::after { background: linear-gradient(0deg, rgb(18 19 17 / 0.3) 0%, rgb(18 19 17 / 0) 34%); }
}
/* at every desktop width, not only to 79.99rem as on the partner pages: this image's baked fade ends under the sub line at 1280
   and 1920 alike (bottles behind the text); the technician sits at 70%+ so the fade never reaches her */
@media (min-width: 64rem) {
  .bv-hero.rs-hero .hero__photo::after { background:
    linear-gradient(90deg, var(--ink) 0%, var(--ink) 38%, rgb(18 19 17 / 0.7) 50%, rgb(18 19 17 / 0.25) 60%, rgb(18 19 17 / 0) 70%),
    linear-gradient(0deg, rgb(18 19 17 / 0.3) 0%, rgb(18 19 17 / 0) 34%); } }

/* "Stock you can put your name on": four bold-led points, lime dots as in .bv-org__notes */
.rs-get__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4); max-width: 38rem; }
.rs-get__list li { position: relative; padding-left: 20px; font-size: 1.0625rem; line-height: 1.55; color: var(--text-2); text-wrap: pretty; }
.rs-get__list li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.rs-get__list strong { color: var(--ink); font-weight: 700; }
.rs-get .bv-refurb__text .h2 { max-width: 13ch; }

/* why: two short leads read as one paragraph pair, the second a step quieter */
.rs-why .bv-org__lead + .bv-org__lead { color: var(--text-2); }
.rs-why .bv-org__head .h2 { max-width: 14ch; }
/* the full-bleed playbook band already pads inside itself; its section-y margin doubled the white gap after #why */
.rs-why + .pb-band.sc-pb { margin-top: 0; }

/* Tom 10-09 "grainy?": at 64rem+ the hero never scales past its file's native width (right-anchored inside the photo box;
   the image's own left fade meets the ink). Was 1280; his full-size original (1672 wide) now ships as a 1672w JPEG. */
@media (min-width: 64rem) {
  .bv-hero.rs-hero .hero__photo picture { display: flex; justify-content: flex-end; height: 100%; }
  .bv-hero.rs-hero .hero__photo img { width: min(100%, 1672px); height: 100%; }
}