/* =========================================================
   LOAN TYPE DETAIL PAGES — matches the Desh Capital home page
   design system (theme.css / .dc-scope tokens).
   ========================================================= */

.dc-loan-detail-hero{background:var(--dc-bg);position:relative;overflow:hidden}
.dc-loan-detail-hero::before{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(65deg,var(--dc-border) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(-65deg,var(--dc-border) 0 1px,transparent 1px 46px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
  mask-image:linear-gradient(180deg,#000,transparent 70%);
  opacity:.6;
}
:root[data-theme="dark"] .dc-loan-detail-hero::before{opacity:.32}
.dc-loan-detail-hero .dc-container{position:relative;z-index:1}

/* quick-fact stat row */
.dc-loan-detail-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.dc-loan-detail-stat{background:var(--dc-bg-card);border:1px solid var(--dc-border);border-radius:var(--dc-r-lg);padding:16px 26px;text-align:center;min-width:150px}
.dc-loan-detail-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dc-txt-3);margin-bottom:4px}
.dc-loan-detail-stat-val{font-family:var(--dc-font-b);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--dc-green)}
:root[data-theme="dark"] .dc-loan-detail-stat-val{color:var(--dc-mint)}
.dc-loan-detail-stat-val-sm{font-size:1.05rem}

.dc-loan-detail-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:64px}

/* prose */
.dc-loan-detail-prose{max-width:760px;margin:0 auto 72px;text-align:center}
.dc-loan-detail-prose .dc-sec-tag{justify-content:center}
.dc-loan-detail-prose p{font-size:.98rem;color:var(--dc-txt-2);line-height:1.85;margin-bottom:16px;text-align:left}
.dc-loan-detail-prose p:last-child{margin-bottom:0}

/* benefit cards */
.dc-loan-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:72px}
.dc-loan-benefit-card{background:var(--dc-bg-card);border:1px solid var(--dc-border);border-radius:var(--dc-r-lg);padding:26px 22px;transition:all .25s var(--dc-ease)}
.dc-loan-benefit-card:hover{border-color:var(--dc-border-md);box-shadow:var(--dc-sh-md);transform:translateY(-3px)}
.dc-loan-benefit-title{font-weight:700;font-size:.95rem;color:var(--dc-txt);margin:14px 0 6px}
.dc-loan-benefit-desc{font-size:.83rem;color:var(--dc-txt-3);line-height:1.6}

/* two-column layout (who-for/requirements, pros/cons) */
.dc-loan-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px}
.dc-loan-detail-col{background:var(--dc-bg-card);border:1px solid var(--dc-border);border-radius:var(--dc-r-xl);padding:30px 28px}
.dc-loan-detail-col-title{font-family:var(--dc-font-h);font-size:1.25rem;font-weight:700;color:var(--dc-txt);margin-bottom:18px}

.dc-loan-check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dc-loan-check-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--dc-txt-2);line-height:1.55}
.dc-loan-check-list li .dc-icon{color:var(--dc-green);flex-shrink:0;margin-top:2px}
:root[data-theme="dark"] .dc-loan-check-list li .dc-icon{color:var(--dc-mint)}

.dc-loan-pro-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dc-loan-pro-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--dc-txt-2);line-height:1.55}
.dc-loan-pro-list li .dc-icon{color:var(--dc-green);flex-shrink:0;margin-top:2px}
:root[data-theme="dark"] .dc-loan-pro-list li .dc-icon{color:var(--dc-mint)}

.dc-loan-con-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dc-loan-con-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--dc-txt-2);line-height:1.55}
.dc-loan-con-x{color:#dc2626;font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px;width:14px;text-align:center}
:root[data-theme="dark"] .dc-loan-con-x{color:#fca5a5}

/* related loan chips */
.dc-loan-detail-related{margin-bottom:56px}
.dc-loan-detail-related-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.dc-loan-detail-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--dc-r-pill);border:1.5px solid var(--dc-border-md);background:var(--dc-bg-card);color:var(--dc-txt-2);font-size:.84rem;font-weight:600;transition:all .2s var(--dc-ease)}
.dc-loan-detail-chip:hover{border-color:var(--dc-mint);color:var(--dc-green);background:rgba(61,190,129,.06)}
:root[data-theme="dark"] .dc-loan-detail-chip:hover{color:var(--dc-mint)}
.dc-loan-detail-chip .dc-icon{width:14px;height:14px}

/* closing CTA — light bordered card, consistent with the other
   info pages' closing CTA treatment */
.dc-loan-detail-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:var(--dc-bg-card);border:1px solid var(--dc-border);border-left:4px solid var(--dc-gold);border-radius:var(--dc-r-xl);padding:36px 40px;box-shadow:var(--dc-sh-md)}
.dc-loan-detail-cta-icon{flex-shrink:0}
.dc-loan-detail-cta-text{flex:1;min-width:220px}
.dc-loan-detail-cta-title{font-family:var(--dc-font-h);font-size:1.4rem;font-weight:700;color:var(--dc-txt);margin-bottom:6px}
.dc-loan-detail-cta-sub{font-size:.9rem;color:var(--dc-txt-3);line-height:1.6}
.dc-loan-detail-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}

@media(max-width:1100px){
  .dc-loan-benefit-grid{grid-template-columns:1fr 1fr}
  .dc-loan-detail-columns{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dc-loan-benefit-grid{grid-template-columns:1fr;margin-bottom:48px}
  .dc-loan-detail-col{padding:24px 20px}
  .dc-loan-detail-cta{padding:28px 24px}
  .dc-loan-detail-cta-actions{width:100%}
  .dc-loan-detail-cta-actions a,.dc-loan-detail-cta-actions button{flex:1;justify-content:center}
  .dc-loan-detail-stat{min-width:120px;padding:14px 18px}
}