.nvm-garan { margin: 1em 0; }
.nvm-garan__badge { display: inline-flex; align-items: center; gap: .5em; padding: .4em .75em; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.nvm-garan__mark { font-weight: 700; letter-spacing: .05em; }
/* Set margin/padding explicitly: a theme `* { margin: 0 }` reset would otherwise wipe the browser's `margin: auto` centring. */
.nvm-garan__dialog { margin: auto; padding: 0; border: 0; max-width: min(420px, calc(100vw - 32px)); }
.nvm-garan__dialog::backdrop { background: rgba(0, 0, 0, .5); }
.nvm-garan__content { position: relative; margin: 0; padding: 40px 16px 16px; }
.nvm-garan__close { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; background: transparent; color: #666; font-size: 20px; line-height: 1; cursor: pointer; }
.nvm-garan__close:hover, .nvm-garan__close:focus-visible { color: #000; }
.nvm-garan__label { display: block; width: 100%; height: auto; }
.nvm-garan__statement, .nvm-garan__rights { display: block; margin-top: .75em; }
.nvm-garan-summary { margin: 0 0 1em; padding: 1em; border: 1px solid #ddd; }
.nvm-garan-summary ul { margin: .5em 0 0; padding: 0; list-style: none; }
.nvm-garan-summary li { display: flex; align-items: center; gap: .5em; margin-top: .5em; }
.nvm-garan-summary img { width: 40px; height: auto; }
/* Fit the whole notice on screen: width follows the image ratio (width / height, A4 portrait by default)
   so its height never exceeds the viewport minus the dialog chrome (16px gutters + 40px/16px content padding). */
.nvm-garan__dialog--notice { width: min(720px, calc(100vw - 32px), calc((100vh - 88px) * var(--nvm-garan-ratio, .7071) + 32px)); max-width: none; max-height: calc(100vh - 32px); overflow: auto; }
.nvm-garan-rights { margin: 0 0 1em; }
.nvm-garan-rights--catalogue { margin: 1em 0; text-align: center; }
.wp-block-woocommerce-checkout-order-summary-block .nvm-garan-rights { margin: 0; padding: 16px; }
