/* 온라인 예약·주문 — 공통 블록은 infra-shared.css */

/* 글 + 이미지 좌우 번갈아 (PC: 글 351 · 이미지 500 · 사이 150 · 줄 높이 375) */
.online-reservation-feats { display: flex; flex-direction: column; gap: 40px; }
.online-reservation-feat { display: flex; align-items: center; gap: 150px; min-height: 375px; }
.online-reservation-feat-r { justify-content: flex-end; }
.online-reservation-feat-text { display: flex; flex-direction: column; gap: 13px; width: 351px; min-width: 0; }
.online-reservation-feat-title { color: var(--ink); font-size: 30px; font-weight: 700; line-height: normal; }
.online-reservation-feat-desc { color: #4d555e; font-size: 18px; font-weight: 500; line-height: normal; }
.online-reservation-feat-img { flex: none; width: 500px; }
.inf-br-pm { display: inline; }
@media (max-width: 1159px) {
  .online-reservation-feat { gap: clamp(40px, 100% - 970px, 150px); }
  .online-reservation-feat-img { width: min(500px, 52%); }
}
@media (max-width: 1023px) {
  .inf-br-pm { display: none; }
  .online-reservation-feats { gap: 50px; }
  .online-reservation-feat { gap: 40px; min-height: 0; justify-content: flex-start; }
  .online-reservation-feat-text { flex: 0 1 200px; gap: 10px; }
  .online-reservation-feat-title { font-size: 25px; }
  .online-reservation-feat-desc { font-size: 15px; }
  .online-reservation-feat-img { width: min(360px, 100% - 240px); }
  /* 디자인: 첫 줄 글 상자(200)보다 글이 조금 넓음(210.5) — 줄바꿈 없이 */
  .online-reservation-feat-r .online-reservation-feat-text > * { white-space: nowrap; }
}
@media (max-width: 767px) {
  .inf-br-pm { display: inline; }
  .online-reservation-feats { gap: 30px; }
  .online-reservation-feat { flex-direction: column; align-items: stretch; gap: 15px; }
  .online-reservation-feat-text { order: -1; flex: none; width: auto; gap: 5px; }
  .online-reservation-feat-title { font-size: 15px; }
  .online-reservation-feat-desc { font-size: 12px; }
  .online-reservation-feat-img { width: 100%; }
}