/* ==========================================================================
   Sainest Tubes - Product detail page content (e.g. heat-exchanger-tubes.html)
   Load AFTER style.css and responsive.css.
   Colors website ke :root variables se aate hain (--thm-base, --thm-base2).
   ========================================================================== */

/* ---------- content column (PDF content) ---------- */
.service-detail-page .pd-content { margin-bottom: 30px; color: var(--thm-primary, #666666); min-width: 0; }

.service-detail-page .pd-content h1.pd-title {
  position: relative; font-size: 34px; line-height: 1.25; font-weight: 700;
  color: var(--thm-base2, #102039); margin: 0 0 24px; padding-bottom: 16px; overflow-wrap: break-word;
}
.service-detail-page .pd-content h1.pd-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 4px; border-radius: 2px;
  background: var(--thm-base, #a33e93);
}
.service-detail-page .pd-content h2 {
  font-size: 25px; line-height: 1.3; font-weight: 700; color: var(--thm-base2, #102039);
  margin: 40px 0 16px; padding-left: 14px; border-left: 4px solid var(--thm-base, #a33e93); overflow-wrap: break-word;
}
.service-detail-page .pd-content h3 {
  font-size: 17px; line-height: 1.45; font-weight: 700; color: var(--thm-base2, #102039); margin: 0 0 8px;
}
.service-detail-page .pd-content p.description {
  font-size: 15px; line-height: 1.85; font-weight: 500; margin: 0 0 16px; color: var(--thm-primary, #666666);
  overflow-wrap: break-word;
}
.service-detail-page .pd-content strong { color: var(--thm-base2, #102039); font-weight: 700; }

/* lists */
.service-detail-page .pd-content ul.about-page-points { margin: 0 0 22px; padding: 0; }
.service-detail-page .pd-content ul.about-page-points li {
  font-size: 15px; line-height: 1.75; font-weight: 500; color: var(--thm-primary, #666666);
  margin-bottom: 10px; list-style: none; overflow-wrap: break-word;
}
.service-detail-page .pd-content ul.about-page-points li i { color: var(--thm-base, #a33e93); margin-right: 6px; font-size: 13px; }

/* tables */
.service-detail-page .pd-table-wrap {
  width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 22px;
  border: 1px solid #e3e3e8; border-radius: 8px; background: #fff;
}
.service-detail-page .pd-content table.pd-table { width: 100%; border-collapse: collapse; border: 0; margin: 0; }
.service-detail-page .pd-content .pd-table tr,
.service-detail-page .pd-content .pd-table tr:nth-child(even) { background: transparent; }
.service-detail-page .pd-content .pd-table th,
.service-detail-page .pd-content .pd-table td {
  border: 0; border-bottom: 1px solid #e3e3e8; padding: 13px 18px; text-align: left; vertical-align: top;
  font-size: 14.5px; line-height: 1.65; font-weight: 500; color: var(--thm-primary, #666666); overflow-wrap: break-word;
}
.service-detail-page .pd-content .pd-table thead th {
  background: var(--thm-base2, #102039); color: #fff; font-weight: 600; letter-spacing: .2px;
}
.service-detail-page .pd-content .pd-table tbody th {
  width: 32%; background: #f6f6f9; color: var(--thm-base2, #102039); font-weight: 700;
}
.service-detail-page .pd-content .pd-table tbody tr:last-child th,
.service-detail-page .pd-content .pd-table tbody tr:last-child td { border-bottom: 0; }

/* FAQ cards */
.service-detail-page .pd-faq-item {
  background: #fff; border: 1px solid #e3e3e8; border-left: 4px solid var(--thm-base, #a33e93);
  border-radius: 8px; padding: 18px 22px 6px; margin-bottom: 14px; box-shadow: 0 2px 10px rgba(16, 32, 57, .05);
}

/* ---------- whole page: safe on every screen ---------- */
.service-detail-page img { max-width: 100%; height: auto; }
.service-detail-page .row > * { min-width: 0; }
.service-detail-page .side-bar .btn-box { white-space: normal; line-height: 1.45; overflow-wrap: break-word; }
.service-detail-page .file-download .btn-box { white-space: normal; line-height: 1.5; max-width: 100%; }

/* tablet & below: sidebar goes under the content, no sticky/fixed behaviour */
@media (max-width: 1199.98px) {
  .service-detail-page .scroll-page { position: static; top: auto; }
  .service-detail-page .col-xl-4 { margin-top: 20px; }
}
@media (max-width: 991.98px) {
  .service-detail-page .pd-content h1.pd-title { font-size: 28px; }
  .service-detail-page .pd-content h2 { font-size: 22px; margin-top: 34px; }
}

/* mobile */
@media (max-width: 650px) {
  .service-detail-page.mb-80 { margin-bottom: 45px; }
  .breadcrumb-section .breadcrumb { flex-wrap: wrap; }
  .breadcrumb-section .breadcrumb-heading { overflow-wrap: anywhere; }
  .service-detail-page .pd-content h1.pd-title { font-size: 24px; margin-bottom: 20px; padding-bottom: 14px; }
  .service-detail-page .pd-content h2 { font-size: 20px; margin: 30px 0 14px; padding-left: 12px; border-left-width: 3px; }
  .service-detail-page .pd-content h3 { font-size: 15.5px; }
  .service-detail-page .pd-content p.description,
  .service-detail-page .pd-content ul.about-page-points li { font-size: 14.5px; line-height: 1.8; }
  .service-detail-page .pd-content .pd-table th,
  .service-detail-page .pd-content .pd-table td { padding: 10px 12px; font-size: 13.5px; line-height: 1.55; }
  .service-detail-page .pd-content .pd-table tbody th { width: 36%; }
  .service-detail-page .pd-faq-item { padding: 14px 16px 4px; }
  .service-detail-page .file-download .btn-box { display: block; width: 100%; text-align: center; padding: 14px 16px; }
}