/* =========================================================
   Suriya9 — Service: รถตู้รับส่งศพ (Transport)
   โหลดคู่กับ service.css (hero/quote/ปุ่ม) + service-flowers.css (แกลเลอรี .svf-*)
   เฉพาะเนื้อหารูป+ข้อความ ใช้คลาส .svt-*
   ========================================================= */

.svt {
  position: relative;
  background: #fff;
}

.svt-main {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 60px 89px;
}

/* บล็อกข้อความ (รูป+ข้อความ+ย่อหน้า) จัดกึ่งกลาง กว้างพออ่าน */
.svt-block {
  width: 100%;
  max-width: 1263px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
}

.svt-row {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.svt-img {
  width: 528px;
  height: 417px;
  border: 4px solid #fff;
  border-radius: 0 100px 0 100px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  flex-shrink: 0;
}
.svt-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.svt-textcol {
  width: 640px;
  min-height: 417px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}
.svt-textinner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.svt-desc {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 1.6;
  color: #8c0e0f;
}
.svt-desc .semibold { font-weight: 600; }
.svt-desc .black { color: #000; }

.svt-btns {
  display: flex;
  gap: 16px;
  align-items: center;
}

.svt-para {
  margin: 0;
  width: 100%;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 1.6;
  color: #000;
}

@media (max-width: 1200px) {
  .svt-main { padding: 60px 40px; }
  .svt-row { flex-wrap: wrap; }
  .svt-img, .svt-textcol { width: 100%; }
}