/* ==========================================================================
   이자카야 게다 테마
   원본(아임웹) 디자인 값: tools/overrides/geta.co.kr/css/custom.cm (--unit-style-*)
   ========================================================================== */

/* ── 글꼴 (테마에 자체 보관) ───────────────────────────────────────────── */
@font-face { font-family: "TTTtangsbudaejjigaeB"; src: url("../fonts/TTTtangsbudaejjigaeB.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular-Hestia.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium-Hestia.woff") format("woff"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold-Hestia.woff") format("woff"); font-weight: 700 900; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }

/* ── 디자인 토큰 ───────────────────────────────────────────────────────── */
:root {
	--geta-brand: #5b2b14;        /* 브랜드 갈색 (STEP 띠) */
	--geta-red: #9d0101;          /* 버튼·강조 빨강 */
	--geta-text: #363636;         /* 본문 */
	--geta-ink: #212121;          /* 메뉴·제목 */
	--geta-muted: #9a9a9a;        /* 하단 보조 글자 */
	--geta-footer: #212121;
	--geta-line: rgba(0, 0, 0, .08);
	--geta-max: 1400px;
	--geta-gutter: 15px;
	--geta-header-h: 90px;
	--geta-font: Helvetica, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	--geta-font-title: "TTTtangsbudaejjigaeB", "Noto Sans KR", sans-serif;
	--geta-font-num: "Poppins", "Noto Sans KR", sans-serif;
}

/* ── 기본 ─────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; font-family: var(--geta-font); font-size: 16px; line-height: 1.6; color: var(--geta-text); background: #fff; word-break: keep-all; overflow-wrap: anywhere; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; vertical-align: middle; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1.2; }
ul, ol { margin: 0; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--geta-red); outline-offset: 2px; }
[hidden] { display: none !important; }

.geta-skip { position: absolute; left: -9999px; top: 0; z-index: 1000; background: #fff; padding: 8px 12px; }
.geta-skip:focus { left: 8px; top: 8px; }
.geta-container { width: 100%; max-width: var(--geta-max); margin: 0 auto; padding: 0 var(--geta-gutter); }
.geta-container--narrow { max-width: 900px; }
.geta-main { display: block; }
.geta-sub .geta-main { padding-top: var(--geta-header-h); }

/* 원본 구역 제목: 빨간 선 사이 부제 + 큰 제목 (붓글씨 제목체) */
.geta-heading { text-align: center; font-family: var(--geta-font-title); }
.geta-heading__eyebrow { display: inline-block; padding: 6px 0; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; color: var(--geta-red); font-size: 24px; line-height: 1.4; }
.geta-heading__title { margin-top: 18px; font-size: 48px; line-height: 1.2; color: #000; }
.geta-heading__title em { font-style: normal; color: var(--geta-red); }
.geta-heading--light .geta-heading__eyebrow, .geta-heading--light .geta-heading__title { color: #fff; }

.geta-button { display: inline-block; padding: 6px 12px; font-size: 13px; line-height: 1.5; letter-spacing: 1px; color: #fff; background: var(--geta-red); border: 1px solid var(--geta-red); border-radius: 2px; transition: background .2s, color .2s; }
.geta-button:hover { color: var(--geta-text); background: #fff; border-color: var(--geta-text); }

/* ── 스크롤 페이드인: JS가 켜졌을 때만 숨긴다 ───────────────────────── */
.geta-js .geta-reveal { transition: opacity .7s ease, transform .7s ease; transition-delay: var(--geta-delay, 0s); }
.geta-js .geta-reveal:not(.is-visible) { opacity: 0; transform: translateY(30px); }
@media (prefers-reduced-motion: reduce) {
	.geta-js .geta-reveal, .geta-js .geta-reveal:not(.is-visible) { opacity: 1; transform: none; transition: none; }
}

/* ── 헤더 ─────────────────────────────────────────────────────────────── */
.geta-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--geta-header-h); background: #fff; border-bottom: 1px solid var(--geta-line); transition: background .3s, border-color .3s; }
.geta-header__inner { position: relative; display: flex; align-items: center; justify-content: center; max-width: var(--geta-max); height: 100%; margin: 0 auto; padding: 0 var(--geta-gutter); }
.geta-logo { position: absolute; left: var(--geta-gutter); top: 50%; transform: translateY(-50%); display: block; width: 83px; }
.geta-logo img { display: block; width: 83px; height: auto; }
.geta-logo__light { display: none !important; }
.geta-nav ul { display: flex; list-style: none; }
.geta-nav a { position: relative; display: block; padding: 0 25px; line-height: var(--geta-header-h); font-family: var(--geta-font-title); font-size: 18px; color: var(--geta-ink); white-space: nowrap; }
.geta-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--geta-red); transform: scaleX(0); transition: transform .3s; }
.geta-nav a:hover::after, .geta-nav a.is-active::after { transform: scaleX(1); }

/* 메인 첫 화면 위: 투명 헤더, 흰 로고·흰 글자 */
.geta-front .geta-header:not(.is-scrolled) { background: transparent; border-bottom-color: rgba(255, 255, 255, .2); }
.geta-front .geta-header:not(.is-scrolled) .geta-logo__dark { display: none; }
.geta-front .geta-header:not(.is-scrolled) .geta-logo__light { display: block !important; }
.geta-front .geta-header:not(.is-scrolled) .geta-nav a { color: #fff; }

/* 모바일: 로고 가운데, 메뉴는 그 아래 한 줄 */
@media (max-width: 767px) {
	:root { --geta-header-h: 95px; }
	.geta-header__inner { flex-direction: column; justify-content: flex-start; padding: 0; }
	.geta-logo { position: static; transform: none; width: 62px; margin: 9px auto 10px; }
	.geta-logo img { width: 62px; }
	.geta-nav { width: 100%; }
	.geta-nav ul { justify-content: space-around; padding: 0 10px; }
	.geta-nav a { padding: 0; line-height: 45px; font-family: var(--geta-font); font-weight: 400; font-size: 12px; color: #333; }
	.geta-front .geta-header:not(.is-scrolled) .geta-nav a { font-weight: 700; }
}

/* ── 하단 ─────────────────────────────────────────────────────────────── */
.geta-footer { background: var(--geta-footer); color: var(--geta-muted); }
.geta-footer__inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; max-width: var(--geta-max); margin: 0 auto; padding: 50px var(--geta-gutter) 55px; }
.geta-footer__info { font-size: 14px; line-height: 1.5; }
.geta-footer__info p + p { margin-top: 0; }
.geta-footer__sep { margin: 0 4px; }
.geta-footer__cta { text-align: right; font-weight: 700; }
.geta-footer__cta-label { font-size: 18px; color: var(--geta-muted); }
.geta-footer__cta-phone { font-size: 36px; line-height: 1.4; color: #fff; }
.geta-footer__cta-email { font-size: 18px; color: #fff; }
.geta-footer__links { margin-top: 12px; font-size: 13px; }
.geta-footer__links a { color: #c8c8c8; }
.geta-footer__links a + a::before { content: "ㅣ"; margin: 0 6px; color: var(--geta-muted); }
@media (max-width: 767px) {
	.geta-footer__inner { flex-direction: column; gap: 20px; padding: 30px var(--geta-gutter) 35px; }
	.geta-footer__info { font-size: 13px; }
	.geta-footer__cta { align-self: stretch; }
	.geta-footer__cta-label { font-size: 15px; }
	.geta-footer__cta-phone { font-size: 28px; }
	.geta-footer__cta-email { font-size: 15px; }
}

/* ── 우측 고정 가맹문의 배너 (메인, PC) — 원본 이미지 110×229 를 HTML로 ── */
.geta-call { position: fixed; right: 10px; top: 50%; z-index: 90; width: 110px; padding: 20px 8px 19px; transform: translateY(-50%); text-align: center; color: #fff; background: #211d1d; border-radius: 12px; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.geta-call a { display: block; color: #fff; }
.geta-call__icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--geta-red); }
.geta-call__label { display: block; margin-top: 10px; font-size: 15px; line-height: 1.3; font-weight: 400; letter-spacing: -.5px; }
.geta-call__number { display: block; margin-top: 6px; font-family: var(--geta-font-num); font-weight: 700; font-size: 29px; line-height: 1.12; letter-spacing: .5px; }
.geta-call__number span { display: block; }
.geta-call__email { margin-top: 11px; padding-top: 9px; border-top: 1px solid rgba(255, 255, 255, .35); font-family: var(--geta-font-num); font-weight: 600; font-size: 11.5px; line-height: 1.3; }
.geta-call__email span { display: block; }
.geta-call a:hover .geta-call__number, .geta-call__email:hover { color: #ffd6d6; }
@media (max-width: 991px) { .geta-call { display: none; } }

/* ── 일반 페이지 (약관 등) ───────────────────────────────────────────── */
.geta-page { padding: 80px 0 100px; }
.geta-page__title { margin-bottom: 40px; font-family: var(--geta-font-title); font-size: 36px; color: #000; text-align: center; }
.geta-page__body { font-size: 15px; line-height: 1.8; }
.geta-page__body h2 { margin: 36px 0 12px; font-size: 18px; font-weight: 700; color: var(--geta-ink); }
.geta-page__body p, .geta-page__body ul, .geta-page__body ol { margin: 0 0 12px; }
.geta-page__body ul, .geta-page__body ol { padding-left: 1.4em; }
.geta-404 { text-align: center; }

/* ==========================================================================
   메인 — 게다소개 (첫 화면 · 소개 · 인터뷰)
   ========================================================================== */
.geta-intro-group { scroll-margin-top: 0; }
.geta-hero { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100svh; padding: var(--geta-header-h) 20px 40px; background: #3b2418 center / cover no-repeat; color: #fff; text-align: center; }
.geta-hero__eyebrow { font-size: 16px; letter-spacing: 10px; line-height: 1.6; }
.geta-hero__logo { margin: 26px 0 30px; }
.geta-hero__logo img { width: 200px; }
.geta-hero__text { font-size: 18px; letter-spacing: -1px; line-height: 2; }
@media (max-width: 767px) {
	.geta-hero__eyebrow { font-size: 13px; letter-spacing: 6px; }
	.geta-hero__logo img { width: 150px; }
	.geta-hero__text { font-size: 14px; letter-spacing: -.5px; }
	.geta-hero__text br { display: none; }
}

.geta-about { position: relative; padding: 120px 0 110px; background: #fff; overflow: hidden; }
.geta-about::before { content: ""; position: absolute; inset: 0; background: var(--geta-pattern) center / cover no-repeat; opacity: .05; pointer-events: none; }
.geta-about > * { position: relative; }
.geta-about__row { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 50px; }
.geta-about__photo { flex: 0 0 46%; }
.geta-about__photo img { display: block; width: 100%; }
.geta-about__text { flex: 0 1 585px; }
.geta-about__title { font-family: var(--geta-font-title); font-size: 28px; color: var(--geta-ink); }
.geta-about__title em { font-style: normal; color: var(--geta-red); }
.geta-about__body { margin-top: 28px; font-size: 16px; line-height: 1.6; letter-spacing: -.8px; }
.geta-about__body p + p { margin-top: 24px; }
.geta-about__body strong { color: var(--geta-ink); }
@media (max-width: 991px) {
	.geta-about { padding: 70px 0; }
	.geta-about__row { flex-direction: column; gap: 30px; }
	.geta-about__photo { flex: none; width: 100%; max-width: 560px; }
}

.geta-interviews { position: relative; padding: 110px 0 120px; background: #222 center / cover no-repeat fixed; color: #fff; }
.geta-interviews::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .65); }
.geta-interviews > * { position: relative; }
.geta-interviews__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 70px; list-style: none; }
.geta-interview { display: block; width: 100%; text-align: center; color: #fff; }
.geta-interview__thumb { position: relative; display: block; overflow: hidden; border: 1px solid rgba(255, 255, 255, .6); }
.geta-interview__thumb img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .4s; }
.geta-interview:hover .geta-interview__thumb img { transform: scale(1.04); }
.geta-interview__play { position: absolute; top: 10px; right: 10px; width: 23px; height: 23px; border-radius: 50%; background: rgba(0, 0, 0, .55); border: 1px solid #fff; }
.geta-interview__play::after { content: ""; position: absolute; left: 8px; top: 5px; border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent #fff; }
.geta-interview__title { display: block; margin-top: 14px; font-size: 14px; }
@media (max-width: 991px) { .geta-interviews { background-attachment: scroll; } }
@media (max-width: 767px) {
	.geta-interviews { padding: 70px 0; }
	.geta-interviews__list { grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 40px; }
	.geta-interview__title { font-size: 13px; }
	/* 원본처럼 모바일은 2개만 보이고 '더보기' */
	.geta-interviews__list:not(.is-expanded) > li:nth-child(n+3) { display: none; }
	.geta-interviews__more { display: block; margin: 30px auto 0; }
}
.geta-interviews__more { display: none; }
@media (max-width: 767px) {
	.geta-heading__eyebrow { font-size: 17px; }
	.geta-heading__title { font-size: 34px; margin-top: 12px; }
}

/* 영상 라이트박스 */
.geta-lightbox { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 60px 20px; background: rgba(0, 0, 0, .88); }
.geta-lightbox__frame { width: min(1000px, 100%); aspect-ratio: 16 / 9; background: #000; }
.geta-lightbox__frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.geta-lightbox__close { position: absolute; top: 14px; right: 20px; width: 44px; height: 44px; font-size: 40px; line-height: 40px; color: #fff; }
body.geta-lightbox-open { overflow: hidden; }

/* ==========================================================================
   대표메뉴 (메인 #menu, /17) — 원본: 350px 카드, 간격 50px, 무한 자동 슬라이드
   ========================================================================== */
.geta-menu { position: relative; padding: 120px 0 130px; background: #f7f7f7; overflow: hidden; }
.geta-menu::before { content: ""; position: absolute; inset: 0; background: var(--geta-paper) center / cover no-repeat; opacity: .3; pointer-events: none; }
.geta-menu > * { position: relative; }
.geta-menu-slider { margin-top: 90px; }
.geta-menu-slider__track { display: flex; gap: 50px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 calc(50% - 175px) 30px; }
.geta-menu-slider__track::-webkit-scrollbar { display: none; }
.geta-menu-slider__track:focus-visible { outline-offset: -4px; }
.geta-menu-card { flex: 0 0 350px; scroll-snap-align: center; background: #fff; box-shadow: 10px 10px 15px rgba(0, 0, 0, .1); }
.geta-menu-card__img { aspect-ratio: 350 / 467; background: #e9e9e9; overflow: hidden; }
.geta-menu-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.geta-menu-card__body { padding: 20px 20px 22px; }
.geta-menu-card__name { font-size: 17px; font-weight: 500; color: var(--geta-ink); line-height: 1.4; }
.geta-menu-card__desc { margin-top: 4px; font-size: 13px; color: #999; line-height: 1.5; }
.geta-sub .geta-menu { min-height: calc(100vh - var(--geta-header-h) - 241px); }
@media (max-width: 767px) {
	.geta-menu { padding: 60px 0 70px; }
	.geta-menu-slider { margin-top: 40px; }
	.geta-menu-slider__track { gap: 25px; padding: 0 calc(50% - 142px) 25px; }
	.geta-menu-card { flex-basis: 285px; box-shadow: 8px 8px 8px rgba(0, 0, 0, .1); }
	.geta-menu-card__name { font-size: 15px; }
}

/* ==========================================================================
   가맹문의 (메인 #franchise, /15)
   ========================================================================== */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* STEP 1~3 */
.geta-steps { position: relative; padding: 120px 0 110px; background: #fff; }
.geta-steps::before { content: ""; position: absolute; inset: 0; background: var(--geta-grid) center / cover; opacity: .6; pointer-events: none; }
.geta-steps > * { position: relative; }
.geta-steps__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 75px; list-style: none; align-items: start; }
.geta-step { background: #fff; border: 1px solid #ececec; }
.geta-step__label { padding: 12px 0; text-align: center; color: #fff; background: var(--geta-brand); font-family: var(--geta-font-num); font-weight: 700; font-size: 18px; line-height: 1.4; }
.geta-step__img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.geta-step__body { padding: 40px 30px 46px; text-align: center; font-size: 14px; line-height: 1.7; color: #555; }
.geta-step__title { margin-bottom: 14px; font-family: var(--geta-font-title); font-size: 22px; color: var(--geta-ink); }

/* 창업절차 */
.geta-process { position: relative; padding: 110px 0 130px; background: #222 center / cover no-repeat fixed; }
.geta-process::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .6); backdrop-filter: grayscale(1); -webkit-backdrop-filter: grayscale(1); }
.geta-process > * { position: relative; }
.geta-process__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 70px; list-style: none; }
.geta-process__card { padding: 26px 32px 28px; background: #fff; border-radius: 10px; }
.geta-process__num { display: block; font-family: var(--geta-font-num); font-weight: 700; font-size: 27px; line-height: 1.2; color: #e1e1e1; }
.geta-process__title { margin-top: 4px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; font-family: var(--geta-font-title); font-size: 27.4px; color: var(--geta-ink); }
.geta-process__card ul { margin-top: 20px; padding-left: 18px; list-style: disc; font-size: 14px; line-height: 1.75; color: var(--geta-text); }

/* 창업비용 */
.geta-cost { position: relative; padding: 120px 0 110px; background: #fff; overflow: hidden; }
.geta-cost::before { content: ""; position: absolute; left: 0; bottom: 0; width: 46%; height: 70%; background: var(--geta-mark) left bottom / contain no-repeat; opacity: .5; pointer-events: none; }
.geta-cost > * { position: relative; }
.geta-cost__hint { display: none; margin-top: 30px; text-align: center; font-size: 14px; }
.geta-table-scroll { max-width: 1077px; margin: 60px auto 0; overflow-x: auto; }
.geta-cost__table { width: 100%; min-width: 760px; border-collapse: collapse; border-top: 3px solid var(--geta-red); font-size: 15px; color: var(--geta-ink); }
.geta-cost__table th, .geta-cost__table td { padding: 12px 10px; text-align: center; border-bottom: 1px solid #ececec; font-weight: 400; }
.geta-cost__table thead th { background: #f3f3f3; font-weight: 700; }
.geta-cost__table td.geta-cost__desc, .geta-cost__table thead th:nth-child(2) { text-align: left; }
.geta-cost__table tbody th { width: 100px; white-space: nowrap; }
.geta-cost__table td:nth-child(n+3), .geta-cost__table thead th:nth-child(n+3) { width: 116px; white-space: nowrap; }
.geta-cost__table tfoot th, .geta-cost__table tfoot td { padding: 16px 10px; color: #fff; background: var(--geta-red); border: 0; }
.geta-cost__table tfoot th { text-align: left; padding-left: 36px; font-weight: 700; font-size: 18px; }
.geta-cost__table tfoot td { font-family: var(--geta-font-num); font-weight: 700; font-size: 30px; line-height: 1.2; }
.geta-cost__note { max-width: 1077px; margin: 18px auto 0; font-size: 16px; line-height: 1.45; color: #818181; }

/* 인테리어 */
.geta-interior { position: relative; padding: 110px 0 120px; background: #3b2418 center / cover no-repeat fixed; color: #fff; }
.geta-interior::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.geta-interior > * { position: relative; }
.geta-interior__text { margin-top: 30px; text-align: center; font-size: 17px; line-height: 1.4; }
.geta-gallery { max-width: 1077px; margin: 50px auto 0; }
.geta-gallery__main { position: relative; aspect-ratio: 1077 / 520; background: #000; }
.geta-gallery__main img { display: block; width: 100%; height: 100%; object-fit: cover; }
.geta-gallery__nav { position: absolute; top: 50%; width: 44px; height: 64px; margin-top: -32px; font-size: 40px; line-height: 60px; color: rgba(255, 255, 255, .8); background: rgba(0, 0, 0, .15); }
.geta-gallery__nav:hover { color: #fff; background: rgba(0, 0, 0, .35); }
.geta-gallery__nav--prev { left: 0; }
.geta-gallery__nav--next { right: 0; }
.geta-gallery__thumbs { display: flex; gap: 10px; margin-top: 10px; overflow-x: auto; scrollbar-width: thin; }
.geta-gallery__thumbs button { flex: 0 0 calc((100% - 40px) / 5); opacity: .55; transition: opacity .2s; }
.geta-gallery__thumbs button[aria-current="true"], .geta-gallery__thumbs button:hover { opacity: 1; }
.geta-gallery__thumbs img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

@media (max-width: 991px) {
	.geta-steps__list { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; }
	.geta-process__list { grid-template-columns: repeat(2, 1fr); }
	.geta-process, .geta-interior { background-attachment: scroll; }
}
@media (max-width: 767px) {
	.geta-steps, .geta-process, .geta-cost, .geta-interior { padding: 60px 0 70px; }
	.geta-steps__list, .geta-process__list { margin-top: 40px; }
	.geta-process__list { grid-template-columns: 1fr; gap: 14px; }
	.geta-process__card { padding: 20px 24px; }
	.geta-process__title { font-size: 18px; padding-bottom: 14px; }
	.geta-process__num { font-size: 20px; }
	.geta-cost__hint { display: block; }
	.geta-table-scroll { margin-top: 16px; }
	.geta-cost__table { font-size: 14px; }
	.geta-cost__note { font-size: 13px; }
	.geta-interior__text { font-size: 14px; }
	.geta-interior__text br { display: none; }
	.geta-gallery__thumbs button { flex-basis: 30%; }
}

/* ==========================================================================
   지점소개 (메인 #branches, /19)
   ========================================================================== */
.geta-branches { position: relative; padding: 120px 0 120px; background: #f7f7f7; overflow: hidden; }
.geta-branches__deco { position: absolute; top: 0; z-index: 1; pointer-events: none; }
.geta-branches__deco--left { left: 0; width: 300px; }
.geta-branches__deco--right { right: 0; width: 310px; }
.geta-branches .geta-container { position: relative; z-index: 2; }
.geta-branches__intro { max-width: 900px; margin: 26px auto 0; text-align: center; font-size: 16px; line-height: 2; color: var(--geta-ink); }
.geta-branches__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 50px; }
.geta-branch-card { background: #fff; }
.geta-branch-card__img { aspect-ratio: 16 / 9; background: #e3e3e3; overflow: hidden; }
.geta-branch-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.geta-branch-card:hover .geta-branch-card__img img { transform: scale(1.04); }
.geta-branch-card__body { padding: 18px 20px 20px; font-size: 12px; line-height: 1.6; color: #888; }
.geta-branch-card__name { margin-bottom: 4px; font-size: 17px; font-weight: 700; color: var(--geta-ink); }
.geta-branches__more { display: none; margin-top: 20px; text-align: center; }
/* '더보기'는 JS가 있을 때만: JS가 없으면 모든 지점이 보이고 버튼은 숨는다 */
.geta-js .geta-branches__more { display: block; }
.geta-js .geta-branch-card.is-more:not(.is-shown) { display: none; }
@media (max-width: 991px) {
	.geta-branches__deco { display: none; }
	.geta-branches__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.geta-branches { padding: 60px 0 70px; }
	.geta-branches__intro { font-size: 14px; line-height: 1.8; }
	.geta-branches__list { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
}

/* ==========================================================================
   NEWS (메인 #news, /18, 상세)
   ========================================================================== */
.geta-news { position: relative; padding: 120px 0 120px; background: #fff; }
.geta-news::before { content: ""; position: absolute; inset: 0; background: var(--geta-wave) center / cover; opacity: .07; pointer-events: none; }
.geta-news > * { position: relative; }
.geta-news__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 32px; margin-top: 70px; }
.geta-news__empty { margin-top: 60px; text-align: center; color: #888; }
.geta-news-card a { display: block; height: 100%; background: #fff; border: 1px solid #ececec; }
.geta-news-card__img { display: block; aspect-ratio: 435 / 329; background: #eee; overflow: hidden; }
.geta-news-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.geta-news-card a:hover .geta-news-card__img img { transform: scale(1.04); }
.geta-news-card__title { display: block; padding: 18px 20px 26px; font-size: 16px; line-height: 1.5; color: var(--geta-ink); }
.geta-pagination { display: flex; justify-content: center; align-items: center; gap: 4px; margin-top: 80px; font-size: 13px; }
.geta-pagination a, .geta-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; color: #aaa; }
.geta-pagination .is-current { font-weight: 700; color: var(--geta-ink); }
.geta-pagination .geta-pagination__arrow { font-size: 22px; }
.geta-pagination .is-disabled { opacity: .5; }
.geta-pagination a:hover { color: var(--geta-red); }

.geta-article { margin-top: 60px; }
.geta-article__head { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; }
.geta-article__title { font-size: 18px; font-weight: 400; line-height: 1.5; color: var(--geta-ink); }
.geta-article__board { margin-top: 18px; font-size: 12px; color: #888; }
.geta-article__body { padding: 30px 0 50px; font-size: 15px; line-height: 1.6; color: #333; }
.geta-article__body p { margin: 0 0 12px; }
.geta-article__body img { display: block; margin: 0 auto 30px; }
.geta-article__nav { border-top: 1px solid #e5e5e5; }
.geta-article__adj { display: flex; align-items: center; gap: 22px; padding: 6px 10px; border-bottom: 1px solid #e5e5e5; font-size: 13px; color: #444; }
.geta-article__adj:hover { background: #fafafa; }
.geta-article__adj-dir { width: 16px; text-align: center; font-size: 16px; color: #999; }
.geta-article__list { margin-top: 10px; }
@media (max-width: 767px) {
	.geta-news { padding: 60px 0 70px; }
	.geta-news__list { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
	.geta-news-card__title { padding: 14px 16px 22px; font-size: 15px; }
	.geta-pagination { margin-top: 40px; }
}