/* ====================== */
/* 추가 스타일 (시술 섹션 / 페이드인 / 팝업) */
/* ====================== */
.fg-section {position:relative;overflow:hidden;}
.fg-sec {transform-origin:top center;}
.fg-tab-btn {transition:background-color .3s ease, color .3s ease;}
.fg-arrow {transition:opacity .3s ease;}
.fg-arrow:hover {opacity:.75;}
.fg-tab-in {animation:fgTabIn .6s ease both;}
@keyframes fgTabIn {from {opacity:0;} to {opacity:1;}}

/* 알림 팝업 (시안 410x208) */
.modal-alert .modal-box {width:410px;min-height:208px;padding:37px 20px 39px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.modal-alert .alert-icon {width:28px;height:28px;margin:0 auto 6px;}
.modal-alert .modal-contents {font-size:16px;line-height:30px;color:#000;letter-spacing:-0.32px;}
.modal-alert .modal-btn {margin-top:20px;}
.modal-alert .modal-btn .btn-primary {width:92px;height:39px;line-height:39px;padding:0;border-radius:4px;background:#8E8965;font-weight:700;font-size:16px;}

/* 모바일: 임시로 PC 시안 축소 노출 (MO 시안 작업 전) */
@media screen and (max-width: 1024px) {
  .page-main .fg-section {display:block;}
}

/* 햄버거 (시안: 3줄 #8E8965) */
.header .header-logo {position:relative;}
.btn-burger {position:absolute;right:25.6px;top:50%;transform:translateY(-50%);width:30.4px;height:20.8px;display:flex;flex-direction:column;justify-content:space-between;}
.btn-burger i {display:block;width:100%;height:2.4px;background:#8E8965;transition:transform .3s ease, opacity .3s ease;}
.header .gnb {transition:opacity .4s ease, transform .4s ease, visibility .4s;}
.header.gnb-closed .gnb {opacity:0;visibility:hidden;transform:translateY(-12px);}
.reservation .btn-submit:disabled {opacity:.5;cursor:not-allowed;}
@media screen and (max-width: 1024px) {
  .btn-burger {display:none;}
}

/* AI 안내 문구: 불릿을 본문 바로 앞에 붙임 (가운데 정렬 시 점이 멀리 떨어지던 문제) */
li.ai-note{list-style:none;margin-inline-start:0 !important;padding:0}
li.ai-note > span::before{content:"";display:inline-block;width:.25em;height:.25em;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:.45em;position:relative;top:-.08em}

/* [rev1] 카테고리(GNB) 닫으면 스크롤 시 헤더 배경 딤도 함께 제거 */
.header {transition:background-color .4s ease;}
.header.gnb-closed, .header.gnb-closed.active {background-color:transparent;}


/* [rev5] 헤더: 로고만 홈 링크(바 전체가 링크라 햄버거 주변 클릭 시 새로고침→최상단 이동하던 문제) */
.header .header-logo > a {display:block;width:max-content;margin:0 auto;}
.header .header-logo h1 {margin:0;}
/* [rev5] 카테고리 바 스르륵 노출 */
.header .gnb {transition:opacity .5s ease, transform .5s ease, visibility .5s;}