.opening-popup {
  position: fixed;
  top: 112px;
  right: 24px;
  bottom: auto;
  left: auto;
  z-index: 1000;
  display: block;
  width: min(410px, calc(100vw - 32px));
  height: auto;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

/* 전후 매출 비교 화살표 강조 */
.turnaround-numbers > i {
  font-size: 54px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

@media (max-width: 560px) {
  .turnaround-numbers > i {
    font-size: 38px !important;
  }
}

/* 모바일 매출 사례 6개 카드의 높이와 내부 기준선 통일 */
@media (max-width: 560px) {
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    height: 242px !important;
    min-height: 242px !important;
    padding: 13px 6px 12px !important;
    box-sizing: border-box !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    display: flex !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    height: 103px !important;
    min-height: 103px !important;
    margin: 7px 0 0 !important;
  }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: flex !important;
    min-height: 47px !important;
    margin-top: auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 3px !important;
  }
}

/* 모바일 고회전 공식: 긴 세로 4단을 2 x 2로 압축 */
@media (max-width: 560px) {
  .turnover-formula {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 22px auto !important;
    position: relative !important;
  }
  .turnover-formula > i {
    position: absolute !important;
    z-index: 2 !important;
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #0757a6 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translate(-50%, -50%) !important;
  }
  .turnover-formula > i:nth-of-type(1) { top: 25% !important; left: 50% !important; }
  .turnover-formula > i:nth-of-type(2) { top: 50% !important; left: 25% !important; }
  .turnover-formula > i:nth-of-type(3) { top: 75% !important; left: 50% !important; }
  .turnover-formula article {
    min-height: 150px !important;
    padding: 16px 8px !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .turnover-formula b { font-size: 25px !important; }
  .turnover-formula strong { font-size: 18px !important; }
  .turnover-formula span { font-size: 13px !important; line-height: 1.4 !important; }
}

/* PC에서도 업종변경·신규창업 카드의 높이와 줄 기준 통일 */
@media (min-width: 561px) {
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    height: 300px !important;
    min-height: 300px !important;
    padding: 16px 12px 14px !important;
    box-sizing: border-box !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    height: 132px !important;
    min-height: 132px !important;
    margin: 8px 0 0 !important;
  }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: flex !important;
    min-height: 58px !important;
    margin-top: auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px !important;
  }
}

/* 확장 구조 카드: 모든 화면 폭에서 매장명 위·설명 아래로 고정 */
.story-top-proof .story-paths li {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 126px !important;
  padding: 18px 14px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.story-top-proof .story-paths li b,
.story-top-proof .story-paths li span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
.story-top-proof .story-paths li b {
  font-size: 22px !important;
  line-height: 1.25 !important;
}
.story-top-proof .story-paths li span {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

@media (max-width: 560px) {
  .story-top-proof .story-paths li {
    min-height: 98px !important;
    padding: 13px 6px !important;
    gap: 7px !important;
  }
  .story-top-proof .story-paths li b { font-size: 16px !important; }
  .story-top-proof .story-paths li span { font-size: 12px !important; }
}

/* 2026-08-19: 핵심 실적 영역 세로 길이 압축 — 글자는 줄이지 않고 여백만 정리 */
.conversion-cases > .conversion-case-column,
.conversion-cases > .startup-cases {
  height: auto !important;
}
.conversion-cases .conversion-case-column > .case-grid,
.conversion-cases .startup-cases__grid {
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
}
.conversion-cases .case-grid article,
.conversion-cases .startup-case {
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 14px 16px !important;
}
.conversion-cases .case-grid article > small,
.conversion-cases .startup-case > small {
  min-height: 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}
.conversion-cases .case-grid article > div,
.conversion-cases .startup-case__sales {
  min-height: 0 !important;
  margin: 14px 0 0 !important;
}
.conversion-cases .case-grid article span,
.conversion-cases .startup-case__sales div {
  padding: 15px 5px !important;
}
.conversion-cases .case-grid em,
.conversion-cases .startup-case__sales span {
  font-size: 12px !important;
}
.conversion-cases .case-grid b,
.conversion-cases .startup-case__sales b {
  font-size: 25px !important;
}
.conversion-cases .case-grid article > strong,
.conversion-cases .startup-case > strong {
  min-height: 0 !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

/* 11개 테이블 매장 두 곳을 모바일에서도 좌우로 압축 */
.turnover-stores {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.turnover-stores article {
  min-width: 0 !important;
  padding: 22px 18px !important;
}
.turnover-stores small { font-size: 22px !important; }
.turnover-stores b { font-size: 40px !important; }
.turnover-stores strong { font-size: 25px !important; }

/* 업종변경 전후 매출을 한눈에 비교하도록 좌우 고정 */
.turnaround-numbers {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  gap: 14px !important;
}
.turnaround-numbers article {
  min-width: 0 !important;
  padding: 28px 14px !important;
}
.turnaround-numbers i {
  transform: none !important;
}

@media (max-width: 560px) {
  .conversion-cases .conversion-case-column__title,
  .conversion-cases .startup-cases__title {
    min-height: 0 !important;
    font-size: 19px !important;
  }
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 6px 13px !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    min-height: 0 !important;
    font-size: 19px !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    min-height: 0 !important;
    margin: 11px 0 0 !important;
  }
  .conversion-cases .case-grid article span,
  .conversion-cases .startup-case__sales div {
    padding: 12px 2px !important;
  }
  .conversion-cases .case-grid em,
  .conversion-cases .startup-case__sales span {
    font-size: 11px !important;
  }
  .conversion-cases .case-grid b,
  .conversion-cases .startup-case__sales b {
    font-size: 22px !important;
  }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: block !important;
    min-height: 0 !important;
    margin-top: 11px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .turnover-stores {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 28px auto 20px !important;
  }
  .turnover-stores article {
    grid-template-columns: 1fr !important;
    padding: 18px 12px !important;
    text-align: center !important;
  }
  .turnover-stores small,
  .turnover-stores b,
  .turnover-stores span,
  .turnover-stores strong,
  .turnover-stores em {
    grid-column: 1 / -1 !important;
  }
  .turnover-stores small { font-size: 20px !important; }
  .turnover-stores b { margin-top: 9px !important; font-size: 36px !important; }
  .turnover-stores span { font-size: 14px !important; }
  .turnover-stores strong {
    margin-top: 10px !important;
    white-space: normal !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .turnover-stores em { margin-top: 4px !important; font-size: 13px !important; }

  .turnaround-numbers {
    grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) !important;
    gap: 5px !important;
    margin: 30px auto !important;
  }
  .turnaround-numbers article {
    padding: 22px 7px !important;
  }
  .turnaround-numbers small {
    min-height: 36px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .turnaround-numbers strong {
    margin: 10px 0 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
  }
  .turnaround-numbers sup {
    font-size: 12px !important;
  }
  .turnaround-numbers span {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .turnaround-numbers i {
    font-size: 25px !important;
    transform: none !important;
  }
}

/* FINAL: 좌우 3행 매출 카드 완전 대칭 고정 */
@media (min-width: 561px) {
  .conversion-cases .conversion-case-column > .case-grid,
  .conversion-cases .startup-cases__grid {
    grid-template-rows: repeat(3, 300px) !important;
    grid-auto-rows: 300px !important;
    gap: 12px !important;
  }
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    padding: 16px 12px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    display: flex !important;
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    margin: 8px 0 0 !important;
  }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: flex !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin-top: auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px !important;
  }
}

@media (max-width: 560px) {
  .conversion-cases .conversion-case-column > .case-grid,
  .conversion-cases .startup-cases__grid {
    grid-template-rows: repeat(3, 242px) !important;
    grid-auto-rows: 242px !important;
    gap: 7px !important;
  }
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    width: 100% !important;
    height: 242px !important;
    min-height: 242px !important;
    max-height: 242px !important;
    padding: 13px 6px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    display: flex !important;
    height: 46px !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    height: 103px !important;
    min-height: 103px !important;
    max-height: 103px !important;
    margin: 7px 0 0 !important;
  }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: flex !important;
    height: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;
    margin-top: auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 3px !important;
  }
}

.turnaround-numbers > i {
  font-size: 54px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

@media (max-width: 560px) {
  .turnaround-numbers > i {
    font-size: 38px !important;
  }
}

.opening-popup[hidden] { display: none; }

.opening-popup__card {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(150deg, #075da8, #033e73);
  color: #fff;
  border: 4px solid #fff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
  pointer-events: auto;
}

.opening-popup__close {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 2;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
  background: rgba(0, 0, 0, .2);
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.opening-popup__close small {
  position: absolute;
  top: 44px;
  left: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.opening-popup__opener {
  display: none;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  padding: 12px 16px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #bd1f2c;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
  pointer-events: auto;
  cursor: pointer;
}

.opening-popup__opener span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #bd1f2c;
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
}

.opening-popup__opener b {
  font-size: 13px;
  line-height: 1.25;
  text-align: left;
}

.opening-popup.is-collapsed { width: auto; }
.opening-popup.is-collapsed .opening-popup__card { display: none; }
.opening-popup.is-collapsed .opening-popup__opener { display: flex; }

.opening-popup__body {
  padding: 48px 30px 27px;
  text-align: center;
}

.opening-popup__badge {
  display: inline-block;
  margin-bottom: 22px;
  padding: 8px 13px;
  background: #fff;
  color: #bd1f2c;
  font-size: 14px;
  font-weight: 900;
}

.opening-popup__body h2 {
  margin: 0;
  font-size: clamp(32px, 5vw, 45px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -.06em;
}

.opening-popup__body h2 em {
  display: block;
  margin-top: 10px;
  color: #fff59b;
  font-style: normal;
}

.opening-popup__body > p {
  margin: 22px 0;
  color: #d9ebfa;
  font-size: 16px;
  line-height: 1.7;
}

.opening-popup__points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 24px;
}

.opening-popup__points span {
  background: rgba(255, 255, 255, .12);
  padding: 11px 7px;
  font-size: 13px;
  font-weight: 800;
}

.opening-popup__cta {
  width: 100%;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  display: block;
  background: #bd1f2c;
  color: #fff;
  padding: 18px 20px;
  font-size: 18px;
  font-weight: 900;
}

.opening-popup__dismiss {
  margin-top: 18px;
  padding: 5px;
  border: 0;
  background: transparent;
  color: #c9ddeb;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}

body.opening-popup-active { overflow: auto; }

@media (max-width: 560px) {
  .opening-popup {
    top: 96px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: calc(100vw - 20px);
    padding: 0;
  }
  .opening-popup__card { border-width: 3px; }
  .opening-popup__body { padding: 47px 20px 21px; }
  .opening-popup__body h2 { font-size: 34px; }
  .opening-popup__body > p { margin: 14px 0; font-size: 13px; }
  .opening-popup__points span { font-size: 12px; }
  .opening-popup__cta { padding: 14px; font-size: 15px; }
  .opening-popup__dismiss { display: block; margin-top: 12px; }
  .opening-popup.is-collapsed { right: 10px; width: auto; }
  .opening-popup__opener { min-width: 142px; padding: 10px 14px; }
}

/* 팝업을 닫은 뒤에도 첫 화면에 남는 압축형 가맹 혜택 */
.home-page > .franchise-cover {
  order: 1 !important;
  min-height: 560px !important;
  padding: 50px 7vw 40px !important;
}

.home-page > .benefit-sheet { order: 8 !important; }
.home-page > .franchise-hero { order: 3 !important; }
.home-page > .location-strategy { order: 4 !important; }

/* 첫 화면 다음에 점주의 실제 확장 구조를 한 번만 보여준다. */
.home-page > .story.story-top-proof {
  order: 2 !important;
  display: block !important;
  background: #f6f1e8 !important;
  padding: 78px 5vw 84px !important;
}
.home-page > .owner-proof { display: none !important; }

.story-top-proof .story-photo { display: none !important; }
.story-top-proof .story-copy { width: 100% !important; max-width: 1320px !important; margin: 0 auto !important; }
.story-top-proof .eyebrow { text-align: center !important; color: #bd1f2c !important; font-size: 18px !important; font-weight: 900 !important; }
.story-top-proof .story-copy > h2 { text-align: center !important; margin: 12px 0 42px !important; font-size: clamp(38px, 4.2vw, 64px) !important; line-height: 1.12 !important; }
.story-top-proof .story-paths { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px !important; }
.story-top-proof .story-paths > article { border-top: 8px solid #bd1f2c !important; background: #fff !important; padding: 34px 30px 30px !important; box-shadow: 0 14px 34px rgba(25, 31, 38, .08) !important; }
.story-top-proof .story-paths > article.ulsan-path { border-top-color: #0860ae !important; }
.story-top-proof .story-paths h3 { margin: 0 0 26px !important; font-size: clamp(25px, 2.2vw, 34px) !important; line-height: 1.25 !important; }
.story-top-proof .story-paths ol { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.story-top-proof .story-paths li { position: relative !important; display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; gap: 20px !important; align-items: center !important; min-height: 92px !important; padding: 18px 22px !important; background: #f1f4f6 !important; }
.story-top-proof .story-paths li + li { margin-top: 22px !important; }
.story-top-proof .story-paths li + li::before { content: "↓" !important; position: absolute !important; top: -27px !important; left: 50% !important; color: #bd1f2c !important; font-size: 25px !important; font-weight: 900 !important; transform: translateX(-50%) !important; }
.story-top-proof .ulsan-path li + li::before { color: #0860ae !important; }
.story-top-proof .story-paths li b { color: #bd1f2c !important; font-size: 24px !important; line-height: 1.3 !important; font-weight: 900 !important; word-break: keep-all !important; }
.story-top-proof .ulsan-path li b { color: #0860ae !important; }
.story-top-proof .story-paths li span { color: #4c5a67 !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 650 !important; word-break: keep-all !important; }
.franchise-cover.owner-choice-cover > a { display: none !important; }
.franchise-cover.owner-choice-cover .cover-benefit-strip { display: none !important; }
.franchise-cover.owner-choice-cover > p,
.franchise-cover.owner-choice-cover > h1,
.franchise-cover.owner-choice-cover > span {
  position: relative !important;
  z-index: 2 !important;
}

/* 업종변경과 신규창업 매출 사례를 한 화면의 좌우 두 영역으로 압축 */
.conversion-cases {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: start !important;
}
.conversion-cases > .case-title,
.conversion-cases > p,
.conversion-cases > a { grid-column: 1 / -1 !important; }
.conversion-cases > .conversion-case-column,
.conversion-cases > .startup-cases { min-width: 0 !important; height: 100% !important; }
.conversion-cases .conversion-case-column > .case-grid,
.conversion-cases .startup-cases__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.conversion-cases .conversion-case-column__title,
.conversion-cases .startup-cases__title {
  display: block !important;
  margin: 0 0 8px !important;
  color: #bd1f2c !important;
  text-align: center !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
.conversion-cases > .startup-cases { margin-top: 0 !important; }
.conversion-cases .startup-cases__notice { display: none !important; }
.conversion-cases .case-grid article,
.conversion-cases .startup-case {
  display: flex !important;
  min-height: 330px !important;
  flex-direction: column !important;
  border-radius: 18px !important;
}
.conversion-cases .case-grid article > div {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
.conversion-cases .case-grid article > div > i { display: none !important; }
.conversion-cases .case-grid article > strong,
.conversion-cases .startup-case > strong { margin-top: auto !important; }

.franchise-cover > p { margin-top: 25px !important; }
.franchise-cover h1 { margin: 12px 0 !important; font-size: clamp(42px, 5vw, 66px) !important; }
.franchise-cover > span { font-size: 16px !important; line-height: 1.6 !important; }
.franchise-cover > a { margin: 20px 0 28px !important; padding: 14px 22px !important; }
.franchise-cover .cover-points { max-width: 880px !important; }
.franchise-cover .cover-points b { width: 62px !important; height: 62px !important; font-size: 19px !important; }
.franchise-cover .cover-points strong { font-size: 16px !important; }
.franchise-cover .cover-points small { font-size: 11px !important; }

/* 혜택 팝업 뒤에서는 점주의 선택을 브랜드의 첫 증거로 보여준다. */
.franchise-cover.owner-choice-cover > p {
  color: #fff !important;
  letter-spacing: .08em !important;
}

.franchise-cover.owner-choice-cover h1 em { color: #fff59b !important; }

.franchise-cover.owner-choice-cover > span {
  max-width: 760px;
  color: rgba(255, 255, 255, .9) !important;
}

.franchise-cover.owner-choice-cover .cover-points article { padding: 0 10px; }

.franchise-cover.owner-choice-cover .cover-points small {
  max-width: 180px;
  margin-inline: auto;
  line-height: 1.45 !important;
}

.franchise-cover.owner-choice-cover .cover-brand {
  width: 100%;
  letter-spacing: 0;
}

.cover-benefit-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 13px 20px;
  border-radius: 5px;
  background: #bd1f2c;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.cover-benefit-strip span { color: #fff59b; font-size: 13px; }

.franchise-cover .cover-points.owner-flow-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: min(1050px, 100%);
  max-width: 1050px !important;
}

.franchise-cover .owner-flow-cards article {
  display: block !important;
  padding: 24px !important;
  border: 1px solid rgba(255,255,255,.25);
  background: #fff;
  color: #111a22;
  text-align: left;
}

.franchise-cover .owner-flow-cards article > strong {
  display: block;
  margin-bottom: 14px;
  color: #075da8;
  font-size: 19px !important;
  text-align: center;
}

.franchise-cover .owner-flow-cards article > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.15fr) auto minmax(0, 1.15fr);
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 8px;
  padding: 12px 10px;
  border: 1px solid #e1e6ea;
  background: #f7f9fb;
}

.franchise-cover .owner-flow-cards article > div:nth-child(3) {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.35fr);
}

.franchise-cover .owner-flow-cards b {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #111a22;
  font-size: 16px !important;
  line-height: 1.35;
  text-align: center;
}

.franchise-cover .owner-flow-cards i {
  color: #bd1f2c;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 560px) {
  body { padding-bottom: 0 !important; }
  .bottom-cta { display: none !important; }

  .conversion-cases {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 52px 7px !important;
  }
  .conversion-cases .case-title { margin-bottom: 18px !important; }
  .conversion-cases .case-title h2 { font-size: 31px !important; }
  .conversion-cases .case-title > span { font-size: 14px !important; }
  .conversion-cases .conversion-case-column > .case-grid,
  .conversion-cases .startup-cases__grid { gap: 7px !important; }
  .conversion-cases .conversion-case-column__title,
  .conversion-cases .startup-cases__title {
    min-height: 40px !important;
    margin-bottom: 4px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    height: 282px !important;
    min-height: 282px !important;
    padding: 17px 7px 15px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small { min-height: 48px !important; font-size: 18px !important; line-height: 1.25 !important; }
  .conversion-cases .case-grid article > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 106px !important;
    margin: 10px 0 !important;
  }
  .conversion-cases .case-grid article > div > i { display: none !important; }
  .conversion-cases .case-grid article span { display: flex !important; min-width: 0 !important; padding: 11px 3px !important; flex-direction: column !important; justify-content: center !important; }
  .conversion-cases .case-grid em { margin: 4px 0 !important; font-size: 10px !important; }
  .conversion-cases .case-grid b { font-size: 20px !important; }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong { display: flex !important; min-height: 48px !important; margin-top: auto !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; line-height: 1.45 !important; }
  .conversion-cases .startup-case__sales { min-height: 106px !important; margin-top: 10px !important; }
  .conversion-cases .startup-case__sales div { display: flex !important; min-width: 0 !important; padding: 14px 2px 13px !important; flex-direction: column !important; justify-content: center !important; }
  .conversion-cases .startup-case__sales span { margin-bottom: 6px !important; font-size: 10px !important; }
  .conversion-cases .startup-case__sales b { font-size: 20px !important; }
  .conversion-cases .startup-case__sales b em { display: block !important; margin-top: 4px !important; font-size: 10px !important; }
  .conversion-cases .startup-cases__notice { font-size: 9px !important; line-height: 1.4 !important; }

  .home-page > .franchise-cover {
    min-height: 0 !important;
    padding: 78px 18px 42px !important;
  }

  .home-page > .story.story-top-proof { padding: 44px 8px 50px !important; }
  .story-top-proof .eyebrow { margin-bottom: 8px !important; font-size: 14px !important; }
  .story-top-proof .story-copy > h2 { margin: 6px 0 22px !important; font-size: 27px !important; line-height: 1.15 !important; }
  .story-top-proof .story-paths { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  .story-top-proof .story-paths > article { min-width: 0 !important; padding: 16px 7px 12px !important; border-top-width: 5px !important; }
  .story-top-proof .story-paths h3 { min-height: 48px !important; margin-bottom: 12px !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 850 !important; letter-spacing: -.04em !important; word-break: keep-all !important; }
  .story-top-proof .story-paths li { display: flex !important; min-height: 88px !important; padding: 12px 7px !important; flex-direction: column !important; justify-content: center !important; text-align: center !important; }
  .story-top-proof .story-paths li + li { margin-top: 15px !important; }
  .story-top-proof .story-paths li + li::before { top: -19px !important; font-size: 17px !important; }
  .story-top-proof .story-paths li b { display: block !important; margin-bottom: 7px !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 900 !important; word-break: keep-all !important; }
  .story-top-proof .story-paths li span { display: block !important; font-size: 12px !important; line-height: 1.45 !important; font-weight: 700 !important; word-break: keep-all !important; }

  .franchise-cover .cover-brand { font-size: 10px !important; }
  .franchise-cover > p { margin-top: 19px !important; font-size: 13px !important; }
  .franchise-cover h1 { font-size: 38px !important; line-height: 1.05 !important; }
  .franchise-cover > span { font-size: 13px !important; }
  .franchise-cover > a { margin: 17px 0 25px !important; padding: 13px 18px !important; font-size: 14px !important; }
  .franchise-cover .cover-points { gap: 18px 8px !important; }
  .franchise-cover .cover-points b { width: 54px !important; height: 54px !important; font-size: 17px !important; }
  .franchise-cover .cover-points strong { font-size: 14px !important; }
  .franchise-cover .cover-points small { font-size: 10px !important; }
  .cover-benefit-strip { gap: 8px; padding: 11px 10px; font-size: 13px; }
  .cover-benefit-strip span { font-size: 10px; }
  .franchise-cover .cover-points.owner-flow-cards { grid-template-columns: 1fr !important; gap: 9px !important; }
  .franchise-cover .owner-flow-cards article { padding: 15px 11px !important; }
  .franchise-cover .owner-flow-cards article > strong { margin-bottom: 9px; font-size: 16px !important; }
  .franchise-cover .owner-flow-cards article > div,
  .franchise-cover .owner-flow-cards article > div:nth-child(3) {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 8px;
    padding: 15px 12px;
  }
  .franchise-cover .owner-flow-cards b { white-space: normal; font-size: 17px !important; }
  .franchise-cover .owner-flow-cards i { font-size: 23px; line-height: 1; transform: rotate(90deg); }
}

@media (min-width: 561px) and (max-width: 820px) {
  .franchise-cover .cover-points.owner-flow-cards { grid-template-columns: 1fr !important; }
  .franchise-cover .owner-flow-cards article { padding: 20px 16px !important; }
  .franchise-cover .owner-flow-cards article > div,
  .franchise-cover .owner-flow-cards article > div:nth-child(3) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 12px !important;
  }
  .franchise-cover .owner-flow-cards b {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    text-align: center !important;
  }
  .franchise-cover .owner-flow-cards i {
    display: block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    transform: rotate(90deg);
  }
}

/* final compact layout overrides */
.conversion-cases > .conversion-case-column,
.conversion-cases > .startup-cases { height: auto !important; }
.conversion-cases .conversion-case-column > .case-grid,
.conversion-cases .startup-cases__grid {
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
}
.conversion-cases .case-grid article,
.conversion-cases .startup-case {
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 14px 16px !important;
}
.conversion-cases .case-grid article > small,
.conversion-cases .startup-case > small {
  min-height: 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}
.conversion-cases .case-grid article > div,
.conversion-cases .startup-case__sales {
  min-height: 0 !important;
  margin: 14px 0 0 !important;
}
.conversion-cases .case-grid article span,
.conversion-cases .startup-case__sales div { padding: 15px 5px !important; }
.conversion-cases .case-grid em,
.conversion-cases .startup-case__sales span { font-size: 12px !important; }
.conversion-cases .case-grid b,
.conversion-cases .startup-case__sales b { font-size: 25px !important; }
.conversion-cases .case-grid article > strong,
.conversion-cases .startup-case > strong {
  min-height: 0 !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.turnover-stores {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.turnover-stores article { min-width: 0 !important; padding: 22px 18px !important; }
.turnover-stores small { font-size: 22px !important; }
.turnover-stores b { font-size: 40px !important; }
.turnover-stores strong { font-size: 25px !important; }

.turnaround-numbers {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  gap: 14px !important;
}
.turnaround-numbers article { min-width: 0 !important; padding: 28px 14px !important; }
.turnaround-numbers i { transform: none !important; }

@media (max-width: 560px) {
  .conversion-cases .conversion-case-column__title,
  .conversion-cases .startup-cases__title {
    min-height: 0 !important;
    font-size: 19px !important;
  }
  .conversion-cases .case-grid article,
  .conversion-cases .startup-case {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 6px 13px !important;
  }
  .conversion-cases .case-grid article > small,
  .conversion-cases .startup-case > small {
    min-height: 0 !important;
    font-size: 19px !important;
  }
  .conversion-cases .case-grid article > div,
  .conversion-cases .startup-case__sales {
    min-height: 0 !important;
    margin: 11px 0 0 !important;
  }
  .conversion-cases .case-grid article span,
  .conversion-cases .startup-case__sales div { padding: 12px 2px !important; }
  .conversion-cases .case-grid em,
  .conversion-cases .startup-case__sales span { font-size: 11px !important; }
  .conversion-cases .case-grid b,
  .conversion-cases .startup-case__sales b { font-size: 22px !important; }
  .conversion-cases .case-grid article > strong,
  .conversion-cases .startup-case > strong {
    display: block !important;
    min-height: 0 !important;
    margin-top: 11px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .turnover-stores {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 28px auto 20px !important;
  }
  .turnover-stores article {
    grid-template-columns: 1fr !important;
    padding: 18px 12px !important;
    text-align: center !important;
  }
  .turnover-stores small,
  .turnover-stores b,
  .turnover-stores span,
  .turnover-stores strong,
  .turnover-stores em { grid-column: 1 / -1 !important; }
  .turnover-stores small { font-size: 20px !important; }
  .turnover-stores b { margin-top: 9px !important; font-size: 36px !important; }
  .turnover-stores span { font-size: 14px !important; }
  .turnover-stores strong {
    margin-top: 10px !important;
    white-space: normal !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .turnover-stores em { margin-top: 4px !important; font-size: 13px !important; }

  .turnaround-numbers {
    grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) !important;
    gap: 5px !important;
    margin: 30px auto !important;
  }
  .turnaround-numbers article { padding: 22px 7px !important; }
  .turnaround-numbers small {
    min-height: 36px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .turnaround-numbers strong {
    margin: 10px 0 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
  }
  .turnaround-numbers sup { font-size: 12px !important; }
  .turnaround-numbers span { font-size: 13px !important; line-height: 1.4 !important; }
  .turnaround-numbers i {
    font-size: 25px !important;
    transform: none !important;
  }
}