/* About — Woopy Tech Store inspired layout */
/* Ref: https://tech-store.woopy.ancorathemes.com/about-us/ */

.tjs-page-about .tjs-page-blocks {
  max-width: var(--tjs-max, 1320px);
  padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

.tjs-page-about .tjs-page-blocks > * + * {
  margin-top: clamp(3rem, 6vw, 5rem);
}

.tjs-page-about .tjs-section-header__eyebrow {
  margin: 0 0 .65rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tjs-accent, #e8472a);
}

.tjs-page-about .tjs-section-header__title,
.tjs-page-about .wp-block-heading {
  font-family: var(--tjs-display, Georgia, serif);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.2;
}

/* Hero */
.tjs-page-about .tjs-about-hero {
  text-align: center;
  padding: clamp(1.5rem, 4vw, 2.75rem) 0 .5rem;
  max-width: 760px;
  margin-inline: auto;
}
.tjs-page-about .tjs-about-hero__title {
  margin: 0 0 1rem !important;
  font-size: clamp(2.1rem, 4.5vw, 3.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}
.tjs-page-about .tjs-about-hero__text {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--tjs-muted, #6b6b6b);
}

/* Why choose us — photo + copy */
.tjs-page-about .tjs-about-why .wp-block-columns {
  align-items: center;
  gap: clamp(1.75rem, 4vw, 3.5rem) !important;
}
.tjs-page-about .tjs-about-why__photo img,
.tjs-page-about .tjs-about-why img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 0;
  display: block;
}
.tjs-page-about .tjs-about-why .tjs-section-header__title {
  margin: 0 0 1rem;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
}
.tjs-page-about .tjs-about-why p {
  color: var(--tjs-muted, #6b6b6b);
  line-height: 1.7;
  font-size: 1.02rem;
}
.tjs-page-about .tjs-about-why__sign {
  margin-top: 1.5rem !important;
  color: var(--tjs-ink, #1a1a1a) !important;
  line-height: 1.45 !important;
}
.tjs-page-about .tjs-about-why__sign strong {
  display: block;
  font-size: 1.05rem;
  font-family: var(--tjs-display, Georgia, serif);
  font-weight: 600;
}
.tjs-page-about .tjs-about-why__sign em {
  font-style: normal;
  font-size: .85rem;
  color: var(--tjs-muted, #6b6b6b);
}

/* Brands / about band + stats */
.tjs-page-about .tjs-about-brands-band {
  padding: clamp(2rem, 4vw, 3rem) 0;
}
.tjs-page-about .tjs-about-brands-band .wp-block-columns {
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.75rem) !important;
}
.tjs-page-about .tjs-about-brands-band .tjs-section-header__title {
  margin: 0 0 .85rem;
  font-size: clamp(1.55rem, 2.8vw, 2.15rem);
}
.tjs-page-about .tjs-about-brands-band p {
  color: var(--tjs-muted, #6b6b6b);
  line-height: 1.65;
}
.tjs-page-about .tjs-about-brands-band__actions {
  margin-top: 1.35rem !important;
  gap: .65rem !important;
}
.tjs-page-about .tjs-about-brands-band__actions .wp-block-button__link {
  min-height: 46px;
  padding: .7rem 1.35rem;
  border-radius: 0;
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.tjs-page-about .tjs-about-brands-band__actions .is-style-outline .wp-block-button__link {
  border: 1.5px solid var(--tjs-ink, #1a1a1a);
  color: var(--tjs-ink, #1a1a1a);
  background: transparent;
}
.tjs-page-about .tjs-about-brands-band__actions .is-style-fill .wp-block-button__link,
.tjs-page-about .tjs-about-brands-band__actions .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--tjs-accent, #e8472a);
  border: 1.5px solid var(--tjs-accent, #e8472a);
  color: #fff;
}

.tjs-page-about .tjs-about-stats {
  gap: 1.5rem !important;
}
.tjs-page-about .tjs-about-stats .wp-block-column {
  padding: 1.35rem 1.15rem;
  background: #f7f7f7;
  border: 0;
}
.tjs-page-about .tjs-about-stats__num {
  margin: 0 0 .35rem !important;
  font-family: var(--tjs-display, Georgia, serif) !important;
  font-size: clamp(2.4rem, 4vw, 3.25rem) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: var(--tjs-ink, #1a1a1a);
}
.tjs-page-about .tjs-about-stats__label {
  margin: 0 0 .55rem !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: var(--tjs-font, sans-serif) !important;
}
.tjs-page-about .tjs-about-stats__text {
  margin: 0 !important;
  font-size: .88rem;
  line-height: 1.55;
  color: var(--tjs-muted, #6b6b6b);
}

/* Full-bleed visual */
.tjs-page-about .tjs-about-visual {
  margin-inline: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}
.tjs-page-about .tjs-about-visual img {
  width: 100%;
  max-height: min(62vh, 560px);
  object-fit: cover;
  display: block;
  border-radius: 0;
}

.tjs-page-about .entry-content > *,
.tjs-page-about .tjs-page-blocks > * {
  margin-block: 0;
}

/* Forms */
.tjs-page-about .tjs-form,
.tjs-page-blocks .tjs-form {
  display: grid;
  gap: 1.15rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--tjs-line, #ebebeb);
  background: #fff;
  border-radius: 12px;
  max-width: 640px;
}
.tjs-page-about input[type="text"],
.tjs-page-about input[type="email"],
.tjs-page-about input[type="tel"],
.tjs-page-about textarea,
.tjs-page-blocks input[type="text"],
.tjs-page-blocks input[type="email"],
.tjs-page-blocks textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--tjs-line, #ebebeb);
  border-radius: 8px;
  padding: .85rem 1rem;
  background: #fafafa;
  font-family: inherit;
  font-size: .95rem;
}

@media (max-width: 781px) {
  .tjs-page-about .tjs-about-why .wp-block-columns {
    flex-direction: column;
  }
  .tjs-page-about .tjs-about-visual {
    margin-inline: 0;
    width: 100%;
    max-width: 100%;
  }
}