/*
 * ApplyTM v3.8.2.26
 * Maps the independent English-site templates to the latest Pinkeman
 * public-site visual system without changing English content or pricing.
 */

.applytm-cn-sync {
  --pm-navy: #071c3c;
  --pm-blue: #075bd8;
  --pm-line: #dfe7f2;
  --pm-muted: #617087;
  --ui-navy: #071c3c;
  --ui-blue: #075bd8;
  --ui-line: #dfe7f2;
  --ui-muted: #617087;
  --ui-shadow: 0 18px 55px rgba(16, 49, 90, .13);
  color: #10213d;
  background: #fff;
}

.applytm-cn-sync .ps-wrap {
  width: min(1240px, calc(100% - 48px));
  max-width: 1240px;
}

/* Shared header and footer */
.applytm-cn-sync .ps-header {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid #e8eef6;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(18px);
}

.applytm-cn-sync .ps-header-inner { min-height: 78px; }
.applytm-cn-sync .ps-logo strong { color: var(--pm-navy); font-size: 24px; letter-spacing: .18em; }
.applytm-cn-sync .ps-logo span { color: #617087; font-size: 10px; letter-spacing: .12em; }
.applytm-cn-sync .ps-nav { gap: 25px; }
.applytm-cn-sync .ps-nav a { color: #263750; font-size: 15px; font-weight: 700; white-space: nowrap; }
.applytm-cn-sync .ps-nav a.active,
.applytm-cn-sync .ps-nav a:hover { color: var(--pm-blue); }
.applytm-cn-sync .ps-language { border-color: #d8e2ef; color: #22344f; }
.applytm-cn-sync .ps-footer { background: #071c3c; }

/* Homepage: keep ApplyTM copy while using the Chinese site's current geometry. */
.applytm-cn-sync .atm-hero.cn-hero {
  min-height: 620px;
  padding: 90px 0;
  background:
    radial-gradient(circle at 82% 34%, rgba(39, 131, 255, .30), transparent 28%),
    linear-gradient(125deg, #061d43, #075bc9);
}

.applytm-cn-sync .atm-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .65fr); gap: 68px; }
.applytm-cn-sync .atm-hero h1 { max-width: 820px; font-size: clamp(44px, 5vw, 68px); line-height: 1.08; letter-spacing: -.04em; }
.applytm-cn-sync .atm-globe-card { min-height: 360px; border-radius: 28px; }
.applytm-cn-sync .atm-hero-actions .ps-button,
.applytm-cn-sync .atm-button-secondary { min-height: 48px; padding: 0 22px; border-radius: 10px; }
.applytm-cn-sync .ps-section { padding: 78px 0; }
.applytm-cn-sync .ps-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.applytm-cn-sync .ps-service-card { min-height: 270px; border-radius: 18px; }
.applytm-cn-sync .atm-feature-grid article,
.applytm-cn-sync .atm-process-grid article,
.applytm-cn-sync .atm-popular-card,
.applytm-cn-sync .atm-insight-grid article { border-color: var(--pm-line); border-radius: 18px; }
.applytm-cn-sync .atm-final-cta.cn-final-cta { background: linear-gradient(115deg, #061d43, #075bc9); }

/* Business list pages. The v3.8.2.25 filtering script keeps control of paging. */
.applytm-cn-sync .atm-list-hero.cn-list-hero {
  min-height: 360px !important;
  padding: 78px 0 96px !important;
  display: grid;
  align-items: center !important;
  background:
    radial-gradient(circle at 80% 50%, rgba(31, 125, 255, .55), transparent 30%),
    linear-gradient(125deg, #061d43, #075bc9);
}

.applytm-cn-sync .atm-list-hero h1 { color: #fff; font-size: clamp(40px, 5vw, 64px); }
.applytm-cn-sync .atm-list-hero p { color: #dcecff; }
.applytm-cn-sync .atm-list-toolbar.cn-list-toolbar {
  margin-top: -42px;
  position: relative;
  z-index: 4;
  padding: 24px;
  border: 1px solid var(--pm-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--ui-shadow);
}
.applytm-cn-sync .atm-cn-list-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
.applytm-cn-sync .atm-cn-region-nav button { min-height: 52px; }
.applytm-cn-sync .atm-cn-list-results .atm-country-card { min-height: 335px; border-radius: 18px; }

/* Quote details: exact class family used by the latest Chinese site. */
.applytm-cn-sync .cn-detail-hero {
  padding: 70px 0;
  background: linear-gradient(130deg, #f7fbff, #e4f2ff);
}

.applytm-cn-sync .cn-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  align-items: center;
  gap: 55px;
}

.applytm-cn-sync .cn-detail-hero .ps-breadcrumb { padding-top: 0; }
.applytm-cn-sync .cn-detail-title h1 {
  margin: 10px 0 24px;
  color: var(--pm-navy);
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.12;
  letter-spacing: -.03em;
}
.applytm-cn-sync .cn-detail-hero p:last-child { max-width: 760px; color: var(--pm-muted); line-height: 1.75; }
.applytm-cn-sync .cn-detail-visual { height: 250px; }
.applytm-cn-sync .cn-detail-flag-stage .atm-country-monogram {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border-radius: 0;
  background: linear-gradient(135deg, #082c61, #1171d2);
  color: #fff;
  font-size: 72px;
}
.applytm-cn-sync .cn-detail-body { padding-top: 32px; padding-bottom: 84px; }
.applytm-cn-sync .pq-service-tabs.pq-detail-tabs { margin-bottom: 34px; }
.applytm-cn-sync .pq-quote {
  overflow: hidden;
  border: 1px solid var(--pm-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(13, 48, 88, .08);
}
.applytm-cn-sync .pq-quote > header { padding: 32px 28px 26px; }
.applytm-cn-sync .pq-quote header h2 { margin: 0 0 5px; color: var(--pm-navy); font-size: 28px; }
.applytm-cn-sync .pq-quote header p { margin: 0; color: var(--pm-muted); }
.applytm-cn-sync .pq-price-table thead { background: #edf4fc; }
.applytm-cn-sync .pq-price-table th,
.applytm-cn-sync .pq-price-table td { padding: 20px; }
.applytm-cn-sync .pq-stage-summary { border-top: 1px solid var(--pm-line); }
.applytm-cn-sync .pq-quote footer { background: #f8fbff; }
.applytm-cn-sync .pq-content-sections > section {
  margin-bottom: 18px !important;
  padding: 26px 30px !important;
  border: 1px solid var(--pm-line) !important;
  border-radius: 18px !important;
  background: #fff;
}
.applytm-cn-sync .applytm-cta {
  margin-top: 28px;
  padding: 32px;
  border-radius: 18px;
  background: linear-gradient(115deg, #0a2b62, #1266e5);
  box-shadow: var(--ui-shadow);
}

/* Registration, news, articles, About and Contact use the same page frame. */
.applytm-cn-sync .ps-page-head {
  min-height: 300px;
  display: grid;
  align-items: center;
  padding: 72px 0;
  background:
    radial-gradient(circle at 82% 50%, rgba(37, 133, 255, .32), transparent 28%),
    linear-gradient(125deg, #061d43, #075bc9);
  color: #fff;
}
.applytm-cn-sync .ps-page-head h1 { margin: 10px 0 14px; color: #fff; font-size: clamp(40px, 5vw, 62px); }
.applytm-cn-sync .ps-page-head p { max-width: 760px; color: #dcecff; font-size: 18px; line-height: 1.7; }
.applytm-cn-sync .ps-static-content,
.applytm-cn-sync .applytm-registration,
.applytm-cn-sync .ps-contact-form {
  border: 1px solid var(--pm-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(13, 48, 88, .08);
}
.applytm-cn-sync .ps-about-hero { background: linear-gradient(125deg, #061d43, #075bc9); }
.applytm-cn-sync .ps-about-band { border-radius: 17px; box-shadow: var(--ui-shadow); }
.applytm-cn-sync .ps-blog-item { border-color: var(--pm-line); border-radius: 18px; }
.applytm-cn-sync .ps-empty { padding: 80px 24px; text-align: center; }

/* Floating tools remain usable above all synced layouts. */
.applytm-cn-sync .pfw-toolbar { z-index: 90; }

@media (max-width: 1050px) {
  .applytm-cn-sync .atm-hero-grid,
  .applytm-cn-sync .cn-detail-hero-grid { grid-template-columns: 1fr; }
  .applytm-cn-sync .ps-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .applytm-cn-sync .atm-cn-list-results .atm-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .applytm-cn-sync .atm-cn-list-layout { grid-template-columns: 1fr; }
  .applytm-cn-sync .atm-cn-region-nav { position: static; display: flex; overflow-x: auto; margin-top: 0; }
  .applytm-cn-sync .atm-list-toolbar.cn-list-toolbar { margin-top: -24px; }
}

@media (max-width: 720px) {
  .applytm-cn-sync .ps-wrap { width: calc(100% - 28px); }
  .applytm-cn-sync .ps-header-inner { min-height: 64px; }
  .applytm-cn-sync .ps-logo strong { font-size: 19px; }
  .applytm-cn-sync .ps-nav { top: 64px; }
  .applytm-cn-sync .atm-hero.cn-hero { min-height: auto; padding: 68px 0; }
  .applytm-cn-sync .atm-hero h1 { font-size: 40px; }
  .applytm-cn-sync .ps-section { padding: 56px 0; }
  .applytm-cn-sync .ps-service-grid,
  .applytm-cn-sync .atm-cn-list-results .atm-country-grid { grid-template-columns: 1fr; }
  .applytm-cn-sync .atm-list-hero.cn-list-hero { min-height: 290px !important; padding: 55px 0 70px !important; }
  .applytm-cn-sync .cn-detail-hero { padding: 45px 0; }
  .applytm-cn-sync .cn-detail-title h1 { font-size: 40px; }
  .applytm-cn-sync .cn-detail-visual { height: 190px; }
  .applytm-cn-sync .cn-detail-body { padding-top: 20px; }
  .applytm-cn-sync .pq-quote > header { padding: 24px 20px; }
  .applytm-cn-sync .pq-price-table { min-width: 760px; }
  .applytm-cn-sync .ps-page-head { min-height: 260px; padding: 56px 0; }
}
