/* _BOTNAVFIXED_ 🔒 2026-09-18 👑 확정 : 지금 이 상태가 정답이다.

   👑 「하단 메뉴 정상, 이제 뭔가 되네! 이건 픽스. 지금 딱 좋아 굿」

   ⛔ transform · -webkit-transform · will-change 를 다시 넣지 말 것
      ⇒ 아이폰에서 fixed 바가 화면 중간으로 떠오른다(👑 께서 수십 번 지적하신 그 고장).
   ⛔ padding-bottom(env(safe-area-inset-bottom)) · box-sizing 을 다시 넣지 말 것
      ⇒ 바 높이가 못박혀 있어(60 / 58 / 62px) 아이콘·글자가 잘린다.
   🔑 하단바가 홈막대 값을 아예 안 읽는 것이 핵심이다 —
      그래서 그 값이 34px 이 되든 0 이 되든 바가 영향을 안 받는다.

   ⛔ 이 규칙을 화면 HTML 안에 다시 적지 말 것 (공용 파일 한 벌만).
   ⛔ 자바스크립트가 하단바 규칙을 심게 하지 말 것 (cart-sync.js · menu-one.js 가 그랬다).
   ⛔ 하단바를 숨기거나 지우지 말 것 (👑 규칙).
   ✅ 고쳐야 하면 웍에게 보고서로 먼저 물을 것. 혼자 고치지 말 것.

   ✅ 검사 J64 · J65 · J66 이 이 상태를 지킨다. 되돌리면 바로 잡힌다. */

/* _BOTNAVIOS_ 🔴 2026-09-17 — 아래 세 줄을 ⛔ 뺐습니다. ⛔ 다시 넣지 마십시오.

      -webkit-transform:translateZ(0)!important;
      transform:translateZ(0)!important;
      will-change:transform;

   왜 :
     · 원래는 ⛔ 화면을 부드럽게 하려고 넣는 오래된 요령입니다.
     · 🔴 그런데 ⛔ iOS 사파리에서 ⛔ transform 이 걸린 fixed 요소는
       기준이 【화면】에서 【그 요소】로 바뀝니다.
       ⇒ ⛔ 주소창이 접혔다 펴질 때 ⛔ 바가 ⛔ 화면 중간에 떠오릅니다.
     · 👑 께서 ⛔ 수십 번 지적하신 바로 그 현상입니다.
   🔑 2026-09-09 에 ⛔ overhaul_reservation.html 한 곳에서만 풀어 놨었습니다(_BOTFIX_).
      ⛔ 원인을 알고도 ⛔ 공통 파일을 안 고쳐 ⛔ 다른 화면에서 계속 났습니다.

   ⛔ 2026-09-17 정정 : 한때 대신 넣었던 padding-bottom + box-sizing 은 ⛔ 도로 뺐습니다.
      ⇒ 🔴 바 높이가 못박혀 있어 ⛔ 아래여백이 ⛔ 내용 자리를 먹어 ⛔ 아이콘이 잘렸습니다(_BOTNAVCUT_).
      ⇒ ⛔ 홈 막대 자리는 ⛔ 바마다 높이가 달라(60·58·62px) ⛔ 따로 제대로 합니다.

   ⛔ position:fixed 인 것에 ⛔ transform · will-change 를 ⛔ 붙이지 마십시오.
*/
/* _BOTNAVFIX_ 👑 2026-09-16 — 폰 하단 메뉴는 【언제나 화면 아래에 붙어 있어야 합니다】.

   🔴 왜 한 벌로 뺐나 :
      지금까지 이 내용이 화면 HTML 안에 <style id="botnav-fixed-inline"> 로 박혀 있었습니다.
      ⛔ 그 파일을 갈아치우면 같이 사라지고, ⛔ 새 화면을 만들면 넣는 것을 잊었습니다.
      그래서 👑 께서 「벌써 이부분만 수십번 지적」하시게 되었습니다.
      ⇒ 이제 ⛔ 이 파일 한 벌만 부르면 됩니다. ⛔ 화면마다 다시 적지 마십시오.

   ⛔ 아래 내용은 2026-09-16 까지 22개 화면에 박혀 있던 것과 【글자 그대로 같습니다】.
      (22개 전부 같은 내용인 것을 해시로 확인했습니다 — 모양이 바뀌면 안 됩니다)
*/
.botnav,.bottom-nav,.gnb-bottom,[class*="bottom-menu"],nav.fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;/* _BOTNAVCUT_ 2026-09-17 : ⛔ padding-bottom·box-sizing 을 ⛔ 도로 뺐다. 높이가 못박힌 바(60·58·62px)에 border-box 로 아래여백을 주면 ⛔ 그만큼 내용 자리를 먹어 ⛔ 아이콘·글자가 잘린다(실측 : 칸 59px→25px · 22개 화면 전부). ⛔ 홈막대 자리는 바마다 높이가 달라 ⛔ 따로 시간을 내어 제대로 한다. */background:#fff;}

/* ⛔ 아래는 2026-09-16 에 【새로 더한】 줄입니다 — 위 줄과 달리 옛 내용이 아닙니다.
   general_detail_mobile.html 의 하단 메뉴는 이름이 `.m2-botnav` 라서
   ⛔ 위 규칙에 걸리지 않았습니다 (그래서 그 화면만 빠져 있었습니다).
   ⚠️ 이 줄로 z-index 가 60 → 100 이 됩니다. 바꾼 뒤 그 화면을 다시 재어 확인했습니다. */
.m2-botnav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;/* _BOTNAVCUT_ 2026-09-17 : ⛔ padding-bottom·box-sizing 을 ⛔ 도로 뺐다. 높이가 못박힌 바(60·58·62px)에 border-box 로 아래여백을 주면 ⛔ 그만큼 내용 자리를 먹어 ⛔ 아이콘·글자가 잘린다(실측 : 칸 59px→25px · 22개 화면 전부). ⛔ 홈막대 자리는 바마다 높이가 달라 ⛔ 따로 시간을 내어 제대로 한다. */background:#fff;}