@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

.btn-container {display: grid;grid-template-columns: repeat(2, 1fr); /* Two columns */gap: 10px; /* Space between buttons */align-items: center; /* Vertically center items within their grid cells */}
.btn-container .btn {    display: flex;    align-items: center; /* Vertically center text and icons within the button */    justify-content: center; /* Horizontally center text and icons within the button */    width: 100%; /* Full width of grid cell */    height: 100%; /* Full height of grid cell */    text-align: center; /* Center text inside the button */    padding: 15px; /* Adjust padding as needed */
/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
.gallery .gallery-item {
  overflow: hidden;
  border-right: 3px solid var(--background-color);
  border-bottom: 3px solid var(--background-color);
}

.gallery .gallery-item img {
  transition: all ease-in-out 0.4s;
}

.gallery .gallery-item:hover img {
  transform: scale(1.1);
}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}





/* Check Booking */
.reservation-wrapper {max-width: 780px;margin: 0 auto;background: #fff;order-radius: 18px;box-shadow: 0 8px 25px rgba(0,0,0,0.08);padding: 40px;font-family: "IBM Plex Sans", sans-serif;}
/* ✅ 섹션 기본 스타일 */
.section-wrap {border-left: 2px solid #a78c68;background: #f9fbfd;padding: 20px 25px;margin-bottom: 25px;}
.section-wrap h4 {font-size: 1.2rem;font-weight: 600;color: #a78c68;margin-bottom: 15px;display: flex;align-items: center;gap: 8px;}
.section-wrap h4 i {font-size: 1.1rem;color: #a78c68;}
/* ✅ 내용 정렬 */
.info-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px 20px;}
.info-item {display: flex;flex-direction: column;}
.label {font-size: 13px;color: #777;text-transform: uppercase;}
.value {font-size: 16px;font-weight: 500;color: #333;}
/* ✅ Special Request */
.special-request {grid-column: 1 / span 2;}
/* ✅ 가격정보 */
.price-box {background: #fff3d6;border-left: 2px solid #f5b400;padding: 15px 20px;margin-top: 5px;}
.price-item {display: flex;justify-content: space-between;font-size: 16px;}
.price-item strong {color: #000;}
/* ✅ 연락처 */
.reservation-footer {background: #f0f5f9;border-radius: 15px;padding: 20px;display: flex;justify-content: space-between;align-items: center;}
.footer-contact i {color: #a78c68;margin-right: 5px;}
.qr-box img {width: 90px;height: 90px;border-radius: 10px;