/* polish 페이지 전용 스타일 — 공통 클래스는 common.css, 사용법은 src/pages/README.md */

.polish-hero .hero-media { margin: 24px 0 0; }
.polish-hero .hero-media img { aspect-ratio: 4 / 3; }

.polish-list li {
  padding: 12px 14px 12px 40px; border-radius: var(--radius-sm);
  background: var(--surface); border: 1px solid var(--line); font-weight: 600;
}
.polish-list li::before { left: 16px; top: calc(12px + 0.55em); }

.polish-subtitle { font-size: 1.15rem; margin-bottom: 14px; color: var(--gold-light); }

.polish-links { margin-top: 20px; }

/* 사진 3장: 휴대폰은 첫 장을 넓게, 넓은 화면은 3칸 */
.polish-gallery .photo:first-child { grid-column: 1 / -1; }
.polish-gallery .photo:first-child img { object-position: top; }

@media (min-width: 600px) {
  .polish-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .polish-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .polish-gallery .photo:first-child { grid-column: auto; }
}

@media (min-width: 900px) {
  .polish-hero .hero-media { max-width: 720px; }
  .polish-promo { max-width: 560px; }
}