/* 베란다문틀수리 (#10) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-door{
  --pg-primary:#7C2D12;
  --pg-secondary:#EA8C55;
  --pg-bg:#FFF6EF;
  --pg-text:#2A1408;
  --pg-accent:#0891B2;
  --pg-radius:4px;
  --pg-maxw:900px;
  --pg-leading:1.75;
  color:var(--pg-text);
}
.pg-door h1,.pg-door h2,.pg-door h3{font-family:"Nanum Myeongjo","Noto Sans KR",serif}

.pg-cut{background:var(--pg-bg);padding:36px 0;text-align:center}
.pg-cut svg{max-width:220px;width:100%;height:auto}

.pg-layout{padding:0}
.pg-main{max-width:var(--pg-maxw);margin:0 auto;padding:56px 20px;column-count:1}
.pg-section{padding:26px 0;columns:2;column-gap:32px}
.pg-section h2{column-span:all;counter-increment:pg-h2;font-size:1.3rem;color:var(--pg-primary);margin-bottom:14px;display:flex;gap:10px;align-items:baseline}
.pg-main{counter-reset:pg-h2}
.pg-section h2::before{content:counter(pg-h2,decimal-leading-zero);font-size:.88rem;color:var(--pg-accent)}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.96rem}

.pg-parts{list-style:none;padding:0;margin:14px 0;column-span:all;display:grid;gap:10px}
.pg-parts li{background:#fff;box-shadow:inset 0 0 0 2px var(--pg-secondary);border-radius:var(--pg-radius);padding:12px 16px;font-size:.92rem}
.pg-parts b{color:var(--pg-primary)}

.pg-criteria{list-style:none;padding:0;margin:14px 0;column-span:all;display:grid;gap:8px}
.pg-criteria li{padding-left:16px;position:relative;font-size:.92rem}
.pg-criteria li::before{content:"-";position:absolute;left:0;color:var(--pg-accent)}

.pg-ba{max-width:var(--pg-maxw);margin:20px auto 40px}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pg-ba-pair figure{margin:0}.pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pg-radius);display:block;box-shadow:inset 0 0 0 3px var(--pg-bg)}
.pg-ba-pair figcaption{margin-top:8px;font-size:.8rem;text-align:center;color:var(--pg-primary)}
.pg-ba-note{margin-top:12px;font-size:.8rem;opacity:.72;text-align:center}

.pg-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--pg-radius);font-weight:700;font-size:.9rem;text-decoration:none}
.pg-cta--call{background:var(--pg-primary);color:#fff}
.pg-cta--sms{background:#fff;color:var(--pg-primary);border:1.5px solid var(--pg-primary)}

@media (max-width:700px){
  .pg-section{columns:1}
  .pg-ba-pair{gap:10px}
}