/**
 * Lightweight presentation for category copy migrated from Flatsome term
 * fields into editable UX Blocks. No category slugs, product IDs or copy.
 */

.phadin-native-product-archive .phadin-native-migrated-content {
  --phadin-archive-green: #087b50;
  --phadin-archive-green-dark: #155240;
  --phadin-archive-ink: #243a33;
  --phadin-archive-muted: #63736d;
  --phadin-archive-line: rgba(8, 123, 80, 0.14);
  color: var(--phadin-archive-ink);
  font-size: 1rem;
  line-height: 1.7;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  > * + * {
  margin-top: 24px;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-category-hero,
    .phadin-category-intro,
    .phadin-hero-intro,
    .phadin-subcat-hero,
    .phadin-category-proof,
    .phadin-quick-choose,
    .phadin-subcat-links,
    .phadin-subcat-guide,
    .phadin-category-guide,
    .phadin-consult-box,
    .phadin-consultation-block,
    .phadin-project-cta,
    .phadin-mxstcn-accessory-showcase
  ) {
  overflow: hidden;
  margin-bottom: 20px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--phadin-archive-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(18, 67, 51, 0.05);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-category-hero__inner,
    .phadin-hero-intro,
    .phadin-subcat-hero,
    .phadin-juice-hero-grid
  ) {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.85fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-hero-strip,
    .phadin-process-strip,
    .phadin-juice-hero-steps
  ) {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-hero-strip,
    .phadin-process-strip,
    .phadin-juice-hero-steps
  )
  > * {
  padding: 12px 14px;
  border-radius: 9px;
  background: #edf7f2;
  color: var(--phadin-archive-green-dark);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-category-eyebrow,
    .phadin-section-kicker,
    .phadin-quick-kicker,
    .phadin-subcat-kicker,
    .phadin-quick-eyebrow
  ) {
  margin-bottom: 8px;
  color: var(--phadin-archive-green);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(h2, h3) {
  color: var(--phadin-archive-green-dark);
  line-height: 1.3;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  h2 {
  margin-bottom: 12px;
  font-size: clamp(1.35rem, 2.3vw, 2rem);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  h3 {
  margin-bottom: 8px;
  font-size: 1.08rem;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-category-hero__desc,
    .phadin-hero-copy,
    .phadin-section-lead,
    .phadin-subcat-copy
  ) {
  color: var(--phadin-archive-muted);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-category-hero__actions,
    .phadin-hero-cta,
    .phadin-category-cta,
    .phadin-subcat-cta
  ) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.button, .phadin-subcat-btn, .phadin-mxstcn-button) {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 9px 16px;
  border: 1px solid var(--phadin-archive-green);
  border-radius: 8px;
  color: var(--phadin-archive-green);
  font-weight: 700;
  line-height: 1.3;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .button.primary,
    .phadin-subcat-btn.primary,
    .phadin-mxstcn-button.primary
  ) {
  background: var(--phadin-archive-green);
  color: #fff;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-operation-card,
    .phadin-hero-panel,
    .phadin-subcat-panel,
    .phadin-category-proof,
    .phadin-juice-proof-panel
  ) {
  padding: 20px;
  border: 1px solid var(--phadin-archive-line);
  border-radius: 12px;
  background: #f7faf8;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-quick-grid,
    .phadin-subcat-link-grid,
    .phadin-proof-grid,
    .phadin-reason-grid,
    .phadin-mxstcn-accessory-grid
  ) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-quick-card,
    .phadin-subcat-link-card,
    .phadin-proof-item,
    .phadin-reason-card,
    .phadin-mxstcn-accessory-card
  ) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--phadin-archive-line);
  border-radius: 10px;
  background: #fff;
  color: var(--phadin-archive-ink);
  box-shadow: 0 5px 16px rgba(18, 67, 51, 0.04);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(
    .phadin-quick-card,
    .phadin-subcat-link-card,
    .phadin-proof-item
  )
  strong {
  color: var(--phadin-archive-green-dark);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-quick-icon, .phadin-reason-icon) {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #eaf6f0;
  color: var(--phadin-archive-green);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-quick-icon, .phadin-reason-icon)
  svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-table-wrap, .phadin-subcat-table-wrap) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  background: #fff;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(th, td) {
  padding: 11px 12px;
  border: 1px solid #e5ece8;
  text-align: left;
  vertical-align: top;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  th {
  background: #edf7f2;
  color: var(--phadin-archive-green-dark);
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-subcat-faq-item, .phadin-faq-item) {
  margin-bottom: 10px;
  padding: 16px 18px;
  border: 1px solid var(--phadin-archive-line);
  border-radius: 10px;
  background: #fff;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-subcat-faq-answer, .phadin-faq-answer) {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: 8px;
}

.phadin-native-product-archive
  .phadin-native-migrated-content
  :where(.phadin-faq-toggle, .phadin-faq-question) {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: var(--phadin-archive-green-dark);
  font: inherit;
  font-weight: 700;
  text-align: left;
  cursor: default;
}

@media (max-width: 849px) {
  .phadin-native-product-archive
    .phadin-native-migrated-content
    :where(
      .phadin-category-hero__inner,
      .phadin-hero-intro,
      .phadin-subcat-hero,
      .phadin-juice-hero-grid
    ) {
    grid-template-columns: 1fr;
  }

  .phadin-native-product-archive
    .phadin-native-migrated-content
    :where(
      .phadin-quick-grid,
      .phadin-subcat-link-grid,
      .phadin-proof-grid,
      .phadin-reason-grid,
      .phadin-mxstcn-accessory-grid
    ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 549px) {
  .phadin-native-product-archive
    .phadin-native-migrated-content
    :where(
      .phadin-category-hero,
      .phadin-category-intro,
      .phadin-hero-intro,
      .phadin-subcat-hero,
      .phadin-category-proof,
      .phadin-quick-choose,
      .phadin-subcat-links,
      .phadin-subcat-guide,
      .phadin-category-guide,
      .phadin-consult-box,
      .phadin-consultation-block,
      .phadin-project-cta,
      .phadin-mxstcn-accessory-showcase
    ) {
    padding: 18px;
    border-radius: 11px;
  }

  .phadin-native-product-archive
    .phadin-native-migrated-content
    :where(
      .phadin-hero-strip,
      .phadin-process-strip,
      .phadin-juice-hero-steps,
      .phadin-quick-grid,
      .phadin-subcat-link-grid,
      .phadin-proof-grid,
      .phadin-reason-grid,
      .phadin-mxstcn-accessory-grid
    ) {
    grid-template-columns: 1fr;
  }
}