.dkld-service{color:#183047;line-height:1.65}
.dkld-service *{box-sizing:border-box}
.dkld-service-container{width:min(1160px,calc(100% - 36px));margin:auto}
.dkld-service-hero{background:linear-gradient(135deg,#103b62,#087a91);color:#fff;padding:76px 0}
.dkld-service-hero h1{color:#fff;font-size:clamp(30px,5vw,52px);line-height:1.2;max-width:900px;margin:16px 0}
.dkld-service-hero p{max-width:750px}
.dkld-kicker{font-size:13px;font-weight:800;letter-spacing:1px}
.dkld-service-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dkld-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-weight:700;text-decoration:none;min-height:50px}
.dkld-btn-call{background:#168449;color:#fff!important}
.dkld-btn-zalo{background:#0866d8;color:#fff!important}
.dkld-service-section{padding-top:58px;padding-bottom:58px}
.dkld-service-section h2,.dkld-service-bottom h2{font-size:clamp(25px,3vw,34px);line-height:1.3;margin:0 0 16px}
.dkld-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.dkld-price-card{background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:26px;box-shadow:0 6px 22px #0000000a}
.dkld-price-card span{color:#087a91;font-size:12px;font-weight:800}
.dkld-price-card strong{display:block;color:#087a91;font-size:clamp(21px,2.4vw,28px);margin:14px 0}
.dkld-note{font-size:14px;opacity:.85;margin-top:20px}
.dkld-service-muted{background:#f1f7fa}
.dkld-service-calculator{background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:28px;max-width:700px;margin-top:24px}
.dkld-service-calculator label{display:block;font-weight:700;margin-bottom:10px}
#dkld-km{width:100%;max-width:260px;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font-size:18px;margin-bottom:20px}
.dkld-calc-row,.dkld-calc-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0}
.dkld-calc-total{border-top:2px solid #dce6ee;margin-top:10px;font-weight:700}
.dkld-calc-total strong{color:#087a91;font-size:25px}
.dkld-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}
.dkld-steps article{border:1px solid #dce6ee;border-radius:14px;padding:20px}
.dkld-steps b{color:#087a91;font-size:26px}
.dkld-steps h3{font-size:18px;margin:12px 0}
.dkld-service details{padding:18px 0;border-bottom:1px solid #dce6ee}
.dkld-service summary{cursor:pointer;font-weight:700}
.dkld-service-bottom{padding:55px 0;background:#103b62;color:#fff}
.dkld-service-bottom h2{color:#fff}
@media(max-width:900px){.dkld-price-grid{grid-template-columns:1fr 1fr}.dkld-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dkld-service-hero{padding:45px 0}.dkld-service-section{padding-top:38px;padding-bottom:38px}.dkld-price-grid,.dkld-steps{grid-template-columns:1fr}.dkld-price-card,.dkld-service-calculator{padding:20px}.dkld-calc-total strong{font-size:22px}.dkld-service-actions .dkld-btn{flex:1 1 100%}}



/* DKLD SERVICE THEME SYNC V1 */

/* Dong bo voi CSS goc cua plugin Core */
.dkld-service {
  color: var(--text, #183047);
  font-family: inherit;
}

.dkld-service-container {
  max-width: 1140px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

/* Hero cung phong cach trang chu */
.dkld-service-hero {
  background: linear-gradient(
    120deg,
    var(--navy, #103b62) 0%,
    var(--navy-2, #164a75) 65%,
    #1a4a86 100%
  );
}

.dkld-service-hero h1 {
  font-weight: 800;
}

/* Nut CTA chinh dung mau cam thuong hieu */
.dkld-service .dkld-btn-call {
  background: var(--orange, #ff7a1a);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(255,122,26,.25);
}

.dkld-service .dkld-btn-call:hover {
  transform: translateY(-2px);
}

/* Zalo giu mau nhan dien rieng */
.dkld-service .dkld-btn-zalo {
  background: #0866d8;
  color: #fff !important;
}

/* Gia va cac diem nhan */
.dkld-service .dkld-price-card span,
.dkld-service .dkld-price-card strong,
.dkld-service .dkld-steps b,
.dkld-service .dkld-calc-total strong {
  color: var(--orange, #ff7a1a);
}

/* Tieu de va noi dung */
.dkld-service .dkld-service-section h2,
.dkld-service .dkld-price-card h3,
.dkld-service .dkld-steps h3 {
  color: var(--navy, #103b62);
  font-weight: 800;
}

/* The dich vu */
.dkld-service .dkld-price-card,
.dkld-service .dkld-service-calculator,
.dkld-service .dkld-steps article {
  border-radius: 12px;
  border-color: #e2e8f0;
}

/* Nen phu */
.dkld-service .dkld-service-muted {
  background: #f6f8fc;
}

/* Khoi CTA cuoi trang */
.dkld-service .dkld-service-bottom {
  background: var(--navy, #103b62);
}

.dkld-service .dkld-service-bottom h2 {
  color: #fff;
}

/* Khoang cach trang chi tiet */
.dkld-detail-page .dkld-service .dkld-service-section {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media (max-width: 600px) {
  .dkld-detail-page .dkld-service .dkld-service-section {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}

/* DKLD PRICING CALCULATOR V2 */
.dkld-service-calculator select {
  display: block;
  width: 100%;
  padding: 13px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  margin: 8px 0 20px;
  background: #fff;
  color: #183047;
  font: inherit;
}

.dkld-service-calculator [hidden] {
  display: none !important;
}

.dkld-price-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .dkld-price-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .dkld-price-grid {
    grid-template-columns: 1fr;
  }
}