/* =========================================================
   pages/product-detail.css
   Batch 3b — Konsolidasi 12 file CSS produk

   Menggantikan (link dikomentari di PHP, dihapus fisik di Batch 8):
     mv-kendaraan.css, travel.css, agri.css, alat-berat.css,
     cargo.css, kecelakaan-diri.css, marine-hull.css, pet.css,
     property.css, rekayasa.css, surety-bond.css, tanggung-gugat.css

   Prefixes: mv trav agri heavy cargo pa marhul pet prop eng surety liab
   ========================================================= */

:root {
  /* Shared design tokens — nilai identik di semua 12 produk */
  --pd-navy: #0A192F;
  --pd-navy-mid: #1E3A8A;
  --pd-blue: #0EA5E9;
  --pd-blue-pale: #38BDF8;
  --pd-white: #FFFFFF;
  --pd-gray: #F8FAFC;
  --pd-text: #0F172A;
  --pd-muted: #64748B;
  --pd-border: #E2E8F0;
  --pd-radius: 12px;
  --pd-transition: 0.2s ease;
  --pd-section-pad: 48px 0;

  /* Per-product prefix aliases — tiap produk tetap bisa pakai varnya sendiri */
  --mv-navy: var(--pd-navy); --mv-navy-mid: var(--pd-navy-mid); --mv-blue: var(--pd-blue); --mv-blue-pale: var(--pd-blue-pale); --mv-white: var(--pd-white); --mv-gray: var(--pd-gray); --mv-text: var(--pd-text); --mv-muted: var(--pd-muted); --mv-border: var(--pd-border); --mv-radius: var(--pd-radius); --mv-transition: var(--pd-transition); --mv-section-pad: 48px 0;
  --trav-navy: var(--pd-navy); --trav-navy-mid: var(--pd-navy-mid); --trav-blue: var(--pd-blue); --trav-blue-pale: var(--pd-blue-pale); --trav-white: var(--pd-white); --trav-gray: var(--pd-gray); --trav-text: var(--pd-text); --trav-muted: var(--pd-muted); --trav-border: var(--pd-border); --trav-radius: var(--pd-radius); --trav-transition: var(--pd-transition); --trav-section-pad: 48px 0;
  --agri-navy: var(--pd-navy); --agri-navy-mid: var(--pd-navy-mid); --agri-blue: var(--pd-blue); --agri-blue-pale: var(--pd-blue-pale); --agri-white: var(--pd-white); --agri-gray: var(--pd-gray); --agri-text: var(--pd-text); --agri-muted: var(--pd-muted); --agri-border: var(--pd-border); --agri-radius: var(--pd-radius); --agri-transition: var(--pd-transition); --agri-section-pad: 48px 0;
  --heavy-navy: var(--pd-navy); --heavy-navy-mid: var(--pd-navy-mid); --heavy-blue: var(--pd-blue); --heavy-blue-pale: var(--pd-blue-pale); --heavy-white: var(--pd-white); --heavy-gray: var(--pd-gray); --heavy-text: var(--pd-text); --heavy-muted: var(--pd-muted); --heavy-border: var(--pd-border); --heavy-radius: var(--pd-radius); --heavy-transition: var(--pd-transition); --heavy-section-pad: 48px 0;
  --cargo-navy: var(--pd-navy); --cargo-navy-mid: var(--pd-navy-mid); --cargo-blue: var(--pd-blue); --cargo-blue-pale: var(--pd-blue-pale); --cargo-white: var(--pd-white); --cargo-gray: var(--pd-gray); --cargo-text: var(--pd-text); --cargo-muted: var(--pd-muted); --cargo-border: var(--pd-border); --cargo-radius: var(--pd-radius); --cargo-transition: var(--pd-transition); --cargo-section-pad: 48px 0;
  --pa-navy: var(--pd-navy); --pa-navy-mid: var(--pd-navy-mid); --pa-blue: var(--pd-blue); --pa-blue-pale: var(--pd-blue-pale); --pa-white: var(--pd-white); --pa-gray: var(--pd-gray); --pa-text: var(--pd-text); --pa-muted: var(--pd-muted); --pa-border: var(--pd-border); --pa-radius: var(--pd-radius); --pa-transition: var(--pd-transition); --pa-section-pad: 48px 0;
  --marhul-navy: var(--pd-navy); --marhul-navy-mid: var(--pd-navy-mid); --marhul-blue: var(--pd-blue); --marhul-blue-pale: var(--pd-blue-pale); --marhul-white: var(--pd-white); --marhul-gray: var(--pd-gray); --marhul-text: var(--pd-text); --marhul-muted: var(--pd-muted); --marhul-border: var(--pd-border); --marhul-radius: var(--pd-radius); --marhul-transition: var(--pd-transition);
  --pet-navy: var(--pd-navy); --pet-navy-mid: var(--pd-navy-mid); --pet-blue: var(--pd-blue); --pet-blue-pale: var(--pd-blue-pale); --pet-white: var(--pd-white); --pet-gray: var(--pd-gray); --pet-text: var(--pd-text); --pet-muted: var(--pd-muted); --pet-border: var(--pd-border); --pet-radius: var(--pd-radius); --pet-transition: var(--pd-transition); --pet-section-pad: 48px 0;
  --prop-navy: var(--pd-navy); --prop-navy-mid: var(--pd-navy-mid); --prop-blue: var(--pd-blue); --prop-blue-pale: var(--pd-blue-pale); --prop-white: var(--pd-white); --prop-gray: var(--pd-gray); --prop-text: var(--pd-text); --prop-muted: var(--pd-muted); --prop-border: var(--pd-border); --prop-radius: var(--pd-radius); --prop-transition: var(--pd-transition); --prop-section-pad: 48px 0;
  --eng-navy: var(--pd-navy); --eng-navy-mid: var(--pd-navy-mid); --eng-blue: var(--pd-blue); --eng-blue-pale: var(--pd-blue-pale); --eng-white: var(--pd-white); --eng-gray: var(--pd-gray); --eng-text: var(--pd-text); --eng-muted: var(--pd-muted); --eng-border: var(--pd-border); --eng-radius: var(--pd-radius); --eng-transition: var(--pd-transition); --eng-section-pad: 48px 0;
  --surety-navy: var(--pd-navy); --surety-navy-mid: var(--pd-navy-mid); --surety-blue: var(--pd-blue); --surety-blue-pale: var(--pd-blue-pale); --surety-white: var(--pd-white); --surety-gray: var(--pd-gray); --surety-text: var(--pd-text); --surety-muted: var(--pd-muted); --surety-border: var(--pd-border); --surety-radius: var(--pd-radius); --surety-transition: var(--pd-transition); --surety-section-pad: 48px 0;
  --liab-navy: var(--pd-navy); --liab-navy-mid: var(--pd-navy-mid); --liab-blue: var(--pd-blue); --liab-blue-pale: var(--pd-blue-pale); --liab-white: var(--pd-white); --liab-gray: var(--pd-gray); --liab-text: var(--pd-text); --liab-muted: var(--pd-muted); --liab-border: var(--pd-border); --liab-radius: var(--pd-radius); --liab-transition: var(--pd-transition); --liab-section-pad: 48px 0;
}

@media (min-width: 768px) {
  :root {
    --pd-section-pad: 80px 0;
    --mv-section-pad: 80px 0;
    --trav-section-pad: 80px 0;
    --agri-section-pad: 80px 0;
    --heavy-section-pad: 80px 0;
    --cargo-section-pad: 80px 0;
    --pa-section-pad: 80px 0;
    --pet-section-pad: 80px 0;
    --prop-section-pad: 80px 0;
    --eng-section-pad: 80px 0;
    --surety-section-pad: 80px 0;
    --liab-section-pad: 80px 0;
  }
}

/* Float animation — dua versi:
   Mobile: icon position:relative + margin:auto → hanya translateY
   Desktop (min-width:769px): icon position:absolute + left:50% → butuh translateX(-50%) untuk tetap center */
@keyframes product-detail-hero-float-mobile {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}
@keyframes product-detail-hero-float-desktop {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(-8px); }
}

@media (prefers-reduced-motion: no-preference) {
  .mv-hero-float,
.trav-hero-float,
.agri-hero-float,
.heavy-hero-float,
.cargo-hero-float,
.pa-hero-float,
.marhul-hero-float,
.pet-hero-float,
.prop-hero-float,
.eng-hero-float,
.surety-hero-float,
.liab-hero-float {
    animation: product-detail-hero-float-mobile 4s ease-in-out infinite;
  }
}

@media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  .mv-hero-float,
.trav-hero-float,
.agri-hero-float,
.heavy-hero-float,
.cargo-hero-float,
.pa-hero-float,
.marhul-hero-float,
.pet-hero-float,
.prop-hero-float,
.eng-hero-float,
.surety-hero-float,
.liab-hero-float {
    animation: product-detail-hero-float-desktop 4s ease-in-out infinite;
  }
}

/* Scroll reveal */
.mv-reveal,
.trav-reveal,
.agri-reveal,
.heavy-reveal,
.cargo-reveal,
.pa-reveal,
.marhul-reveal,
.pet-reveal,
.prop-reveal,
.eng-reveal,
.surety-reveal,
.liab-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.mv-reveal.is-visible,
.trav-reveal.is-visible,
.agri-reveal.is-visible,
.heavy-reveal.is-visible,
.cargo-reveal.is-visible,
.pa-reveal.is-visible,
.marhul-reveal.is-visible,
.pet-reveal.is-visible,
.prop-reveal.is-visible,
.eng-reveal.is-visible,
.surety-reveal.is-visible,
.liab-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .mv-reveal,
.trav-reveal,
.agri-reveal,
.heavy-reveal,
.cargo-reveal,
.pa-reveal,
.marhul-reveal,
.pet-reveal,
.prop-reveal,
.eng-reveal,
.surety-reveal,
.liab-reveal { opacity: 1; transform: none; transition: none; }
}



/* ── Hero nav area */
.section-product-page__why-choose-me.mv-hero-nav,
.section-product-page__why-choose-me.trav-hero-nav,
.section-product-page__why-choose-me.agri-hero-nav,
.section-product-page__why-choose-me.heavy-hero-nav,
.section-product-page__why-choose-me.cargo-hero-nav,
.section-product-page__why-choose-me.pa-hero-nav,
.section-product-page__why-choose-me.marhul-hero-nav,
.section-product-page__why-choose-me.pet-hero-nav,
.section-product-page__why-choose-me.prop-hero-nav,
.section-product-page__why-choose-me.eng-hero-nav,
.section-product-page__why-choose-me.surety-hero-nav,
.section-product-page__why-choose-me.liab-hero-nav {
  background-color: #EAF4FB;
  padding: 20px 0 32px;
}
.section-product-page__why-choose-me.mv-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.trav-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.agri-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.heavy-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.cargo-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.pa-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.marhul-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.pet-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.prop-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.eng-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.surety-hero-nav
.section-product-page__why-choose-me-product,
.section-product-page__why-choose-me.liab-hero-nav
.section-product-page__why-choose-me-product {
  row-gap: 0;
}
/* Float animation  */


/* ── Scroll reveal base*/

/* 
   HERO MODS — hanya hapus elemen tertentu, hero tetap
 */


/* Insurance navigation: kalau hanya 1 tombol, center-kan */
.mv-single-nav,
.trav-single-nav,
.agri-single-nav,
.heavy-single-nav,
.cargo-single-nav,
.pa-single-nav,
.marhul-single-nav,
.pet-single-nav,
.prop-single-nav,
.eng-single-nav,
.surety-single-nav,
.liab-single-nav {
  justify-content: center !important;
  width: auto !important;
}
.mv-single-nav .btn-warning,
.trav-single-nav .btn-warning,
.agri-single-nav .btn-warning,
.heavy-single-nav .btn-warning,
.cargo-single-nav .btn-warning,
.pa-single-nav .btn-warning,
.marhul-single-nav .btn-warning,
.pet-single-nav .btn-warning,
.prop-single-nav .btn-warning,
.eng-single-nav .btn-warning,
.surety-single-nav .btn-warning,
.liab-single-nav .btn-warning {
  width: auto !important;
  min-width: 220px;
}
/* 
   SHARED: SECTION WRAPPER
    */
.mv-section,
.trav-section,
.agri-section,
.heavy-section,
.cargo-section,
.pa-section,
.marhul-section,
.pet-section,
.prop-section,
.eng-section,
.surety-section,
.liab-section {
  padding: var(--pd-section-pad);
  position: relative;
}
.mv-section--white,
.trav-section--white,
.agri-section--white,
.heavy-section--white,
.cargo-section--white,
.pa-section--white,
.marhul-section--white,
.pet-section--white,
.prop-section--white,
.eng-section--white,
.surety-section--white,
.liab-section--white {
 background-color: var(--pd-white);
}
.mv-section--gray,
.trav-section--gray,
.agri-section--gray,
.heavy-section--gray,
.cargo-section--gray,
.pa-section--gray,
.marhul-section--gray,
.pet-section--gray,
.prop-section--gray,
.eng-section--gray,
.surety-section--gray,
.liab-section--gray {
 background-color: var(--pd-gray);
}
.mv-section--navy,
.trav-section--navy,
.agri-section--navy,
.heavy-section--navy,
.cargo-section--navy,
.pa-section--navy,
.marhul-section--navy,
.pet-section--navy,
.prop-section--navy,
.eng-section--navy,
.surety-section--navy,
.liab-section--navy {
 background-color: var(--pd-navy);
}
.mv-section--blue,
.trav-section--blue,
.agri-section--blue,
.heavy-section--blue,
.cargo-section--blue,
.pa-section--blue,
.marhul-section--blue,
.pet-section--blue,
.prop-section--blue,
.eng-section--blue,
.surety-section--blue,
.liab-section--blue {
 background-color: var(--pd-blue);
}

/* Inner container constrained to 1200px */
.mv-container,
.trav-container,
.agri-container,
.heavy-container,
.cargo-container,
.pa-container,
.marhul-container,
.pet-container,
.prop-container,
.eng-container,
.surety-container,
.liab-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
/* Section heading (shared) */
.mv-section-label,
.trav-section-label,
.agri-section-label,
.heavy-section-label,
.cargo-section-label,
.pa-section-label,
.marhul-section-label,
.pet-section-label,
.prop-section-label,
.eng-section-label,
.surety-section-label,
.liab-section-label {
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pd-blue);
  margin-bottom: 10px;
}
.mv-section-title,
.trav-section-title,
.agri-section-title,
.heavy-section-title,
.cargo-section-title,
.pa-section-title,
.marhul-section-title,
.pet-section-title,
.prop-section-title,
.eng-section-title,
.surety-section-title,
.liab-section-title {
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 16px;
  line-height: 1.3;
}
.mv-section-title--white,
.trav-section-title--white,
.agri-section-title--white,
.heavy-section-title--white,
.cargo-section-title--white,
.pa-section-title--white,
.marhul-section-title--white,
.pet-section-title--white,
.prop-section-title--white,
.eng-section-title--white,
.surety-section-title--white,
.liab-section-title--white {
 color: var(--pd-white);
}
.mv-section-label--white,
.trav-section-label--white,
.agri-section-label--white,
.heavy-section-label--white,
.cargo-section-label--white,
.pa-section-label--white,
.marhul-section-label--white,
.pet-section-label--white,
.prop-section-label--white,
.eng-section-label--white,
.surety-section-label--white,
.liab-section-label--white {
 color: var(--pd-blue-pale);
}

/* 
   S2 — Deskripsi Produk
    */
.mv-product-desc,
.trav-product-desc,
.agri-product-desc,
.heavy-product-desc,
.cargo-product-desc,
.pa-product-desc,
.marhul-product-desc,
.pet-product-desc,
.prop-product-desc,
.eng-product-desc,
.surety-product-desc,
.liab-product-desc {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.mv-product-desc p,
.trav-product-desc p,
.agri-product-desc p,
.heavy-product-desc p,
.cargo-product-desc p,
.pa-product-desc p,
.marhul-product-desc p,
.pet-product-desc p,
.prop-product-desc p,
.eng-product-desc p,
.surety-product-desc p,
.liab-product-desc p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: var(--pd-muted);
  line-height: 1.8;
  margin: 0;
}
/* S3 — Paket Perlindungan */
.mv-plan-grid,
.trav-plan-grid,
.agri-plan-grid,
.heavy-plan-grid,
.cargo-plan-grid,
.pa-plan-grid,
.marhul-plan-grid,
.pet-plan-grid,
.prop-plan-grid,
.eng-plan-grid,
.surety-plan-grid,
.liab-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.mv-plan-card,
.trav-plan-card,
.agri-plan-card,
.heavy-plan-card,
.cargo-plan-card,
.pa-plan-card,
.marhul-plan-card,
.pet-plan-card,
.prop-plan-card,
.eng-plan-card,
.surety-plan-card,
.liab-plan-card {
  background: var(--pd-white);
  border-radius: var(--pd-radius);
  border-top: 3px solid var(--pd-blue);
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  padding: 28px;
  transition: transform var(--pd-transition), box-shadow var(--pd-transition);
}
.mv-plan-card:hover,
.trav-plan-card:hover,
.agri-plan-card:hover,
.heavy-plan-card:hover,
.cargo-plan-card:hover,
.pa-plan-card:hover,
.marhul-plan-card:hover,
.pet-plan-card:hover,
.prop-plan-card:hover,
.eng-plan-card:hover,
.surety-plan-card:hover,
.liab-plan-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.mv-plan-icon,
.trav-plan-icon,
.agri-plan-icon,
.heavy-plan-icon,
.cargo-plan-icon,
.pa-plan-icon,
.marhul-plan-icon,
.pet-plan-icon,
.prop-plan-icon,
.eng-plan-icon,
.surety-plan-icon,
.liab-plan-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pd-blue);
  font-size: 22px;
  margin-bottom: 16px;
}
.mv-plan-name,
.trav-plan-name,
.agri-plan-name,
.heavy-plan-name,
.cargo-plan-name,
.pa-plan-name,
.marhul-plan-name,
.pet-plan-name,
.prop-plan-name,
.eng-plan-name,
.surety-plan-name,
.liab-plan-name {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 16px;
}
.mv-plan-list,
.trav-plan-list,
.agri-plan-list,
.heavy-plan-list,
.cargo-plan-list,
.pa-plan-list,
.marhul-plan-list,
.pet-plan-list,
.prop-plan-list,
.eng-plan-list,
.surety-plan-list,
.liab-plan-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mv-plan-list li,
.trav-plan-list li,
.agri-plan-list li,
.heavy-plan-list li,
.cargo-plan-list li,
.pa-plan-list li,
.marhul-plan-list li,
.pet-plan-list li,
.prop-plan-list li,
.eng-plan-list li,
.surety-plan-list li,
.liab-plan-list li {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-muted);
  padding-left: 22px;
  position: relative;
  line-height: 1.5;
}
.mv-plan-list li::before,
.trav-plan-list li::before,
.agri-plan-list li::before,
.heavy-plan-list li::before,
.cargo-plan-list li::before,
.pa-plan-list li::before,
.marhul-plan-list li::before,
.pet-plan-list li::before,
.prop-plan-list li::before,
.eng-plan-list li::before,
.surety-plan-list li::before,
.liab-plan-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--pd-blue);
  font-weight: 700;
}
/* S4 — Perluasan Jaminan*/
.mv-ext-grid,
.trav-ext-grid,
.agri-ext-grid,
.heavy-ext-grid,
.cargo-ext-grid,
.pa-ext-grid,
.marhul-ext-grid,
.pet-ext-grid,
.prop-ext-grid,
.eng-ext-grid,
.surety-ext-grid,
.liab-ext-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.mv-ext-card,
.trav-ext-card,
.agri-ext-card,
.heavy-ext-card,
.cargo-ext-card,
.pa-ext-card,
.marhul-ext-card,
.pet-ext-card,
.prop-ext-card,
.eng-ext-card,
.surety-ext-card,
.liab-ext-card {
  background: var(--pd-white);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius);
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color var(--pd-transition), transform var(--pd-transition), box-shadow var(--pd-transition);
}
.mv-ext-card:hover,
.trav-ext-card:hover,
.agri-ext-card:hover,
.heavy-ext-card:hover,
.cargo-ext-card:hover,
.pa-ext-card:hover,
.marhul-ext-card:hover,
.pet-ext-card:hover,
.prop-ext-card:hover,
.eng-ext-card:hover,
.surety-ext-card:hover,
.liab-ext-card:hover {
  border-color: var(--pd-blue);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.12);
}
.mv-ext-icon,
.trav-ext-icon,
.agri-ext-icon,
.heavy-ext-icon,
.cargo-ext-icon,
.pa-ext-icon,
.marhul-ext-icon,
.pet-ext-icon,
.prop-ext-icon,
.eng-ext-icon,
.surety-ext-icon,
.liab-ext-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #F0F9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pd-blue);
  font-size: 18px;
  margin-bottom: 4px;
  flex-shrink: 0;
}
.mv-ext-title,
.trav-ext-title,
.agri-ext-title,
.heavy-ext-title,
.cargo-ext-title,
.pa-ext-title,
.marhul-ext-title,
.pet-ext-title,
.prop-ext-title,
.eng-ext-title,
.surety-ext-title,
.liab-ext-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0;
  line-height: 1.4;
}
.mv-ext-desc,
.trav-ext-desc,
.agri-ext-desc,
.heavy-ext-desc,
.cargo-ext-desc,
.pa-ext-desc,
.marhul-ext-desc,
.pet-ext-desc,
.prop-ext-desc,
.eng-ext-desc,
.surety-ext-desc,
.liab-ext-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--pd-muted);
  margin: 0;
  line-height: 1.5;
}
/* CTA button after S4 grid */
.mv-cta-wrap,
.trav-cta-wrap,
.agri-cta-wrap,
.heavy-cta-wrap,
.cargo-cta-wrap,
.pa-cta-wrap,
.marhul-cta-wrap,
.pet-cta-wrap,
.prop-cta-wrap,
.eng-cta-wrap,
.surety-cta-wrap,
.liab-cta-wrap {
  text-align: center;
  margin-top: 40px;
}
.mv-btn-cta,
.trav-btn-cta,
.agri-btn-cta,
.heavy-btn-cta,
.cargo-btn-cta,
.pa-btn-cta,
.marhul-btn-cta,
.pet-btn-cta,
.prop-btn-cta,
.eng-btn-cta,
.surety-btn-cta,
.liab-btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--pd-blue);
  color: var(--pd-white);
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--pd-transition), transform var(--pd-transition), box-shadow var(--pd-transition);
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
}
.mv-btn-cta:hover,
.trav-btn-cta:hover,
.agri-btn-cta:hover,
.heavy-btn-cta:hover,
.cargo-btn-cta:hover,
.pa-btn-cta:hover,
.marhul-btn-cta:hover,
.pet-btn-cta:hover,
.prop-btn-cta:hover,
.eng-btn-cta:hover,
.surety-btn-cta:hover,
.liab-btn-cta:hover {
  background-color: var(--pd-blue-pale);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(14, 165, 233, 0.45);
  color: var(--pd-white);
  text-decoration: none;
}
/* S5 — Manfaat Utama & Target Audiens (navy)*/
.mv-benefits-grid,
.trav-benefits-grid,
.agri-benefits-grid,
.heavy-benefits-grid,
.cargo-benefits-grid,
.pa-benefits-grid,
.marhul-benefits-grid,
.pet-benefits-grid,
.prop-benefits-grid,
.eng-benefits-grid,
.surety-benefits-grid,
.liab-benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
/* Left column: manfaat utama */
.mv-benefits-title,
.trav-benefits-title,
.agri-benefits-title,
.heavy-benefits-title,
.cargo-benefits-title,
.pa-benefits-title,
.marhul-benefits-title,
.pet-benefits-title,
.prop-benefits-title,
.eng-benefits-title,
.surety-benefits-title,
.liab-benefits-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-white);
  margin: 0 0 20px;
}
.mv-benefits-list,
.trav-benefits-list,
.agri-benefits-list,
.heavy-benefits-list,
.cargo-benefits-list,
.pa-benefits-list,
.marhul-benefits-list,
.pet-benefits-list,
.prop-benefits-list,
.eng-benefits-list,
.surety-benefits-list,
.liab-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.mv-benefits-list li,
.trav-benefits-list li,
.agri-benefits-list li,
.heavy-benefits-list li,
.cargo-benefits-list li,
.pa-benefits-list li,
.marhul-benefits-list li,
.pet-benefits-list li,
.prop-benefits-list li,
.eng-benefits-list li,
.surety-benefits-list li,
.liab-benefits-list li {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: rgba(5, 5, 5, 0.85);
  padding-left: 26px;
  position: relative;
  line-height: 1.55;
}
.mv-benefits-list li::before,
.trav-benefits-list li::before,
.agri-benefits-list li::before,
.heavy-benefits-list li::before,
.cargo-benefits-list li::before,
.pa-benefits-list li::before,
.marhul-benefits-list li::before,
.pet-benefits-list li::before,
.prop-benefits-list li::before,
.eng-benefits-list li::before,
.surety-benefits-list li::before,
.liab-benefits-list li::before {
  content: '✅';
  position: absolute;
  left: 0;
  font-size: 13px;
  top: 2px;
}
/* Right column: target audiens */
.mv-audience-title,
.trav-audience-title,
.agri-audience-title,
.heavy-audience-title,
.cargo-audience-title,
.pa-audience-title,
.marhul-audience-title,
.pet-audience-title,
.prop-audience-title,
.eng-audience-title,
.surety-audience-title,
.liab-audience-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-white);
  margin: 0 0 20px;
}
.mv-audience-tags,
.trav-audience-tags,
.agri-audience-tags,
.heavy-audience-tags,
.cargo-audience-tags,
.pa-audience-tags,
.marhul-audience-tags,
.pet-audience-tags,
.prop-audience-tags,
.eng-audience-tags,
.surety-audience-tags,
.liab-audience-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mv-tag,
.trav-tag,
.agri-tag,
.heavy-tag,
.cargo-tag,
.pa-tag,
.marhul-tag,
.pet-tag,
.prop-tag,
.eng-tag,
.surety-tag,
.liab-tag {
  display: inline-block;
  background: rgba(6, 69, 117, 0.564);
  border: 1px solid rgba(6, 13, 61, 0.25);
  color: var(--pd-text);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 999px;
  transition: background var(--pd-transition), border-color var(--pd-transition);
}
.mv-tag:hover,
.trav-tag:hover,
.agri-tag:hover,
.heavy-tag:hover,
.cargo-tag:hover,
.pa-tag:hover,
.marhul-tag:hover,
.pet-tag:hover,
.prop-tag:hover,
.eng-tag:hover,
.surety-tag:hover,
.liab-tag:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.5);
}
/* Alur Pengajuan Klaim (timeline) */
/* Mobile: vertical stacked */
.mv-steps,
.trav-steps,
.agri-steps,
.heavy-steps,
.cargo-steps,
.pa-steps,
.marhul-steps,
.pet-steps,
.prop-steps,
.eng-steps,
.surety-steps,
.liab-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mv-step,
.trav-step,
.agri-step,
.heavy-step,
.cargo-step,
.pa-step,
.marhul-step,
.pet-step,
.prop-step,
.eng-step,
.surety-step,
.liab-step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 32px;
  position: relative;
}
.mv-step:last-child,
.trav-step:last-child,
.agri-step:last-child,
.heavy-step:last-child,
.cargo-step:last-child,
.pa-step:last-child,
.marhul-step:last-child,
.pet-step:last-child,
.prop-step:last-child,
.eng-step:last-child,
.surety-step:last-child,
.liab-step:last-child {
  padding-bottom: 0;
}
/* Vertical line on mobile */
.mv-step:not(:last-child)::before,
.trav-step:not(:last-child)::before,
.agri-step:not(:last-child)::before,
.heavy-step:not(:last-child)::before,
.cargo-step:not(:last-child)::before,
.pa-step:not(:last-child)::before,
.marhul-step:not(:last-child)::before,
.pet-step:not(:last-child)::before,
.prop-step:not(:last-child)::before,
.eng-step:not(:last-child)::before,
.surety-step:not(:last-child)::before,
.liab-step:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 20px;         /* center of 40px double-ring */
  top: 44px;
  width: 2px;
  bottom: 0;
  background: var(--pd-blue);
}
/* Mobile indicator: flex column, ring on top, line hidden */
.mv-step-indicator,
.trav-step-indicator,
.agri-step-indicator,
.heavy-step-indicator,
.cargo-step-indicator,
.pa-step-indicator,
.marhul-step-indicator,
.pet-step-indicator,
.prop-step-indicator,
.eng-step-indicator,
.surety-step-indicator,
.liab-step-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
/* Horizontal connector line — hidden on mobile, shown on tablet+ */
.mv-step-line,
.trav-step-line,
.agri-step-line,
.heavy-step-line,
.cargo-step-line,
.pa-step-line,
.marhul-step-line,
.pet-step-line,
.prop-step-line,
.eng-step-line,
.surety-step-line,
.liab-step-line {
  display: none;
}
/* Double-ring number circle */
.mv-step-ring,
.trav-step-ring,
.agri-step-ring,
.heavy-step-ring,
.cargo-step-ring,
.pa-step-ring,
.marhul-step-ring,
.pet-step-ring,
.prop-step-ring,
.eng-step-ring,
.surety-step-ring,
.liab-step-ring {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--pd-blue);
  background: var(--pd-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.mv-step-ring-inner,
.trav-step-ring-inner,
.agri-step-ring-inner,
.heavy-step-ring-inner,
.cargo-step-ring-inner,
.pa-step-ring-inner,
.marhul-step-ring-inner,
.pet-step-ring-inner,
.prop-step-ring-inner,
.eng-step-ring-inner,
.surety-step-ring-inner,
.liab-step-ring-inner {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--pd-blue);
  color: var(--pd-white);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mv-step-body,
.trav-step-body,
.agri-step-body,
.heavy-step-body,
.cargo-step-body,
.pa-step-body,
.marhul-step-body,
.pet-step-body,
.prop-step-body,
.eng-step-body,
.surety-step-body,
.liab-step-body {
  flex: 1;
  padding-top: 4px;
}
.mv-step-title,
.trav-step-title,
.agri-step-title,
.heavy-step-title,
.cargo-step-title,
.pa-step-title,
.marhul-step-title,
.pet-step-title,
.prop-step-title,
.eng-step-title,
.surety-step-title,
.liab-step-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 6px;
}
.mv-step-desc,
.trav-step-desc,
.agri-step-desc,
.heavy-step-desc,
.cargo-step-desc,
.pa-step-desc,
.marhul-step-desc,
.pet-step-desc,
.prop-step-desc,
.eng-step-desc,
.surety-step-desc,
.liab-step-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--pd-muted);
  margin: 0;
  line-height: 1.6;
}
/*S7 — Closing CTA */
.mv-closing-cta,
.trav-closing-cta,
.agri-closing-cta,
.heavy-closing-cta,
.cargo-closing-cta,
.pa-closing-cta,
.marhul-closing-cta,
.pet-closing-cta,
.prop-closing-cta,
.eng-closing-cta,
.surety-closing-cta,
.liab-closing-cta {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.mv-closing-heading,
.trav-closing-heading,
.agri-closing-heading,
.heavy-closing-heading,
.cargo-closing-heading,
.pa-closing-heading,
.marhul-closing-heading,
.pet-closing-heading,
.prop-closing-heading,
.eng-closing-heading,
.surety-closing-heading,
.liab-closing-heading {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: var(--pd-white);
  margin: 0 0 12px;
  line-height: 1.3;
}
.mv-closing-sub,
.trav-closing-sub,
.agri-closing-sub,
.heavy-closing-sub,
.cargo-closing-sub,
.pa-closing-sub,
.marhul-closing-sub,
.pet-closing-sub,
.prop-closing-sub,
.eng-closing-sub,
.surety-closing-sub,
.liab-closing-sub {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: rgba(255,255,255,0.9);
  margin: 0 0 32px;
  line-height: 1.7;
}
.mv-btn-dark,
.trav-btn-dark,
.agri-btn-dark,
.heavy-btn-dark,
.cargo-btn-dark,
.pa-btn-dark,
.marhul-btn-dark,
.pet-btn-dark,
.prop-btn-dark,
.eng-btn-dark,
.surety-btn-dark,
.liab-btn-dark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--pd-navy);
  color: var(--pd-white);
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--pd-transition), transform var(--pd-transition), box-shadow var(--pd-transition);
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.4);
}
.mv-btn-dark:hover,
.trav-btn-dark:hover,
.agri-btn-dark:hover,
.heavy-btn-dark:hover,
.cargo-btn-dark:hover,
.pa-btn-dark:hover,
.marhul-btn-dark:hover,
.pet-btn-dark:hover,
.prop-btn-dark:hover,
.eng-btn-dark:hover,
.surety-btn-dark:hover,
.liab-btn-dark:hover {
  background-color: #0d2240;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.5);
  color: var(--pd-white);
  text-decoration: none;
}
/* TABLET  ≥ 768px*/
@media (min-width: 768px) {

  .mv-container,
  .trav-container,
  .agri-container,
  .heavy-container,
  .cargo-container,
  .pa-container,
  .marhul-container,
  .pet-container,
  .prop-container,
  .eng-container,
  .surety-container,
  .liab-container {
  padding: 0 32px;
  }

  .mv-section-title,
  .trav-section-title,
  .agri-section-title,
  .heavy-section-title,
  .cargo-section-title,
  .pa-section-title,
  .marhul-section-title,
  .pet-section-title,
  .prop-section-title,
  .eng-section-title,
  .surety-section-title,
  .liab-section-title {
  font-size: 32px;
  }

  /* S3 */
  .mv-plan-grid,
  .trav-plan-grid,
  .agri-plan-grid,
  .heavy-plan-grid,
  .cargo-plan-grid,
  .pa-plan-grid,
  .marhul-plan-grid,
  .pet-plan-grid,
  .prop-plan-grid,
  .eng-plan-grid,
  .surety-plan-grid,
  .liab-plan-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  /* S4 */
  .mv-ext-grid,
  .trav-ext-grid,
  .agri-ext-grid,
  .heavy-ext-grid,
  .cargo-ext-grid,
  .pa-ext-grid,
  .marhul-ext-grid,
  .pet-ext-grid,
  .prop-ext-grid,
  .eng-ext-grid,
  .surety-ext-grid,
  .liab-ext-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }

  /* S5 */
  .mv-benefits-grid,
  .trav-benefits-grid,
  .agri-benefits-grid,
  .heavy-benefits-grid,
  .cargo-benefits-grid,
  .pa-benefits-grid,
  .marhul-benefits-grid,
  .pet-benefits-grid,
  .prop-benefits-grid,
  .eng-benefits-grid,
  .surety-benefits-grid,
  .liab-benefits-grid {
      grid-template-columns: 1fr 1fr;
      gap: 48px;
  }

  /* S6 — switch to horizontal */
  .mv-steps,
  .trav-steps,
  .agri-steps,
  .heavy-steps,
  .cargo-steps,
  .pa-steps,
  .marhul-steps,
  .pet-steps,
  .prop-steps,
  .eng-steps,
  .surety-steps,
  .liab-steps {
      flex-direction: row;
      align-items: flex-start;
      gap: 0;
  }

  .mv-step,
  .trav-step,
  .agri-step,
  .heavy-step,
  .cargo-step,
  .pa-step,
  .marhul-step,
  .pet-step,
  .prop-step,
  .eng-step,
  .surety-step,
  .liab-step {
      flex: 1;
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding-bottom: 0;
  }

  /* hide mobile vertical line */
  .mv-step::before,
  .trav-step::before,
  .agri-step::before,
  .heavy-step::before,
  .cargo-step::before,
  .pa-step::before,
  .marhul-step::before,
  .pet-step::before,
  .prop-step::before,
  .eng-step::before,
  .surety-step::before,
  .liab-step::before {
  display: none;
  }

  /* Horizontal ring-line row */
  .mv-step-indicator,
  .trav-step-indicator,
  .agri-step-indicator,
  .heavy-step-indicator,
  .cargo-step-indicator,
  .pa-step-indicator,
  .marhul-step-indicator,
  .pet-step-indicator,
  .prop-step-indicator,
  .eng-step-indicator,
  .surety-step-indicator,
  .liab-step-indicator {
      flex-direction: row;
      align-items: center;
      width: 100%;
      margin-bottom: 18px;
  }

  /* Show connector line on tablet+ */
  .mv-step-line,
  .trav-step-line,
  .agri-step-line,
  .heavy-step-line,
  .cargo-step-line,
  .pa-step-line,
  .marhul-step-line,
  .pet-step-line,
  .prop-step-line,
  .eng-step-line,
  .surety-step-line,
  .liab-step-line {
      display: block;
      flex: 1;
      height: 2px;
      background: var(--pd-blue);
      min-width: 8px;
  }

  .mv-step:last-child .mv-step-line,
  .trav-step:last-child .trav-step-line,
  .agri-step:last-child .agri-step-line,
  .heavy-step:last-child .heavy-step-line,
  .cargo-step:last-child .cargo-step-line,
  .pa-step:last-child .pa-step-line,
  .marhul-step:last-child .marhul-step-line,
  .pet-step:last-child .pet-step-line,
  .prop-step:last-child .prop-step-line,
  .eng-step:last-child .eng-step-line,
  .surety-step:last-child .surety-step-line,
  .liab-step:last-child .liab-step-line {
      display: none;
  }

  .mv-step-body,
  .trav-step-body,
  .agri-step-body,
  .heavy-step-body,
  .cargo-step-body,
  .pa-step-body,
  .marhul-step-body,
  .pet-step-body,
  .prop-step-body,
  .eng-step-body,
  .surety-step-body,
  .liab-step-body {
      padding-top: 0;
      padding-right: 12px;
  }

  .mv-step:last-child .mv-step-body,
  .trav-step:last-child .trav-step-body,
  .agri-step:last-child .agri-step-body,
  .heavy-step:last-child .heavy-step-body,
  .cargo-step:last-child .cargo-step-body,
  .pa-step:last-child .pa-step-body,
  .marhul-step:last-child .marhul-step-body,
  .pet-step:last-child .pet-step-body,
  .prop-step:last-child .prop-step-body,
  .eng-step:last-child .eng-step-body,
  .surety-step:last-child .surety-step-body,
  .liab-step:last-child .liab-step-body {
  padding-right: 0;
  }

  /* S7 */
  .mv-closing-heading,
  .trav-closing-heading,
  .agri-closing-heading,
  .heavy-closing-heading,
  .cargo-closing-heading,
  .pa-closing-heading,
  .marhul-closing-heading,
  .pet-closing-heading,
  .prop-closing-heading,
  .eng-closing-heading,
  .surety-closing-heading,
  .liab-closing-heading {
  font-size: 32px;
  }
}
/* DESKTOP  ≥ 1024px */
@media (min-width: 1024px) {

  .mv-container,
  .trav-container,
  .agri-container,
  .heavy-container,
  .cargo-container,
  .pa-container,
  .marhul-container,
  .pet-container,
  .prop-container,
  .eng-container,
  .surety-container,
  .liab-container {
  padding: 0 40px;
  }

  .mv-section-title,
  .trav-section-title,
  .agri-section-title,
  .heavy-section-title,
  .cargo-section-title,
  .pa-section-title,
  .marhul-section-title,
  .pet-section-title,
  .prop-section-title,
  .eng-section-title,
  .surety-section-title,
  .liab-section-title {
  font-size: 36px;
  }

  /* S4 */
  .mv-ext-grid,
  .trav-ext-grid,
  .agri-ext-grid,
  .heavy-ext-grid,
  .cargo-ext-grid,
  .pa-ext-grid,
  .marhul-ext-grid,
  .pet-ext-grid,
  .prop-ext-grid,
  .eng-ext-grid,
  .surety-ext-grid,
  .liab-ext-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
  }

  .mv-step-title,
  .trav-step-title,
  .agri-step-title,
  .heavy-step-title,
  .cargo-step-title,
  .pa-step-title,
  .marhul-step-title,
  .pet-step-title,
  .prop-step-title,
  .eng-step-title,
  .surety-step-title,
  .liab-step-title {
  font-size: 15px;
  }

  .mv-step-desc,
  .trav-step-desc,
  .agri-step-desc,
  .heavy-step-desc,
  .cargo-step-desc,
  .pa-step-desc,
  .marhul-step-desc,
  .pet-step-desc,
  .prop-step-desc,
  .eng-step-desc,
  .surety-step-desc,
  .liab-step-desc {
  font-size: 14px;
  }

  /* S7 */
  .mv-closing-heading,
  .trav-closing-heading,
  .agri-closing-heading,
  .heavy-closing-heading,
  .cargo-closing-heading,
  .pa-closing-heading,
  .marhul-closing-heading,
  .pet-closing-heading,
  .prop-closing-heading,
  .eng-closing-heading,
  .surety-closing-heading,
  .liab-closing-heading {
  font-size: 36px;
  }
}
/*OVERFLOW GUARD*/
@media (max-width: 767px) {
  .mv-section,
  .trav-section,
  .agri-section,
  .heavy-section,
  .cargo-section,
  .pa-section,
  .marhul-section,
  .pet-section,
  .prop-section,
  .eng-section,
  .surety-section,
  .liab-section {
      overflow-x: hidden;
      box-sizing: border-box;
      max-width: 100%;
  }
}
/* =========================================================
   SECTION 2 — Product Overview
   ========================================================= */
.mv-section-sub,
.trav-section-sub,
.agri-section-sub,
.heavy-section-sub,
.cargo-section-sub,
.pa-section-sub,
.marhul-section-sub,
.pet-section-sub,
.prop-section-sub,
.eng-section-sub,
.surety-section-sub,
.liab-section-sub {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: var(--pd-muted);
  margin: 8px auto 0;
  max-width: 640px;
  line-height: 1.7;
}
.mv-highlight-grid,
.trav-highlight-grid,
.agri-highlight-grid,
.heavy-highlight-grid,
.cargo-highlight-grid,
.pa-highlight-grid,
.marhul-highlight-grid,
.pet-highlight-grid,
.prop-highlight-grid,
.eng-highlight-grid,
.surety-highlight-grid,
.liab-highlight-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 36px;
}
.mv-highlight-card,
.trav-highlight-card,
.agri-highlight-card,
.heavy-highlight-card,
.cargo-highlight-card,
.pa-highlight-card,
.marhul-highlight-card,
.pet-highlight-card,
.prop-highlight-card,
.eng-highlight-card,
.surety-highlight-card,
.liab-highlight-card {
  background: var(--pd-white);
  border-radius: var(--pd-radius);
  border-top: 3px solid var(--pd-blue);
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  padding: 28px 24px;
  transition: transform var(--pd-transition), box-shadow var(--pd-transition);
}
.mv-highlight-card:hover,
.trav-highlight-card:hover,
.agri-highlight-card:hover,
.heavy-highlight-card:hover,
.cargo-highlight-card:hover,
.pa-highlight-card:hover,
.marhul-highlight-card:hover,
.pet-highlight-card:hover,
.prop-highlight-card:hover,
.eng-highlight-card:hover,
.surety-highlight-card:hover,
.liab-highlight-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(14,165,233,0.14);
}
.mv-highlight-icon,
.trav-highlight-icon,
.agri-highlight-icon,
.heavy-highlight-icon,
.cargo-highlight-icon,
.pa-highlight-icon,
.marhul-highlight-icon,
.pet-highlight-icon,
.prop-highlight-icon,
.eng-highlight-icon,
.surety-highlight-icon,
.liab-highlight-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pd-blue);
  font-size: 22px;
  margin-bottom: 16px;
}
.mv-highlight-title,
.trav-highlight-title,
.agri-highlight-title,
.heavy-highlight-title,
.cargo-highlight-title,
.pa-highlight-title,
.marhul-highlight-title,
.pet-highlight-title,
.prop-highlight-title,
.eng-highlight-title,
.surety-highlight-title,
.liab-highlight-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 10px;
}
.mv-highlight-desc,
.trav-highlight-desc,
.agri-highlight-desc,
.heavy-highlight-desc,
.cargo-highlight-desc,
.pa-highlight-desc,
.marhul-highlight-desc,
.pet-highlight-desc,
.prop-highlight-desc,
.eng-highlight-desc,
.surety-highlight-desc,
.liab-highlight-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-muted);
  margin: 0;
  line-height: 1.6;
}
.mv-cta-pair,
.trav-cta-pair,
.agri-cta-pair,
.heavy-cta-pair,
.cargo-cta-pair,
.pa-cta-pair,
.marhul-cta-pair,
.pet-cta-pair,
.prop-cta-pair,
.eng-cta-pair,
.surety-cta-pair,
.liab-cta-pair {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 8px;
}
.mv-btn-outline,
.trav-btn-outline,
.agri-btn-outline,
.heavy-btn-outline,
.cargo-btn-outline,
.pa-btn-outline,
.marhul-btn-outline,
.pet-btn-outline,
.prop-btn-outline,
.eng-btn-outline,
.surety-btn-outline,
.liab-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--pd-blue);
  border: 2px solid var(--pd-blue);
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 13px 30px;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--pd-transition), color var(--pd-transition), transform var(--pd-transition);
}
.mv-btn-outline:hover,
.trav-btn-outline:hover,
.agri-btn-outline:hover,
.heavy-btn-outline:hover,
.cargo-btn-outline:hover,
.pa-btn-outline:hover,
.marhul-btn-outline:hover,
.pet-btn-outline:hover,
.prop-btn-outline:hover,
.eng-btn-outline:hover,
.surety-btn-outline:hover,
.liab-btn-outline:hover {
  background: var(--pd-blue);
  color: var(--pd-white);
  transform: translateY(-2px);
  text-decoration: none;
}
/* =========================================================
   SECTION 3 — Coverage Details
   ========================================================= */
.mv-coverage-part-header,
.trav-coverage-part-header,
.agri-coverage-part-header,
.heavy-coverage-part-header,
.cargo-coverage-part-header,
.pa-coverage-part-header,
.marhul-coverage-part-header,
.pet-coverage-part-header,
.prop-coverage-part-header,
.eng-coverage-part-header,
.surety-coverage-part-header,
.liab-coverage-part-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--pd-border);
}
.mv-coverage-part-badge,
.trav-coverage-part-badge,
.agri-coverage-part-badge,
.heavy-coverage-part-badge,
.cargo-coverage-part-badge,
.pa-coverage-part-badge,
.marhul-coverage-part-badge,
.pet-coverage-part-badge,
.prop-coverage-part-badge,
.eng-coverage-part-badge,
.surety-coverage-part-badge,
.liab-coverage-part-badge {
  display: inline-block;
  background: var(--pd-blue);
  color: var(--pd-white);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
  flex-shrink: 0;
}
.mv-coverage-part-badge--teal,
.trav-coverage-part-badge--teal,
.agri-coverage-part-badge--teal,
.heavy-coverage-part-badge--teal,
.cargo-coverage-part-badge--teal,
.pa-coverage-part-badge--teal,
.marhul-coverage-part-badge--teal,
.pet-coverage-part-badge--teal,
.prop-coverage-part-badge--teal,
.eng-coverage-part-badge--teal,
.surety-coverage-part-badge--teal,
.liab-coverage-part-badge--teal {
  background: #0D9488;
}
.mv-coverage-part-title,
.trav-coverage-part-title,
.agri-coverage-part-title,
.heavy-coverage-part-title,
.cargo-coverage-part-title,
.pa-coverage-part-title,
.marhul-coverage-part-title,
.pet-coverage-part-title,
.prop-coverage-part-title,
.eng-coverage-part-title,
.surety-coverage-part-title,
.liab-coverage-part-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0;
}
/* Accordion */
.mv-accordion-list,
.trav-accordion-list,
.agri-accordion-list,
.heavy-accordion-list,
.cargo-accordion-list,
.pa-accordion-list,
.marhul-accordion-list,
.pet-accordion-list,
.prop-accordion-list,
.eng-accordion-list,
.surety-accordion-list,
.liab-accordion-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: start;
}
.mv-accordion-item,
.trav-accordion-item,
.agri-accordion-item,
.heavy-accordion-item,
.cargo-accordion-item,
.pa-accordion-item,
.marhul-accordion-item,
.pet-accordion-item,
.prop-accordion-item,
.eng-accordion-item,
.surety-accordion-item,
.liab-accordion-item {
  background: var(--pd-white);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius);
  overflow: hidden;
  transition: box-shadow var(--pd-transition);
}
.mv-accordion-item:hover,
.trav-accordion-item:hover,
.agri-accordion-item:hover,
.heavy-accordion-item:hover,
.cargo-accordion-item:hover,
.pa-accordion-item:hover,
.marhul-accordion-item:hover,
.pet-accordion-item:hover,
.prop-accordion-item:hover,
.eng-accordion-item:hover,
.surety-accordion-item:hover,
.liab-accordion-item:hover {
  box-shadow: 0 2px 10px rgba(14,165,233,0.10);
}
.mv-accordion-trigger,
.trav-accordion-trigger,
.agri-accordion-trigger,
.heavy-accordion-trigger,
.cargo-accordion-trigger,
.pa-accordion-trigger,
.marhul-accordion-trigger,
.pet-accordion-trigger,
.prop-accordion-trigger,
.eng-accordion-trigger,
.surety-accordion-trigger,
.liab-accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-text);
  transition: background var(--pd-transition);
}
.mv-accordion-trigger:hover,
.trav-accordion-trigger:hover,
.agri-accordion-trigger:hover,
.heavy-accordion-trigger:hover,
.cargo-accordion-trigger:hover,
.pa-accordion-trigger:hover,
.marhul-accordion-trigger:hover,
.pet-accordion-trigger:hover,
.prop-accordion-trigger:hover,
.eng-accordion-trigger:hover,
.surety-accordion-trigger:hover,
.liab-accordion-trigger:hover {
  background: #F0F9FF;
}
.mv-accordion-trigger[aria-expanded="true"],
.trav-accordion-trigger[aria-expanded="true"],
.agri-accordion-trigger[aria-expanded="true"],
.heavy-accordion-trigger[aria-expanded="true"],
.cargo-accordion-trigger[aria-expanded="true"],
.pa-accordion-trigger[aria-expanded="true"],
.marhul-accordion-trigger[aria-expanded="true"],
.pet-accordion-trigger[aria-expanded="true"],
.prop-accordion-trigger[aria-expanded="true"],
.eng-accordion-trigger[aria-expanded="true"],
.surety-accordion-trigger[aria-expanded="true"],
.liab-accordion-trigger[aria-expanded="true"] {
  background: #F0F9FF;
  border-bottom: 1px solid var(--pd-border);
}
.mv-accordion-num,
.trav-accordion-num,
.agri-accordion-num,
.heavy-accordion-num,
.cargo-accordion-num,
.pa-accordion-num,
.marhul-accordion-num,
.pet-accordion-num,
.prop-accordion-num,
.eng-accordion-num,
.surety-accordion-num,
.liab-accordion-num {
  flex-shrink: 0;
  min-width: 28px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: var(--pd-blue);
  letter-spacing: 0.5px;
}
.mv-accordion-label,
.trav-accordion-label,
.agri-accordion-label,
.heavy-accordion-label,
.cargo-accordion-label,
.pa-accordion-label,
.marhul-accordion-label,
.pet-accordion-label,
.prop-accordion-label,
.eng-accordion-label,
.surety-accordion-label,
.liab-accordion-label {
  flex: 1;
  font-weight: 600;
  line-height: 1.4;
}
.mv-accordion-chevron,
.trav-accordion-chevron,
.agri-accordion-chevron,
.heavy-accordion-chevron,
.cargo-accordion-chevron,
.pa-accordion-chevron,
.marhul-accordion-chevron,
.pet-accordion-chevron,
.prop-accordion-chevron,
.eng-accordion-chevron,
.surety-accordion-chevron,
.liab-accordion-chevron {
  flex-shrink: 0;
  color: var(--pd-muted);
  font-size: 13px;
  transition: transform 0.25s ease;
}
.mv-accordion-body,
.trav-accordion-body,
.agri-accordion-body,
.heavy-accordion-body,
.cargo-accordion-body,
.pa-accordion-body,
.marhul-accordion-body,
.pet-accordion-body,
.prop-accordion-body,
.eng-accordion-body,
.surety-accordion-body,
.liab-accordion-body {
  padding: 16px 20px 18px 62px;
  background: var(--pd-white);
}
.mv-accordion-body p,
.trav-accordion-body p,
.agri-accordion-body p,
.heavy-accordion-body p,
.cargo-accordion-body p,
.pa-accordion-body p,
.marhul-accordion-body p,
.pet-accordion-body p,
.prop-accordion-body p,
.eng-accordion-body p,
.surety-accordion-body p,
.liab-accordion-body p,
.mv-accordion-body ul,
.trav-accordion-body ul,
.agri-accordion-body ul,
.heavy-accordion-body ul,
.cargo-accordion-body ul,
.pa-accordion-body ul,
.marhul-accordion-body ul,
.pet-accordion-body ul,
.prop-accordion-body ul,
.eng-accordion-body ul,
.surety-accordion-body ul,
.liab-accordion-body ul {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-muted);
  margin: 0;
  line-height: 1.7;
}
/* Addon grid (Part B) */
.mv-addon-grid,
.trav-addon-grid,
.agri-addon-grid,
.heavy-addon-grid,
.cargo-addon-grid,
.pa-addon-grid,
.marhul-addon-grid,
.pet-addon-grid,
.prop-addon-grid,
.eng-addon-grid,
.surety-addon-grid,
.liab-addon-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.mv-addon-card,
.trav-addon-card,
.agri-addon-card,
.heavy-addon-card,
.cargo-addon-card,
.pa-addon-card,
.marhul-addon-card,
.pet-addon-card,
.prop-addon-card,
.eng-addon-card,
.surety-addon-card,
.liab-addon-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--pd-white);
  border: 1px solid var(--pd-border);
  border-left: 4px solid #0D9488;
  border-radius: var(--pd-radius);
  padding: 22px;
  transition: box-shadow var(--pd-transition), transform var(--pd-transition);
}
.mv-addon-card:hover,
.trav-addon-card:hover,
.agri-addon-card:hover,
.heavy-addon-card:hover,
.cargo-addon-card:hover,
.pa-addon-card:hover,
.marhul-addon-card:hover,
.pet-addon-card:hover,
.prop-addon-card:hover,
.eng-addon-card:hover,
.surety-addon-card:hover,
.liab-addon-card:hover {
  box-shadow: 0 4px 16px rgba(13,148,136,0.12);
  transform: translateY(-2px);
}
.mv-addon-icon,
.trav-addon-icon,
.agri-addon-icon,
.heavy-addon-icon,
.cargo-addon-icon,
.pa-addon-icon,
.marhul-addon-icon,
.pet-addon-icon,
.prop-addon-icon,
.eng-addon-icon,
.surety-addon-icon,
.liab-addon-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #F0FDFA;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0D9488;
  font-size: 18px;
  flex-shrink: 0;
}
.mv-addon-title,
.trav-addon-title,
.agri-addon-title,
.heavy-addon-title,
.cargo-addon-title,
.pa-addon-title,
.marhul-addon-title,
.pet-addon-title,
.prop-addon-title,
.eng-addon-title,
.surety-addon-title,
.liab-addon-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 8px;
}
.mv-addon-desc,
.trav-addon-desc,
.agri-addon-desc,
.heavy-addon-desc,
.cargo-addon-desc,
.pa-addon-desc,
.marhul-addon-desc,
.pet-addon-desc,
.prop-addon-desc,
.eng-addon-desc,
.surety-addon-desc,
.liab-addon-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--pd-muted);
  margin: 0;
  line-height: 1.6;
}
/* =========================================================
   SECTION 4 — Coverage Table
   ========================================================= */
.mv-table-wrap,
.trav-table-wrap,
.agri-table-wrap,
.heavy-table-wrap,
.cargo-table-wrap,
.pa-table-wrap,
.marhul-table-wrap,
.pet-table-wrap,
.prop-table-wrap,
.eng-table-wrap,
.surety-table-wrap,
.liab-table-wrap {
  overflow-x: auto;
  border-radius: var(--pd-radius);
  box-shadow: 0 2px 16px rgba(0,0,0,0.08);
}
.mv-coverage-table,
.trav-coverage-table,
.agri-coverage-table,
.heavy-coverage-table,
.cargo-coverage-table,
.pa-coverage-table,
.marhul-coverage-table,
.pet-coverage-table,
.prop-coverage-table,
.eng-coverage-table,
.surety-coverage-table,
.liab-coverage-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: var(--pd-white);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
.mv-coverage-table thead th,
.trav-coverage-table thead th,
.agri-coverage-table thead th,
.heavy-coverage-table thead th,
.cargo-coverage-table thead th,
.pa-coverage-table thead th,
.marhul-coverage-table thead th,
.pet-coverage-table thead th,
.prop-coverage-table thead th,
.eng-coverage-table thead th,
.surety-coverage-table thead th,
.liab-coverage-table thead th {
  background: var(--pd-navy);
  color: var(--pd-white);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 14px 16px;
  text-align: left;
  white-space: nowrap;
}
.mv-th-sortable,
.trav-th-sortable,
.agri-th-sortable,
.heavy-th-sortable,
.cargo-th-sortable,
.pa-th-sortable,
.marhul-th-sortable,
.pet-th-sortable,
.prop-th-sortable,
.eng-th-sortable,
.surety-th-sortable,
.liab-th-sortable {
  cursor: pointer;
  user-select: none;
  transition: background var(--pd-transition);
}
.mv-th-sortable:hover,
.trav-th-sortable:hover,
.agri-th-sortable:hover,
.heavy-th-sortable:hover,
.cargo-th-sortable:hover,
.pa-th-sortable:hover,
.marhul-th-sortable:hover,
.pet-th-sortable:hover,
.prop-th-sortable:hover,
.eng-th-sortable:hover,
.surety-th-sortable:hover,
.liab-th-sortable:hover {
  background: #1E3A8A;
}
.mv-th-sortable i,
.trav-th-sortable i,
.agri-th-sortable i,
.heavy-th-sortable i,
.cargo-th-sortable i,
.pa-th-sortable i,
.marhul-th-sortable i,
.pet-th-sortable i,
.prop-th-sortable i,
.eng-th-sortable i,
.surety-th-sortable i,
.liab-th-sortable i {
  margin-left: 6px;
  font-size: 11px;
  opacity: 0.7;
}
.mv-coverage-table tbody tr,
.trav-coverage-table tbody tr,
.agri-coverage-table tbody tr,
.heavy-coverage-table tbody tr,
.cargo-coverage-table tbody tr,
.pa-coverage-table tbody tr,
.marhul-coverage-table tbody tr,
.pet-coverage-table tbody tr,
.prop-coverage-table tbody tr,
.eng-coverage-table tbody tr,
.surety-coverage-table tbody tr,
.liab-coverage-table tbody tr {
  border-bottom: 1px solid var(--pd-border);
  transition: background var(--pd-transition);
}
.mv-coverage-table tbody tr:hover,
.trav-coverage-table tbody tr:hover,
.agri-coverage-table tbody tr:hover,
.heavy-coverage-table tbody tr:hover,
.cargo-coverage-table tbody tr:hover,
.pa-coverage-table tbody tr:hover,
.marhul-coverage-table tbody tr:hover,
.pet-coverage-table tbody tr:hover,
.prop-coverage-table tbody tr:hover,
.eng-coverage-table tbody tr:hover,
.surety-coverage-table tbody tr:hover,
.liab-coverage-table tbody tr:hover {
  background: #F0F9FF;
}
.mv-coverage-table tbody td,
.trav-coverage-table tbody td,
.agri-coverage-table tbody td,
.heavy-coverage-table tbody td,
.cargo-coverage-table tbody td,
.pa-coverage-table tbody td,
.marhul-coverage-table tbody td,
.pet-coverage-table tbody td,
.prop-coverage-table tbody td,
.eng-coverage-table tbody td,
.surety-coverage-table tbody td,
.liab-coverage-table tbody td {
  padding: 13px 16px;
  vertical-align: top;
  color: var(--pd-text);
  line-height: 1.5;
}
.mv-row-excluded,
.trav-row-excluded,
.agri-row-excluded,
.heavy-row-excluded,
.cargo-row-excluded,
.pa-row-excluded,
.marhul-row-excluded,
.pet-row-excluded,
.prop-row-excluded,
.eng-row-excluded,
.surety-row-excluded,
.liab-row-excluded {
  background: #FFF5F5;
}
.mv-row-excluded:hover,
.trav-row-excluded:hover,
.agri-row-excluded:hover,
.heavy-row-excluded:hover,
.cargo-row-excluded:hover,
.pa-row-excluded:hover,
.marhul-row-excluded:hover,
.pet-row-excluded:hover,
.prop-row-excluded:hover,
.eng-row-excluded:hover,
.surety-row-excluded:hover,
.liab-row-excluded:hover {
  background: #FEE2E2 !important;
}
.mv-row-excluded td,
.trav-row-excluded td,
.agri-row-excluded td,
.heavy-row-excluded td,
.cargo-row-excluded td,
.pa-row-excluded td,
.marhul-row-excluded td,
.pet-row-excluded td,
.prop-row-excluded td,
.eng-row-excluded td,
.surety-row-excluded td,
.liab-row-excluded td {
  color: #6B7280;
}
.mv-badge,
.trav-badge,
.agri-badge,
.heavy-badge,
.cargo-badge,
.pa-badge,
.marhul-badge,
.pet-badge,
.prop-badge,
.eng-badge,
.surety-badge,
.liab-badge {
  display: inline-block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.mv-badge--covered,
.trav-badge--covered,
.agri-badge--covered,
.heavy-badge--covered,
.cargo-badge--covered,
.pa-badge--covered,
.marhul-badge--covered,
.pet-badge--covered,
.prop-badge--covered,
.eng-badge--covered,
.surety-badge--covered,
.liab-badge--covered {
  background: #D1FAE5;
  color: #065F46;
}
.mv-badge--excluded,
.trav-badge--excluded,
.agri-badge--excluded,
.heavy-badge--excluded,
.cargo-badge--excluded,
.pa-badge--excluded,
.marhul-badge--excluded,
.pet-badge--excluded,
.prop-badge--excluded,
.eng-badge--excluded,
.surety-badge--excluded,
.liab-badge--excluded {
  background: #FEE2E2;
  color: #991B1B;
}
/* =========================================================
   SECTION 5 — Pricing & Simulation
   ========================================================= */
.mv-pricing-grid,
.trav-pricing-grid,
.agri-pricing-grid,
.heavy-pricing-grid,
.cargo-pricing-grid,
.pa-pricing-grid,
.marhul-pricing-grid,
.pet-pricing-grid,
.prop-pricing-grid,
.eng-pricing-grid,
.surety-pricing-grid,
.liab-pricing-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.mv-pricing-card,
.trav-pricing-card,
.agri-pricing-card,
.heavy-pricing-card,
.cargo-pricing-card,
.pa-pricing-card,
.marhul-pricing-card,
.pet-pricing-card,
.prop-pricing-card,
.eng-pricing-card,
.surety-pricing-card,
.liab-pricing-card {
  background: var(--pd-white);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius);
  padding: 28px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.mv-pricing-card-header,
.trav-pricing-card-header,
.agri-pricing-card-header,
.heavy-pricing-card-header,
.cargo-pricing-card-header,
.pa-pricing-card-header,
.marhul-pricing-card-header,
.pet-pricing-card-header,
.prop-pricing-card-header,
.eng-pricing-card-header,
.surety-pricing-card-header,
.liab-pricing-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--pd-border);
}
.mv-pricing-card-header i,
.trav-pricing-card-header i,
.agri-pricing-card-header i,
.heavy-pricing-card-header i,
.cargo-pricing-card-header i,
.pa-pricing-card-header i,
.marhul-pricing-card-header i,
.pet-pricing-card-header i,
.prop-pricing-card-header i,
.eng-pricing-card-header i,
.surety-pricing-card-header i,
.liab-pricing-card-header i {
  font-size: 22px;
  color: var(--pd-blue);
}
.mv-pricing-card-header h3,
.trav-pricing-card-header h3,
.agri-pricing-card-header h3,
.heavy-pricing-card-header h3,
.cargo-pricing-card-header h3,
.pa-pricing-card-header h3,
.marhul-pricing-card-header h3,
.pet-pricing-card-header h3,
.prop-pricing-card-header h3,
.eng-pricing-card-header h3,
.surety-pricing-card-header h3,
.liab-pricing-card-header h3 {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0;
}
.mv-pricing-list,
.trav-pricing-list,
.agri-pricing-list,
.heavy-pricing-list,
.cargo-pricing-list,
.pa-pricing-list,
.marhul-pricing-list,
.pet-pricing-list,
.prop-pricing-list,
.eng-pricing-list,
.surety-pricing-list,
.liab-pricing-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mv-pricing-list li,
.trav-pricing-list li,
.agri-pricing-list li,
.heavy-pricing-list li,
.cargo-pricing-list li,
.pa-pricing-list li,
.marhul-pricing-list li,
.pet-pricing-list li,
.prop-pricing-list li,
.eng-pricing-list li,
.surety-pricing-list li,
.liab-pricing-list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px dashed var(--pd-border);
}
.mv-pricing-list li:last-child,
.trav-pricing-list li:last-child,
.agri-pricing-list li:last-child,
.heavy-pricing-list li:last-child,
.cargo-pricing-list li:last-child,
.pa-pricing-list li:last-child,
.marhul-pricing-list li:last-child,
.pet-pricing-list li:last-child,
.prop-pricing-list li:last-child,
.eng-pricing-list li:last-child,
.surety-pricing-list li:last-child,
.liab-pricing-list li:last-child {
  border-bottom: none;
}
.mv-pricing-item,
.trav-pricing-item,
.agri-pricing-item,
.heavy-pricing-item,
.cargo-pricing-item,
.pa-pricing-item,
.marhul-pricing-item,
.pet-pricing-item,
.prop-pricing-item,
.eng-pricing-item,
.surety-pricing-item,
.liab-pricing-item {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-muted);
}
.mv-pricing-val,
.trav-pricing-val,
.agri-pricing-val,
.heavy-pricing-val,
.cargo-pricing-val,
.pa-pricing-val,
.marhul-pricing-val,
.pet-pricing-val,
.prop-pricing-val,
.eng-pricing-val,
.surety-pricing-val,
.liab-pricing-val {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--pd-text);
  text-align: right;
}
.mv-pricing-note-item,
.trav-pricing-note-item,
.agri-pricing-note-item,
.heavy-pricing-note-item,
.cargo-pricing-note-item,
.pa-pricing-note-item,
.marhul-pricing-note-item,
.pet-pricing-note-item,
.prop-pricing-note-item,
.eng-pricing-note-item,
.surety-pricing-note-item,
.liab-pricing-note-item {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px;
  background: #F0F9FF;
  border-radius: 8px;
  padding: 12px 14px !important;
  margin-top: 8px;
  border: none !important;
}
.mv-pricing-note-item i,
.trav-pricing-note-item i,
.agri-pricing-note-item i,
.heavy-pricing-note-item i,
.cargo-pricing-note-item i,
.pa-pricing-note-item i,
.marhul-pricing-note-item i,
.pet-pricing-note-item i,
.prop-pricing-note-item i,
.eng-pricing-note-item i,
.surety-pricing-note-item i,
.liab-pricing-note-item i {
  color: var(--pd-blue);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}
.mv-pricing-note-item span,
.trav-pricing-note-item span,
.agri-pricing-note-item span,
.heavy-pricing-note-item span,
.cargo-pricing-note-item span,
.pa-pricing-note-item span,
.marhul-pricing-note-item span,
.pet-pricing-note-item span,
.prop-pricing-note-item span,
.eng-pricing-note-item span,
.surety-pricing-note-item span,
.liab-pricing-note-item span {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--pd-muted);
  line-height: 1.6;
}
/* Calculation box */
.mv-calc-box,
.trav-calc-box,
.agri-calc-box,
.heavy-calc-box,
.cargo-calc-box,
.pa-calc-box,
.marhul-calc-box,
.pet-calc-box,
.prop-calc-box,
.eng-calc-box,
.surety-calc-box,
.liab-calc-box {
  background: linear-gradient(135deg, var(--pd-navy) 0%, #1E3A8A 100%);
  border-radius: var(--pd-radius);
  padding: 28px;
  color: var(--pd-white);
}
.mv-calc-header,
.trav-calc-header,
.agri-calc-header,
.heavy-calc-header,
.cargo-calc-header,
.pa-calc-header,
.marhul-calc-header,
.pet-calc-header,
.prop-calc-header,
.eng-calc-header,
.surety-calc-header,
.liab-calc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.mv-calc-header i,
.trav-calc-header i,
.agri-calc-header i,
.heavy-calc-header i,
.cargo-calc-header i,
.pa-calc-header i,
.marhul-calc-header i,
.pet-calc-header i,
.prop-calc-header i,
.eng-calc-header i,
.surety-calc-header i,
.liab-calc-header i {
  font-size: 22px;
  color: var(--pd-blue-pale);
}
.mv-calc-header h3,
.trav-calc-header h3,
.agri-calc-header h3,
.heavy-calc-header h3,
.cargo-calc-header h3,
.pa-calc-header h3,
.marhul-calc-header h3,
.pet-calc-header h3,
.prop-calc-header h3,
.eng-calc-header h3,
.surety-calc-header h3,
.liab-calc-header h3 {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--pd-white);
  margin: 0;
}
.mv-calc-meta,
.trav-calc-meta,
.agri-calc-meta,
.heavy-calc-meta,
.cargo-calc-meta,
.pa-calc-meta,
.marhul-calc-meta,
.pet-calc-meta,
.prop-calc-meta,
.eng-calc-meta,
.surety-calc-meta,
.liab-calc-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
  background: rgba(255,255,255,0.07);
  border-radius: 8px;
  padding: 12px 14px;
}
.mv-calc-meta-row,
.trav-calc-meta-row,
.agri-calc-meta-row,
.heavy-calc-meta-row,
.cargo-calc-meta-row,
.pa-calc-meta-row,
.marhul-calc-meta-row,
.pet-calc-meta-row,
.prop-calc-meta-row,
.eng-calc-meta-row,
.surety-calc-meta-row,
.liab-calc-meta-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.mv-calc-meta-row span,
.trav-calc-meta-row span,
.agri-calc-meta-row span,
.heavy-calc-meta-row span,
.cargo-calc-meta-row span,
.pa-calc-meta-row span,
.marhul-calc-meta-row span,
.pet-calc-meta-row span,
.prop-calc-meta-row span,
.eng-calc-meta-row span,
.surety-calc-meta-row span,
.liab-calc-meta-row span {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: rgba(255,255,255,0.65);
}
.mv-calc-meta-row strong,
.trav-calc-meta-row strong,
.agri-calc-meta-row strong,
.heavy-calc-meta-row strong,
.cargo-calc-meta-row strong,
.pa-calc-meta-row strong,
.marhul-calc-meta-row strong,
.pet-calc-meta-row strong,
.prop-calc-meta-row strong,
.eng-calc-meta-row strong,
.surety-calc-meta-row strong,
.liab-calc-meta-row strong {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--pd-white);
  text-align: right;
}
.mv-calc-rows,
.trav-calc-rows,
.agri-calc-rows,
.heavy-calc-rows,
.cargo-calc-rows,
.pa-calc-rows,
.marhul-calc-rows,
.pet-calc-rows,
.prop-calc-rows,
.eng-calc-rows,
.surety-calc-rows,
.liab-calc-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 16px;
}
.mv-calc-row,
.trav-calc-row,
.agri-calc-row,
.heavy-calc-row,
.cargo-calc-row,
.pa-calc-row,
.marhul-calc-row,
.pet-calc-row,
.prop-calc-row,
.eng-calc-row,
.surety-calc-row,
.liab-calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.80);
}
.mv-calc-divider,
.trav-calc-divider,
.agri-calc-divider,
.heavy-calc-divider,
.cargo-calc-divider,
.pa-calc-divider,
.marhul-calc-divider,
.pet-calc-divider,
.prop-calc-divider,
.eng-calc-divider,
.surety-calc-divider,
.liab-calc-divider {
  height: 1px;
  background: rgba(255,255,255,0.3);
  margin: 4px 0;
}
.mv-calc-total,
.trav-calc-total,
.agri-calc-total,
.heavy-calc-total,
.cargo-calc-total,
.pa-calc-total,
.marhul-calc-total,
.pet-calc-total,
.prop-calc-total,
.eng-calc-total,
.surety-calc-total,
.liab-calc-total {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--pd-white);
  border-bottom: none;
  padding-top: 12px;
}
.mv-calc-total span:last-child,
.trav-calc-total span:last-child,
.agri-calc-total span:last-child,
.heavy-calc-total span:last-child,
.cargo-calc-total span:last-child,
.pa-calc-total span:last-child,
.marhul-calc-total span:last-child,
.pet-calc-total span:last-child,
.prop-calc-total span:last-child,
.eng-calc-total span:last-child,
.surety-calc-total span:last-child,
.liab-calc-total span:last-child {
  color: var(--pd-blue-pale);
}
.mv-calc-note,
.trav-calc-note,
.agri-calc-note,
.heavy-calc-note,
.cargo-calc-note,
.pa-calc-note,
.marhul-calc-note,
.pet-calc-note,
.prop-calc-note,
.eng-calc-note,
.surety-calc-note,
.liab-calc-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  margin: 0;
  line-height: 1.6;
}
.mv-calc-note i,
.trav-calc-note i,
.agri-calc-note i,
.heavy-calc-note i,
.cargo-calc-note i,
.pa-calc-note i,
.marhul-calc-note i,
.pet-calc-note i,
.prop-calc-note i,
.eng-calc-note i,
.surety-calc-note i,
.liab-calc-note i {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--pd-blue-pale);
}
/* =========================================================
   SECTION 6 — Requirements & Conditions
   ========================================================= */
.mv-req-grid,
.trav-req-grid,
.agri-req-grid,
.heavy-req-grid,
.cargo-req-grid,
.pa-req-grid,
.marhul-req-grid,
.pet-req-grid,
.prop-req-grid,
.eng-req-grid,
.surety-req-grid,
.liab-req-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.mv-req-card,
.trav-req-card,
.agri-req-card,
.heavy-req-card,
.cargo-req-card,
.pa-req-card,
.marhul-req-card,
.pet-req-card,
.prop-req-card,
.eng-req-card,
.surety-req-card,
.liab-req-card {
  background: var(--pd-white);
  border-radius: var(--pd-radius);
  border: 1px solid var(--pd-border);
  padding: 28px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.mv-req-icon,
.trav-req-icon,
.agri-req-icon,
.heavy-req-icon,
.cargo-req-icon,
.pa-req-icon,
.marhul-req-icon,
.pet-req-icon,
.prop-req-icon,
.eng-req-icon,
.surety-req-icon,
.liab-req-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pd-blue);
  font-size: 20px;
  margin-bottom: 16px;
}
.mv-req-title,
.trav-req-title,
.agri-req-title,
.heavy-req-title,
.cargo-req-title,
.pa-req-title,
.marhul-req-title,
.pet-req-title,
.prop-req-title,
.eng-req-title,
.surety-req-title,
.liab-req-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 14px;
}
.mv-req-list,
.trav-req-list,
.agri-req-list,
.heavy-req-list,
.cargo-req-list,
.pa-req-list,
.marhul-req-list,
.pet-req-list,
.prop-req-list,
.eng-req-list,
.surety-req-list,
.liab-req-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mv-req-list li,
.trav-req-list li,
.agri-req-list li,
.heavy-req-list li,
.cargo-req-list li,
.pa-req-list li,
.marhul-req-list li,
.pet-req-list li,
.prop-req-list li,
.eng-req-list li,
.surety-req-list li,
.liab-req-list li {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--pd-muted);
  padding-left: 20px;
  position: relative;
  line-height: 1.6;
}
.mv-req-list li::before,
.trav-req-list li::before,
.agri-req-list li::before,
.heavy-req-list li::before,
.cargo-req-list li::before,
.pa-req-list li::before,
.marhul-req-list li::before,
.pet-req-list li::before,
.prop-req-list li::before,
.eng-req-list li::before,
.surety-req-list li::before,
.liab-req-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--pd-blue);
  font-weight: 700;
}
.mv-docs-section-title,
.trav-docs-section-title,
.agri-docs-section-title,
.heavy-docs-section-title,
.cargo-docs-section-title,
.pa-docs-section-title,
.marhul-docs-section-title,
.pet-docs-section-title,
.prop-docs-section-title,
.eng-docs-section-title,
.surety-docs-section-title,
.liab-docs-section-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--pd-text);
  margin: 0 0 20px;
}
.mv-checklist,
.trav-checklist,
.agri-checklist,
.heavy-checklist,
.cargo-checklist,
.pa-checklist,
.marhul-checklist,
.pet-checklist,
.prop-checklist,
.eng-checklist,
.surety-checklist,
.liab-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mv-checklist li,
.trav-checklist li,
.agri-checklist li,
.heavy-checklist li,
.cargo-checklist li,
.pa-checklist li,
.marhul-checklist li,
.pet-checklist li,
.prop-checklist li,
.eng-checklist li,
.surety-checklist li,
.liab-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--pd-muted);
  line-height: 1.6;
}
.mv-checklist li::before,
.trav-checklist li::before,
.agri-checklist li::before,
.heavy-checklist li::before,
.cargo-checklist li::before,
.pa-checklist li::before,
.marhul-checklist li::before,
.pet-checklist li::before,
.prop-checklist li::before,
.eng-checklist li::before,
.surety-checklist li::before,
.liab-checklist li::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  background: var(--pd-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3 3 7-7' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  margin-top: 2px;
}
/* Claim step link */
.mv-step-link,
.trav-step-link,
.agri-step-link,
.heavy-step-link,
.cargo-step-link,
.pa-step-link,
.marhul-step-link,
.pet-step-link,
.prop-step-link,
.eng-step-link,
.surety-step-link,
.liab-step-link {
  color: var(--pd-blue);
  text-decoration: none;
  font-weight: 600;
}
.mv-step-link:hover,
.trav-step-link:hover,
.agri-step-link:hover,
.heavy-step-link:hover,
.cargo-step-link:hover,
.pa-step-link:hover,
.marhul-step-link:hover,
.pet-step-link:hover,
.prop-step-link:hover,
.eng-step-link:hover,
.surety-step-link:hover,
.liab-step-link:hover {
  text-decoration: underline;
}
/* =========================================================
   SECTION 8 — FAQ
   ========================================================= */
.mv-faq-list,
.trav-faq-list,
.agri-faq-list,
.heavy-faq-list,
.cargo-faq-list,
.pa-faq-list,
.marhul-faq-list,
.pet-faq-list,
.prop-faq-list,
.eng-faq-list,
.surety-faq-list,
.liab-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 860px;
  margin: 0 auto;
}
.mv-faq-trigger,
.trav-faq-trigger,
.agri-faq-trigger,
.heavy-faq-trigger,
.cargo-faq-trigger,
.pa-faq-trigger,
.marhul-faq-trigger,
.pet-faq-trigger,
.prop-faq-trigger,
.eng-faq-trigger,
.surety-faq-trigger,
.liab-faq-trigger {
  font-size: 15px;
  font-weight: 600;
}
.mv-faq-trigger .mv-accordion-label,
.trav-faq-trigger .trav-accordion-label,
.agri-faq-trigger .agri-accordion-label,
.heavy-faq-trigger .heavy-accordion-label,
.cargo-faq-trigger .cargo-accordion-label,
.pa-faq-trigger .pa-accordion-label,
.marhul-faq-trigger .marhul-accordion-label,
.pet-faq-trigger .pet-accordion-label,
.prop-faq-trigger .prop-accordion-label,
.eng-faq-trigger .eng-accordion-label,
.surety-faq-trigger .surety-accordion-label,
.liab-faq-trigger .liab-accordion-label {
  font-size: 15px;
  color: var(--pd-text);
}
/* =========================================================
   SECTION 9 — Contact & CTA
   ========================================================= */
.mv-contact-grid,
.trav-contact-grid,
.agri-contact-grid,
.heavy-contact-grid,
.cargo-contact-grid,
.pa-contact-grid,
.marhul-contact-grid,
.pet-contact-grid,
.prop-contact-grid,
.eng-contact-grid,
.surety-contact-grid,
.liab-contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-bottom: 40px;
}
.mv-contact-card,
.trav-contact-card,
.agri-contact-card,
.heavy-contact-card,
.cargo-contact-card,
.pa-contact-card,
.marhul-contact-card,
.pet-contact-card,
.prop-contact-card,
.eng-contact-card,
.surety-contact-card,
.liab-contact-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: var(--pd-radius);
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  transition: background var(--pd-transition), transform var(--pd-transition);
}
.mv-contact-card:hover,
.trav-contact-card:hover,
.agri-contact-card:hover,
.heavy-contact-card:hover,
.cargo-contact-card:hover,
.pa-contact-card:hover,
.marhul-contact-card:hover,
.pet-contact-card:hover,
.prop-contact-card:hover,
.eng-contact-card:hover,
.surety-contact-card:hover,
.liab-contact-card:hover {
  background: rgba(255,255,255,0.12);
  transform: translateY(-2px);
}
.mv-contact-card-icon,
.trav-contact-card-icon,
.agri-contact-card-icon,
.heavy-contact-card-icon,
.cargo-contact-card-icon,
.pa-contact-card-icon,
.marhul-contact-card-icon,
.pet-contact-card-icon,
.prop-contact-card-icon,
.eng-contact-card-icon,
.surety-contact-card-icon,
.liab-contact-card-icon {
  font-size: 28px;
  color: var(--pd-blue-pale);
  line-height: 1;
}
.mv-contact-card-title,
.trav-contact-card-title,
.agri-contact-card-title,
.heavy-contact-card-title,
.cargo-contact-card-title,
.pa-contact-card-title,
.marhul-contact-card-title,
.pet-contact-card-title,
.prop-contact-card-title,
.eng-contact-card-title,
.surety-contact-card-title,
.liab-contact-card-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: var(--pd-white);
  margin: 0;
}
.mv-contact-card-desc,
.trav-contact-card-desc,
.agri-contact-card-desc,
.heavy-contact-card-desc,
.cargo-contact-card-desc,
.pa-contact-card-desc,
.marhul-contact-card-desc,
.pet-contact-card-desc,
.prop-contact-card-desc,
.eng-contact-card-desc,
.surety-contact-card-desc,
.liab-contact-card-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.70);
  margin: 0;
  line-height: 1.7;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mv-contact-link,
.trav-contact-link,
.agri-contact-link,
.heavy-contact-link,
.cargo-contact-link,
.pa-contact-link,
.marhul-contact-link,
.pet-contact-link,
.prop-contact-link,
.eng-contact-link,
.surety-contact-link,
.liab-contact-link {
  color: var(--pd-blue-pale);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
}
.mv-contact-link:hover,
.trav-contact-link:hover,
.agri-contact-link:hover,
.heavy-contact-link:hover,
.cargo-contact-link:hover,
.pa-contact-link:hover,
.marhul-contact-link:hover,
.pet-contact-link:hover,
.prop-contact-link:hover,
.eng-contact-link:hover,
.surety-contact-link:hover,
.liab-contact-link:hover {
  text-decoration: underline;
  color: var(--pd-white);
}
.mv-contact-address,
.trav-contact-address,
.agri-contact-address,
.heavy-contact-address,
.cargo-contact-address,
.pa-contact-address,
.marhul-contact-address,
.pet-contact-address,
.prop-contact-address,
.eng-contact-address,
.surety-contact-address,
.liab-contact-address {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  line-height: 1.5;
}
.mv-contact-card-btn,
.trav-contact-card-btn,
.agri-contact-card-btn,
.heavy-contact-card-btn,
.cargo-contact-card-btn,
.pa-contact-card-btn,
.marhul-contact-card-btn,
.pet-contact-card-btn,
.prop-contact-card-btn,
.eng-contact-card-btn,
.surety-contact-card-btn,
.liab-contact-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pd-blue);
  color: var(--pd-white);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  margin-top: 6px;
  transition: background var(--pd-transition), transform var(--pd-transition);
  align-self: flex-start;
}
.mv-contact-card-btn:hover,
.trav-contact-card-btn:hover,
.agri-contact-card-btn:hover,
.heavy-contact-card-btn:hover,
.cargo-contact-card-btn:hover,
.pa-contact-card-btn:hover,
.marhul-contact-card-btn:hover,
.pet-contact-card-btn:hover,
.prop-contact-card-btn:hover,
.eng-contact-card-btn:hover,
.surety-contact-card-btn:hover,
.liab-contact-card-btn:hover {
  background: var(--pd-blue-pale);
  color: var(--pd-white);
  transform: translateY(-1px);
  text-decoration: none;
}
.mv-contact-card-btn--green,
.trav-contact-card-btn--green,
.agri-contact-card-btn--green,
.heavy-contact-card-btn--green,
.cargo-contact-card-btn--green,
.pa-contact-card-btn--green,
.marhul-contact-card-btn--green,
.pet-contact-card-btn--green,
.prop-contact-card-btn--green,
.eng-contact-card-btn--green,
.surety-contact-card-btn--green,
.liab-contact-card-btn--green {
  background: #16A34A;
}
.mv-contact-card-btn--green:hover,
.trav-contact-card-btn--green:hover,
.agri-contact-card-btn--green:hover,
.heavy-contact-card-btn--green:hover,
.cargo-contact-card-btn--green:hover,
.pa-contact-card-btn--green:hover,
.marhul-contact-card-btn--green:hover,
.pet-contact-card-btn--green:hover,
.prop-contact-card-btn--green:hover,
.eng-contact-card-btn--green:hover,
.surety-contact-card-btn--green:hover,
.liab-contact-card-btn--green:hover {
  background: #15803D;
}
.mv-contact-card-btn--outline,
.trav-contact-card-btn--outline,
.agri-contact-card-btn--outline,
.heavy-contact-card-btn--outline,
.cargo-contact-card-btn--outline,
.pa-contact-card-btn--outline,
.marhul-contact-card-btn--outline,
.pet-contact-card-btn--outline,
.prop-contact-card-btn--outline,
.eng-contact-card-btn--outline,
.surety-contact-card-btn--outline,
.liab-contact-card-btn--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.40);
  color: var(--pd-white);
}
.mv-contact-card-btn--outline:hover,
.trav-contact-card-btn--outline:hover,
.agri-contact-card-btn--outline:hover,
.heavy-contact-card-btn--outline:hover,
.cargo-contact-card-btn--outline:hover,
.pa-contact-card-btn--outline:hover,
.marhul-contact-card-btn--outline:hover,
.pet-contact-card-btn--outline:hover,
.prop-contact-card-btn--outline:hover,
.eng-contact-card-btn--outline:hover,
.surety-contact-card-btn--outline:hover,
.liab-contact-card-btn--outline:hover {
  background: rgba(255,255,255,0.12);
}
/* OJK Notice */
.mv-ojk-notice,
.trav-ojk-notice,
.agri-ojk-notice,
.heavy-ojk-notice,
.cargo-ojk-notice,
.pa-ojk-notice,
.marhul-ojk-notice,
.pet-ojk-notice,
.prop-ojk-notice,
.eng-ojk-notice,
.surety-ojk-notice,
.liab-ojk-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 24px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.70);
}
.mv-ojk-notice i,
.trav-ojk-notice i,
.agri-ojk-notice i,
.heavy-ojk-notice i,
.cargo-ojk-notice i,
.pa-ojk-notice i,
.marhul-ojk-notice i,
.pet-ojk-notice i,
.prop-ojk-notice i,
.eng-ojk-notice i,
.surety-ojk-notice i,
.liab-ojk-notice i {
  color: var(--pd-blue-pale);
  font-size: 16px;
  flex-shrink: 0;
}
.mv-ojk-notice strong,
.trav-ojk-notice strong,
.agri-ojk-notice strong,
.heavy-ojk-notice strong,
.cargo-ojk-notice strong,
.pa-ojk-notice strong,
.marhul-ojk-notice strong,
.pet-ojk-notice strong,
.prop-ojk-notice strong,
.eng-ojk-notice strong,
.surety-ojk-notice strong,
.liab-ojk-notice strong {
  color: var(--pd-white);
}
.mv-ojk-link,
.trav-ojk-link,
.agri-ojk-link,
.heavy-ojk-link,
.cargo-ojk-link,
.pa-ojk-link,
.marhul-ojk-link,
.pet-ojk-link,
.prop-ojk-link,
.eng-ojk-link,
.surety-ojk-link,
.liab-ojk-link {
  color: var(--pd-blue-pale);
  text-decoration: none;
}
.mv-ojk-link:hover,
.trav-ojk-link:hover,
.agri-ojk-link:hover,
.heavy-ojk-link:hover,
.cargo-ojk-link:hover,
.pa-ojk-link:hover,
.marhul-ojk-link:hover,
.pet-ojk-link:hover,
.prop-ojk-link:hover,
.eng-ojk-link:hover,
.surety-ojk-link:hover,
.liab-ojk-link:hover {
  text-decoration: underline;
}
/* =========================================================
   RESPONSIVE — TABLET ≥ 768px
   ========================================================= */
@media (min-width: 768px) {
  /* Keunggulan produk — 4 box: sebaris 4 kolom */
  .mv-highlight-grid,
  .trav-highlight-grid,
  .agri-highlight-grid,
  .heavy-highlight-grid,
  .cargo-highlight-grid,
  .pa-highlight-grid,
  .marhul-highlight-grid,
  .pet-highlight-grid,
  .eng-highlight-grid,
  .surety-highlight-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  /* Keunggulan produk — 3 box (harta benda & tanggung gugat):
     sebaris 3 kolom penuh, tanpa kolom kanan kosong */
  .prop-highlight-grid,
  .liab-highlight-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .mv-addon-grid,
  .trav-addon-grid,
  .agri-addon-grid,
  .heavy-addon-grid,
  .cargo-addon-grid,
  .pa-addon-grid,
  .marhul-addon-grid,
  .pet-addon-grid,
  .prop-addon-grid,
  .eng-addon-grid,
  .surety-addon-grid,
  .liab-addon-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }

  .mv-pricing-grid,
  .trav-pricing-grid,
  .agri-pricing-grid,
  .heavy-pricing-grid,
  .cargo-pricing-grid,
  .pa-pricing-grid,
  .marhul-pricing-grid,
  .pet-pricing-grid,
  .prop-pricing-grid,
  .eng-pricing-grid,
  .surety-pricing-grid,
  .liab-pricing-grid {
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      align-items: start;
  }

  .mv-req-grid,
  .trav-req-grid,
  .agri-req-grid,
  .heavy-req-grid,
  .cargo-req-grid,
  .pa-req-grid,
  .marhul-req-grid,
  .pet-req-grid,
  .prop-req-grid,
  .eng-req-grid,
  .surety-req-grid,
  .liab-req-grid {
      grid-template-columns: 1fr 1fr;
      gap: 24px;
  }

  .mv-contact-grid,
  .trav-contact-grid,
  .agri-contact-grid,
  .heavy-contact-grid,
  .cargo-contact-grid,
  .pa-contact-grid,
  .marhul-contact-grid,
  .pet-contact-grid,
  .prop-contact-grid,
  .eng-contact-grid,
  .surety-contact-grid,
  .liab-contact-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }
}
/* =========================================================
   RESPONSIVE — DESKTOP ≥ 1024px
   ========================================================= */
@media (min-width: 1024px) {
  .mv-coverage-table,
  .trav-coverage-table,
  .agri-coverage-table,
  .heavy-coverage-table,
  .cargo-coverage-table,
  .pa-coverage-table,
  .marhul-coverage-table,
  .pet-coverage-table,
  .prop-coverage-table,
  .eng-coverage-table,
  .surety-coverage-table,
  .liab-coverage-table {
      font-size: 14px;
  }

  .mv-contact-grid,
  .trav-contact-grid,
  .agri-contact-grid,
  .heavy-contact-grid,
  .cargo-contact-grid,
  .pa-contact-grid,
  .marhul-contact-grid,
  .pet-contact-grid,
  .prop-contact-grid,
  .eng-contact-grid,
  .surety-contact-grid,
  .liab-contact-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }
}
/* =========================================================
   MOBILE ≤ 480px tweaks
   ========================================================= */
@media (max-width: 480px) {
  .mv-highlight-grid,
  .trav-highlight-grid,
  .agri-highlight-grid,
  .heavy-highlight-grid,
  .cargo-highlight-grid,
  .pa-highlight-grid,
  .marhul-highlight-grid,
  .pet-highlight-grid,
  .prop-highlight-grid,
  .eng-highlight-grid,
  .surety-highlight-grid,
  .liab-highlight-grid {
      grid-template-columns: 1fr;
  }

  .mv-accordion-list,
  .trav-accordion-list,
  .agri-accordion-list,
  .heavy-accordion-list,
  .cargo-accordion-list,
  .pa-accordion-list,
  .marhul-accordion-list,
  .pet-accordion-list,
  .prop-accordion-list,
  .eng-accordion-list,
  .surety-accordion-list,
  .liab-accordion-list {
      grid-template-columns: 1fr;
  }

  .mv-cta-pair,
  .trav-cta-pair,
  .agri-cta-pair,
  .heavy-cta-pair,
  .cargo-cta-pair,
  .pa-cta-pair,
  .marhul-cta-pair,
  .pet-cta-pair,
  .prop-cta-pair,
  .eng-cta-pair,
  .surety-cta-pair,
  .liab-cta-pair {
      flex-direction: column;
      align-items: stretch;
  }

  .mv-btn-cta,
  .trav-btn-cta,
  .agri-btn-cta,
  .heavy-btn-cta,
  .cargo-btn-cta,
  .pa-btn-cta,
  .marhul-btn-cta,
  .pet-btn-cta,
  .prop-btn-cta,
  .eng-btn-cta,
  .surety-btn-cta,
  .liab-btn-cta,
  .mv-btn-outline,
  .trav-btn-outline,
  .agri-btn-outline,
  .heavy-btn-outline,
  .cargo-btn-outline,
  .pa-btn-outline,
  .marhul-btn-outline,
  .pet-btn-outline,
  .prop-btn-outline,
  .eng-btn-outline,
  .surety-btn-outline,
  .liab-btn-outline {
      justify-content: center;
      text-align: center;
  }

  .mv-ojk-notice,
  .trav-ojk-notice,
  .agri-ojk-notice,
  .heavy-ojk-notice,
  .cargo-ojk-notice,
  .pa-ojk-notice,
  .marhul-ojk-notice,
  .pet-ojk-notice,
  .prop-ojk-notice,
  .eng-ojk-notice,
  .surety-ojk-notice,
  .liab-ojk-notice {
      border-radius: var(--pd-radius);
      text-align: center;
      flex-wrap: wrap;
  }
}

/* =========================================================
   OVERRIDE: font-size berbeda — agri, surety, pet, heavy
   ========================================================= */
.agri-section-label,
.surety-section-label,
.pet-section-label,
.heavy-section-label {
  font-size: 11px;
}
.agri-section-title,
.surety-section-title,
.pet-section-title,
.heavy-section-title {
  font-size: 26px;
}

/* =========================================================
   OVERRIDE: marine-hull — spacing lebih kecil dari standar
   ========================================================= */
.marhul-section { padding: var(--product-section-pad); }
.marhul-section-label { font-size: 17px; }
.marhul-section-title { font-size: 27px; }
.marhul-plan-card { padding: 20px; gap: 12px; }
.marhul-plan-icon { width: 48px; height: 48px; font-size: 20px; }
.marhul-plan-name { font-size: 14px; margin: 0 0 10px; }
.marhul-plan-list li { font-size: 12px; padding-left: 18px; }
.marhul-ext-card { padding: 16px 20px; gap: 12px; }
.marhul-ext-icon { width: 40px; height: 40px; font-size: 16px; }
.marhul-ext-title { font-size: 13px; }
.marhul-ext-desc { font-size: 12px; }
.marhul-benefits-title { font-size: 16px; }
.marhul-benefits-list li { font-size: 13px; }
.marhul-step-ring { width: 36px; height: 36px; }
.marhul-step-ring-inner { width: 22px; height: 22px; font-size: 12px; }
.marhul-step-title { font-size: 13px; }
.marhul-step-desc { font-size: 12px; }
.marhul-closing-heading { font-size: 22px; }
.marhul-closing-sub { font-size: 13px; }
.marhul-contact-card { padding: 20px; }
.marhul-contact-card-title { font-size: 15px; }
.marhul-req-card { padding: 20px; }
.marhul-req-title { font-size: 14px; }
.marhul-req-list li { font-size: 13px; }
.marhul-highlight-card { padding: 20px 16px; }
.marhul-highlight-title { font-size: 14px; }
.marhul-highlight-desc { font-size: 13px; }

/* =========================================================
   TRAVEL ONLY
   ========================================================= */

/* =========================================================
   MOBILE ≤ 480px tweaks
   ========================================================= */
@media (max-width: 480px) {
  .trav-highlight-grid {
    grid-template-columns: 1fr;
  }

  .trav-accordion-list {
    grid-template-columns: 1fr;
  }

  .trav-cta-pair {
    flex-direction: column;
    align-items: stretch;
  }

  .trav-btn-cta,
  .trav-btn-outline {
    justify-content: center;
    text-align: center;
  }

  .trav-ojk-notice {
    border-radius: var(--trav-radius);
    text-align: center;
    flex-wrap: wrap;
  }
}

/* =========================================================
   NEW — SECTION A: TAB GROUP
   ========================================================= */
.trav-toggle-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
  padding: 10px;
}

.trav-tab-group {
  display: inline-flex;
  background: var(--trav-border);
  border-radius: 999px;
  padding: 10px;
  gap: 4px;
}

.trav-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 30px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--trav-muted);
  cursor: pointer;
  transition: background var(--trav-transition), color var(--trav-transition), box-shadow var(--trav-transition);
}

.trav-tab-btn--active {
  background: var(--trav-white);
  color: var(--trav-blue);
  box-shadow: 0 2px 10px rgba(14,165,233,0.18);
}

.trav-tab-btn:hover:not(.trav-tab-btn--active) {
  background: rgba(255,255,255,0.55);
  color: var(--trav-text);
}

.trav-tab-panel        { display: none; }
.trav-tab-panel--active { display: block; }

/* =========================================================
   NEW — SECTION A: PRODUCT CARDS
   ========================================================= */
.trav-prod-card-wrap {
  max-width: 640px;
  margin: 0 auto;
}

.trav-prod-card {
  background: var(--trav-white);
  border-radius: var(--trav-radius);
  border: 1px solid var(--trav-border);
  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  transition: transform var(--trav-transition), box-shadow var(--trav-transition);
}

.trav-prod-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(14,165,233,0.14);
}

.trav-prod-card--intl:hover {
  box-shadow: 0 12px 36px rgba(13,148,136,0.14);
}

.trav-prod-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trav-prod-card-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--trav-blue);
  font-size: 26px;
}

.trav-prod-card-icon-wrap--teal {
  background: #F0FDFA;
  color: #0D9488;
}

.trav-prod-card-badge {
  display: inline-block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 5px 16px;
  border-radius: 999px;
}

.trav-prod-card-badge--blue { background: #DBEAFE; color: #1E3A8A; }
.trav-prod-card-badge--teal { background: #CCFBF1; color: #0F766E; }

.trav-prod-card-name {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--trav-text);
  margin: 0;
  line-height: 1.3;
}

.trav-prod-card-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--trav-muted);
  margin: 0;
  line-height: 1.75;
}

.trav-prod-card-price-wrap {
  background: #F0F9FF;
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.trav-prod-card-price-wrap--teal { background: #F0FDFA; }

.trav-prod-price-label {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: var(--trav-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.trav-prod-price-main {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.trav-prod-price-val {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: var(--trav-blue);
  line-height: 1;
}

.trav-prod-price-val--teal { color: #0D9488; }

.trav-prod-price-per {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--trav-muted);
}

.trav-prod-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.trav-prod-benefits-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--trav-text);
  line-height: 1.5;
}

.trav-prod-benefits-list li i {
  color: var(--trav-blue);
  font-size: 13px;
  margin-top: 2px;
  flex-shrink: 0;
}

.trav-check--teal { color: #0D9488 !important; }

.trav-prod-card-cta {
  width: 100%;
  justify-content: center;
  text-decoration: none;
}

.trav-btn-cta--teal {
  background: #0D9488;
  box-shadow: 0 4px 14px rgba(13,148,136,0.35);
}

.trav-btn-cta--teal:hover {
  background: #0F766E;
  box-shadow: 0 8px 20px rgba(13,148,136,0.45);
}

/* =========================================================
   NEW — SECTION B: PACKAGE SELECTOR
   ========================================================= */
.trav-pkg-selector-wrap {
  background: var(--trav-white);
  border-radius: var(--trav-radius);
  border: 1px solid var(--trav-border);
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  overflow: hidden;
  max-width: 720px;
  margin: 0 auto;
}

.trav-pkg-type-group {
  display: flex;
  background: var(--trav-navy);
  padding: 6px;
  gap: 6px;
}

.trav-pkg-type-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  background: transparent;
  font-family: 'Nunito Sans', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.55);
  cursor: pointer;
  transition: background var(--trav-transition), color var(--trav-transition);
}

.trav-pkg-type-btn--active {
  background: var(--trav-blue);
  color: var(--trav-white);
}

.trav-pkg-type-btn:hover:not(.trav-pkg-type-btn--active) {
  background: rgba(255,255,255,0.10);
  color: var(--trav-white);
}

.trav-pkg-selector-body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.trav-pkg-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.trav-pkg-label {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--trav-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.trav-pkg-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.trav-pkg-option-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 12px 18px;
  border: 2px solid var(--trav-border);
  border-radius: 10px;
  background: var(--trav-white);
  cursor: pointer;
  transition: border-color var(--trav-transition), background var(--trav-transition), box-shadow var(--trav-transition);
  flex: 1;
  min-width: 110px;
}

.trav-pkg-option-btn:hover {
  border-color: var(--trav-blue);
  background: #F8FBFF;
}

.trav-pkg-option-btn.active {
  border-color: var(--trav-blue);
  background: #EFF6FF;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
}

.trav-pkg-option-name {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--trav-text);
}

.trav-pkg-option-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: var(--trav-muted);
  line-height: 1.4;
}

.trav-pkg-select {
  width: 100%;
  padding: 12px 40px 12px 16px;
  border: 2px solid var(--trav-border);
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--trav-text);
  background-color: var(--trav-white);
  cursor: pointer;
  transition: border-color var(--trav-transition), box-shadow var(--trav-transition);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.trav-pkg-select:focus {
  outline: none;
  border-color: var(--trav-blue);
  box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
}

.trav-pkg-covid-row {
  background: #FFFBEB;
  border: 1px solid #FDE68A;
  border-radius: 10px;
  padding: 16px 18px;
}

.trav-covid-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.trav-covid-toggle input[type="checkbox"] { display: none; }

.trav-covid-slider {
  width: 42px;
  height: 24px;
  background: var(--trav-border);
  border-radius: 999px;
  position: relative;
  flex-shrink: 0;
  transition: background var(--trav-transition);
}

.trav-covid-slider::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  top: 3px;
  left: 3px;
  transition: transform var(--trav-transition);
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.trav-covid-toggle input:checked + .trav-covid-slider { background: var(--trav-blue); }
.trav-covid-toggle input:checked + .trav-covid-slider::after { transform: translateX(18px); }

.trav-covid-text {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--trav-text);
}

.trav-covid-text small { color: var(--trav-blue); font-weight: 600; }

.trav-pkg-price-display {
  background: linear-gradient(135deg, var(--trav-navy) 0%, var(--trav-navy-mid) 100%);
  border-radius: 10px;
  padding: 28px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.trav-pkg-price-label {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: rgba(255,255,255,0.60);
}

.trav-pkg-price-value {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 38px;
  font-weight: 800;
  color: var(--trav-blue-pale);
  line-height: 1.1;
  transition: all 0.25s ease;
}

.trav-pkg-price-note {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: rgba(255,255,255,0.40);
  max-width: 360px;
  line-height: 1.6;
}

/* =========================================================
   NEW — SECTION C: FEATURES GRID
   ========================================================= */
.trav-features-panel         { display: none; }
.trav-features-panel--active { display: block; }

.trav-features-sub-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--trav-text);
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.trav-features-sub-title i          { color: var(--trav-blue); }
.trav-features-sub-title--teal i    { color: #0D9488; }

.trav-features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.trav-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--trav-white);
  border: 1px solid var(--trav-border);
  border-radius: var(--trav-radius);
  padding: 20px;
  transition: box-shadow var(--trav-transition), transform var(--trav-transition);
}

.trav-feature-item:hover {
  box-shadow: 0 4px 16px rgba(14,165,233,0.10);
  transform: translateY(-2px);
}

.trav-feature-icon {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--trav-blue);
  font-size: 20px;
  flex-shrink: 0;
}

.trav-feature-icon--teal {
  background: #F0FDFA;
  color: #0D9488;
}

.trav-feature-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--trav-text);
  margin: 0 0 6px;
}

.trav-feature-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: var(--trav-muted);
  margin: 0;
  line-height: 1.6;
}

/* =========================================================
   NEW — SECTION D: COMPARISON TABLE
   ========================================================= */
.trav-comp-table-wrap {
  overflow-x: auto;
  border-radius: var(--trav-radius);
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.trav-comp-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  background: var(--trav-white);
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.trav-comp-table thead tr { background: var(--trav-navy); }

.trav-comp-th-feature,
.trav-comp-th-dom,
.trav-comp-th-intl {
  padding: 16px 20px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}

.trav-comp-th-feature { color: rgba(255,255,255,0.65); width: 35%; }
.trav-comp-th-dom     { color: var(--trav-blue-pale); }
.trav-comp-th-intl    { color: #6EE7B7; }

.trav-comp-table tbody tr {
  border-bottom: 1px solid var(--trav-border);
  transition: background var(--trav-transition);
}

.trav-comp-table tbody tr:hover { background: #F8FAFC; }

.trav-comp-row-alt { background: var(--trav-gray); }
.trav-comp-row-alt:hover { background: #F0F4F8 !important; }

.trav-comp-table tbody td {
  padding: 14px 20px;
  color: var(--trav-text);
  line-height: 1.5;
  vertical-align: middle;
}

.trav-comp-feature {
  font-weight: 600;
  color: var(--trav-muted);
  font-size: 13px;
}

.trav-comp-check {
  color: var(--trav-blue);
  font-size: 16px;
}

.trav-comp-footnote {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: var(--trav-muted);
  margin: 12px 0 0;
  padding: 0 4px;
}

/* =========================================================
   SYARAT DAN KETENTUAN LIST
   ========================================================= */
.trav-tnc-list {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: var(--trav-navy);
  padding-left: 20px;
  margin: 0;
}

.trav-tnc-list > li {
  margin-bottom: 16px;
}

.trav-tnc-list > li:last-child {
  margin-bottom: 0;
}

.trav-tnc-list ol {
  margin-top: 8px;
  padding-left: 20px;
}

.trav-tnc-list ol li {
  margin-bottom: 6px;
}

/* =========================================================
   NEW — RESPONSIVE ADDITIONS
   ========================================================= */
@media (min-width: 600px) {
  .trav-features-grid     { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .trav-features-grid     { grid-template-columns: repeat(3, 1fr); }
  .trav-prod-card-wrap    { max-width: 720px; }
}

@media (max-width: 480px) {
  .trav-tab-btn          { padding: 10px 18px; font-size: 14px; }
  .trav-pkg-option-btn   { min-width: 90px; }
  .trav-prod-price-val   { font-size: 24px; }
  .trav-pkg-price-value  { font-size: 30px; }
}


/* =========================================================
   PA (KECELAKAAN DIRI) ONLY
   ========================================================= */


/* Percent Table */
.pa-percent-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.pa-percent-table thead tr {
  background: var(--color-primary, #003B6F);
  color: #fff;
}

.pa-percent-table th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
}

.pa-th-no {
  width: 60px;
  text-align: center;
}

.pa-th-percent {
  width: 120px;
  text-align: center;
}

.pa-percent-table tbody tr {
  border-bottom: 1px solid #e8edf2;
  transition: background 0.15s;
}

.pa-percent-table tbody tr:hover {
  background: #f0f5fa;
}

.pa-percent-table td {
  padding: 11px 16px;
  color: #334155;
}

.pa-percent-table td:first-child {
  text-align: center;
  color: #94a3b8;
  font-size: 0.82rem;
}

.pa-percent-table td:last-child {
  text-align: center;
}

/* Percent Badge Colors */
.pa-percent-badge {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.85rem;
}

.pa-percent--high  { background: #dcfce7; color: #15803d; } /* 50-60% */
.pa-percent--mid   { background: #fef9c3; color: #a16207; } /* 30-40% */
.pa-percent--low   { background: #ffedd5; color: #c2410c; } /* 15-25% */
.pa-percent--xlow  { background: #fee2e2; color: #b91c1c; } /* 4-10%  */

/* Notes */
.pa-percent-notes {
  margin-top: 24px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--color-primary, #003B6F);
  border-radius: 8px;
  padding: 20px 24px;
}

.pa-percent-notes-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 12px;
}

.pa-percent-notes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pa-percent-notes-list li {
  font-size: 0.875rem;
  color: #475569;
  padding-left: 20px;
  position: relative;
  line-height: 1.6;
}

.pa-percent-notes-list li::before {
  content: "•";
  position: absolute;
  left: 6px;
  color: var(--color-primary, #003B6F);
  font-weight: 700;
}

/* Mobile */
@media (max-width: 640px) {
  .pa-percent-table thead { display: none; }

  .pa-percent-table tbody tr {
    display: block;
    margin-bottom: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
  }

  .pa-percent-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    text-align: left;
  }

  .pa-percent-table td:first-child {
    font-weight: 700;
    color: #003B6F;
    font-size: 0.75rem;
  }
}

/* =========================================================
   RESPONSIVE — TABLET ≥ 768px
   ========================================================= */
@media (min-width: 768px) {
  .pa-highlight-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }

  .pa-addon-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .pa-pricing-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
  }

  .pa-req-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .pa-contact-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* =========================================================
   RESPONSIVE — DESKTOP ≥ 1024px
   ========================================================= */
@media (min-width: 1024px) {
  .pa-coverage-table {
    font-size: 14px;
  }

  .pa-contact-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

/* =========================================================
   MOBILE ≤ 480px tweaks
   ========================================================= */
@media (max-width: 480px) {
  .pa-highlight-grid {
    grid-template-columns: 1fr;
  }

  .pa-accordion-list {
    grid-template-columns: 1fr;
  }

  .pa-cta-pair {
    flex-direction: column;
    align-items: stretch;
  }

  .pa-btn-cta,
  .pa-btn-outline {
    justify-content: center;
    text-align: center;
  }

  .pa-ojk-notice {
    border-radius: var(--pa-radius);
    text-align: center;
    flex-wrap: wrap;
  }
}