/* static/css/banner.css */

/* ✅ 공통 배너 래퍼 */
.AdBanner {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
}

/* ✅ 배너 이미지: 상단 기준 크롭(PC에서 타이틀 잘림 방지) */
.AdImg {
  width: 100%;
  height: clamp(200px, 16vw, 280px); /* 화면에 따라 자연스럽게 */
  object-fit: cover;
  object-position: top center;       /* ⭐ 상단 기준 */
  display: block;
}

/* ✅ PC에서 배너 높이를 살짝 늘려 상단 텍스트 여유 확보(선택) */
@media (min-width: 1024px) {
  .AdImg { height: 260px; }
}