/* C 색 업데이트(2026-10-17, 준 "파랑은 포인트, 흰색·빨강은 식욕 돋우게", "태극기 느낌의 컬러 톤을 최대한 식욕을 돋구는 식으로").
   흰 바탕이 넓고(따뜻한 흰), 빨강은 가운데 한 덩어리(Shrimp or bulgogi?)와 행동 버튼, 파랑은 점(눈썹 글자·배지·링크·번호·포커스)만.
   국기·태극·괘는 그리지 않는다. 사진·영상의 주황은 그대로(음식 위의 빛). body.pc 아래에서만 덮어써 A·B·D·E 는 그대로.
   기획 concepts/fable-c-color/PLAN-color.md (대비 표 §6). 이 파일은 c.css·cart.css 뒤에 읽혀야 한다(같은 선택자 우선순위는 뒤가 이김). */

body.pc {
  --red: #D2302B; --red-hi: #D7362F; --red-2: #C6281F; --red-deep: #B3221E;
  --blush: #F9E7E1;
  --royal: #0047A0; --royal-2: #003A85; --royal-hi: #0047A0; --blue-tint: #EAF0FA;
  --paper: #FAF5EE; --white: #FFFFFF;
  --ink: #1A1614; --ink-2: #5B534E; --ink-3: #726962; --rule: #E4DAD0;
  --navy: #1A1614;
}

/* 로고: 빨강 선은 새 빨강, 파랑 선은 밝은 바탕에서만 파랑(주황 위·푸터에서는 글자색) */
.pc .logo path[stroke="#ed1c24"], .pc .rot path[stroke="#ed1c24"] { stroke: var(--red) }

/* 헤더 */
.pc .hdr { color: var(--ink) }
.pc .hdr .lang span { background: var(--ink); color: #fff }
.pc .hdr .logo path[stroke="#4f74ff"] { stroke: currentColor }
.pc .hdr.scrolled { background: rgb(250 245 238 / .92); color: var(--ink); box-shadow: 0 1px 0 rgb(26 22 20 / .08) }
.pc .hdr.scrolled .lang span { background: var(--ink); color: #fff }
.pc .hdr.scrolled .logo path[stroke="#4f74ff"], .pc .hdr.on-light .logo path[stroke="#4f74ff"] { stroke: var(--royal) }
@media (max-width: 980px) { .pc .nav.open { background: var(--ink); color: #fff } }

/* 히어로: 파랑 패널 → 따뜻한 흰 바탕, 파랑은 선화·회전 도장만 */
.pc .c-hero-panel.blue { background: var(--paper); color: var(--ink) }
.pc .c-copy .loc, .pc .c-copy .desc { color: var(--ink-2) }
.pc .c-hero-panel .chip-solid { background: #fff; color: var(--ink); border-color: var(--rule) }
.pc .c-hero-panel .sky { color: rgb(0 71 160 / .38) }
.pc .rot { color: var(--royal) }
.pc .rot path[stroke="#4f74ff"] { stroke: currentColor }
@media (max-width: 900px) { .pc .c-rot { background: #fff } }

/* 무대 큐 */
.pc .c-stage { background: var(--paper) }
.pc .c-skip { color: var(--ink-3) }
.pc .c-cue.reached { border-color: #D8CCC0 }
.pc .c-cue.current { box-shadow: 0 10px 28px rgb(0 71 160 / .14) }
@media (max-width: 640px) { .pc .c-cue .link { color: #fff } .still .pc .c-cue .link { color: var(--royal) } .still .pc .c-prices .price { color: var(--red) } }

/* Shrimp or bulgogi? — 페이지의 빨간 한가운데. 빨강 위 글자는 모두 흰색(반투명 흰 글자는 대비 미달) */
.pc .c-two.blue { background: linear-gradient(160deg, var(--red-hi) -10%, var(--red) 35%, var(--red-2) 75%, var(--red-deep) 120%); color: #fff }
.pc .c-two-kicker, .pc .c-two h3 .ko, .pc .c-two-intro, .pc .c-two-cap, .pc .c-two .eyebrow, .pc .c-two .sec-h .lede { color: #fff }
.pc .c-two .buy:not(.buy-line) .btn-add { background: #fff; color: var(--red-deep); border-color: #fff }
.pc .c-two .buy:not(.buy-line) .btn-add:hover { background: #FBEFEB; border-color: #FBEFEB }
.pc .c-two .stepper { border-color: #fff }
.pc .c-two-set { background: rgb(0 0 0 / .16); border-color: rgb(255 255 255 / .22) }
.js .pc .c-two.tabbed .c-two-tabs, .pc .c-two.tabbed .c-two-tabs { background: rgb(0 0 0 / .16) }
.pc .fl-art { filter: drop-shadow(0 10px 14px rgb(60 8 0 / .35)) }
.pc .fl-layer.patty .fl-art { filter: drop-shadow(0 16px 22px rgb(60 8 0 / .42)) }
.pc .fl-ground { background: radial-gradient(closest-side, rgb(60 8 0 / .38), transparent) }
.pc .fl-tag { box-shadow: 0 6px 16px rgb(60 8 0 / .25) }

/* 라인업 */
.pc .c-clip figcaption .eyebrow { color: var(--red-deep) }

/* 에이드·사이드·세트: 파랑 → 연한 홍조(접시 테두리 같은 빨강 8%), 흰 타일에 테두리 */
.pc .c-ades.blue { background: var(--blush); color: var(--ink) }
.pc .c-ades .eyebrow { color: var(--royal) }
.pc .c-ades .sec-h .lede, .pc .c-ades .note { color: var(--ink-2) }
.pc .a-ade-price .price, .pc .sets .price { color: var(--red-deep) }
.pc .ade, .pc .more li { border: 1px solid var(--rule) }

/* 사진 벽 */
.pc .wall figure { background: #E9E2DA }

/* 리뷰(빨강) */
.pc .redbg .eyebrow, .pc .redbg .sec-h .lede { color: #fff }
.pc .redbg :focus-visible, .pc .foot :focus-visible, .pc .nav.open :focus-visible { outline-color: #fff }

/* 방문 */
.pc .map { background: #F3EDE6 }
.pc .map-load { background: repeating-linear-gradient(0deg, transparent 0 46px, rgb(26 22 20 / .07) 46px 48px), repeating-linear-gradient(90deg, transparent 0 46px, rgb(26 22 20 / .07) 46px 48px), #F3EDE6 }
.pc .map-load .pin { box-shadow: 0 0 0 10px rgb(210 48 43 / .15) }

/* 푸터: 남색 → 따뜻한 검정(--navy 별칭), 흰 선화는 옅게 */
.pc .foot .sky { color: rgb(255 255 255 / .16) }
.pc .foot .logo path[stroke="#4f74ff"] { stroke: currentColor }

/* 버튼·칩·스테퍼 호버 */
.pc .btn-line:hover { background: rgb(26 22 20 / .06) }
.pc .redbg .btn-line:hover, .pc .c-two .btn-line:hover, .pc .c-two .buy-line .btn-add:hover, .pc .foot .btn-line:hover { background: rgb(255 255 255 / .12) }
.pc a.chip:hover { background: rgb(26 22 20 / .05) }
.pc .redbg a.chip:hover, .pc .c-two a.chip:hover { background: rgb(255 255 255 / .14) }
.pc a.chip-solid:hover { background: #F3ECE4 }
.pc .stepper button:hover { background: rgb(210 48 43 / .08) }

/* 링크: 밝은 바탕에서 파랑, 빨강 위에서 흰색 */
.pc .link { color: var(--royal) }
.pc .link:hover { color: var(--royal-2) }
.pc .c-two .link, .pc .redbg .link, .pc .rv-meta a { color: #fff }

/* 장바구니 */
.pc .cart-backdrop { background: rgb(26 22 20 / .45) }
.pc .cart-panel { box-shadow: -12px 0 40px rgb(26 22 20 / .18) }
@media (max-width: 640px) { .pc .cart-panel { box-shadow: 0 -12px 40px rgb(26 22 20 / .18) } }
.pc .cl-thumb.set { background: var(--blue-tint) }

/* Approved C section update: a free-scrolling loop beside the real menu photo. */
.pc .c-loop { height: auto; scroll-margin-top: var(--hdr) }
.pc .c-loop .c-stick { position: relative; height: auto; min-height: 740px; grid-template-columns: minmax(0, 57fr) minmax(0, 43fr) }
.pc .c-loop .c-film { min-height: 660px }
.pc .c-loop .c-world { --pw: 43cqw; --pb: 17cqh; --bw: 47cqw }
.pc .c-loop .c-set { transform: none }
.pc .c-loop .c-ade { left: 75cqw; width: 12cqw }
.c-loop-title { position: absolute; z-index: 3; top: 48px; left: 32px; right: 32px; color: #fff }
.c-loop-title .display { font-size: clamp(2.8rem, 4.6vw, 5.2rem); margin-top: 12px }
.c-loop-toggle { position: absolute; z-index: 4; right: 20px; bottom: 18px; padding: 10px 16px; min-height: 44px; border: 1px solid #fff; border-radius: 99px; background: #1a1614; color: #fff; cursor: pointer }
.c-loop .set-cap { right: 155px; left: 20px; bottom: 22px; text-align: left }
.c-loop .loop-static .layer-canvas, .c-loop .loop-static .layer-still { opacity: 0 }
.c-loop .loop-static .layer-end { opacity: 1 }
.c-product { display: grid; align-content: center; gap: 18px; padding: 32px clamp(24px, 3.4vw, 52px) }
.c-product-photo { margin: 0; overflow: hidden; border-radius: 18px; background: #fff }
.c-product-photo img { width: 100%; height: 270px; object-fit: contain }
.c-product-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px }
.c-product-heading h3 { font-size: clamp(1.8rem, 2.6vw, 2.8rem) }
.c-product-heading .price { font-size: 1.5rem; color: var(--red) }
.c-product > p { color: var(--ink-2); line-height: 1.6 }
.c-product > .btn, .c-product-buy .btn-add { width: 100% }
.c-combo { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: center; border-top: 1px solid var(--rule); padding-top: 22px }
.c-combo-photos { position: relative; height: 96px; border-radius: 12px; background: #fff; overflow: hidden }
.c-combo-photos img { position: absolute; width: 80px; height: 80px; object-fit: contain; left: 0; bottom: 0 }
.c-combo-photos img + img { width: 40px; height: 72px; left: auto; right: 0; top: 0 }
.c-combo .eyebrow { color: var(--royal); margin-bottom: 6px }
.c-combo .price { display: block; margin-top: 6px; color: var(--red); font-size: 1.3rem }
.c-combo > .btn, .c-combo-buy { grid-column: 1 / -1; width: 100% }
.c-combo-buy .btn-add { width: 100% }
@media (max-width: 900px) {
  .pc .c-loop .c-stick { grid-template-columns: 1fr; min-height: 0 }
  .pc .c-loop .c-film { min-height: 0; height: 560px }
  .c-product { padding: 32px var(--gut); grid-template-columns: 1fr 1fr; align-items: center }
  .c-product-photo { grid-row: 1 / 5 }
  .c-product-photo img { height: 360px }
  .c-product-heading, .c-product > p, .c-product > .btn, .c-product-buy, .c-combo { grid-column: 2 }
}
@media (max-width: 640px) {
  .pc .c-loop .c-film { height: 460px }
  .pc .c-loop .c-world { --pw: 48cqw; --bw: 55cqw; --pb: 17cqh }
  .c-loop-title { top: 28px; left: 20px; right: 20px }
  .c-loop-title .display { font-size: clamp(2.2rem, 10vw, 3.5rem) }
  .c-loop .set-cap { font-size: 10px; right: 145px }
  .c-loop-toggle { right: 12px; font-size: 12px }
  .c-product { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px 16px 32px }
  .pc .c-loop .c-product > * { grid-column: 1; grid-row: auto; min-width: 0 }
  .c-product-photo img { height: 240px }
  .c-product-heading h3 { font-size: 2rem }
}
.c-loop .c-burger > video { display: none }
.pc .c-loop .c-world { width: 100%; height: 100%; aspect-ratio: auto }
@media (max-width: 640px) {
  .pc .c-loop .c-world { --pw: 62cqw; --bw: 72cqw; --pb: 14cqh }
}
.pc .c-loop .c-film { position: relative; inset: auto }