/* ================================================================
   SERVICE DETAIL PAGES — single-service landing template
   Used by: life-insurance.html, medical-insurance.html, motor-insurance.html,
   travel-insurance.html, property-insurance.html, business-insurance.html,
   marine-insurance.html, workmen-compensation-insurance.html,
   mutual-funds.html, childrens-plan.html, savings-plan.html, pension-plan.html
   ================================================================ */

/* ── DETAIL HERO (extends .page-hero) ── */
.dtl-hero-icon{
  width:74px;height:74px;border-radius:var(--r-md);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 22px;
}
.dtl-hero-icon img{width:44px;height:44px;object-fit:contain;}
.page-hero .dtl-eyebrow{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:14px;
}

/* ── MAIN SECTION ── */
.dtl-section{padding:var(--section-pad);background:#000000;}
.dtl-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:64px;align-items:start;}

/* Main column */
.dtl-main .dtl-lead{font-size:1.02rem;color:rgba(255,255,255,.72);line-height:1.85;margin-bottom:20px;}
.dtl-main p{color:rgba(255,255,255,.62);line-height:1.85;margin-bottom:20px;font-size:.95rem;}
.dtl-block{margin-bottom:52px;}
.dtl-block:last-child{margin-bottom:0;}
.dtl-block-tag{margin-bottom:10px;}
.dtl-block h2{color:var(--white);font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:22px;}

/* Coverage grid */
.dtl-cov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.dtl-cov-item{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-sm);padding:17px 20px;
  font-size:.86rem;font-weight:600;color:rgba(255,255,255,.8);
  transition:border-color .3s,transform .3s var(--ease),background .3s;
}
.dtl-cov-item:hover{border-color:rgba(44,76,253,.35);background:rgba(255,255,255,.07);transform:translateX(4px);}
.dtl-cov-item i{
  width:32px;height:32px;flex-shrink:0;border-radius:50%;
  background:rgba(44,76,253,.15);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:.72rem;
}

/* Benefits / why-choose list */
.dtl-benefits{display:flex;flex-direction:column;gap:14px;}
.dtl-benefits li{display:flex;align-items:flex-start;gap:14px;font-size:.9rem;color:rgba(255,255,255,.68);line-height:1.7;}
.dtl-benefits li i{color:var(--gold);margin-top:4px;font-size:.85rem;flex-shrink:0;}

/* Ideal-for / suitable-for tag chips */
.dtl-tags{display:flex;flex-wrap:wrap;gap:10px;}
.dtl-tags span{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;background:rgba(44,76,253,.1);
  border:1px solid rgba(44,76,253,.24);border-radius:100px;
  font-size:.8rem;font-weight:700;color:rgba(255,255,255,.8);
}
.dtl-tags span i{color:var(--gold);font-size:.72rem;}

/* ── SIDEBAR ── */
.dtl-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:150px;}

.dtl-cta-card{
  background:var(--grad-gold);border-radius:var(--r-lg);
  padding:38px 30px;text-align:center;
  box-shadow:0 20px 50px rgba(44,76,253,.3);
}
.dtl-cta-card i.dtl-cta-icon{font-size:1.8rem;color:#ffffff;margin-bottom:16px;display:block;}
.dtl-cta-card h3{color:#ffffff;margin-bottom:10px;font-size:1.1rem;}
.dtl-cta-card p{color:rgba(255,255,255,.85);font-size:.84rem;line-height:1.7;margin-bottom:24px;}
.dtl-cta-card .btn-cta-white{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:15px;background:#ffffff;color:var(--primary);
  border-radius:var(--r-sm);font-weight:700;font-size:.87rem;
  transition:transform .3s var(--ease-back),box-shadow .3s;
}
.dtl-cta-card .btn-cta-white:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.2);}
.dtl-cta-phone{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:16px;color:rgba(255,255,255,.9);font-size:.83rem;font-weight:600;
}
.dtl-cta-phone i{color:#ffffff;}

.dtl-side-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:28px;
}
.dtl-side-card h4{
  color:var(--white);font-size:.8rem;margin-bottom:18px;
  text-transform:uppercase;letter-spacing:1.4px;font-weight:800;
}
.dtl-related{display:flex;flex-direction:column;gap:2px;}
.dtl-related a{
  display:flex;align-items:center;gap:12px;padding:12px 0;
  font-size:.85rem;font-weight:600;color:rgba(255,255,255,.68);
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:color .2s,padding-left .2s;
}
.dtl-related a:last-child{border-bottom:none;}
.dtl-related a:hover{color:var(--gold);padding-left:6px;}
.dtl-related a .dtl-related-ic{color:var(--gold);width:18px;text-align:center;flex-shrink:0;}
.dtl-related a .dtl-related-arrow{margin-left:auto;font-size:.68rem;opacity:.45;}

.dtl-side-facts{display:flex;flex-direction:column;gap:16px;}
.dtl-fact{display:flex;align-items:flex-start;gap:14px;}
.dtl-fact i{
  width:38px;height:38px;flex-shrink:0;border-radius:var(--r-sm);
  background:rgba(44,76,253,.12);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;
}
.dtl-fact h5{color:var(--white);font-size:.82rem;margin-bottom:3px;}
.dtl-fact p{color:rgba(255,255,255,.55);font-size:.78rem;line-height:1.6;margin:0;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .dtl-grid{grid-template-columns:1fr;gap:48px;}
  .dtl-sidebar{position:static;flex-direction:row;flex-wrap:wrap;}
  .dtl-sidebar > *{flex:1 1 260px;}
}
@media(max-width:680px){
  .dtl-cov-grid{grid-template-columns:1fr;}
  .dtl-sidebar{flex-direction:column;}
}

/* ── SERVICES OVERVIEW PAGE ADD-ONS ── */
.shm-item > a{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  color:inherit;width:100%;
}
.scv2-btn-row{display:flex;gap:10px;}
.scv2-btn-row .scv2-btn{width:auto;flex:1;padding:13px 14px;font-size:.78rem;}
.scv2-btn--outline{
  background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);
}
.scv2-btn--outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#ffffff;box-shadow:none;}
[data-theme="light"] .scv2-btn--outline{border-color:rgba(15,23,42,.15);color:#475569;}
[data-theme="light"] .scv2-btn--outline:hover{background:rgba(15,23,42,.05);color:#0f172a;}

/* ── LIGHT MODE ── */
[data-theme="light"] .dtl-section{background:#f4f6fb;}
[data-theme="light"] .dtl-main .dtl-lead{color:#334155;}
[data-theme="light"] .dtl-main p{color:#475569;}
[data-theme="light"] .dtl-block h2{color:#0f172a;}
[data-theme="light"] .dtl-cov-item{background:#ffffff;border-color:rgba(15,23,42,.09);color:#334155;}
[data-theme="light"] .dtl-cov-item:hover{border-color:rgba(44,76,253,.28);background:#f8faff;}
[data-theme="light"] .dtl-benefits li{color:#475569;}
[data-theme="light"] .dtl-tags span{color:var(--primary);background:rgba(44,76,253,.07);border-color:rgba(44,76,253,.18);}
[data-theme="light"] .dtl-side-card{background:#ffffff;border-color:rgba(15,23,42,.09);}
[data-theme="light"] .dtl-side-card h4{color:#0f172a;}
[data-theme="light"] .dtl-related a{color:#475569;border-color:rgba(15,23,42,.07);}
[data-theme="light"] .dtl-related a:hover{color:var(--primary);}
[data-theme="light"] .dtl-fact h5{color:#0f172a;}
[data-theme="light"] .dtl-fact p{color:#64748b;}