/* glp3b-main: Ergaenzungen zur Referenz (buyglp3b.com) */
:root { --brand: #f07800; --brand-dark: #c85a0a; --brand-light: #ff9e2c; --ink: #1d1d1b; --sand: #f0dfc7; --cta: #f07800; }
.ingredients-table { width: 100%; margin-bottom: 1rem; font-family: monospace; font-size: 0.9rem; }
.ingredients-table thead th { text-align: left; }
.ingredients-table td { border: 1px solid var(--sand); padding: 0.25rem; }
.ingredients-table a { color: var(--brand-dark) !important; }
.ingredients-table .nrv-header, .ingredients-table .ingredient-nrv { text-align: right; }
.ingredients-footnotes { margin-bottom: 1rem; font-size: 0.9rem; }
.bg-glp-gradient { background: radial-gradient(80% 65% at 18% 30%, rgba(240, 120, 0, 0.28) 0%, rgba(240, 120, 0, 0) 62%), radial-gradient(70% 60% at 96% 96%, rgba(105, 171, 48, 0.18) 0%, rgba(105, 171, 48, 0) 65%), linear-gradient(110deg, rgb(255, 233, 201) 0%, rgb(255, 226, 184) 18%, rgb(255, 238, 214) 45%, rgb(255, 246, 232) 72%, rgb(255, 251, 244) 100%); }
.bg-brand { background-color: var(--brand); } .hover\:bg-brand-dark:hover { background-color: var(--brand-dark); }
.bg-ink { background-color: var(--ink); } .text-ink { color: var(--ink); }
.text-brand, .hover\:text-brand:hover, .group:hover .group-hover\:text-brand { color: var(--brand); }
.text-brand-dark, .hover\:text-brand-dark:hover { color: var(--brand-dark); }
#mobile-menu.open { transform: translateX(0); }
.meta-content h2 { font-size: 1.5rem; font-weight: 700; margin: 1.25rem 0 .5rem; }
.meta-content h3 { font-size: 1.2rem; font-weight: 700; margin: 1rem 0 .5rem; }
.meta-content p, .meta-content li { margin-bottom: .75rem; line-height: 1.6; }
.meta-content ul { list-style: disc; padding-left: 1.5rem; }
.meta-content a { color: var(--brand-dark); text-decoration: underline; }

/* Accordion-Markup aus gM('return-policy') (Bootstrap-Klassen) im Referenz-Look */
.accordion { width: 100%; }
.accordion-item { border: 1px solid #e5e7eb; border-radius: .5rem; margin-bottom: .75rem; overflow: hidden; background: #fff; }
.accordion-header { margin: 0; }
.accordion-button { width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: left; background: #fdf6ec; color: #c85a0a; font-weight: 600; padding: 1rem 1.25rem; border: 0; cursor: pointer; font-family: inherit; font-size: 1rem; }
.accordion-button h4 { font-size: 1.05rem; font-weight: 600; margin: 0; }
.accordion-button::after { content: ""; width: .7rem; height: .7rem; border-right: 2px solid #f07800; border-bottom: 2px solid #f07800; transform: rotate(225deg); transition: transform .2s; flex-shrink: 0; margin-left: 1rem; }
.accordion-button.collapsed { background: #fff; color: #1d1d1b; }
.accordion-button.collapsed::after { transform: rotate(45deg); }
.accordion-collapse { display: none; }
.accordion-collapse.show { display: block; }
.accordion-body { padding: 1rem 1.25rem 1.25rem; line-height: 1.6; }
.accordion-body p { margin-bottom: .75rem; }
.section-title h2, .section-title h3 { font-weight: 700; font-size: 1.5rem; margin-bottom: 1rem; }

/* Tailwind-Utility .collapse{visibility:collapse} (Referenz-CSS) kollidiert mit dem Bootstrap-Markup aus gM('return-policy') */
.accordion .accordion-collapse.collapse { visibility: visible; }
.accordion .accordion-collapse { display: none; visibility: visible; }
.accordion .accordion-collapse.show { display: block; }