/* Winkelblok merkgidsen (2 nov 2026, verbeterd na de test), zie shop.js */
.fg-buy-wrap { margin: 1rem 0; }
.fg-buy { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; padding: .9rem 1rem; border: 1px solid currentColor; border-radius: 12px; }
.fg-buy-price { font-size: 1.25rem; font-weight: 700; }
.fg-buy-size { font: inherit; min-height: 44px; padding: .5rem .7rem; border-radius: 8px; border: 1px solid currentColor; background: transparent; color: inherit; }
.fg-buy-btn { min-height: 44px; }
.fg-buy-btn[disabled] { opacity: .55; cursor: not-allowed; }
.fg-buy-more { font: inherit; font-size: .95rem; min-height: 44px; padding: .5rem 1rem; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
.fg-buy-more[hidden], .fg-buy-msg[hidden], .fg-buy-cart[hidden] { display: none; }
.fg-buy-more[disabled] { opacity: .55; cursor: not-allowed; }
.fg-buy-size:focus-visible, .fg-buy-btn:focus-visible, .fg-buy-more:focus-visible, .fg-buy-wrap a:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.fg-buy-msg, .fg-buy-cart { margin: .6rem 0 0; font-size: .95rem; font-weight: 600; }
.fg-buy-out { display: inline-block; min-height: 44px; line-height: 44px; }
.fg-buy-note { margin: .4rem 0 0; font-size: .85rem; opacity: .75; }
.fg-buy-nf { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .8rem; margin: .7rem 0 0; }
.fg-buy-nf[hidden] { display: none; }
.fg-buy-nf .fg-buy-note { flex-basis: 100%; margin: 0; }
.fg-buy-email { font: inherit; font-size: 1rem; flex: 1 1 14rem; min-width: 0; min-height: 44px; padding: .5rem .8rem; border-radius: 8px; border: 1px solid currentColor; background: transparent; color: inherit; }
.fg-buy-go { min-height: 44px; }
.fg-buy-email:focus-visible, .fg-buy-go:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
