/* Pagine "birra personalizzata" per pubblico. Foglio additivo. */
.bp-page { background: var(--cream); }
.breadcrumb { padding: 88px 0 12px; }
.bp-hero { background: var(--black); color: var(--cream); padding: 56px 0 64px; }
.bp-hero-griglia { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.bp-hero h1 { color: var(--cream); margin: 12px 0 18px; }
.bp-hero h1 em { color: var(--amber-light); }
.bp-lead { font-size: 18px; line-height: 1.65; color: rgba(250, 246, 238, 0.82); margin: 0 0 20px; }
.bp-avviso { display: flex; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--amber-light); margin: 0 0 24px; }
.bp-nota { margin: 14px 0 0; font-size: 13px; color: rgba(250, 246, 238, 0.6); }
.bp-foto { margin: 0; text-align: center; }
.bp-foto img { display: block; width: 100%; max-width: 360px; height: auto; margin: 0 auto; border-radius: 16px; }
.bp-foto figcaption { margin-top: 10px; font-size: 12px; color: rgba(250, 246, 238, 0.6); }

.bp-sezione { padding: 56px 0; }
.bp-sezione h2 { margin: 0 0 24px; }
.bp-usi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.bp-usi li { display: flex; flex-direction: column; gap: 8px; padding: 22px; border-radius: 16px; background: #fff; border: 1px solid rgba(10, 9, 8, 0.08); }
.bp-usi i { font-size: 26px; color: var(--amber-deep); }
.bp-usi span { font-size: 15px; line-height: 1.55; color: var(--gray-600, #44403c); }

.bp-idee { background: #fff; }
.bp-idee p { margin: -12px 0 16px; color: var(--gray-600, #44403c); }
.bp-idee ul { margin: 0; padding-left: 20px; line-height: 1.8; color: var(--gray-600, #44403c); }

.bp-passi-lista { margin: 0; padding: 0; list-style: none; counter-reset: passo; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.bp-passi-lista li { counter-increment: passo; display: flex; flex-direction: column; gap: 6px; }
.bp-passi-lista li::before {
  content: counter(passo); width: 32px; height: 32px; border-radius: 50%; background: var(--amber); color: var(--black);
  display: inline-flex; align-items: center; justify-content: center; font-weight: 800; margin-bottom: 4px;
}
.bp-passi-lista span { font-size: 15px; line-height: 1.55; color: var(--gray-600, #44403c); }

.bp-faq { max-width: 820px; }
.bp-faq details { border-bottom: 1px solid rgba(10, 9, 8, 0.12); padding: 14px 0; }
.bp-faq summary { cursor: pointer; font-weight: 600; min-height: 28px; }
.bp-faq p { margin: 10px 0 0; line-height: 1.65; color: var(--gray-600, #44403c); }
.bp-faq a { color: #90692a; text-decoration: underline; }

.bp-chiusura { background: var(--black); color: var(--cream); text-align: center; }
.bp-chiusura h2 { color: var(--cream); }
.bp-altri-titolo { margin: 32px 0 12px; font-size: 14px; color: rgba(250, 246, 238, 0.7); }
.bp-altri { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.bp-altri a { display: inline-block; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(250, 246, 238, 0.25); color: var(--cream); font-size: 14px; }
.bp-altri a:hover { border-color: var(--amber); color: var(--amber-light); }

.bp-schede { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.bp-schede a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 12px; border-radius: 16px; background: var(--black); color: var(--cream); }
.bp-schede img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 8px; }
.bp-schede span { font-size: 13px; color: rgba(250, 246, 238, 0.65); }
.bp-schede a:hover strong { color: var(--amber-light); }

@media (max-width: 760px) {
  .breadcrumb { padding-top: 80px; }
  .bp-hero { padding: 32px 0 40px; }
  .bp-hero-griglia { grid-template-columns: 1fr; gap: 28px; }
  .bp-foto img { max-width: 240px; }
  .bp-sezione { padding: 40px 0; }
  .bp-schede { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}