/* Small, self-contained component: loaded before AJAX Quick View on any storefront page. */
.maofw-offer-box {
    --maofw-ink: #111827; --maofw-muted: #4b5563; --maofw-line: #e5e7eb;
    --maofw-soft: #f8fafc; --maofw-brand: #2563eb; --maofw-brand-dark: #1d4ed8;
    --maofw-on-brand: #fff; --maofw-accent-soft: #eff6ff;
    box-sizing: border-box; width: 100%; margin: 18px 0; border: 1px solid var(--maofw-line);
    border-radius: 12px; background: #fff; color: var(--maofw-ink); box-shadow: none; overflow: hidden;
}
.maofw-offer-box *, .maofw-offer-box *::before, .maofw-offer-box *::after { box-sizing: border-box; }
.maofw-offer-box .maofw-offer-box__head {
    display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px;
    align-items: center; padding: 14px; min-height: 48px; cursor: pointer; list-style: none;
}
.maofw-offer-box__head::-webkit-details-marker { display: none; }
.maofw-offer-box .maofw-offer-box__head:focus-visible { outline: 2px solid var(--maofw-ink); outline-offset: -3px; }
.maofw-offer-box .maofw-offer-box__intro { display: block; min-width: 0; }
.maofw-offer-box .maofw-offer-box__title { display: block; color: var(--maofw-ink); font-size: 16px; line-height: 1.3; font-weight: 800; margin: 0 0 4px; }
.maofw-offer-box .maofw-offer-box__copy { display: block; color: var(--maofw-muted); font-size: 13px; line-height: 1.45; }
.maofw-offer-box .maofw-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--maofw-accent-soft); color: var(--maofw-ink); }
.maofw-offer-box .maofw-icon svg { display: block; width: 24px; height: 24px; max-width: 24px; flex: 0 0 24px; }
.maofw-offer-box .maofw-offer-box__toggle { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 8px; font-size: 11px; font-weight: 700; color: var(--maofw-ink); background: var(--maofw-accent-soft); white-space: nowrap; }
.maofw-offer-box__toggle::after { content: ''; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.maofw-offer-box[open] .maofw-offer-box__toggle { font-size: 0; }
.maofw-offer-box[open] .maofw-offer-box__toggle::before { content: 'Close'; font-size: 11px; }
.maofw-offer-box[open] .maofw-offer-box__toggle::after { transform: rotate(225deg); }
.maofw-offer-box .maofw-offer-box__body { padding: 16px; border-top: 1px solid var(--maofw-line); background: var(--maofw-soft); }
.maofw-offer-box .maofw-offer-form label { display: block; font-weight: 700; margin-bottom: 5px; }
.maofw-offer-box .maofw-offer-form input, .maofw-offer-box .maofw-offer-form textarea { width: 100%; max-width: 100%; min-width: 0; border-radius: 8px; }
.maofw-offer-box .maofw-offer-form textarea { min-height: 90px; }
.maofw-offer-box .maofw-button { background: var(--maofw-brand) !important; border-color: var(--maofw-brand) !important; color: var(--maofw-on-brand) !important; border-radius: 8px !important; padding: 12px 14px !important; line-height: 1.3 !important; white-space: normal; margin: 0; }
.maofw-offer-box .maofw-button:hover { background: var(--maofw-brand-dark) !important; }
.maofw-offer-box .maofw-button:focus-visible { outline: 2px solid var(--maofw-ink); outline-offset: 3px; }
.maofw-offer-box .maofw-notice--info { background: var(--maofw-accent-soft); color: var(--maofw-ink); padding: 12px; border-radius: 8px; }
@media (max-width: 480px) {
    .maofw-offer-box .maofw-offer-box__head { grid-template-columns: 24px minmax(0, 1fr); padding: 12px; }
    .maofw-offer-box .maofw-icon { width: 24px; height: 24px; }
    .maofw-offer-box .maofw-offer-box__toggle { grid-column: 2; justify-self: start; }
}