/* GOOD CHIPS — faq
   Ported from the supplied static build. Colors and type sizes resolve from
   global theme settings via the --gc-* custom properties emitted by
   components/theme-css-var.html. */

.gc-faq { position:relative; background:var(--gc-cream); color:var(--gc-ink); }
.gc-faq { min-height:100svh; padding:clamp(100px,13svh,160px) max(6vw,48px); }
.gc-faq-inner { width:min(88vw,1480px); margin:auto; display:grid; grid-template-columns:minmax(500px,.95fr) minmax(540px,1.05fr); gap:clamp(64px,7vw,116px); align-items:start; }
.gc-faq-title { margin:0; font:600 calc((clamp(62px,6.2vw,106px)) * var(--gc-type-scale, 1))/.92 var(--gc-product-serif); letter-spacing:-.045em; }
.gc-faq-line { display:block; white-space:nowrap; }
.gc-faq-questions { font-style:italic; }
.gc-faq-answers { margin-top:.12em; font-style:normal; }
.gc-faq-title strong { font:inherit; }
.gc-faq-questions strong { color:var(--gc-korean); }
.gc-faq-answers strong { color:var(--gc-cheddar); }
.gc-faq-list { border-top:1px solid rgba(var(--gc-ink-rgb),.25); }
.gc-faq-item { border-bottom:1px solid rgba(var(--gc-ink-rgb),.25); }
.gc-faq-item h3 { margin:0; }
.gc-faq-question { width:100%; min-height:92px; display:grid; grid-template-columns:1fr 42px; align-items:center; gap:24px; padding:24px 0; border:0; background:none; color:inherit; text-align:left; cursor:pointer; font:600 calc((clamp(23px,2vw,31px)) * var(--gc-type-scale, 1))/1.15 var(--gc-product-serif); }
.gc-faq-icon { position:relative; width:32px; height:32px; justify-self:end; }
.gc-faq-icon::before,
.gc-faq-icon::after { content:""; position:absolute; left:50%; top:50%; width:18px; height:1px; background:currentColor; transform:translate(-50%,-50%); transition:transform .35s ease; }
.gc-faq-icon::after { transform:translate(-50%,-50%) rotate(90deg); }
.gc-faq-question[aria-expanded="true"] .gc-faq-icon::after { transform:translate(-50%,-50%) rotate(0); }
.gc-faq-answer { height:0; overflow:hidden; opacity:0; }
.gc-faq-answer-inner { max-width:760px; padding:0 58px 30px 0; font:400 calc((clamp(18px,1.45vw,22px)) * var(--gc-type-scale, 1))/1.55 var(--gc-product-serif); color:rgba(var(--gc-ink-rgb),.78); }
.gc-faq-nutrition .gc-faq-answer-inner { max-width:none; padding-right:0; }
.gc-nutrition-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 24px; }
.gc-nutrition-tab { min-height:42px; padding:10px 16px; border:1px solid rgba(var(--gc-ink-rgb),.22); border-radius:999px; background:rgba(255,255,255,.26); color:var(--nutrition-accent); cursor:pointer; font:700 calc((11px) * var(--gc-type-scale, 1))/1 var(--gc-sans); letter-spacing:.1em; text-transform:uppercase; }
.gc-nutrition-tab[aria-selected="true"] { border-color:var(--nutrition-accent); background:var(--nutrition-accent); color:#fff; }
.gc-nutrition-panel[hidden] { display:none; }
.gc-nutrition-panel { --nutrition-accent:var(--gc-teal); display:grid; grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr); gap:24px; align-items:start; }
.gc-nutrition-facts,
.gc-ingredients-card { padding:22px; border:1px solid rgba(255,255,255,.72); border-radius:18px; background:rgba(255,255,255,.34); box-shadow:0 18px 46px rgba(58,43,24,.08); }
.gc-nutrition-facts { border-top:7px solid var(--nutrition-accent); color:var(--gc-ink); font-family:Arial,sans-serif; }
.gc-nutrition-facts h4 { margin:0; padding-bottom:5px; border-bottom:7px solid var(--gc-ink); font:900 calc((32px) * var(--gc-type-scale, 1))/.95 Arial,sans-serif; letter-spacing:-.045em; }
.gc-nutrition-serving,
.gc-nutrition-amount,
.gc-nutrition-calories,
.gc-nutrition-row,
.gc-nutrition-micro { display:flex; justify-content:space-between; gap:18px; }
.gc-nutrition-serving { padding:7px 0; border-bottom:4px solid var(--gc-ink); font-size:calc((12px) * var(--gc-type-scale, 1)); }
.gc-nutrition-amount { padding-top:4px; font-size:calc((10px) * var(--gc-type-scale, 1)); font-weight:700; }
.gc-nutrition-calories { align-items:end; padding:2px 0 4px; border-bottom:5px solid var(--gc-ink); font-size:calc((28px) * var(--gc-type-scale, 1)); font-weight:900; }
.gc-nutrition-dv { padding:3px 0; border-bottom:1px solid var(--gc-ink); text-align:right; font-size:calc((9px) * var(--gc-type-scale, 1)); font-weight:700; }
.gc-nutrition-row,
.gc-nutrition-micro { padding:3px 0; border-bottom:1px solid rgba(var(--gc-ink-rgb),.7); font-size:calc((11px) * var(--gc-type-scale, 1)); line-height:1.15; }
.gc-nutrition-row.is-indent span:first-child { padding-left:12px; }
.gc-nutrition-row.is-double span:first-child { padding-left:24px; }
.gc-nutrition-micros { padding-top:3px; border-top:4px solid var(--gc-ink); }
.gc-nutrition-footnote { margin:7px 0 0; font-size:calc((8px) * var(--gc-type-scale, 1)); line-height:1.25; }
.gc-ingredients-card { border-top:7px solid var(--nutrition-accent); }
.gc-ingredients-card h4 { margin:0 0 8px; color:var(--nutrition-accent); font:700 calc((clamp(30px,3vw,42px)) * var(--gc-type-scale, 1))/1 var(--gc-display); }
.gc-ingredients-card .gc-ingredients-lead { margin:0 0 22px; font:600 italic calc((21px) * var(--gc-type-scale, 1))/1.2 var(--gc-product-serif); color:var(--gc-ink); }
.gc-ingredients-card p { margin:0 0 16px; font-size:calc((17px) * var(--gc-type-scale, 1)); line-height:1.55; }
.gc-ingredients-card p:last-child { margin-bottom:0; }
@media (hover:hover) and (pointer:fine) {
.gc-faq-question:hover { color:var(--gc-teal); }
}
@media (max-aspect-ratio:9/10) {
.gc-faq { padding:110px 24px 90px; }
.gc-faq-inner { width:100%; grid-template-columns:1fr; gap:52px; }
.gc-faq-title { font-size:calc((clamp(44px,12.5vw,64px)) * var(--gc-type-scale, 1)); line-height:.92; }
.gc-faq-question { min-height:80px; font-size:calc((22px) * var(--gc-type-scale, 1)); }
.gc-faq-answer-inner { padding-right:28px; font-size:calc((18px) * var(--gc-type-scale, 1)); }
.gc-faq-nutrition .gc-faq-answer-inner { padding-right:0; }
.gc-nutrition-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.gc-nutrition-tab { min-height:44px; padding:8px 5px; font-size:calc((9px) * var(--gc-type-scale, 1)); letter-spacing:.045em; }
.gc-nutrition-panel { grid-template-columns:1fr; gap:14px; }
.gc-nutrition-facts,
.gc-ingredients-card { padding:18px; border-radius:15px; }
.gc-ingredients-card h4 { font-size:calc((34px) * var(--gc-type-scale, 1)); }
}
.gc-nutrition-tab[data-nutrition-tab="seasalt"] { --nutrition-accent:var(--gc-teal); }
.gc-nutrition-tab[data-nutrition-tab="cheddar"] { --nutrition-accent:var(--gc-cheddar); }
.gc-nutrition-tab[data-nutrition-tab="koreanbbq"] { --nutrition-accent:var(--gc-korean); }
.gc-nutrition-panel[data-nutrition-panel="seasalt"] { --nutrition-accent:var(--gc-teal); }
.gc-nutrition-panel[data-nutrition-panel="cheddar"] { --nutrition-accent:var(--gc-cheddar); }
.gc-nutrition-panel[data-nutrition-panel="koreanbbq"] { --nutrition-accent:var(--gc-korean); }

