/* 베란다페인트수리 (#19) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-paint{
  --pg-primary:#BE185D;
  --pg-secondary:#F9A8D4;
  --pg-bg:#FFF5F9;
  --pg-text:#3B0A22;
  --pg-accent:#0E7490;
  --pg-radius:999px;
  --pg-maxw:1040px;
  --pg-leading:1.66;
  color:var(--pg-text);
}
.pg-paint h1,.pg-paint h2,.pg-paint h3{font-family:"Jua","Noto Sans KR",sans-serif;font-weight:400}

.pg-colorband{display:flex;height:26px}
.pg-colorband div{flex:1}
.pg-colorband div:nth-child(1){background:var(--pg-primary)}
.pg-colorband div:nth-child(2){background:var(--pg-secondary)}
.pg-colorband div:nth-child(3){background:var(--pg-accent)}
.pg-colorband div:nth-child(4){background:var(--pg-bg)}

.pg-layout{padding:56px 0}
.pg-layout .container{max-width:var(--pg-maxw)}
.pg-section{padding:28px 0}
.pg-section h2{display:inline-block;background:var(--pg-secondary);color:var(--pg-text);padding:8px 20px;border-radius:var(--pg-radius);font-size:1.18rem;margin-bottom:16px}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.97rem}

.pg-timeline{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;align-items:center}
.pg-timeline span{background:#fff;box-shadow:0 8px 22px rgba(190,24,93,.1);border-radius:var(--pg-radius);padding:10px 18px;font-size:.86rem;color:var(--pg-primary);font-weight:700}
.pg-timeline .arrow{color:var(--pg-secondary);font-size:1.2rem}

.pg-caution{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.pg-caution li{background:var(--pg-bg);border-radius:var(--pg-radius);padding:10px 18px;font-size:.9rem}
.pg-caution li::before{content:"● ";color:var(--pg-accent)}

.pg-ba{max-width:var(--pg-maxw);margin:26px auto 0}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pg-ba-pair figure{margin:0;position:relative}.pg-ba-pair img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pg-radius);display:block}
.pg-ba-pair figcaption{position:absolute;top:12px;left:12px;background:rgba(59,10,34,.75);color:#fff;font-size:.78rem;padding:4px 14px;border-radius:999px}
.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}
.pg-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;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-ba-pair{gap:10px}}