/* 베란다벽면수리 (#8) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-wall{
  --pg-primary:#57534E;
  --pg-secondary:#A8A29E;
  --pg-bg:#FAFAF9;
  --pg-text:#1C1917;
  --pg-accent:#EAB308;
  --pg-radius:0px;
  --pg-maxw:820px;
  --pg-leading:1.8;
  color:var(--pg-text);
}
.pg-wall h1,.pg-wall h2,.pg-wall h3{font-family:"Pretendard","Gothic A1",sans-serif}

.pg-texture{display:grid;grid-template-columns:repeat(4,1fr)}
.pg-texture div{aspect-ratio:1/1}
.pg-texture div:nth-child(1){background:var(--pg-primary)}
.pg-texture div:nth-child(2){background:var(--pg-secondary)}
.pg-texture div:nth-child(3){background:var(--pg-accent)}
.pg-texture div:nth-child(4){background:var(--pg-bg);border:1px solid var(--pg-secondary)}

.pg-layout{padding:60px 0}
.pg-main{max-width:var(--pg-maxw);margin:0 auto;padding:0 20px}
.pg-section{padding:34px 0;border-top:3px solid var(--pg-text)}
.pg-section:first-child{border-top:none}
.pg-section h2{display:inline-block;background:var(--pg-bg);border:1px solid var(--pg-secondary);padding:6px 16px;font-size:1.2rem;margin-bottom:16px}
.pg-section p{line-height:var(--pg-leading);margin-bottom:14px;font-size:.98rem}

.pg-compare3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0;border:1px solid var(--pg-secondary)}
.pg-compare3 > div{padding:18px;border-right:1px solid var(--pg-secondary)}
.pg-compare3 > div:last-child{border-right:none}
.pg-compare3 h4{margin-bottom:10px;font-size:1rem}
.pg-compare3 p{font-size:.86rem;margin-bottom:6px;line-height:var(--pg-leading)}

.pg-caution{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.pg-caution li{padding-left:16px;position:relative;font-size:.92rem;line-height:var(--pg-leading)}
.pg-caution li::before{content:"·";position:absolute;left:0;color:var(--pg-accent);font-weight:900}

.pg-ba{max-width:var(--pg-maxw);margin:28px auto 0}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pg-ba-pair figure{margin:0}.pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.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:22px 0}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-weight:700;font-size:.9rem;text-decoration:none}
.pg-cta--call{background:var(--pg-text);color:#fff}
.pg-cta--sms{background:#fff;color:var(--pg-text);border:1.5px solid var(--pg-text)}

@media (max-width:680px){
  .pg-compare3{grid-template-columns:1fr}
  .pg-compare3 > div{border-right:none;border-bottom:1px solid var(--pg-secondary)}
  .pg-ba-pair{gap:10px}
}