/* 장비 상세 — 에디토리얼 색인 스타일 (.pcol-equipment-index)
   시술 페이지(/acne 등)와 같은 문법: 잉크 히어로 + 좌측 고정 번호 색인 + 6:4 블록.
   번호는 CSS counter 로 만든다(본문 텍스트를 늘리지 않는다). */

.eqi{
  counter-reset:eqisec;
  --eqi-ink:var(--brand-primary,#2c2221);
  --eqi-body:#5f5754;
  --eqi-mute:#8d8279;
  --eqi-brand:var(--brand-secondary,#aa6358);
  --eqi-line:#e8e1de;
  --eqi-tint:#f6ecea;
  --eqi-soft:#faf7f6;
  --eqi-gut:10%;
  --eqi-gap:4%;
  background:#fff;color:var(--eqi-ink)
}
.eqi *{box-sizing:border-box;min-width:0}
.eqi img{display:block;max-width:100%}
.eqi-in{width:min(1180px,calc(100% - 44px));margin:0 auto}
.eqi-sec{padding:clamp(56px,7vw,104px) 0;border-top:1px solid var(--eqi-line)}
.eqi-sec--foot{padding-top:clamp(34px,4vw,52px)}

/* 히어로 */
.eqi-hero{padding:clamp(52px,7vw,104px) 0 clamp(52px,7vw,84px);background:var(--eqi-ink);color:#fff}
.eqi-crumb{font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.6);margin:0 0 28px}
.eqi-crumb a{color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.eqi-crumb a:hover{color:#fff}
.eqi-crumb span{margin:0 8px}
.eqi-crumb .is-current{color:rgba(255,255,255,.6);margin:0}
.eqi-hero__k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.74);margin:0 0 20px;font-weight:600}
.eqi-hero__title{font-family:'Nanum Myeongjo','Noto Serif KR',Georgia,serif;font-size:clamp(32px,5.4vw,60px);font-weight:400;line-height:1.22;letter-spacing:-.02em;margin:0;color:#fff}
.eqi-hero__lede{font-size:clamp(15px,1.5vw,17px);line-height:2;color:rgba(255,255,255,.88);margin:26px 0 0;max-width:640px}
.eqi-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.34)}
.eqi-chips li{font-size:13px;color:rgba(255,255,255,.92);padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,.28)}
.eqi-chips li:last-child{border-right:0;padding-right:0;margin-right:0}

/* 대표 이미지 */
.eqi-fig{margin:0}
.eqi-fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--eqi-soft)}

/* 좌측 고정 색인 + 본문 */
.eqi-grid{display:grid;grid-template-columns:var(--eqi-gut) 1fr;gap:var(--eqi-gap);align-items:start}
.eqi-idx{position:sticky;top:calc(var(--clinic-header-h, 0px) + 24px);align-self:start}
.eqi-idx::before{counter-increment:eqisec;content:"0" counter(eqisec);display:block;font-family:'Nanum Myeongjo','Noto Serif KR',Georgia,serif;font-size:clamp(30px,4vw,44px);line-height:1;color:var(--eqi-brand);opacity:.34}
.eqi-idx__k{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--eqi-brand);margin:14px 0 0;font-weight:600}
.eqi-h2{font-family:'Nanum Myeongjo','Noto Serif KR',Georgia,serif;font-size:clamp(24px,3.2vw,36px);font-weight:400;line-height:1.34;letter-spacing:-.02em;margin:0 0 26px;color:var(--eqi-ink)}

/* 컨테이너 기준 색인10% + 여백4% + 설명41% + 여백4% + 이미지41% */
.eqi-block{display:grid;grid-template-columns:1fr;gap:0}
.eqi-block.has-image{grid-template-columns:1fr 1fr;gap:4.6512%;align-items:start}
.eqi-block__fig{grid-column:2;grid-row:1;margin:0}
.eqi-block__fig img{width:100%;height:auto;background:var(--eqi-tint)}
.eqi-block__body{grid-column:1;grid-row:1}
.eqi-block__body p{font-size:clamp(15px,1.45vw,16.5px);line-height:2.05;color:var(--eqi-body);margin:0 0 18px}
.eqi-block__body p:last-child{margin-bottom:0}
.eqi-block__body ul{list-style:none;margin:0;padding:0}
.eqi-block__body li{position:relative;padding-left:18px;font-size:clamp(15px,1.45vw,16.5px);line-height:1.95;color:var(--eqi-body);margin:0 0 12px}
.eqi-block__body li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:1px;background:var(--eqi-brand)}
.eqi-block__body li:last-child{margin-bottom:0}
.eqi-block__body b,.eqi-block__body strong{font-weight:600;color:var(--eqi-ink)}
.eqi-block__body details{border-top:1px solid var(--eqi-line);padding:16px 0}
.eqi-block__body details summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--eqi-ink);list-style:none}
.eqi-block__body details summary::-webkit-details-marker{display:none}
.eqi-block__body details[open] summary{margin-bottom:12px;color:var(--eqi-brand)}

.eqi-fine{font-size:12.5px;color:var(--eqi-mute);line-height:1.8;margin:0}

@media (max-width:760px){
  .eqi{--eqi-gut:34px;--eqi-gap:16px}
  /* 모바일은 헤더가 화면에 붙어 있다 — 그 아래에 고정해 가려지지 않게 한다. */
  .eqi-idx{top:calc(var(--clinic-header-h, 56px) + 12px)}
  .eqi-idx::before{font-size:19px;letter-spacing:-.02em}
  .eqi-idx__k{display:none}
  .eqi-block.has-image{grid-template-columns:1fr;gap:0}
  .eqi-block__fig{grid-column:1;grid-row:1;margin:0 0 22px}
  .eqi-block__body{grid-column:1;grid-row:2}
}

/* 파장 비교표 토큰 — 규칙 본체는 style.css 의 .eq-wave */
.eqi .eq-wave{--eqw-brand:var(--eqi-brand);--eqw-ink:var(--eqi-ink);--eqw-body:var(--eqi-body);--eqw-line:var(--eqi-line)}