/* Platform theme/app singles — layout formerly provided by Elementor.
   Section IDs match the Elementor template for plugin CSS compatibility. */

.kt-platform-single {
  background: var(--kt-paper-100, #fff);
  color: var(--text-body, #1a1714);
}

.kt-platform-intro {
  max-width: 1300px;
  margin-inline: auto;
  padding-inline: var(--gutter, 1.25rem);
  padding-block: 3em;
  background: #fff;
}

.kt-platform-intro__row {
  display: grid;
  gap: 40px;
  align-items: start;
}

/* RTL: purchase column on the inline-start (right in Arabic), matching
   Elementor flex_direction:row-reverse on LTR-oriented builder. */
@media (min-width: 960px) {
  .kt-platform-intro__row {
    grid-template-columns: minmax(0, 35%) minmax(0, 65%);
  }

  [dir="rtl"] .kt-platform-intro__row {
    grid-template-columns: minmax(0, 65%) minmax(0, 35%);
  }

  [dir="rtl"] .kt-platform-aside {
    order: 2;
  }

  [dir="rtl"] .kt-platform-content {
    order: 1;
  }

  [dir="ltr"] .kt-platform-aside {
    order: 1;
  }

  [dir="ltr"] .kt-platform-content {
    order: 2;
  }
}

#sticky-purchase-column,
.kt-platform-aside {
  position: relative;
}

@media (min-width: 960px) {
  #sticky-purchase-column,
  .kt-platform-aside {
    position: sticky;
    top: 88px;
    align-self: start;
  }
}

.kt-platform-aside > * + * {
  margin-block-start: 1.25rem;
}

.kt-platform-content {
  min-width: 0;
}

.kt-platform-content .entry-content,
.kt-platform-content > *:not(:first-child) {
  margin-block-start: 1.5rem;
}

/* Long-form product description inside the content column */
.kt-platform-content .entry-content,
.kt-platform-content {
  font-size: var(--fs-body, 1rem);
  line-height: var(--lh-body, 1.85);
}

.kt-platform-content h2,
.kt-platform-content h3 {
  font-family: var(--font-display);
  font-weight: var(--fw-display, 700);
  line-height: var(--lh-title, 1.45);
  color: var(--text-strong);
  margin-block: 2rem 0.75rem;
}

.kt-platform-band {
  background: #fff;
  padding-block: 0;
}

.kt-platform-band--muted {
  background: #f1f1f1;
}

.kt-platform-band--night {
  background: #1e1e1e;
  color: #faf5ee;
}

.kthb-product-page-inner-section {
  max-width: 1300px;
  margin-inline: auto;
  padding-inline: var(--gutter, 1.25rem);
  padding-block: clamp(2rem, 4vw, 3.5rem);
}

@media (max-width: 959px) {
  .kt-platform-intro {
    padding-block: 2em;
  }

  #sticky-purchase-column,
  .kt-platform-aside {
    position: static;
  }
}