/* ==========================================================================
   PULSEHEAVEN – HOW TO SELL
   ========================================================================== */

/* PAGE INNER WRAPPER */
.hts-page-inner {
  padding: 2em 20px 20px;  /* keep 20px bottom */
}

/* HERO TAGLINE CENTERED */
.hts-tagline {
  text-align: center;
  margin-bottom: 2rem;     /* extra breathing room */
}

/* HEADINGS CENTERED */
.hts-page-inner h1,
.hts-page-inner h2 {
  text-align: center;
}

/* SECTION SPACING */
.hts-section {
  margin: 6rem 0;           /* more space between sections */
}
.hts-section:first-of-type {
  margin-top: 4rem;         /* a bit less under hero */
}
/* remove extra bottom space after last section */
.hts-page-inner .hts-section:last-of-type {
  margin-bottom: 0;
}

/* GENERAL TYPOGRAPHY ALIGNMENT */
.hts-text-block p,
.hts-list {
  max-width: 65%;
  margin: 0 auto 1.5rem;    /* more bottom spacing */
  text-align: justify;
}
@media (max-width:46.24em) {
  .hts-text-block p,
  .hts-list {
    max-width: 100%;
  }
}

/* HERO IMAGE (30/40/100%) */
.hts-img-hero img {
  width: 30%;
  height: auto;
  display: block;
  margin: 3rem auto 4rem;   /* extra top/bottom space */
}
@media (max-width:61.24em) {
  .hts-img-hero img { width: 40%; }
}
@media (max-width:46.24em) {
  .hts-img-hero img { width: 100%; }
}

/* STRIPE IMAGE (20/30/80%) */
.hts-img-stripe img {
  width: 20%;
  height: auto;
  display: block;
  margin: 3rem auto 1.5rem; /* extra breathing room */
}
@media (max-width:61.24em) {
  .hts-img-stripe img { width: 30%; }
}
@media (max-width:46.24em) {
  .hts-img-stripe img { width: 80%; }
}

/* THUMBNAIL IMAGE PAIR (40% each + overlap) */
.hts-thumb-pair {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;                /* more gap between images */
  margin-top: 3rem;         /* extra space above */
}
.hts-thumb-pair figure {
  width: 40%;               /* narrower columns */
}
.hts-thumb-pair img {
  width: 100%;
  height: auto;
}
@media (min-width:46.25em) {
  .overlap-right {
    position: relative;
    margin-left: -80px;
    margin-top: 40px;
    z-index: 2;
  }
}
@media (max-width:46.24em) {
  .overlap-right {
    position: static !important;
    margin: 0 !important;
    z-index: auto !important;
  }
  .hts-thumb-pair figure {
    width: 100%;
  }
}

/* SOLD IMAGE (40/100%) */
.hts-img-sold img {
  width: 40%;
  height: auto;
  display: block;
  margin: 3rem auto 1.5rem;
}
@media (max-width:46.24em) {
  .hts-img-sold img { width: 100%; }
}

/* SHIPPING IMAGE (35/100%) */
.hts-img-ship img {
  width: 35%;
  height: auto;
  display: block;
  margin: 3rem auto 1.5rem;
}
@media (max-width:46.24em) {
  .hts-img-ship img { width: 100%; }
}

/* LIST STYLING */
.hts-list {
  max-width: 65%;
  margin: 0 auto 1.5rem;
  padding-left: 1.25rem;
  list-style: disc;
}
@media (max-width:46.24em) {
  .hts-list { max-width: 100%; }
}
.hts-list li {
  margin-bottom: .75rem;    /* a bit more between list items */
}