/* ======================================================
BASE
====================================================== */

.lt-dmc--china{
  --red:#b51f29;
  --red2:#d92d38;
  --redSoft:#fff5f3;
  --gold:#d6a94f;
  --goldSoft:#fff9eb;

  --ink:#141414;
  --muted:#50545a;
  --hint:#777b82;
  --border:#e8e3dc;
  --card:#fbfaf7;
  --surface:#ffffff;

  --shadow:0 18px 60px rgba(20,20,20,.08);

  background:
    radial-gradient(
      900px 420px at 15% -10%,
      rgba(181,31,41,.08),
      transparent 60%
    ),
    radial-gradient(
      900px 520px at 95% 0%,
      rgba(214,169,79,.10),
      transparent 55%
    ),
    #ffffff;

  padding:52px 0;
  color:var(--ink);

  font-family:
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans SC",
    system-ui,
    -apple-system,
    "Segoe UI",
    Arial,
    sans-serif;
}

.lt-dmc--china,
.lt-dmc--china *{
  box-sizing:border-box;
}

.lt-dmc--china img{
  max-width:100%;
  display:block;
}

.lt-dmc--china a{
  text-decoration:none;
}

.lt-dmc__wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}


/* ======================================================
TOP NAV
====================================================== */

.lt-dmc__nav{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto 18px;

  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.lt-dmc--china .chip{
  padding:11px 18px;

  border-radius:999px;
  border:1px solid var(--border);

  background:rgba(255,255,255,.96);
  color:#1a1a1a;

  font-size:14px;
  font-weight:800;

  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease;
}

.lt-dmc--china .chip:hover{
  transform:translateY(-1px);
  border-color:rgba(181,31,41,.30);
  background:#fff;
}

.lt-dmc--china .chip--partner{
  color:var(--red);
  border-color:rgba(181,31,41,.20);
  background:var(--redSoft);
}


/* ======================================================
COMMON
====================================================== */

.lt-dmc--china .kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:7px 11px;
  margin-bottom:14px;

  border-radius:999px;
  border:1px solid var(--border);

  background:#fff;
  color:var(--hint);

  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}

.lt-dmc--china .kicker:before{
  content:"";
  width:7px;
  height:7px;

  border-radius:50%;
  background:var(--red);

  box-shadow:
    0 0 0 6px rgba(181,31,41,.10);
}

.lt-dmc--china h1{
  margin:0 0 13px;

  font-size:clamp(28px,3.3vw,44px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.025em;
}

.lt-dmc--china h2{
  margin:0 0 10px;

  font-size:clamp(23px,2.5vw,31px);
  line-height:1.3;
  font-weight:900;
}

.lt-dmc--china h3{
  margin:0 0 12px;

  font-size:19px;
  line-height:1.4;
  font-weight:900;
}

.lt-dmc--china .lead{
  margin:0;
  max-width:92ch;

  color:#292929;

  font-size:18px;
  line-height:1.8;
}

.lt-dmc--china .lead--sm{
  max-width:96ch;
  font-size:16px;
  color:#454545;
}

.lt-dmc--china .text{
  margin:0;
  color:var(--muted);

  font-size:15px;
  line-height:1.8;
}


/* ======================================================
HERO
====================================================== */

.lt-dmc--china .lt-hero{
  position:relative;
  overflow:hidden;

  padding:clamp(24px,3.5vw,44px);

  border:1px solid var(--border);
  border-radius:24px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(181,31,41,.09),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(255,250,248,.94)
    );

  box-shadow:var(--shadow);
  margin-bottom:18px;
}

.lt-dmc--china .lt-hero:after{
  content:"";
  position:absolute;

  width:310px;
  height:310px;
  right:-170px;
  bottom:-190px;

  border-radius:50%;
  border:1px solid rgba(181,31,41,.08);

  box-shadow:
    0 0 0 44px rgba(181,31,41,.025),
    0 0 0 88px rgba(214,169,79,.018);

  pointer-events:none;
}

.lt-dmc--china .hero-actions{
  position:relative;
  z-index:2;

  display:flex;
  gap:10px;
  flex-wrap:wrap;

  margin-top:20px;
}

.lt-dmc--china .hero-badges{
  position:relative;
  z-index:2;

  display:flex;
  flex-wrap:wrap;
  gap:9px;

  margin-top:16px;
}

.lt-dmc--china .badge{
  padding:9px 12px;

  border-radius:999px;
  border:1px solid var(--border);

  background:#ffffff;
  color:#222;

  font-size:13px;
  font-weight:800;
}


/* ======================================================
BUTTONS
====================================================== */

.lt-dmc--china .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:46px;
  padding:12px 17px;

  border-radius:13px;
  border:1px solid var(--border);

  font-size:14px;
  font-weight:900;

  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

.lt-dmc--china .btn:hover{
  transform:translateY(-1px);
}

.lt-dmc--china .btn-primary{
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:#fff;
  border-color:var(--red);

  box-shadow:
    0 9px 22px rgba(181,31,41,.17);
}

.lt-dmc--china .btn-primary:hover{
  box-shadow:
    0 12px 28px rgba(181,31,41,.24);
}

.lt-dmc--china .btn-secondary{
  background:#fff;
  color:#111;
}

.lt-dmc--china .btn-outline{
  background:#fff;
  color:#111;
}


/* ======================================================
SECTIONS
====================================================== */

.lt-dmc--china .lt-section{
  padding:clamp(23px,3vw,40px);

  border:1px solid var(--border);
  border-radius:22px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.97),
      rgba(255,255,255,.90)
    );

  box-shadow:var(--shadow);
}

.lt-dmc--china .lt-section + .lt-section{
  margin-top:18px;
}

.lt-dmc--china .lt-head{
  padding-bottom:18px;
  margin-bottom:18px;

  border-bottom:1px solid var(--border);
}


/* ======================================================
GRIDS
====================================================== */

.lt-dmc--china .grid-3{
  display:grid;
  grid-template-columns:1.1fr .9fr 1fr;
  gap:16px;
  margin-top:18px;
}

.lt-dmc--china .grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}


/* ======================================================
CARDS
====================================================== */

.lt-dmc--china .card{
  padding:20px;

  border-radius:18px;
  border:1px solid var(--border);

  background:var(--card);
}

.lt-dmc--china .card--full{
  grid-column:1 / -1;
}

.lt-dmc--china .card ul{
  margin:0;
  padding-left:19px;

  display:grid;
  gap:8px;

  color:#3d3d3d;

  font-size:15px;
  line-height:1.7;
}

.lt-dmc--china .card strong{
  color:#111;
}


/* ======================================================
STATS
====================================================== */

.lt-dmc--china .stats{
  display:flex;
  gap:12px;
  margin-top:15px;
  flex-wrap:wrap;
}

.lt-dmc--china .stat{
  min-width:165px;

  padding:13px 14px;

  border-radius:14px;
  border:1px solid var(--border);

  background:#fff;
}

.lt-dmc--china .stat strong{
  display:block;
  margin-bottom:4px;

  font-size:19px;
  font-weight:900;
}

.lt-dmc--china .stat span{
  color:#666;
  font-size:13px;
}


/* ======================================================
WHY CHINA PARTNERS
====================================================== */

.lt-dmc--china .china-partner-box{
  margin-top:18px;
  padding:22px 24px;

  border-radius:18px;
  border:1px solid rgba(181,31,41,.13);
  border-left:4px solid var(--red);

  background:
    linear-gradient(
      135deg,
      #fff8f6,
      #ffffff
    );
}

.lt-dmc--china .china-partner-title{
  margin:0 0 8px;
  font-size:20px;
  font-weight:900;
}

.lt-dmc--china .china-partner-text{
  margin:0;
  color:#4d5258;
  font-size:15px;
  line-height:1.8;
}


/* ======================================================
READY PRODUCTS
====================================================== */

.lt-dmc--china .product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.lt-dmc--china .product-card{
  overflow:hidden;

  border-radius:20px;
  border:1px solid var(--border);

  background:#fff;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.lt-dmc--china .product-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 16px 34px rgba(20,20,20,.09);
}

.lt-dmc--china .product-image{
  display:block;

  position:relative;
  overflow:hidden;

  aspect-ratio:16/10;
  background:#eee;
}

.lt-dmc--china .product-image img{
  width:100%;
  height:100%;
  object-fit:cover;

  transition:transform .5s ease;
}

.lt-dmc--china .product-card:hover .product-image img{
  transform:scale(1.04);
}

.lt-dmc--china .product-body{
  padding:19px;
}

.lt-dmc--china .product-label{
  display:inline-block;
  margin-bottom:8px;

  color:var(--red);

  font-size:12px;
  font-weight:900;
}

.lt-dmc--china .product-title{
  margin:0 0 9px;

  font-size:19px;
  line-height:1.45;
  font-weight:900;
}

.lt-dmc--china .product-text{
  margin:0 0 13px;

  color:var(--muted);

  font-size:14px;
  line-height:1.75;
}

.lt-dmc--china .product-list{
  list-style:none;
  margin:0 0 14px;
  padding:0;

  display:grid;
  gap:7px;
}

.lt-dmc--china .product-list li{
  position:relative;

  padding-left:18px;

  color:#383c41;

  font-size:14px;
  line-height:1.55;
}

.lt-dmc--china .product-list li:before{
  content:"";
  position:absolute;

  left:0;
  top:8px;

  width:7px;
  height:7px;

  border-radius:50%;
  background:var(--red);
}

.lt-dmc--china .product-link{
  display:inline-flex;
  align-items:center;
  gap:8px;

  color:var(--red);

  font-size:14px;
  font-weight:900;
}

.lt-dmc--china .product-link:after{
  content:"→";
}


/* ======================================================
GROUND HANDLING MAP
====================================================== */

.lt-dmc--china .coverage-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.lt-dmc--china .coverage-item{
  padding:16px;

  border-radius:16px;
  border:1px solid var(--border);

  background:#fff;
}

.lt-dmc--china .coverage-item strong{
  display:block;
  margin-bottom:5px;

  font-size:16px;
}

.lt-dmc--china .coverage-item span{
  color:#666;
  font-size:13px;
  line-height:1.55;
}


/* ======================================================
ITINERARY
====================================================== */

.lt-dmc--china .itinerary{
  display:grid;
  gap:16px;
}

.lt-dmc--china .it-day,
.lt-dmc--china .it-stay{
  padding:20px;

  border-radius:18px;
  border:1px solid var(--border);

  background:var(--card);
}

.lt-dmc--china .place-photo{
  margin:13px 0 0;
}

.lt-dmc--china .place-photo img{
  width:100%;
  max-height:280px;
  object-fit:cover;

  border-radius:18px;
}


/* ======================================================
HOTEL CARDS
====================================================== */

.lt-dmc--china .lt-two-cards{
  margin:14px 0 26px;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.lt-dmc--china .lt-rect-card{
  position:relative;
  overflow:hidden;

  display:block;
  height:210px;

  border-radius:18px;

  background:#000;

  box-shadow:
    0 10px 26px rgba(0,0,0,.10);
}

.lt-dmc--china .lt-rect-img,
.lt-dmc--china .lt-rect-video{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
}

.lt-dmc--china .lt-rect-card--video iframe{
  pointer-events:none;
}

.lt-dmc--china .lt-rect-overlay{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.12),
      rgba(0,0,0,.65)
    );
}

.lt-dmc--china .lt-rect-content{
  position:absolute;
  z-index:2;

  left:16px;
  right:16px;
  bottom:14px;

  color:#fff;

  text-shadow:
    0 2px 14px rgba(0,0,0,.45);
}

.lt-dmc--china .lt-rect-kicker{
  display:block;
  margin-bottom:6px;

  font-size:12px;
  opacity:.9;
}

.lt-dmc--china .lt-rect-title{
  font-size:16px;
  line-height:1.3;
  font-weight:800;
}


/* ======================================================
CONTACTS
====================================================== */

.lt-dmc--china .link{
  color:#111;
  border-bottom:1px dashed rgba(0,0,0,.35);
}

.lt-dmc--china .phone-link{
  color:#111;

  font-size:20px;
  font-weight:900;

  border-bottom:1px dashed rgba(0,0,0,.35);
}

.lt-dmc--china .note{
  margin-top:12px;

  color:#6a6a6a;

  font-size:13px;
  line-height:1.65;
}


/* ======================================================
LEGAL
====================================================== */

.lt-dmc--china .meta{
  display:block;
  margin-bottom:6px;

  color:#777;
  font-size:12px;
}

.lt-dmc--china .value{
  color:#111;
  line-height:1.55;
}


/* ======================================================
FOOTER
====================================================== */

.lt-dmc--china .lt-footer{
  margin-top:18px;
}

.lt-dmc--china .lt-footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:20px;

  border-radius:18px;
  border:1px solid var(--border);

  background:#fff;
}

.lt-dmc--china .muted{
  color:#666;
  line-height:1.65;
}


/* ======================================================
RESPONSIVE
====================================================== */

@media(max-width:980px){

  .lt-dmc--china .grid-3,
  .lt-dmc--china .grid-2,
  .lt-dmc--china .product-grid{
    grid-template-columns:1fr;
  }

  .lt-dmc--china .coverage-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .lt-dmc--china .lt-footer__inner{
    flex-direction:column;
    align-items:flex-start;
  }

}

@media(max-width:768px){

  .lt-dmc--china{
    padding:30px 0;
  }

  .lt-dmc--china .lt-two-cards,
  .lt-dmc--china .coverage-grid{
    grid-template-columns:1fr;
  }

  .lt-dmc--china .lt-rect-card{
    height:200px;
  }

  .lt-dmc--china .hero-actions .btn,
  .lt-dmc--china .actions .btn{
    width:100%;
  }

}

@media(prefers-reduced-motion:reduce){

  .lt-dmc--china .btn,
  .lt-dmc--china .chip,
  .lt-dmc--china .product-card{
    transition:none;
  }

}