/* 공통 텍스트 효과 & 강조 (클라이언트 요청: 좌->우 quệt highlight) */
.lp-hl {
  position: relative;
  display: inline-block;
  font-weight: 900;
  color: var(--lp-orange);
  text-shadow: 0 2px 10px rgba(230, 81, 0, 0.22);
  z-index: 0;
  padding: 0 0.08em;
}
.lp-hl::after {
  content: "";
  position: absolute;
  left: -0.08em;
  right: -0.08em;
  bottom: 0.05em;
  height: 0.46em;
  background: linear-gradient(90deg, rgba(236, 90, 19, 0.32) 0%, rgba(245, 122, 46, 0.5) 88%, #ffb366 98%, #ffffff 100%);
  box-shadow: 0 3px 12px rgba(236, 90, 19, 0.25);
  border-radius: 0.15em;
  z-index: -1;
  pointer-events: none;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 1.25s cubic-bezier(0.2, 0.7, 0.3, 1);
}
/* Cuộn tới đâu quệt tới đó từ trái sang phải */
.rv.is-in .lp-hl::after,
.lp-hl.is-in::after {
  transform: scaleX(1);
  transition-delay: 0.45s;
}
/* Quệt so le nếu trong cùng 1 khối có nhiều từ highlight */
.rv.is-in .lp-hl:nth-of-type(2)::after,
.lp-hl:nth-of-type(2).is-in::after {
  transition-delay: 1.1s;
}
.rv.is-in .lp-hl:nth-of-type(3)::after,
.lp-hl:nth-of-type(3).is-in::after {
  transition-delay: 1.75s;
}
/* Hover chuột để quệt lại rõ ràng */
.lp-hl:hover::after {
  animation: lpHlSwipe 1.25s cubic-bezier(0.2, 0.7, 0.3, 1) forwards;
}
@keyframes lpHlSwipe {
  0% {
    transform-origin: left center;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left center;
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-hl::after {
    transition: none !important;
    animation: none !important;
    transform: scaleX(1) !important;
  }
}
.lp-hl-num {
  position: relative;
  display: inline-block;
  font-weight: 900;
  color: var(--lp-orange);
  text-shadow: 0 3px 14px rgba(230, 81, 0, 0.32);
}
/* 숫자 카운팅 제거 — 숫자 span 이 부모 숫자 스타일을 그대로 따르게
   (.lp-story__stats span 같은 라벨용 span 규칙에 걸려 작아지던 문제) */
span.js-counter.js-counter {
  display: inline;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  margin: 0;
}
.lp-hero__gap {
  display: block;
  content: "";
  margin-top: 14px;
}
.lp-title--story { font-size: clamp(30px, 3.8vw, 54px); }
.lp-title--interior { font-size: clamp(32px, 4.2vw, 58px); }
.lp-title--dn { font-size: clamp(28px, 3.6vw, 48px); }
.lp-kitchen__h3 { font-size: clamp(28px, 3.2vw, 44px); }
@charset "UTF-8";
/* ==========================================================================
   송탄식당 신규 랜딩 (2026-10 시안, 섹션 01~12) — 접두사 lp-
   style.css(헤더/푸터/모달/플로팅CTA) 위에 덧씌운다.
   ========================================================================== */
:root {
  --lp-green: #0F4632;
  --lp-green-2: #1B5A42;
  --lp-orange: #EC5A13;
  --lp-orange-2: #F57A2E;
  --lp-cream: #FBF7F0;
  --lp-cream-2: #F5EDE1;
  --lp-peach: #FBE6D6;
  --lp-ink: #1F2622;
  --lp-gray: #5E625F;
  --lp-line: #ECE4D8;
  --lp-card: #FFFFFF;
  --lp-r: 14px;
  --lp-shadow: 0 8px 24px rgba(60, 40, 20, .07);
}

body { background: var(--lp-cream); }

/* 밝은 히어로 위라서 헤더는 항상 진녹색 */
.header { background: rgba(15, 70, 50, .97); box-shadow: 0 4px 18px rgba(0, 0, 0, .14); }

/* ---- 공통 ---------------------------------------------------------------- */
.lp-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 32px); }
.lp-sec { position: relative; padding: clamp(56px, 8vw, 104px) 0; background: var(--lp-cream); color: var(--lp-ink); overflow: hidden; }
.lp-sec:nth-of-type(even) { background: #FFFCF7; }
.lp-ico { width: 1em; height: 1em; flex: 0 0 auto; }
/* grid/flex 자식이 이미지 원본 폭 때문에 넘치지 않도록 */
.lp-sec *, .lp-hero * { min-width: 0; }

.lp-title { font-size: clamp(28px, 4.2vw, 50px); font-weight: 900; line-height: 1.2; letter-spacing: -.045em; color: var(--lp-green); }
.lp-title em, .lp-sec em { font-style: normal; color: var(--lp-orange); }
.lp-title--center { text-align: center; }
.lp-title--xl { font-size: clamp(30px, 4.6vw, 56px); }
.lp-title--xxl { font-size: clamp(36px, 6vw, 80px); line-height: 1.12; }

.lp-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .14em; color: var(--lp-green); margin-bottom: 14px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lp-eyebrow span { color: #b9b2a6; font-weight: 400; }
.lp-eyebrow--center { justify-content: center; text-align: center; }
.lp-eyebrow--light { color: rgba(255, 255, 255, .8); justify-content: center; }
.lp-eyebrow--pill b { letter-spacing: -.02em; font-size: 15px; background: var(--lp-green); color: #fff; padding: 8px 18px; border-radius: 999px; }

.lp-meta { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 12.5px; color: var(--lp-gray); margin-bottom: clamp(18px, 3vw, 30px); }
.lp-meta p { display: flex; align-items: center; gap: 10px; }
.lp-meta b { color: var(--lp-green); font-weight: 800; }
.lp-meta > p:first-child b { font-size: 15px; }
.lp-meta i { display: inline-block; width: 60px; height: 1px; background: #cfc6b8; }
.lp-meta span { color: #c6bdb0; }
.lp-meta > p:last-child { letter-spacing: .1em; font-size: 11.5px; }

.lp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 30px; border-radius: 999px; font-weight: 700; font-size: 16px; transition: transform .2s, box-shadow .2s, background .2s; }
.lp-btn .lp-ico { font-size: 1.25em; }
.lp-btn--green { background: var(--lp-green); color: #fff; box-shadow: 0 10px 24px rgba(15, 70, 50, .25); }
.lp-btn--green:hover { background: var(--lp-green-2); transform: translateY(-2px); }
.lp-btn--green em { color: var(--lp-orange-2); }
.lp-btn--lg { padding: 20px 38px; font-size: clamp(16px, 1.6vw, 19px); }

.lp-circle { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #F3EBDF; color: #6B3A1E; font-size: 26px; flex: 0 0 auto; }
.lp-note { font-size: 11.5px; color: #8b8a86; line-height: 1.5; }
.lp-script { font-family: "Nanum Pen Script", cursive; font-size: clamp(22px, 2.2vw, 28px); color: var(--lp-green); transform: rotate(-4deg); }
.lp-num { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--lp-green); color: #fff; font-size: 14px; font-weight: 800; flex: 0 0 auto; }

.lp-closing { text-align: center; margin-top: clamp(28px, 4vw, 44px); font-size: clamp(20px, 2.6vw, 30px); font-weight: 900; color: var(--lp-green); letter-spacing: -.04em; }
.lp-closing--big { font-size: clamp(26px, 3.6vw, 46px); line-height: 1.25; }
.lp-closing--line { display: flex; align-items: center; justify-content: center; gap: 18px; }
.lp-closing--line::before, .lp-closing--line::after { content: ""; width: 60px; height: 1px; background: #bdb5a8; }

.lp-bar { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 16px 0; margin-top: 18px; }
.lp-bar li { display: flex; align-items: center; justify-content: center; gap: 18px; font-size: clamp(15px, 1.7vw, 20px); font-weight: 700; color: var(--lp-ink); }
.lp-bar li + li { border-left: 1px solid var(--lp-line); }

/* ---- 01 HERO ------------------------------------------------------------- */
/* 2026-10-20: 메인카피 · 서브 · 설명 120%(1920 기준 65 / 48 / 21.5px). 배경 이미지와 같은 비율(vw)로 줄어 좁은 PC 에서도 사진을 덜 덮음. 모바일 최소값은 그대로 */
.lp-hero { position: relative; background: var(--lp-cream); overflow: hidden; } /* 히어로 구간은 헤더를 숨기므로 헤더 높이 여백 없음 */
.lp-hero em { font-style: normal; color: var(--lp-orange); }

.lp-hero__inner { position: relative; z-index: 3; min-height: clamp(560px, 46vw, 760px); display: flex; align-items: center; }
.lp-hero__copy { max-width: 720px; padding: clamp(40px, 5vw, 70px) 0; }
.lp-hero__title { font-size: clamp(30px, 3.39vw, 65px); font-weight: 900; line-height: 1.24; letter-spacing: -.05em; color: var(--lp-green); }
.lp-hero__bar { display: block; width: 64px; height: 3px; background: var(--lp-orange); margin: clamp(22px, 2.6vw, 34px) 0; }
.lp-hero__sub { font-size: clamp(28px, 3.1vw, 54px); font-weight: 800; line-height: 1.32; color: #4A2A14; letter-spacing: -.05em; }
.lp-hero__sub em { font-weight: 900; }
.lp-hero__desc { margin: 18px 0 30px; font-size: clamp(14.5px, 1.12vw, 21.5px); color: var(--lp-gray); }

/* PC: 시안 배경 한 장(1672×787)을 화면 가로에 꽉 채움 — 1920 에서 잘림 없이 딱 맞고, 좁아지면 좌측 크림 여백부터 잘림.
   메인카피는 헤더 로고와 같은 좌측 기준선(--edge). 모바일(860 이하)은 같은 이미지를 카피 위에 놓고 우측 음식 부분만 보여줌. */
@media (min-width: 861px) {
  .lp-hero__inner { max-width: none; min-height: 0; aspect-ratio: 1672 / 787; padding-left: var(--edge); padding-right: var(--edge); }
  .lp-hero__bg { display: block; position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
  .lp-hero__copy { margin-left: 50px; } /* 로고 라인에서 우측으로 50px */
}
/* 헤더 여백이 바뀌는 구간(style.css 1080 이하)과 같은 값 */
@media (min-width: 861px) and (max-width: 1080px) {
  .lp-hero__inner { padding-left: clamp(16px, 3.5vw, 24px); padding-right: clamp(16px, 3.5vw, 24px); }
}

.lp-hero__facts { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--lp-cream); padding-top: 20px; padding-bottom: 24px; }
.lp-hero__facts li { display: flex; align-items: center; justify-content: center; gap: 18px; font-size: clamp(15px, 1.7vw, 22px); font-weight: 700; color: var(--lp-ink); }
.lp-hero__facts li + li { border-left: 1px solid #DDD4C6; }
.lp-hero__facts b { font-size: 1.45em; font-weight: 900; color: var(--lp-green); }
.lp-hero__fact-ico { width: 54px; height: 54px; flex: 0 0 auto; }

/* ---- 02 REAL STORY ------------------------------------------------------- */
.lp-story__top { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(20px, 3vw, 40px); align-items: center; }
.lp-story__video { position: relative; border-radius: var(--lp-r); overflow: hidden; background: #111; box-shadow: var(--lp-shadow); aspect-ratio: 836 / 440; }
.lp-story__video img { width: 100%; height: 100%; object-fit: cover; }
.lp-story__ready { position: absolute; right: 14px; top: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: rgba(0, 0, 0, .62); color: #fff; font-size: 13.5px; font-weight: 600; backdrop-filter: blur(4px); }
.lp-story__lead { margin: 16px 0 20px; font-size: clamp(15px, 1.4vw, 18px); color: var(--lp-ink); line-height: 1.6; }
.lp-story__stats { display: grid; grid-template-columns: 1.3fr 1fr; background: #FFF4E9; border-radius: var(--lp-r); padding: 18px 8px; }
.lp-story__stats div { text-align: center; }
.lp-story__stats div + div { border-left: 1px solid #EBD9C6; }
.lp-story__stats span { display: block; font-size: 15px; font-weight: 700; color: var(--lp-green); margin-bottom: 4px; }
.lp-story__stats strong { font-size: clamp(40px, 4.8vw, 66px); font-weight: 900; color: var(--lp-orange); letter-spacing: -.04em; line-height: 1.1; text-shadow: 0 2px 10px rgba(230, 81, 0, 0.18); }
.lp-story__stats small { font-size: .5em; }
.lp-story__kept { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.lp-story__kept-card { border: 1px solid var(--lp-line); border-radius: var(--lp-r); overflow: hidden; background: #fff; }
.lp-story__kept-card h3 { background: var(--lp-green); color: #fff; text-align: center; font-size: 18px; padding: 9px; font-weight: 800; }
.lp-story__kept-card--new h3 { background: var(--lp-orange); }
.lp-story__kept-card p { display: flex; align-items: center; gap: 12px; padding: 14px 16px; font-size: 16px; font-weight: 600; line-height: 1.5; }
.lp-story__kept-card p i { font-size: 28px; color: var(--lp-orange); display: flex; flex: 0 0 auto; }
.lp-story__kept-card p i img { width: 44px; height: auto; }
.lp-story__kept-card:not(.lp-story__kept-card--new) p i { color: #2E9A55; }

.lp-ba { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: clamp(20px, 3vw, 30px); }
.lp-story__kept-mo { display: none; } /* 모바일에서만 '벽면'부터 줄바꿈한 문구 */
.lp-ba__item { border-radius: 10px; overflow: hidden; background: #fff; box-shadow: var(--lp-shadow); }
.lp-ba__tag { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: var(--lp-green); color: #fff; font-size: 13px; }
.lp-ba__tag b { font-size: 14.5px; font-weight: 800; }
.lp-ba__tag span { font-size: 12px; opacity: .85; }
.lp-ba__item.is-after .lp-ba__tag { background: var(--lp-orange); }
.lp-ba__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* ---- 03 ZERO COST -------------------------------------------------------- */
.lp-zero .lp-eyebrow { margin-bottom: 18px; }
.lp-zero__grid { display: grid; grid-template-columns: 1.4fr 1.4fr 1fr 1fr; gap: 16px; margin-top: clamp(28px, 4vw, 48px); }
.lp-zero__card { position: relative; background: #fff; border: 1px solid var(--lp-line); border-radius: 18px; text-align: center; padding: 28px 12px 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.lp-zero__card h3 { font-size: clamp(20px, 2.2vw, 30px); font-weight: 800; color: var(--lp-green); margin-top: 10px; }
.lp-zero__card strong { font-size: clamp(54px, 6.4vw, 92px); font-weight: 900; line-height: 1; color: var(--lp-green); letter-spacing: -.04em; }
.lp-zero__card strong small { font-size: .5em; }
.lp-zero__card--big { padding-top: 46px; }
.lp-zero__card--big h3 { font-size: clamp(26px, 3vw, 44px); margin-top: 0; }
.lp-zero__card--big strong { font-size: clamp(80px, 10vw, 150px); color: var(--lp-orange); }
.lp-zero__ribbon { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--lp-orange); color: #fff; font-weight: 700; font-size: clamp(15px, 1.6vw, 20px); padding: 7px 34px; border-radius: 999px; white-space: nowrap; }
.lp-zero .lp-circle { color: var(--lp-green); }
.lp-zero .lp-bar .lp-circle { color: #6B3A1E; }
/* 원형 배경이 들어간 이미지 아이콘 (.lp-circle 과 같은 크기) */
.lp-ico-img { width: 54px; height: 54px; flex: 0 0 auto; }

/* ---- 04 INTERIOR --------------------------------------------------------- */
.lp-interior__head { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(20px, 4vw, 60px); align-items: center; }
.lp-interior__side { border-left: 1px solid #cfc6b8; padding-left: clamp(18px, 3vw, 34px); }
.lp-interior__copy { font-size: clamp(20px, 2.4vw, 32px); font-weight: 900; line-height: 1.32; color: var(--lp-green); letter-spacing: -.04em; }
.lp-interior__note { text-align: right; font-size: 14.5px; font-weight: 700; color: var(--lp-green); margin: 14px 0 22px; }
.lp-interior__note--mo { display: none; } /* 사진 아래 안내 문구 — 모바일에서만 */
.lp-interior__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1.2vw, 14px); margin-top: clamp(36px, 4.5vw, 64px); }
.lp-interior__grid li { border-radius: 8px; overflow: hidden; grid-column: span 2; aspect-ratio: 4 / 3; }
.lp-interior__grid li:nth-child(1) { grid-column: span 2; }
.lp-interior__grid li img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.lp-interior__grid li:hover img { transform: scale(1.04); }

/* ---- 05 LUNCH & DINNER --------------------------------------------------- */
.lp-dn__head { display: grid; grid-template-columns: 1.55fr 1fr; gap: clamp(20px, 3vw, 40px); align-items: center; margin-bottom: clamp(20px, 3vw, 30px); }
.lp-dn__head .lp-title { font-size: clamp(26px, 3.5vw, 46px); }
.lp-dn__side { border-left: 1px solid #cfc6b8; padding-left: clamp(18px, 2.4vw, 30px); font-size: clamp(16px, 1.35vw, 19px); color: var(--lp-ink); line-height: 1.55; }
.lp-dn__side .lp-script { margin-top: 10px; border-bottom: 2px solid var(--lp-orange); display: inline-block; padding-bottom: 2px; }
.lp-dn__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lp-dn__card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: var(--lp-shadow); }
.lp-dn__img { position: relative; aspect-ratio: 16 / 10; }
.lp-dn__img img { width: 100%; height: 100%; object-fit: cover; }
.lp-dn__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .1) 32%, transparent 55%); }
.lp-dn__label { position: absolute; z-index: 1; top: 20px; left: 22px; color: #fff; }
.lp-dn__time { display: inline-block; background: var(--lp-orange); padding: 5px 14px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.lp-dn__card--dinner .lp-dn__time { background: var(--lp-green); }
.lp-dn__label h3 { font-size: clamp(32px, 3.6vw, 48px); font-weight: 900; margin: 8px 0 6px; text-shadow: 0 2px 14px rgba(0, 0, 0, .4); }
.lp-dn__label p { font-size: 13.5px; font-weight: 600; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
.lp-dn__points { display: grid; grid-template-columns: repeat(4, 1fr); padding: 16px 10px; }
.lp-dn__points li { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; font-size: 13.5px; line-height: 1.35; color: var(--lp-ink); }
.lp-dn__points li + li { border-left: 1px solid var(--lp-line); }
.lp-dn__points .lp-ico { font-size: 30px; color: #5A2E14; }
.lp-dn__ico { width: 30px; height: 30px; object-fit: contain; flex: 0 0 auto; }
.lp-dn__banner { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 16px; padding: 22px; border-radius: 16px; background: linear-gradient(90deg, rgba(251, 247, 240, .2), #FBF4EA 30%, #FBF4EA 70%, rgba(251, 247, 240, .2)), url("../img/v2/lunch.webp") left center / 30% auto no-repeat, url("../img/v2/dinner.webp") right center / 30% auto no-repeat; background-color: #FBF4EA; }
.lp-dn__banner > .lp-ico { font-size: 40px; color: #6B3A1E; }
.lp-dn__banner p { font-size: clamp(18px, 2.2vw, 26px); font-weight: 900; color: var(--lp-green); line-height: 1.35; border-left: 1px solid #cfc6b8; padding-left: 22px; }

/* ---- 06 MENU ------------------------------------------------------------- */
.lp-menu__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: clamp(24px, 3vw, 36px); }
.lp-menu__card { display: grid; grid-template-columns: 1fr 1.25fr; background: #FEFAF1; border: 1px solid var(--lp-line); border-radius: 16px; overflow: hidden; box-shadow: var(--lp-shadow); }
.lp-menu__txt { padding: 22px 0 22px 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; position: relative; z-index: 1; }
.lp-menu__no { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--lp-green); }
.lp-menu__no b { background: var(--lp-green); color: #fff; padding: 3px 9px; border-radius: 8px; font-size: 16px; }
.lp-menu__sun { color: #F2A21B; font-size: 28px; display: flex; }
.lp-menu__moon { color: #F2A21B; font-size: 26px; display: flex; }
.lp-menu__txt h3 { font-size: clamp(40px, 4.6vw, 60px); font-weight: 900; color: var(--lp-green); line-height: 1.05; white-space: nowrap; }
.lp-menu__txt h3.lp-menu__h3-sm { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; }
.lp-menu__combo { font-size: 21px; font-weight: 700; line-height: 1.5; display: flex; flex-direction: column; align-items: center; align-self: stretch; padding-right: 10px; }
.lp-menu__combo i { font-style: normal; color: var(--lp-orange); line-height: 1; }
.lp-menu__hl { font-size: clamp(19px, 2vw, 25px); font-weight: 900; color: var(--lp-orange); line-height: 1.3; }
.lp-menu__desc { font-size: 15px; color: var(--lp-ink); border-top: 1px solid var(--lp-line); padding-top: 10px; align-self: stretch; }
.lp-menu__desc--lg { font-size: 21px; } /* 02 카드 설명: 15px 의 140% */
.lp-menu__badge {background: var(--lp-peach); color: var(--lp-orange); font-size: 13px; font-weight: 700; padding: 5px 14px; border-radius: 999px; }
.lp-menu__pill { margin-top: auto; background: var(--lp-green); color: #fff; font-size: 14px; font-weight: 700; padding: 9px 16px; border-radius: 999px; white-space: nowrap; }
/* 01 부돈말이: 설명 · 상표출원 · 하단 알약을 가운데로 (위의 메뉴조합과 같은 축) */
.lp-menu__card--center .lp-menu__desc { text-align: center; padding-right: 10px; }
.lp-menu__card--center .lp-menu__badge, .lp-menu__card--center .lp-menu__pill { align-self: center; }
@media (max-width: 860px) {

  .lp-menu__card--center .lp-menu__combo { align-self: center; } }
.lp-menu__img { position: relative; }
.lp-menu__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lp-menu__img::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 30%; background: linear-gradient(90deg, #FEFAF1, rgba(254, 250, 241, 0)); z-index: 1; }
.lp-menu__stat { display: grid; grid-template-columns: auto 1.25fr 1fr; align-items: center; gap: 20px; margin-top: 18px; background: #fff; border: 1px solid var(--lp-line); border-radius: 16px; padding: 18px 26px; }
.lp-menu__stat-ico { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 12px; background: var(--lp-peach); color: var(--lp-orange); font-size: 30px; }
.lp-menu__stat-a { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.4; }
.lp-menu__stat-a strong { font-size: clamp(48px, 5.5vw, 78px); font-weight: 900; color: var(--lp-orange); letter-spacing: -.05em; line-height: 1; text-shadow: 0 4px 18px rgba(230, 81, 0, 0.32); }
.lp-menu__stat-a small { font-size: .55em; }
.lp-menu__stat-a span { font-size: 21px; font-weight: 600; color: #4F2011; } /* 14px 의 150% */
.lp-menu__stat-b { border-left: 1px solid #cfc6b8; padding-left: 20px; font-size: clamp(18px, 1.8vw, 23px); font-weight: 900; color: var(--lp-green); }

/* ---- 07 REAL CASE -------------------------------------------------------- */
.lp-case { padding-top: 0; }
.lp-case__band { background: linear-gradient(180deg, #0D3F2C, #155A3F); color: #fff; padding: clamp(40px, 5vw, 60px) 0 clamp(26px, 3vw, 36px); margin-bottom: 18px; }
.lp-case__band .lp-title { color: #fff; }
.lp-case__band .lp-title em { color: var(--lp-orange-2); }
.lp-case__lead { text-align: center; margin-top: 12px; font-size: 14.5px; opacity: .85; }
.lp-case__top { display: grid; grid-template-columns: 1fr 1.15fr; gap: 14px; }
.lp-case__photo { position: relative; margin: 0; border-radius: var(--lp-r); overflow: hidden; }
.lp-case__photo img { width: 100%; height: 100%; object-fit: cover; }
.lp-case__photo figcaption { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; background: var(--lp-green); color: #fff; padding: 7px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 600; }
.lp-case__photo figcaption .lp-ico { color: var(--lp-orange-2); font-size: 16px; }
.lp-case__info { display: grid; gap: 14px; }
.lp-case__box { background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 20px 24px; }
.lp-case__box--split { display: grid; grid-template-columns: 1fr 1.4fr; gap: 20px; }
.lp-case__lbl { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 800; color: var(--lp-green); margin-bottom: 10px; }
.lp-case__lbl .lp-ico { font-size: 24px; }
.lp-case__owner strong { font-size: clamp(20px, 2vw, 26px); font-weight: 900; color: var(--lp-green); }
.lp-case__owner p:last-child { font-size: 14px; color: var(--lp-gray); margin-top: 6px; line-height: 1.5; }
.lp-case__cond { border-left: 1px solid var(--lp-line); padding-left: 20px; }
.lp-case__cond dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; text-align: center; }
.lp-case__cond dl div + div { border-left: 1px solid var(--lp-line); }
.lp-case__cond dt { font-size: 13.5px; color: var(--lp-gray); margin-bottom: 4px; }
.lp-case__cond dd { margin: 0; font-size: clamp(22px, 2.3vw, 30px); font-weight: 900; color: var(--lp-green); }
.lp-case__cond small { font-size: .6em; }
.lp-case__sales { display: grid; grid-template-columns: 1.1fr 1fr; gap: 14px 20px; }
.lp-case__sales > div + div { border-left: 1px solid var(--lp-line); padding-left: 20px; }
.lp-case__sales strong { font-size: clamp(34px, 3.8vw, 50px); font-weight: 900; color: var(--lp-green); letter-spacing: -.04em; line-height: 1.1; }
.lp-case__sales small { font-size: .5em; }
.lp-case__sales .is-or .lp-case__lbl, .lp-case__sales .is-or strong { color: var(--lp-orange); }
.lp-case__sales .lp-note { grid-column: 1 / -1; text-align: center; }
.lp-case__bottom { display: grid; grid-template-columns: 1fr 1fr 1fr 1.45fr; gap: 12px; margin-top: 14px; }
.lp-case__quote { margin: 0; background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 20px; }
.lp-case__quote > .lp-ico { font-size: 28px; color: var(--lp-orange); }
.lp-case__quote h3 { font-size: 16px; font-weight: 800; color: var(--lp-green); margin: 4px 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--lp-line); }
.lp-case__quote p { font-size: 13.5px; color: var(--lp-gray); line-height: 1.55; }
.lp-case__store { margin: 0; border-radius: var(--lp-r); overflow: hidden; }
.lp-case__store img { width: 100%; height: 100%; object-fit: cover; }
.lp-case__cta { text-align: center; margin-top: clamp(24px, 3vw, 34px); }
.lp-case__ask { display: flex; align-items: center; justify-content: center; gap: 14px; font-weight: 800; color: var(--lp-green); margin-bottom: 12px; }
.lp-case__ask::before, .lp-case__ask::after { content: ""; width: min(110px, 18vw); height: 1px; background: #cfc6b8; }
.lp-case__sub { font-size: 13px; color: var(--lp-gray); margin-top: 10px; }
/* 07 하단 CTA 130%: 질문 16→21, 버튼 16→21(여백 16/30→21/39), 안내 13→17 */
.lp-case__cta .lp-case__ask { font-size: 21px; margin-bottom: 16px; }
.lp-case__cta .lp-btn { font-size: 21px; padding: 21px 39px; gap: 16px; }
.lp-case__cta .lp-case__sub { font-size: 17px; margin-top: 13px; }
/* 2026-10-20: 07 사례 본문(사진 캡션 · 점주 상황 · 운영조건 · 매출 · 후기) 120% */
.lp-case__photo figcaption { font-size: 16px; padding: 8px 17px; }
.lp-case__photo figcaption .lp-ico { font-size: 19px; }
.lp-case__lbl { font-size: 17.5px; }
.lp-case__lbl .lp-ico { font-size: 29px; }
.lp-case__owner strong { font-size: clamp(24px, 2.4vw, 31px); }
.lp-case__owner p:last-child { font-size: 17px; }
.lp-case__cond dt { font-size: 16px; }
.lp-case__cond dd { font-size: clamp(22px, 2.3vw, 30px); white-space: nowrap; letter-spacing: -.03em; } /* 운영조건 숫자는 칸이 좁아 기존 크기 유지(36px 면 「220만/원」으로 꺾임) */
.lp-case__sales strong { font-size: clamp(30px, 3.4vw, 44px); white-space: nowrap; } /* 매출 · 순이익 숫자도 기존 크기 유지(53px 면 칸을 넘침) */
.lp-case__sales .lp-note { font-size: 14px; }
.lp-case__quote > .lp-ico { font-size: 34px; }
.lp-case__quote h3 { font-size: 21px; }
.lp-case__quote p { font-size: 17px; }

/* ---- 08 KITCHEN ---------------------------------------------------------- */
/* 2026-10-20: 좌측 문구 130%, 가운데(세팅 시간 · 작업방식) 120% */
.lp-kitchen__lead { text-align: center; margin-top: 12px; font-size: clamp(15px, 1.5vw, 19px); color: var(--lp-ink); }
.lp-kitchen__lead b { color: var(--lp-green); font-weight: 800; }
.lp-kitchen__grid { display: grid; grid-template-columns: 1fr 1.05fr .56fr; gap: clamp(16px, 2.4vw, 30px); align-items: center; margin-top: clamp(30px, 4vw, 50px); }
.lp-kitchen__left h3 { font-size: clamp(31px, 3.4vw, 44px); font-weight: 900; color: var(--lp-green); line-height: 1.3; }
.lp-kitchen__left > p { margin: 18px 0; font-size: 20px; color: var(--lp-ink); line-height: 1.6; }
.lp-kitchen__scale { display: flex; align-items: center; gap: 16px; background: var(--lp-peach); border-radius: var(--lp-r); padding: 18px 20px; }
.lp-kitchen__scale > .lp-ico { font-size: 60px; color: #4A2A14; flex: 0 0 auto; }
.lp-kitchen__scale p { font-size: clamp(22px, 2.3vw, 29px); font-weight: 900; color: var(--lp-green); line-height: 1.35; }
.lp-kitchen__times { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #F6EFE4; border-radius: var(--lp-r); padding: 12px; }
.lp-kitchen__times > div { background: #fff; border-radius: 10px; padding: 14px 12px; }
.lp-kitchen__times span { font-size: 17px; font-weight: 800; color: var(--lp-green); }
.lp-kitchen__times strong { display: block; font-size: clamp(34px, 3.9vw, 50px); font-weight: 900; color: var(--lp-orange); letter-spacing: -.05em; line-height: 1.1; white-space: nowrap; } /* 120%(55px)는 칸을 넘어 「30~4/0초」로 꺾여 50px */
.lp-kitchen__times strong small { font-size: .55em; }
.lp-kitchen__times > div p { font-size: 18px; color: var(--lp-ink); }
.lp-kitchen__times .lp-note { grid-column: 1 / -1; font-size: 14px; } /* 11.5px 의 120% */
.lp-kitchen__steps-tit { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 800; color: var(--lp-green); margin: 22px 0 14px; }
.lp-kitchen__steps-tit::after { content: ""; flex: 1; height: 1px; background: #cfc6b8; }
.lp-kitchen__steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.lp-kitchen__steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; text-align: center; }
.lp-kitchen__steps li + li::before { content: "›"; position: absolute; left: -10px; top: 55px; color: #555; font-size: 22px; }
.lp-kitchen__steps b { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: var(--lp-green); color: #fff; font-size: 13px; }
.lp-kitchen__steps .lp-circle { width: 77px; height: 77px; font-size: 38px; color: #3A2412; }
.lp-kitchen__video { background: var(--lp-green); border-radius: var(--lp-r); overflow: hidden; box-shadow: var(--lp-shadow); }
.lp-kitchen__video-tit { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 14px; }
.lp-kitchen__video video { display: block; width: 100%; aspect-ratio: 9 / 16; max-height: 500px; object-fit: cover; background: #000; }
.lp-kitchen__closing { margin-top: clamp(40px, 5vw, 60px); background: #F3EDE2; padding: clamp(26px, 3.4vw, 40px) 16px; text-align: center; font-size: clamp(20px, 2.6vw, 34px); font-weight: 900; color: var(--lp-green); letter-spacing: -.04em; }
.lp-kitchen { padding-bottom: 0; }

/* ---- 09 SALES ------------------------------------------------------------ */
.lp-sales__lead { text-align: center; margin-top: 12px; font-size: clamp(15px, 1.5vw, 19px); }
.lp-sales__top { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(16px, 2.5vw, 30px); margin-top: clamp(24px, 3vw, 34px); align-items: stretch; }
.lp-sales__photo { margin: 0; border-radius: var(--lp-r); overflow: hidden; display: flex; }
.lp-sales__photo img { width: 100%; height: 100%; object-fit: cover; }
.lp-sales__panel { background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: clamp(20px, 2.4vw, 28px) clamp(16px, 2vw, 24px); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.lp-sales__panel h3 { width: 100%; background: var(--lp-green); color: #fff; border-radius: 8px; padding: 10px 14px; font-size: clamp(16px, 1.6vw, 19px); font-weight: 800; margin: 0 0 14px; text-align: center; }
.lp-sales__tables { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 4px 0 12px; }
.lp-sales__tables strong { font-size: 32px; font-weight: 900; color: var(--lp-orange); line-height: 1; }
.lp-sales__tables span { font-size: 16px; font-weight: 800; color: var(--lp-green); }
.lp-sales__tables img { width: 44px; height: 44px; object-fit: contain; }
.lp-sales__day { text-align: center; margin-bottom: 6px; }
.lp-sales__day .lp-sales__badge { display: inline-block; background: var(--lp-orange); color: #fff; font-size: 13.5px; font-weight: 700; padding: 4px 16px; border-radius: 999px; margin-bottom: 8px; }
.lp-sales__day strong.lp-sales__amount { display: block; font-size: clamp(34px, 3.8vw, 48px); font-weight: 900; color: var(--lp-orange); letter-spacing: -.04em; line-height: 1.1; white-space: nowrap; }
.lp-sales__day strong.lp-sales__amount small { font-size: .6em; margin-left: 2px; }
.lp-sales__note { font-size: 12px; color: #888; line-height: 1.55; margin: 8px auto 14px; text-align: center; }
.lp-sales__how { width: 100%; background: #FBF5EC; padding: 8px 12px; border-radius: 6px; font-size: 15px; font-weight: 800; color: var(--lp-green); margin: 0 0 14px; text-align: center; }
.lp-sales__why { width: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0 8px; list-style: none; }
.lp-sales__why li { display: flex; align-items: center; gap: 14px; padding: 4px 8px; text-align: left; }
.lp-sales__why li img { width: 46px; height: 46px; flex-shrink: 0; object-fit: contain; }
.lp-sales__why li span { font-size: 16px; font-weight: 800; color: var(--lp-green); line-height: 1.35; }
.lp-sales__stores { margin-top: 14px; background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 22px 14px 16px; text-align: center; }
.lp-sales__stores ul { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; }
.lp-sales__stores li { padding: 0 10px; }
.lp-sales__stores li + li { border-left: 1px solid var(--lp-line); }
.lp-sales__stores h4 { font-size: clamp(18px, 1.8vw, 22px); font-weight: 800; color: var(--lp-green); margin: 0 0 6px; }
.lp-sales__store-badge { display: inline-block; background: var(--lp-peach); color: var(--lp-green); padding: 4px 16px; border-radius: 999px; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.lp-sales__store-amount { display: block; font-size: clamp(34px, 3.8vw, 48px); font-weight: 900; color: var(--lp-orange); letter-spacing: -.04em; line-height: 1.1; white-space: nowrap; }
.lp-sales__store-amount small { font-size: .55em; margin-left: 2px; }
.lp-sales__store-note { font-size: 12px; color: #888; line-height: 1.55; margin-top: 14px; text-align: center; }

/* ---- 10 HQ SUPPORT ------------------------------------------------------- */
.lp-hq__box { display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(22px, 3vw, 34px); background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 6px 22px; }
.lp-hq__item { display: flex; gap: 14px; padding: 16px 6px; align-items: flex-start; }
.lp-hq__item:nth-child(odd) { border-right: 1px solid var(--lp-line); padding-right: 22px; }
.lp-hq__item:nth-child(even) { padding-left: 22px; }
.lp-hq__item:nth-child(-n+2) { border-bottom: 1px solid var(--lp-line); }
.lp-hq__item > div { flex: 1; }
.lp-hq__tit { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; color: var(--lp-ink); }
.lp-hq__tit .lp-ico { font-size: 22px; color: var(--lp-green); }
.lp-hq__tit strong { font-weight: 800; }
.lp-hq__val { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; }
.lp-hq__val i { font-style: normal; font-weight: 800; }
.lp-hq__chip { background: #EEF3EC; border-radius: 8px; padding: 5px 16px; font-size: 15px; font-weight: 800; color: var(--lp-green); }
.lp-hq__chip strong { font-size: 24px; font-weight: 900; }
.lp-hq__chip--or { background: var(--lp-peach); color: var(--lp-orange); }
.lp-hq__chip--wide { flex: 1; text-align: center; }
.lp-hq__row { display: flex; align-items: center; justify-content: center; gap: 14px; }
.lp-hq__big-ico { font-size: 36px; color: var(--lp-ink); }
.lp-hq__txt { font-size: 15px; line-height: 1.45; text-align: center; } /* 10 본사 지원 박스 글씨 가운데 (PC·모바일) */
.lp-hq__txt-ico { display: none; } /* 모바일 전용: 첫 줄 앞 아이콘 */
.lp-hq__txt em { font-size: 17px; font-weight: 900; }
.lp-hq__txt strong { font-size: 22px; }
.lp-hq__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px; }
.lp-hq__cards li { background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-r); padding: 10px; }
.lp-hq__cards h3 { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; color: var(--lp-green); margin-bottom: 8px; }
.lp-hq__cards .lp-num { width: 28px; height: 28px; font-size: 12.5px; }
.lp-hq__img { border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 10; }
.lp-hq__img img { width: 100%; height: 100%; object-fit: cover; }
.lp-hq__cards p { text-align: center; font-size: 13px; color: var(--lp-gray); padding-top: 10px; line-height: 1.5; }
.lp-hq__cards p strong { display: block; font-size: 14.5px; color: var(--lp-ink); font-weight: 800; }
/* 2026-10-20: 본사 지원 01~07 글씨 130% */
.lp-hq__box .lp-num { width: 42px; height: 42px; font-size: 18px; }
.lp-hq__tit { font-size: 20px; }
.lp-hq__tit .lp-ico { font-size: 29px; }
.lp-hq__val { gap: 13px; margin-top: 10px; }
.lp-hq__val i { font-size: 20px; }
.lp-hq__chip { padding: 6px 21px; font-size: 20px; }
.lp-hq__chip strong { font-size: 31px; }
.lp-hq__big-ico { font-size: 47px; }
.lp-hq__tit-img { width: 29px; height: 29px; object-fit: contain; flex: 0 0 auto; } /* s10-01 달력 */
.lp-hq__big-img { width: 47px; height: 47px; object-fit: contain; flex: 0 0 auto; } /* s10-02 확성기 · s10-03 인스타 */
.lp-hq__txt { font-size: 20px; }
.lp-hq__txt em { font-size: 22px; }
.lp-hq__txt strong { font-size: 29px; }
.lp-hq__cards h3 { font-size: 21px; }
.lp-hq__cards .lp-num { width: 36px; height: 36px; font-size: 16px; }
.lp-hq__cards p { font-size: 17px; }
.lp-hq__cards p strong { font-size: 19px; }

/* ---- 11 PRINCIPLE & FAQ -------------------------------------------------- */
.lp-faq__bg { position: absolute; top: 0; left: 0; bottom: 0; width: 72%; background-size: cover; background-position: 40% center; opacity: 0.35; filter: brightness(0.95) contrast(0.9); }
.lp-faq__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(251, 247, 240, .98) 0%, rgba(251, 247, 240, .92) 50%, rgba(251, 247, 240, .4) 75%, var(--lp-cream) 100%), linear-gradient(0deg, var(--lp-cream) 0%, rgba(251, 247, 240, 0) 30%), linear-gradient(180deg, var(--lp-cream) 0%, rgba(251, 247, 240, 0) 12%); }
.lp-faq .lp-wrap { position: relative; }
.lp-faq__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(20px, 3vw, 40px); align-items: start; }
.lp-faq__copy { padding-top: clamp(10px, 2vw, 30px); }
.lp-faq__copy .lp-title { text-shadow: 0 2px 16px rgba(255, 255, 255, 0.95), 0 0 24px rgba(251, 247, 240, 1); }
.lp-faq__copy > p { margin-top: 24px; font-size: clamp(17px, 1.9vw, 24px); font-weight: 600; line-height: 1.5; color: var(--lp-ink); text-shadow: 0 1px 12px rgba(255, 255, 255, 0.95), 0 0 20px rgba(251, 247, 240, 1); }
.lp-faq__copy > p em { font-weight: 900; }
.lp-faq__panel { position: relative; background: #FFFBF6; border-radius: 18px; padding: 24px 22px 14px; box-shadow: var(--lp-shadow); }
.lp-faq__script { position: absolute; right: 18px; top: -26px; border-bottom: 2px solid var(--lp-orange); }
.lp-faq__panel h3 { font-size: clamp(22px, 2.2vw, 28px); font-weight: 900; color: var(--lp-green); margin-bottom: 14px; }
.lp-faq .faq__item { border-radius: 12px; margin-bottom: 10px; border-color: var(--lp-line); }
.lp-faq .faq__q { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; text-align: left; font-size: 19px; font-weight: 800; color: var(--lp-ink); } /* 2026-10-20 FAQ 120% */
.lp-faq .faq__q i { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: #7A3A12; color: #fff; font-style: normal; font-size: 19px; font-weight: 800; flex: 0 0 auto; }
.lp-faq .faq__q .plus { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 50%; font-size: 22px; color: var(--lp-ink); flex: 0 0 auto; }
.lp-faq .faq__a p { padding: 0 16px 16px 71px; font-size: 17.5px; color: var(--lp-gray); line-height: 1.6; }
.lp-faq__points { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(26px, 3vw, 40px); background: #F6EDE1; border-radius: 18px; padding: 22px 10px; }
.lp-faq__points li { display: flex; align-items: center; gap: 14px; padding: 0 16px; }
.lp-faq__points li + li { border-left: 1px solid #E2D5C4; }
.lp-faq__points .lp-circle { width: 70px; height: 70px; font-size: 36px; background: #fff; color: #4A2A14; }
.lp-faq__point-img { width: 70px; height: 70px; flex: 0 0 auto; } /* s11-01~04 (원형 배경 포함) */
.lp-faq__points b { display: block; font-size: clamp(15px, 1.5vw, 19px); font-weight: 800; color: var(--lp-green); }
.lp-faq__points em { display: block; font-size: clamp(15px, 1.5vw, 19px); font-weight: 900; }

/* ---- 12 CONTACT ---------------------------------------------------------- */
.lp-contact { padding-bottom: 0; }
.lp-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 40px); align-items: start; }
.lp-contact__left { position: relative; padding-bottom: 400px; }
.lp-meta-line { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--lp-green); }
.lp-meta-line i { width: 160px; height: 1px; background: #8aa; }
.lp-contact__title { font-size: clamp(42px, 6vw, 84px); font-weight: 900; line-height: 1.1; letter-spacing: -.05em; color: var(--lp-green); margin: 26px 0 14px; }
.lp-contact__sub { font-size: clamp(18px, 2.2vw, 30px); font-weight: 900; color: var(--lp-green); letter-spacing: -.05em; padding-bottom: 20px; border-bottom: 1px solid #cfc6b8; }
.lp-contact__how { margin: 20px 0 14px; font-size: 16px; color: var(--lp-ink); }
.lp-contact__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; position: relative; z-index: 1; }
.lp-contact__list li { display: flex; align-items: center; gap: 16px; font-size: clamp(16px, 1.6vw, 20px); font-weight: 800; color: var(--lp-green); }
.lp-contact__list b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--lp-green); color: #fff; font-size: 17px; }
.lp-contact__img { position: absolute; left: calc(-1 * clamp(16px, 4vw, 32px)); right: -10%; bottom: 0; height: 400px; overflow: hidden; }
.lp-contact__img img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; }
.lp-contact__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--lp-cream) 0%, rgba(251, 247, 240, 0) 30%), linear-gradient(270deg, var(--lp-cream) 0%, rgba(251, 247, 240, 0) 25%); }
.lp-contact__form { position: relative; z-index: 2; background: #fff; border-radius: 20px; padding: clamp(22px, 3vw, 40px); box-shadow: 0 20px 50px rgba(60, 40, 20, .1); margin-bottom: clamp(40px, 6vw, 80px); }
.lp-form__h { font-size: clamp(22px, 2.4vw, 32px); font-weight: 900; color: var(--lp-green); letter-spacing: -.05em; }
.lp-form__h--sm { font-size: clamp(18px, 1.8vw, 22px); margin-bottom: 12px; }
.lp-form__p { font-size: 15px; color: var(--lp-ink); margin: 4px 0 14px; }
.lp-form__types { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lp-form__type { position: relative; cursor: pointer; }
.lp-form__type.is-wide { grid-column: 1 / -1; }
.lp-form__type input { position: absolute; opacity: 0; pointer-events: none; }
.lp-form__type span { display: block; border: 1px solid #DCD6CC; border-radius: 10px; padding: 14px 44px 14px 18px; height: 100%; transition: border-color .2s, background .2s; }
.lp-form__type span::after { content: ""; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #bbb; background: #fff; }
.lp-form__type b { display: block; font-size: 17px; font-weight: 800; color: var(--lp-ink); margin-bottom: 4px; }
.lp-form__type small { font-size: 14px; color: var(--lp-gray); line-height: 1.45; }
.lp-form__type input:checked + span { border-color: var(--lp-green); background: #F3F8F4; }
.lp-form__type input:checked + span::after { border: 6px solid var(--lp-green); }
.lp-form__type input:focus-visible + span { outline: 2px solid var(--lp-orange); outline-offset: 2px; }
.lp-contact__form hr { border: 0; border-top: 1px solid var(--lp-line); margin: 20px 0; }
.lp-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lp-form__field { border: 0; padding: 0; margin: 0 0 12px; min-width: 0; }
.lp-form__field label, .lp-form__field legend { display: block; font-size: 15px; font-weight: 800; color: var(--lp-ink); margin-bottom: 6px; padding: 0; }
.lp-form__field label i { color: var(--lp-orange); font-style: normal; }
.lp-form__field legend small { font-weight: 500; color: var(--lp-gray); }
.lp-form__field input[type=text], .lp-form__field input[type=tel] { width: 100%; height: 48px; border: 1px solid #DCD6CC; border-radius: 8px; padding: 0 16px; font-size: 16px; background: #fff; } /* 16px 미만이면 iOS 가 입력 시 화면을 확대 */
.lp-form__field input:focus, .lp-form__memo textarea:focus { outline: none; border-color: var(--lp-green); box-shadow: 0 0 0 3px rgba(15, 70, 50, .1); }
.lp-form__opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.lp-form__opts label { margin: 0; cursor: pointer; }
.lp-form__opts input { position: absolute; opacity: 0; pointer-events: none; }
.lp-form__opts span { display: grid; place-items: center; height: 44px; border: 1px solid #DCD6CC; border-radius: 8px; font-size: 14.5px; font-weight: 500; transition: .2s; }
.lp-form__opts input:checked + span { background: var(--lp-green); border-color: var(--lp-green); color: #fff; font-weight: 700; }
.lp-form__memo { background: #F4F5F3; border: 1px solid #E3E5E1; border-radius: 8px; margin-bottom: 14px; }
.lp-form__memo summary { display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; }
.lp-form__memo summary::-webkit-details-marker { display: none; }
.lp-form__memo summary small { color: var(--lp-gray); font-weight: 500; margin-left: 6px; white-space: nowrap; } /* 문구와 한 덩어리(span)로 묶여 PC 간격은 띄어쓰기+6px ≒ 기존 10px */
.lp-form__memo summary .lp-ico { font-size: 20px; }
.lp-form__chev { margin-left: auto; transform: rotate(90deg); transition: transform .2s; }
.lp-form__memo[open] .lp-form__chev { transform: rotate(-90deg); }
.lp-form__memo textarea { display: block; width: calc(100% - 24px); margin: 0 12px 12px; border: 1px solid #DCD6CC; border-radius: 8px; padding: 10px 12px; font-size: 16px; resize: vertical; background: #fff; }
.lp-form__agree { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; font-size: 15px; }
.lp-form__agree label { display: flex; align-items: center; gap: 10px; cursor: pointer; min-height: 44px; }
.lp-form__agree input { width: 22px; height: 22px; accent-color: var(--lp-green); }
.lp-form__agree a { display: inline-flex; align-items: center; gap: 2px; font-size: 14px; text-decoration: underline; color: var(--lp-green); white-space: nowrap; min-height: 44px; }
.lp-form__submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 62px; border-radius: 10px; background: var(--lp-green); color: #fff; font-size: clamp(18px, 1.8vw, 22px); font-weight: 800; transition: background .2s; }
.lp-form__submit:hover { background: var(--lp-green-2); }
.lp-form__submit:disabled { opacity: .6; cursor: wait; }
.lp-form__submit .lp-ico { font-size: 24px; }
.lp-contact .form-msg { text-align: center; font-size: 13.5px; margin-top: 8px; min-height: 1em; }
.lp-contact .form-msg.err { color: #c0392b; }
.lp-form__foot { text-align: center; font-size: 14px; color: var(--lp-gray); line-height: 1.6; }
.lp-form__foot b { display: block; color: var(--lp-ink); font-size: 15px; }

/* 헤더: 스크롤을 내리면 위로 숨고, 올리면 다시 내려옴 (main.js 가 .is-hidden 토글) */
.header { transition: background .3s, box-shadow .3s, transform .3s ease; }
.header.is-hidden { transform: translateY(-100%); box-shadow: none; }

/* 헤더 메뉴 끝 전화번호: PC 는 구분선 뒤 강조, 햄버거 메뉴(1080 이하)에서는 일반 항목처럼 */
.gnb__tel { display: inline-flex !important; align-items: center; gap: 6px; padding-left: 22px; border-left: 1px solid rgba(255, 255, 255, .3); font-weight: 800 !important; color: #fff !important; white-space: nowrap; }
@media (max-width: 1080px) { .gnb__tel { padding-left: 0; border-left: 0; } }

/* 카카오톡 아이콘: PC 는 메뉴 끝(전화번호 뒤), 햄버거 메뉴 구간(1080 이하)은 햄버거 버튼 왼쪽 */
.gnb__kakao, .header__kakao { line-height: 0; transition: transform .16s; }
.gnb__kakao:hover, .header__kakao:hover { transform: scale(1.08); }
.gnb__kakao { display: inline-flex; }
.header__kakao { display: none; margin-left: auto; }
@media (max-width: 1080px) {
  .gnb__kakao { display: none !important; }
  .header__kakao { display: inline-flex; }
}

/* PC 우측 하단 빠른 버튼: 카카오톡 + 맨 위로 (하단 상담 바 위에 겹치지 않는 높이) */
.quick-btns { position: fixed; right: 24px; bottom: 100px; z-index: 89; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.quick-btns__kakao { line-height: 0; border-radius: 50%; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); transition: transform .16s; }
.quick-btns__kakao:hover { transform: translateY(-2px); }
.quick-btns__top { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--lp-green); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, visibility .2s, transform .2s; }
.quick-btns__top.is-on { opacity: 1; visibility: visible; transform: none; }
.quick-btns__tel { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--lp-orange); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); transition: transform .16s; }
.quick-btns__tel:hover { transform: translateY(-2px); }
/* 모바일: 하단 플로팅 CTA 위에 카카오 · 전화만 (맨 위로 버튼 없음) */
@media (max-width: 860px) {
  .quick-btns { right: 14px; bottom: 84px; gap: 8px; }
  .quick-btns__kakao svg { width: 46px; height: 46px; }
  .quick-btns__tel { width: 46px; height: 46px; }
  .quick-btns__top { display: none; }
}

/* PC 푸터: 하단 상담 바는 폼 · 푸터 구간에서 숨겨지므로 아래 여백을 위쪽과 같게 */
@media (min-width: 861px) { .footer { padding-bottom: 52px; } }

/* ---- Responsive ---------------------------------------------------------- */
@media (max-width: 1024px) {
  .lp-zero__grid { grid-template-columns: 1fr 1fr; }
  .lp-kitchen__grid { grid-template-columns: 1fr 1fr; }
  .lp-kitchen__video { grid-column: 1 / -1; max-width: 360px; justify-self: center; width: 100%; }
  .lp-case__bottom { grid-template-columns: 1fr 1fr 1fr; }
  .lp-case__store { grid-column: 1 / -1; aspect-ratio: 16 / 7; }
  .lp-faq__points { grid-template-columns: 1fr 1fr; gap: 18px 0; }
  .lp-faq__points li:nth-child(3) { border-left: 0; }
  .lp-menu__card { grid-template-columns: 1fr; }
  .lp-menu__txt { padding: 22px; }
  .lp-menu__img { aspect-ratio: 16 / 10; order: -1; }
  .lp-menu__img::before { display: none; }
  .lp-menu__combo { flex-direction: row; gap: 6px; align-self: flex-start; }
}

@media (max-width: 860px) {
  .lp-story__kept-card p { justify-content: center; text-align: center; } /* 02 새로 바꾼 것 · 그대로 사용한 것: 아이콘 · 글씨 가운데 */
  .lp-story__kept-pc { display: none; }
  .lp-story__kept-mo { display: block; }
  .lp-ba__tag { justify-content: center; text-align: center; } /* 02 BEFORE/AFTER: 매장명 서브 글씨 빼고 타이틀만 가운데 */
  .lp-ba__tag span { display: none; }
  /* 이미지 좌측 1/3 은 크림 여백이라 우측(음식)에 맞춰 잘라 화면 가로에 꽉 채움 */
  .lp-hero__inner { min-height: 0; flex-direction: column; align-items: stretch; }
  .lp-hero__bg { display: block; width: 100vw; max-width: none; height: 70vw; margin-left: calc(50% - 50vw); object-fit: cover; object-position: right center; }
  .lp-hero__copy { padding: 30px 0 10px; }
  .lp-hero__facts { grid-template-columns: max-content; justify-content: center; gap: 10px; padding-top: 16px; } /* 3항목 목록을 가운데로 (아이콘 세로줄은 맞춘 채) */
  .lp-hero__facts li { justify-content: flex-start; font-size: 18px; } /* 히어로 하단 3항목 글씨 확대(15→18px) */
  .lp-hero__facts li + li { border-left: 0; }
  .lp-hero__facts .lp-circle, .lp-hero__fact-ico { width: 44px; height: 44px; font-size: 22px; }

  .lp-story__top, .lp-interior__head, .lp-dn__head, .lp-dn__cards, .lp-menu__cards,
  .lp-case__top, .lp-sales__top, .lp-faq__grid, .lp-contact__grid { grid-template-columns: 1fr; }
  .lp-ba { grid-template-columns: 1fr 1fr; }
  /* 02 BEFORE/AFTER: 옆 카드 라벨이 두 줄이 돼 칸이 길어져도 사진이 아래까지 채우게 */
  .lp-ba__item { display: flex; flex-direction: column; }
  .lp-ba__item img { display: block; flex: 1; }
  .lp-interior__side, .lp-dn__side { border-left: 0; padding-left: 0; }
  .lp-interior__side { border-top: 1px solid #cfc6b8; padding-top: 18px; } /* 04 타이틀 아래 구분선 (PC 세로선 대신) */
  .lp-interior__note { text-align: left; }
  .lp-case__quote { text-align: center; } /* 07 점주 후기 카드: 아이콘 · 글씨 가운데 */
  .lp-interior__note--mo { display: block; margin: 18px 0 0; font-size: 16px; }
  .lp-interior__grid { grid-template-columns: 1fr 1fr; margin-top: 30px; }
  .lp-interior__grid li, .lp-interior__grid li:nth-child(1) { grid-column: span 1; }
  .lp-dn__points { grid-template-columns: 1fr 1fr; gap: 12px 0; }
  .lp-dn__points li:nth-child(3) { border-left: 0; }
  .lp-dn__banner { background: #FBF4EA; }
  .lp-dn__banner p { font-size: 21px; } /* 05 '점심매출 + 저녁매출' 배너 글씨 약간 크게 (18→21px) */
  .lp-menu__stat { grid-template-columns: auto 1fr; }
  .lp-menu__stat-b { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 1px solid var(--lp-line); padding-top: 12px; text-align: center; }
  .lp-case__box--split { grid-template-columns: 1fr; }
  .lp-case__cond { border-left: 0; padding-left: 0; border-top: 1px solid var(--lp-line); padding-top: 14px; }
  .lp-case__sales { grid-template-columns: 1fr; }
  .lp-case__sales > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--lp-line); padding-top: 12px; }
  .lp-case__bottom { grid-template-columns: 1fr; }
  .lp-kitchen__grid { grid-template-columns: 1fr; }
  .lp-kitchen__video { order: 1; } /* 08 주방 영상을 '저울만 사용할 줄 알면' 박스 바로 아래로 */
  .lp-kitchen__mid { order: 2; }
  .lp-hq__box { grid-template-columns: 1fr; padding: 24px 16px; } /* 10 위아래 여백 +20px (4→24px) */
  .lp-hq__item:nth-child(n) { border-right: 0; padding: 19px 0; border-bottom: 1px solid var(--lp-line); } /* 구분선 위아래 +5px (14→19px) */
  .lp-hq__item:last-child { border-bottom: 0; }
  .lp-hq__cards { grid-template-columns: 1fr; }
  .lp-faq__bg { width: 100%; height: 520px; bottom: auto; opacity: 0.28; filter: brightness(0.95) contrast(0.85); }
  .lp-faq__bg::after { background: linear-gradient(180deg, rgba(251, 247, 240, .96) 0%, rgba(251, 247, 240, .85) 60%, var(--lp-cream) 100%); }
  .lp-faq__panel { margin-top: 30px; }
  .lp-contact__left { padding-bottom: 0; }
  .lp-contact__img { display: none; }
  .lp-zero__card--big strong { font-size: 72px; }

  /* 모바일: 각 섹션 라벨 · 타이틀 · 서브타이틀 가운데 정렬 */
  .lp-eyebrow, .lp-meta, .lp-meta-line { justify-content: center; text-align: center; }
  .lp-meta { flex-wrap: wrap; }
  .lp-title, .lp-hero__copy, .lp-story__lead, .lp-interior__side, .lp-interior__note, .lp-dn__side,
  .lp-faq__copy, .lp-contact__title, .lp-contact__sub, .lp-contact__how { text-align: center; }
  .lp-hero__bar { margin-left: auto; margin-right: auto; }
  /* 03: 'SECTION 03' 과 알약 라벨을 두 줄로, 구분선(|) 숨김 */
  .lp-zero .lp-eyebrow { flex-direction: column; align-items: center; gap: 10px; }
  .lp-zero .lp-eyebrow span { display: none; }
  .lp-bar li { font-size: 18px; } /* 03 하단 3항목 글씨 확대(15→18px) */
  /* 05 · 06 · 11: 섹션 번호와 문구를 두 줄로, 가로 라인 숨김 */
  .lp-meta > p:first-child { flex-direction: column; gap: 6px; font-size: 16px; } /* 번호 아래 문구 확대(12.5→16px) */
  .lp-meta i, .lp-meta-line i { display: none; } /* 12 'START HERE' 옆 라인도 숨김 */
  .lp-meta > p:first-child span { display: none; } /* 11 번호 아래 구분선(|) 숨김 */
  .lp-faq__points b, .lp-faq__points em { font-size: 19px; } /* 11 하단 4항목 글씨 확대(15→19px) */
  .lp-form__foot b { font-size: clamp(13px, 4vw, 15px); white-space: nowrap; } /* 12 '상담 신청은…' 한 줄 */
  /* 05: 점심/저녁 사진을 어둡게 해 시간 · 메뉴명 · 태그가 잘 읽히게 */
  .lp-dn__img::after { background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .12) 38%, transparent 60%); }
  .lp-dn__label { text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
  /* 05: 포인트 아이콘 축소 · 좌측 정렬 */
  .lp-dn__points li { flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 8px; }
  .lp-dn__ico { width: 24px; height: 24px; }
  /* 07: 점주 사진 라벨을 가운데 아래로, 사진 하단 경계에 걸치게 */
  .lp-case__photo { overflow: visible; margin-bottom: 18px; }
  .lp-case__photo img { border-radius: var(--lp-r); }
  .lp-case__photo figcaption { left: 50%; bottom: -18px; transform: translateX(-50%); white-space: nowrap; }
  /* 07: 점주 상황 · 운영 조건 가운데 정렬 */
  .lp-case__owner { text-align: center; }
  .lp-case__box--split .lp-case__lbl { justify-content: center; }
  /* 07: 실제 매출 · 순이익 가운데 정렬 */
  .lp-case__sales { text-align: center; }
  .lp-case__sales .lp-case__lbl { justify-content: center; }
  /* 08: '주방을 요리가 아니라 세팅으로' 제목 · 설명 가운데 정렬 */
  .lp-kitchen__left > h3, .lp-kitchen__left > p { text-align: center; }
  .lp-kitchen__left > h3 { font-size: clamp(20px, 6.6vw, 31px); white-space: nowrap; } /* 08 제목 두 줄 고정: 폭에 맞춰 글씨 축소 */
  /* 08 저울 박스: 두 줄 고정 — 아이콘을 줄여 글자 폭 확보, 좁은 폰은 글씨가 폭에 맞춰 줄어듦 */
  .lp-kitchen__scale { justify-content: center; gap: 12px; padding: 16px; }
  .lp-kitchen__scale > .lp-ico { font-size: 44px; }
  .lp-kitchen__scale p { font-size: clamp(15px, 5vw, 20px); white-space: nowrap; }
  .lp-kitchen__times > div { text-align: center; } /* 08 세팅 시간 카드 가운데 정렬 */
  .lp-kitchen__steps-tit { justify-content: center; } /* 08 작업방식 제목: 라인 숨김 · 가운데 */
  .lp-kitchen__steps-tit::after { display: none; }
  .lp-kitchen__steps b { position: relative; z-index: 1; transform: translateY(15px); } /* 08 번호 배지를 원 위로 15px 내려 겹침 */
  /* 10 본사 지원 01~04: 번호를 위로 올리고 내용 가운데 정렬 */
  .lp-hq__item { flex-direction: column; align-items: center; gap: 10px; text-align: center; }
  .lp-hq__item > div { width: 100%; }
  .lp-hq__val .lp-hq__chip { flex: 1; text-align: center; } /* 10 가맹점·본사 50% 박스를 아래 '할인액' 박스 폭에 맞춰 좌우로 */
  .lp-hq__row { flex-direction: column; gap: 8px; }
  /* 03 · 04: 확성기 · 인스타 아이콘을 첫 줄(검정 글씨) 앞으로 */
  .lp-hq__row > .lp-hq__big-img { display: none; }
  .lp-hq__cards h3 { justify-content: center; } /* 05~07 카드 제목 가운데 */
  /* 12 상담 방식 1~3: 번호 원 축소, 글씨 확대 */
  #inquiry-form input::placeholder { color: transparent; } /* 12 이름·연락처·희망지역 입력칸 안내글씨 숨김 */
  .lp-contact__list { grid-template-columns: max-content; justify-content: center; } /* 12 상담 방식 3항목 가운데 (번호 세로줄은 맞춘 채) */
  .lp-contact__list li { gap: 12px; font-size: 18px; }
  .lp-contact__list b { width: 28px; height: 28px; font-size: 13px; }  /* 10 번호 원 01~07: 원 · 숫자 30% 축소(36→25px, 15·16→10.5·11px) */
  .lp-hq .lp-hq__box .lp-num, .lp-hq .lp-hq__cards .lp-num { width: 25px; height: 25px; }
  .lp-hq .lp-hq__box .lp-num { font-size: 10.5px; }
  .lp-hq .lp-hq__cards .lp-num { font-size: 11px; }
  .lp-hq__txt-ico { display: inline-block; width: 28px; height: 28px; object-fit: contain; vertical-align: middle; margin: -4px 6px 0 0; }
  /* 푸터: 메뉴를 로고 쪽으로 30px 올리고, '매출사례' 부터 다음 줄로 */
  .footer__top { row-gap: 0; }
  .footer__links { row-gap: 0; }
  .footer__sep { display: none; } /* 사업자등록번호 앞 구분선: 줄바꿈되므로 숨김 */
  .footer__links a { min-height: 32px; } /* 줄 사이 간격 절반(44→32px, 글자 위아래 여백 24→12px) */
  .footer__links::before { content: ""; flex-basis: 100%; order: 1; }
  .footer__links a:nth-child(n+3) { order: 2; }
  .br-mo { display: inline; } /* 모바일 전용 줄바꿈 (style.css 는 720 이하 기준이라 860 으로 맞춤) */
  /* 06: 메뉴 카드 글자 영역(번호 · 메뉴명 · 구성 · 설명) 가운데 정렬 */
  .lp-menu__txt { align-items: center; text-align: center; }
  /* 06 메뉴 사진 하단을 카드 배경색으로 자연스럽게 이어지게 */
  .lp-menu__img::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(0deg, #FEFAF1 0%, rgba(254, 250, 241, 0) 100%); z-index: 1; pointer-events: none; }
  .lp-menu__combo { align-self: center; }
  .lp-menu__card--center .lp-menu__desc br { display: none; } /* 01 설명 한 줄 */
  /* 02 메뉴명 한 줄: 좁은 폰에서도 카드 안에 들어가게 폭에 맞춰 줄임 */
  .lp-menu__txt h3.lp-menu__h3-sm { font-size: clamp(18px, 6vw, 24px); }
  .lp-menu__txt h3.lp-menu__h3-sm br { display: none; }
  .lp-menu__hl { font-size: clamp(15px, 4.8vw, 19px); color: var(--lp-ink); } /* 06 '1차는 불고기로…' 검정 */
  .lp-menu__desc--lg { font-size: 15px; } /* 06 '회식·모임까지 이어지는…' 21→15px */
  .lp-menu__hl br { display: none; } /* 02 하이라이트 한 줄 */
  .lp-menu__stat-a span:last-child br { display: none; } /* 통계 '이상의 추가매출을 만듭니다.' 한 줄 */

  /* 09 SALES MOBILE */
  .lp-sales__top { grid-template-columns: 1fr; gap: 14px; }
  .lp-sales__panel { padding: 20px 14px 18px; }
  .lp-sales__panel h3 { font-size: 16.5px; padding: 8px 12px; margin-bottom: 12px; }
  .lp-sales__tables { margin: 2px 0 10px; }
  .lp-sales__tables strong { font-size: 28px; }
  .lp-sales__tables span { font-size: 15px; }
  .lp-sales__tables img { width: 40px; height: 40px; }
  .lp-sales__day { margin-bottom: 6px; }
  .lp-sales__day .lp-sales__badge { font-size: 12.5px; padding: 4px 14px; margin-bottom: 6px; }
  .lp-sales__day strong.lp-sales__amount { font-size: 34px; }
  .lp-sales__note { font-size: 11.5px; margin: 6px auto 12px; }
  .lp-sales__how { font-size: 17px; padding: 8px 10px; margin-bottom: 12px; } /* 09 '이런 구조로 매출이…' 14→17px */
  .lp-sales__why { gap: 10px; padding: 0 4px; width: fit-content; margin: 0 auto; } /* 09 목록을 가운데로 (아이콘 세로줄은 맞춘 채) */
  .lp-sales__why li { gap: 12px; padding: 2px 4px; }
  .lp-sales__why li img { width: 40px; height: 40px; }
  .lp-sales__why li span { font-size: 18px; } /* 15→18px */
  .lp-sales__stores { padding: 18px 14px 16px; }
  .lp-sales__stores ul { grid-template-columns: 1fr; gap: 14px; }
  .lp-sales__stores li { padding: 0; }
  .lp-sales__stores li + li { border-left: 0; border-top: 1px solid var(--lp-line); padding-top: 14px; }
  .lp-sales__stores h4 { font-size: 18px; margin-bottom: 4px; }
  .lp-sales__store-badge { font-size: 13px; padding: 3px 14px; margin-bottom: 6px; }
  .lp-sales__store-amount { font-size: 34px; }
  .lp-sales__store-note { font-size: 11.5px; margin-top: 12px; }

}

@media (max-width: 560px) {
  .lp-meta > p:last-child { display: none; }
  .lp-bar { grid-template-columns: 1fr; padding: 6px 16px; }
  .lp-bar li { justify-content: flex-start; padding: 10px 0; }
  .lp-bar li + li { border-left: 0; border-top: 1px solid var(--lp-line); }
  .lp-zero__grid { gap: 22px 10px; }
  .lp-zero__ribbon { padding: 6px 16px; }
  .lp-zero__card strong { font-size: 54px; }
  .lp-zero__card--big strong { font-size: 64px; }
  .lp-story__kept { grid-template-columns: 1fr; }
  .lp-story__stats span { font-size: 13.5px; }
  .lp-note { font-size: 13px; }
  .lp-dn__points li { font-size: 14px; }
  .lp-btn--lg { padding: 18px 22px; }
  /* 15 FAQ: 아이콘 · 여백을 줄여 질문이 세 줄로 꺾이지 않게 */
  .lp-faq__panel { padding: 20px 14px 8px; }
  .lp-faq .faq__q { font-size: 15px; padding: 14px 10px; gap: 10px; }
  .lp-faq .faq__q i { width: 28px; height: 28px; font-size: 13px; }
  .lp-faq .faq__q .plus { width: 30px; height: 30px; font-size: 19px; }
  .lp-closing--line::before, .lp-closing--line::after { display: none; }
  .lp-faq__points { grid-template-columns: 1fr; }
  .lp-faq__points li + li { border-left: 0; }
  .lp-faq .faq__a p { padding-left: 16px; font-size: 15px; } /* FAQ 답변 글씨 축소 */
  .lp-form__types, .lp-form__row { grid-template-columns: 1fr; }
  .lp-form__opts { grid-template-columns: 1fr; }
  .lp-form__memo summary { font-size: 14px; } /* 메모: 글씨 축소, (선택)은 문구 뒤에 이어짐 */
  .lp-form__memo summary small { margin-left: 2px; font-size: 13px; }
  /* 동의 문구: '자세히 보기' 를 '(필수)' 바로 뒤에 이어 붙임 (체크박스는 왼쪽 고정) */
  .lp-form__agree { display: block; position: relative; padding-left: 32px; line-height: 1.6; }
  .lp-form__agree label { display: inline; min-height: 0; }
  .lp-form__agree input { position: absolute; left: 0; top: 1px; margin: 0; }
  .lp-form__agree a { min-height: 0; margin-left: 6px; vertical-align: baseline; }
  .lp-kitchen__steps { grid-template-columns: repeat(2, 1fr); gap: 16px 8px; }
  .lp-kitchen__steps li:nth-child(3)::before { display: none; }
  .lp-dn__banner { flex-direction: column; gap: 10px; text-align: center; }
  .lp-dn__banner p { border-left: 0; padding-left: 0; }
}

/* 06 메뉴조합 통계: 글씨를 키운 뒤 휴대폰에서는 세 줄로 세로 쌓기 */
@media (max-width: 640px) {
  .lp-menu__stat { grid-template-columns: 1fr; justify-items: center; }
  .lp-menu__stat-a { flex-direction: column; text-align: center; gap: 6px; }
  .lp-menu__stat-a span { font-size: 18px; }
  .lp-menu__stat-a strong { white-space: nowrap; }
  /* 07 하단 CTA: 휴대폰에서 질문 · 버튼이 한 줄에 들어가는 크기 */
  .lp-case__cta .lp-case__ask { font-size: 18px; }
  .lp-case__cta .lp-btn { font-size: 17px; padding: 18px 26px; gap: 10px; white-space: nowrap; }
  .lp-case__cta .lp-case__sub { font-size: 15px; }
  /* 10 본사 지원: 휴대폰에서는 날짜 · 제목 · 칩이 단어 중간에서 꺾이지 않는 크기 */
  .lp-hq__tit { font-size: 16px; flex-wrap: wrap; gap: 2px 8px; white-space: nowrap; }
  .lp-hq__tit .lp-ico { font-size: 24px; }
  .lp-hq__val { gap: 8px; flex-wrap: wrap; }
  .lp-hq__chip { font-size: 16px; padding: 5px 10px; white-space: nowrap; }
  .lp-hq__chip strong { font-size: 24px; }
  .lp-hq__big-ico { font-size: 38px; }
  .lp-hq__tit-img { width: 24px; height: 24px; }
  .lp-hq__big-img { width: 38px; height: 38px; }
  .lp-hq__txt { font-size: 17px; }
  .lp-hq__txt em { font-size: 18px; }
  .lp-hq__txt strong { font-size: 24px; }
  .lp-hq__box .lp-num { width: 36px; height: 36px; font-size: 15px; }
  /* 10-01: '가맹점 50% + 본사 50%' 한 줄 고정, 좁은 폰은 칩이 폭에 맞춰 줄어듦 */
  .lp-hq__val { flex-wrap: nowrap; gap: 6px; }
  .lp-hq__val .lp-hq__chip { font-size: clamp(13px, 4vw, 16px); padding: 5px 8px; }
  .lp-hq__val .lp-hq__chip strong { font-size: clamp(18px, 6vw, 24px); }
}

/* 360px 미만(갤럭시 폴드 커버 화면 등): 한 줄 고정 텍스트가 잘리지 않게 */
@media (max-width: 374px) {
  .lp-case__cta .lp-btn { white-space: normal; font-size: 16px; padding: 16px 20px; }
  .lp-kitchen__times strong { font-size: 30px; }
}