/* =========================================================
   Elchpower V4.8.1 – DETAIL PAGES ONLY
   Scoped with .ep-detail-*
   ========================================================= */

.ep-detail-main {
  min-height:0;
  background:#07140d;
}

.ep-detail-screen {
  min-height:calc(100vh - 66px);
  display:grid;
  grid-template-rows:1fr auto;
  background:
    radial-gradient(circle at 76% 34%,rgba(213,170,80,.04),transparent 24%),
    linear-gradient(180deg,#07140d,#08170f);
}

.ep-detail-grid {
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(610px,1.28fr);
  gap:64px;
  align-items:center;
  padding-top:26px;
  padding-bottom:20px;
}

.ep-detail-left {
  max-width:510px;
}

.ep-detail-breadcrumb {
  display:flex;
  gap:8px;
  align-items:center;
  color:#637168;
  font-size:.62rem;
  margin-bottom:18px;
}

.ep-detail-breadcrumb strong { color:#b79649; }
.ep-detail-breadcrumb a:hover { color:#d5aa50; }

.ep-detail-left h1 {
  font-size:clamp(2.35rem,3.65vw,4.2rem) !important;
  max-width:9.8ch !important;
  line-height:1.01;
  letter-spacing:-.045em;
  margin:13px 0 18px;
}

.ep-detail-lead {
  color:#96a39b;
  line-height:1.65;
  font-size:.9rem;
  max-width:455px;
  margin:0;
}

.ep-detail-actions {
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.ep-detail-actions .button {
  min-height:42px;
  padding:0 18px;
  font-size:.74rem;
}

.ep-detail-actions > span {
  max-width:190px;
  color:#647169;
  line-height:1.45;
  font-size:.65rem;
}

.ep-detail-right {
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:12px;
  min-height:410px;
}

.ep-detail-points {
  display:grid;
  grid-template-rows:repeat(4,1fr);
  gap:8px;
}

.ep-detail-point {
  appearance:none;
  width:100%;
  border:1px solid rgba(243,240,230,.065);
  border-radius:14px;
  background:rgba(243,240,230,.018);
  color:#f3f0e6;
  padding:13px 14px;
  display:grid;
  grid-template-columns:25px 1fr auto;
  gap:11px;
  text-align:left;
  cursor:pointer;
  transition:.28s ease;
}

.ep-detail-point:hover,
.ep-detail-point.active {
  border-color:rgba(213,170,80,.24);
  background:rgba(213,170,80,.045);
  transform:translateX(4px);
}

.ep-detail-point > span {
  color:#b9984c;
  font-size:.58rem;
  font-weight:800;
  padding-top:2px;
}

.ep-detail-point small {
  color:#6d7b73;
  font-size:.54rem;
  letter-spacing:.1em;
}

.ep-detail-point strong {
  display:block;
  color:#cbd3ce;
  margin-top:6px;
  font-size:.78rem;
  line-height:1.25;
  font-weight:600;
}

.ep-detail-point i {
  font-style:normal;
  color:#746846;
  font-size:.68rem;
  transition:.25s ease;
}

.ep-detail-point.active i,
.ep-detail-point:hover i {
  color:#d5aa50;
  transform:translate(2px,-2px);
}

.ep-detail-focus {
  min-height:100%;
  border:1px solid rgba(213,170,80,.12);
  border-radius:20px 20px 38px 20px;
  background:
    radial-gradient(circle at 82% 18%,rgba(213,170,80,.055),transparent 25%),
    rgba(243,240,230,.022);
  padding:28px;
  display:flex;
  align-items:center;
}

.ep-detail-panel {
  animation:epPanel .28s ease;
}

@keyframes epPanel {
  from { opacity:.35;transform:translateY(5px); }
  to { opacity:1;transform:translateY(0); }
}

.ep-detail-panel > span {
  color:#b99b50;
  font-size:.58rem;
  letter-spacing:.12em;
  font-weight:800;
}

.ep-detail-panel h2 {
  margin:14px 0 16px;
  max-width:11ch;
  font-size:clamp(1.55rem,2vw,2.25rem);
  line-height:1.08;
}

.ep-detail-panel p {
  margin:0;
  color:#9aa69e;
  line-height:1.72;
  font-size:.82rem;
  max-width:530px;
}

.ep-detail-bottom {
  border-top:1px solid rgba(243,240,230,.055);
  background:rgba(5,15,9,.42);
}

.ep-detail-bottom .lp-wrap {
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  color:#69776e;
  font-size:.6rem;
}

.ep-detail-bottom a {
  color:#9caaa1;
  transition:.2s ease;
}

.ep-detail-bottom a:hover { color:#d5aa50; }
.ep-detail-bottom .next { color:#bea45e; }

@media (min-width:980px) {
  body:has(.ep-detail-main) {
    height:100vh;
    overflow:hidden;
    display:grid;
    grid-template-rows:auto 1fr;
  }

  body:has(.ep-detail-main) .footer-v46 {
    display:none;
  }

  body:has(.ep-detail-main) .ep-detail-main {
    min-height:0;
    overflow:hidden;
  }

  body:has(.ep-detail-main) .ep-detail-screen {
    min-height:100%;
    height:100%;
  }
}

@media (min-width:980px) and (max-height:820px) {
  .ep-detail-grid {
    padding-top:12px;
    padding-bottom:10px;
    gap:44px;
  }

  .ep-detail-left h1 {
    font-size:clamp(2.05rem,3.15vw,3.45rem) !important;
    margin-bottom:12px;
  }

  .ep-detail-lead { font-size:.78rem; }
  .ep-detail-actions { margin-top:16px; }
  .ep-detail-right { min-height:330px; }
  .ep-detail-point { padding:10px 12px; }
  .ep-detail-focus { padding:22px; }
  .ep-detail-panel p { font-size:.75rem; }
  .ep-detail-bottom .lp-wrap { min-height:36px; }
}

@media (max-width:979px) {
  .ep-detail-screen {
    min-height:auto;
  }

  .ep-detail-grid {
    grid-template-columns:1fr;
    padding-top:48px;
    padding-bottom:38px;
  }

  .ep-detail-right {
    grid-template-columns:1fr;
    min-height:0;
  }

  .ep-detail-points {
    grid-template-rows:auto;
  }
}

@media (max-width:680px) {
  .ep-detail-bottom .lp-wrap {
    flex-direction:column;
    align-items:flex-start;
    padding:12px 0;
    gap:6px;
  }
}