/**
 * 약관 iframe용 sellvit 토큰 셸.
 * tokens/sellvit.css light theme 값과 동기화 유지.
 * 셀러 HTML 인라인 스타일은 덮어쓰지 않는다(셸·크롬만).
 */
:root {
  --sellvit-font-family-sans: "Pretendard Variable", Pretendard, -apple-system,
    system-ui, sans-serif;
  --sellvit-font-weight-regular: 400;
  --sellvit-font-weight-medium: 500;
  --sellvit-font-weight-semibold: 600;
  --sellvit-font-weight-bold: 700;

  --sellvit-typography-font-size-heading-1: 22px;
  --sellvit-typography-font-size-heading-2: 20px;
  --sellvit-typography-font-size-headline-1: 18px;
  --sellvit-typography-font-size-headline-2: 16px;
  --sellvit-typography-font-size-body-1-reading: 16px;
  --sellvit-typography-font-size-body-2-reading: 14px;

  --sellvit-typography-line-height-heading-1: 30px;
  --sellvit-typography-line-height-heading-2: 28px;
  --sellvit-typography-line-height-headline-1: 26px;
  --sellvit-typography-line-height-headline-2: 24px;
  --sellvit-typography-line-height-body-1-reading: 26px;
  --sellvit-typography-line-height-body-2-reading: 24px;

  --sellvit-typography-letter-spacing-heading-1: -0.4268px;
  --sellvit-typography-letter-spacing-heading-2: -0.24px;
  --sellvit-typography-letter-spacing-headline-1: -0.036px;
  --sellvit-typography-letter-spacing-headline-2: 0;
  --sellvit-typography-letter-spacing-body-1-reading: 0.0912px;
  --sellvit-typography-letter-spacing-body-2-reading: 0.1344px;

  --sellvit-space-2: 8px;
  --sellvit-space-3: 12px;
  --sellvit-space-4: 16px;
  --sellvit-space-6: 24px;
  --sellvit-radius-medium: 8px;
  --sellvit-shadow-100: 0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;

  --sellvit-color-background-default: #f8f8fa;
  --sellvit-color-surface-primary-default: #1c1d22;
  --sellvit-color-surface-primary-hover: #26262c;
  --sellvit-color-surface-primary-pressed: #46464e;
  --sellvit-color-surface-secondary-subtle-default: #efeff2;
  --sellvit-color-text-primary-default: #1c1d22;
  --sellvit-color-text-primary-subtle-default: #f8f8fa;
  --sellvit-color-text-secondary-default: #71717e;
  --sellvit-color-border-secondary-subtle-default: #efeff2;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0 auto;
  max-width: 800px;
  padding: var(--sellvit-space-6);
  padding-bottom: 5rem;
  background: var(--sellvit-color-background-default);
  color: var(--sellvit-color-text-primary-default);
  font-family: var(--sellvit-font-family-sans);
  font-size: var(--sellvit-typography-font-size-body-2-reading);
  font-weight: var(--sellvit-font-weight-regular);
  line-height: var(--sellvit-typography-line-height-body-2-reading);
  letter-spacing: var(--sellvit-typography-letter-spacing-body-2-reading);
}

h1 {
  margin: 0 0 var(--sellvit-space-6);
  color: var(--sellvit-color-text-primary-default);
  font-size: var(--sellvit-typography-font-size-heading-1);
  font-weight: var(--sellvit-font-weight-semibold);
  line-height: var(--sellvit-typography-line-height-heading-1);
  letter-spacing: var(--sellvit-typography-letter-spacing-heading-1);
}

h2 {
  margin: 0 0 var(--sellvit-space-4);
  color: var(--sellvit-color-text-primary-default);
  font-size: var(--sellvit-typography-font-size-headline-1);
  font-weight: var(--sellvit-font-weight-semibold);
  line-height: var(--sellvit-typography-line-height-headline-1);
  letter-spacing: var(--sellvit-typography-letter-spacing-headline-1);
}

h3 {
  margin: 0 0 var(--sellvit-space-4);
  color: var(--sellvit-color-text-primary-default);
  font-size: var(--sellvit-typography-font-size-headline-2);
  font-weight: var(--sellvit-font-weight-semibold);
  line-height: var(--sellvit-typography-line-height-headline-2);
  letter-spacing: var(--sellvit-typography-letter-spacing-headline-2);
}

p {
  margin: 0 0 var(--sellvit-space-4);
}

.section {
  margin-bottom: var(--sellvit-space-6);
}

.section-google {
  border: 1px solid var(--sellvit-color-border-secondary-subtle-default);
  border-radius: var(--sellvit-radius-medium);
  padding: var(--sellvit-space-4) var(--sellvit-space-6) var(--sellvit-space-6);
  background: var(--sellvit-color-surface-secondary-subtle-default);
}

.section-google h2 {
  margin-top: 0;
  margin-bottom: var(--sellvit-space-3);
}

ol,
ul {
  margin: 0 0 var(--sellvit-space-4);
  padding-left: var(--sellvit-space-6);
}

li + li {
  margin-top: var(--sellvit-space-2);
}

.popup-header {
  display: none;
}

.fixed-close-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  padding: var(--sellvit-space-4) var(--sellvit-space-6);
  border: none;
  background: var(--sellvit-color-surface-primary-default);
  color: var(--sellvit-color-text-primary-subtle-default);
  font-family: inherit;
  font-size: var(--sellvit-typography-font-size-headline-2);
  font-weight: var(--sellvit-font-weight-semibold);
  line-height: var(--sellvit-typography-line-height-headline-2);
  letter-spacing: var(--sellvit-typography-letter-spacing-headline-2);
  cursor: pointer;
  box-shadow: var(--sellvit-shadow-100);
}

.fixed-close-btn:hover {
  background: var(--sellvit-color-surface-primary-hover);
}

.fixed-close-btn:active {
  background: var(--sellvit-color-surface-primary-pressed);
}