/* CDFC — dept.css */
.dept-layout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;}
.dept-sidebar{position:sticky;top:96px;}
.dept-section{margin-bottom:52px;}
.dept-section h3{font-size:1.2rem;padding-bottom:12px;border-bottom:2px solid var(--line);margin-bottom:22px;}
.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cond-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;}
.cond-card .ic{width:40px;height:40px;border-radius:10px;background:var(--shuttle-soft);display:flex;align-items:center;justify-content:center;flex:none;}
.cond-card .ic svg{width:18px;height:18px;}
.cond-card h5{font-size:.9rem;margin-bottom:4px;}
.cond-card p{font-size:.82rem;color:var(--ink-soft);}
.treat-accordion .acc-item{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:10px;}
.treat-accordion .acc-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;cursor:pointer;font-weight:700;font-size:.93rem;transition:background .25s;}
.treat-accordion .acc-head:hover{background:var(--shuttle-soft);}
.treat-accordion .acc-head svg{width:15px;height:15px;transition:transform .3s;flex:none;}
.treat-accordion .acc-item.open .acc-head svg{transform:rotate(180deg);}
.treat-accordion .acc-body{display:none;padding:0 18px 16px;font-size:.88rem;color:var(--ink-soft);line-height:1.8;}
.treat-accordion .acc-item.open .acc-body{display:block;}
.process-steps{display:grid;gap:16px;}
.proc-step{display:flex;gap:16px;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;}
.proc-step .num{min-width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);font-family:'Montserrat',sans-serif;font-weight:800;font-size:.88rem;display:flex;align-items:center;justify-content:center;flex:none;}
.proc-step h5{font-size:.94rem;margin-bottom:4px;}
.proc-step p{font-size:.84rem;color:var(--ink-soft);}
.faq-grid{display:grid;gap:10px;}
.dept-nav{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px;}
.dept-nav h5{padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.dept-nav ul li a{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:.88rem;font-weight:600;color:var(--ink);border-left:3px solid transparent;transition:all .25s;}
.dept-nav ul li a:hover,.dept-nav ul li a.active{border-left-color:var(--accent);color:var(--accent);background:var(--accent-soft);}
.dept-nav ul li+li{border-top:1px solid var(--line);}
@media(max-width:960px){.dept-layout{grid-template-columns:1fr;}.dept-sidebar{position:static;}.conditions-grid{grid-template-columns:1fr;}}

/* ─── MOBILE RESPONSIVE ─── */

@media (max-width: 960px) {
  .dept-layout { grid-template-columns: 1fr; }
  .dept-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .dept-sidebar .sidebar-cta { grid-column: 1 / -1; }
  .conditions-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .dept-sidebar { grid-template-columns: 1fr; }
  .conditions-grid { grid-template-columns: 1fr; }
  .faq-grid .acc-head { font-size: .88rem; padding: 13px 14px; }
}
@media (max-width: 380px) {
  .cond-card { padding: 14px; gap: 10px; }
  .cond-card .ic { width: 34px; height: 34px; min-width: 34px; }
}

/* ─── GLOSSY DEPARTMENT PAGE ─── */
.dept-hero { background: var(--grad-hero) !important; }
.dept-stat-card {
  background: linear-gradient(155deg, var(--accent-deeper), var(--accent-deep), var(--accent)) !important;
  box-shadow: 0 16px 40px -12px rgba(109,46,123,.6), var(--inset-shine) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.dept-stat-card .num {
  background: var(--grad-gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 10px rgba(243,178,36,.5));
}
.cond-card {
  border: 1px solid rgba(109,46,123,.1);
  box-shadow: 0 4px 16px -8px rgba(109,46,123,.08);
  transition: transform .4s var(--ease), box-shadow .4s, border-color .3s;
}
.cond-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); border-color: rgba(109,46,123,.2); }
.dept-tab.active {
  background: var(--grad-plum) !important;
  box-shadow: 0 8px 24px -6px rgba(109,46,123,.55), var(--inset-shine) !important;
}