/**
 * SEO/애드센스 본문: HTML(DOM) 순서는 페이지 루트 상단, 화면 표시는 flex order로 하단.
 * display:none·visibility:hidden·opacity:0·height:0 등 숨김 처리 금지.
 */

.brand-detail-page--html-priority,
.compare-detail-page--html-priority,
.yearly-compare-page--html-priority,
.page-root--html-priority {
  display: flex;
  flex-direction: column;
}

.brand-detail-page--html-priority .brand-detail-main-content,
.compare-detail-page--html-priority .compare-detail-main-content,
.yearly-compare-page--html-priority .yearly-compare-main-content,
.page-root--html-priority .page-main-content {
  order: 1;
  min-width: 0;
}

.seo-content.seo-content--html-priority {
  order: 20;
  margin-top: 48px;
}

.brand-detail-page--html-priority .brand-detail-bottom-chrome,
.compare-detail-page--html-priority .compare-detail-seo-footer,
.yearly-compare-page--html-priority .brand-detail-bottom-chrome {
  order: 21;
}

.compare-detail-page--html-priority > .compare-page-bottom-stack.brand-detail-page--ftc {
  order: 22;
}

.brand-detail-page--html-priority > .seo-mini-wrap,
.yearly-compare-page--html-priority > .seo-mini-wrap {
  order: 23;
}

/* SEO가 첫 자식일 때 하단 여백: 기존 > .seo-content 규칙 대체 */
.brand-detail-page--html-priority > .seo-content.seo-content--html-priority,
.yearly-compare-page--html-priority > .seo-content.seo-content--html-priority {
  margin-top: 48px;
}

.compare-detail-page--html-priority > .compare-seo-content.seo-content--html-priority {
  margin-top: 48px;
}

@media (max-width: 768px) {
  .seo-content.seo-content--html-priority,
  .brand-detail-page--html-priority > .seo-content.seo-content--html-priority,
  .compare-detail-page--html-priority > .compare-seo-content.seo-content--html-priority,
  .yearly-compare-page--html-priority > .seo-content.seo-content--html-priority {
    margin-top: 32px;
  }
}
