.ff-disclosure { min-width: 0; }
.ff-disclosure__trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: .8rem; max-width: 100%; min-height: 2.6rem; padding: .65rem .9rem; border: 1px solid #d9cfc2; border-radius: .7rem; background: #fffaf2; color: #752d2b; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.ff-disclosure__trigger:hover { border-color: #a83938; background: #f9eee6; }
.ff-disclosure__trigger:focus-visible,.ff-disclosure__close:focus-visible { outline: 2px solid #a83938; outline-offset: 3px; }
.ff-disclosure__icon { flex: 0 0 auto; font-size: 1.15rem; line-height: 1; }
.ff-disclosure__dialog { position: fixed; width: min(38rem, 100vw); max-width: 100vw; max-height: 100dvh; padding: 0; border: 0; overflow-y: auto; background: #f8f2e9; color: #29211e; box-shadow: -18px 0 55px #2c1b1640; }
.ff-disclosure__dialog--drawer { inset: 0 0 0 auto; height: 100dvh; margin: 0 0 0 auto; }
.ff-disclosure__dialog--modal { inset: 0; max-height: min(90dvh, 45rem); margin: auto; border-radius: 1rem; }
.ff-disclosure__dialog::backdrop { background: #1d1714a8; }
.ff-disclosure__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.2rem clamp(1.2rem, 3vw, 2rem); background: #29211e; color: #fffaf2; }
.ff-disclosure__title { margin: 0; font-size: clamp(1.25rem, 2.6vw, 1.7rem); line-height: 1.25; }
.ff-disclosure__close { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; border: 1px solid #ffffff70; border-radius: 50%; background: transparent; color: #fff; font: inherit; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.ff-disclosure__body { padding: clamp(1.2rem, 3vw, 2rem); line-height: 1.6; overflow-wrap: anywhere; }
.ff-disclosure__body > :first-child { margin-top: 0; }
.ff-disclosure__body > :last-child { margin-bottom: 0; }
.ff-disclosure__body .desk-form { max-width: none; }
.ff-disclosure--static > .ff-disclosure__heading { margin: 0 0 1rem; font-size: 1.15rem; }
.product-card__details .ff-disclosure__trigger { margin-top: .25rem; }
@media (max-width: 40rem) { .ff-disclosure__dialog--modal { inset: 0 0 0 auto; width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; } }
