/* 베란다타일수리 (#7) 전용 — 공통 CSS 파일에 병합하지 말 것 */
.pg-tile{
  --pg-primary:#4C1D95;
  --pg-secondary:#A78BFA;
  --pg-bg:#F8F5FF;
  --pg-text:#22103F;
  --pg-accent:#10B981;
  --pg-radius:6px;
  --pg-maxw:1140px;
  --pg-leading:1.72;
  color:var(--pg-text);
}
.pg-tile h1,.pg-tile h2,.pg-tile h3{font-family:"SUIT","Noto Sans KR",sans-serif}

.pg-grid-hero{background:var(--pg-bg);padding:0}
.pg-grid-hero-inner{display:grid;grid-template-columns:repeat(8,1fr)}
.pg-grid-hero-inner span{aspect-ratio:1;border:1px solid #fff}
.pg-grid-hero-inner span:nth-child(3n){background:var(--pg-secondary)}
.pg-grid-hero-inner span:nth-child(5n){background:var(--pg-primary)}
.pg-grid-hero-inner span:not(:nth-child(3n)):not(:nth-child(5n)){background:#fff}

.pg-layout{padding:56px 0}
.pg-layout .container{max-width:var(--pg-maxw)}
.pg-section{padding:26px 0;border-top:1px solid #EDE9FE}
.pg-section:first-child{border-top:none}
.pg-main{counter-reset:pg-h2}
.pg-section h2{counter-increment:pg-h2;font-size:1.32rem;color:var(--pg-primary);margin-bottom:14px;display:flex;gap:10px;align-items:baseline}
.pg-section h2::before{content:counter(pg-h2,decimal-leading-zero);font-size:.9rem;color:var(--pg-accent);font-family:"SUIT",sans-serif}
.pg-section p{line-height:var(--pg-leading);margin-bottom:12px;font-size:.97rem}

.pg-material-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}
.pg-material-card{background:#fff;border-radius:var(--pg-radius);padding:18px;box-shadow:5px 5px 0 rgba(76,29,149,.15)}
.pg-material-card h4{color:var(--pg-primary);margin-bottom:6px;font-size:.96rem}
.pg-material-card p{font-size:.86rem;margin:0;line-height:var(--pg-leading)}

.pg-steps{list-style:none;padding:0;margin:14px 0;counter-reset:pg-step;display:grid;gap:8px}
.pg-steps li{counter-increment:pg-step;padding:10px 14px 10px 40px;position:relative;background:var(--pg-bg);border-radius:var(--pg-radius);font-size:.9rem}
.pg-steps li::before{content:counter(pg-step);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--pg-primary);color:#fff;font-size:.72rem;display:flex;align-items:center;justify-content:center}

.pg-notice{background:#ECFDF5;border-radius:var(--pg-radius);padding:20px 22px;margin:16px 0;font-size:.92rem;line-height:var(--pg-leading)}

.pg-ba{max-width:var(--pg-maxw);margin:26px auto 0}
.pg-ba-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.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;bottom:12px;left:12px;background:rgba(34,16,63,.75);color:#fff;font-size:.78rem;padding:4px 12px;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 20px;border-radius:var(--pg-radius);font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:5px 5px 0 rgba(76,29,149,.2)}
.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:820px){
  .pg-material-cards{grid-template-columns:1fr}
  .pg-ba-pair{gap:10px}
  .pg-grid-hero-inner{grid-template-columns:repeat(6,1fr)}
}