/* Shared FAQ: the approved Dev 2 Direct Ordering treatment.
   Also loaded by the standalone Bryks page. */
.f2g-faq {
  --faq-h2: clamp(1.5rem,7.4vw,1.75rem);
  padding: 38px 0 44px;
  background: var(--c-offwhite);
  color: var(--c-dark);
  overflow-wrap: anywhere;
}
.f2g-faq,.f2g-faq * { box-sizing: border-box; min-width: 0; }
.f2g-faq .f2g-faq__inner { width: calc(100% - 32px); max-width: 1180px; margin: 0 auto; }
.f2g-faq .f2g-faq__heading { display: block; position: static; inset: auto; z-index: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: left; }
.f2g-faq .f2g-faq__heading h2 { max-width: 780px; margin: 0; color: var(--c-dark); font: 800 var(--faq-h2)/1.08 var(--font-brand); letter-spacing: -.01em; text-transform: none; text-wrap: balance; }
.f2g-faq .f2g-faq__heading h2 em { font: inherit; color: var(--c-accent); }
.f2g-faq .f2g-faq__heading > p { max-width: 720px; margin: 20px 0 0; font: 400 .9375rem/1.6 var(--font-ui); color: var(--c-darktaupe); }
.f2g-faq .f2g-faq__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; color: var(--c-darktaupe); font: 700 .75rem/1.4 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; }
.f2g-faq .f2g-faq__eyebrow::before { content: ""; width: 18px; height: 2px; background: var(--c-accent); flex-shrink: 0; }
.f2g-faq .f2g-faq__list { max-width: none; margin: 22px 0 0; }
.f2g-faq .f2g-faq__list details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--c-lightgrey); border-radius: 0; background: transparent; box-shadow: none; }
.f2g-faq .f2g-faq__list details:last-child { border-bottom: 0; }
.f2g-faq .f2g-faq__list summary { position: relative; min-height: 44px; padding: 15px 44px 15px 0; list-style: none; cursor: pointer; color: var(--c-dark); font: 700 1rem/1.35 var(--font-brand); letter-spacing: normal; }
.f2g-faq .f2g-faq__list summary::-webkit-details-marker { display: none; }
.f2g-faq .f2g-faq__list summary::after { content: "+"; position: absolute; right: 7px; top: 13px; color: var(--c-accent); font: 500 23px/1 var(--font-brand); }
.f2g-faq .f2g-faq__list details[open] summary::after { content: "−"; }
.f2g-faq .f2g-faq__list details > p { max-width: none; margin: 0; padding: 0 52px 16px 0; color: var(--c-darktaupe); font: 400 .9375rem/1.6 var(--font-ui); letter-spacing: normal; }
.f2g-faq .f2g-faq__list summary:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 4px; }
/* Bryks retains its existing page container; the same rows fill that container. */
.f2g-faq.f2g-faq--embedded { padding-inline: 0; }
.f2g-faq.f2g-faq--embedded .f2g-faq__inner { width: 100%; }
@media (min-width:601px) { .f2g-faq .f2g-faq__inner { width: calc(100% - 48px); } }
@media (min-width:701px) { .f2g-faq { padding-bottom: 48px; } }
@media (min-width:768px) { .f2g-faq { --faq-h2: 36px; } }
@media (min-width:1200px) { .f2g-faq { --faq-h2: 46px; } }