/* Compact restock panel: inherits the storefront font and stays in the purchase column. */
.msa-widget[hidden], .msa-widget [hidden] { display: none !important; }
.msa-widget { --msa-ink:#111; --msa-line:#e5e5e5; box-sizing:border-box; direction:rtl; width:100%; max-width:100%; margin:16px 0 0; padding:16px; border:1px solid var(--msa-line); border-radius:4px; background:#fff; color:var(--msa-ink); font-family:inherit; font-size:13px; line-height:1.8; text-align:right; clear:both; align-self:stretch; flex-shrink:0; box-shadow:none; }
.msa-widget *, .msa-widget *::before, .msa-widget *::after { box-sizing:border-box; }
.msa-widget .msa-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.msa-widget .msa-icon { display:flex; align-items:center; justify-content:center; flex:0 0 22px; color:var(--msa-ink); }
.msa-widget .msa-icon svg { display:block; width:22px; height:22px; }
.msa-widget .msa-heading-copy { flex:1; min-width:0; }
.msa-widget .msa-heading h3 { margin:0 0 2px; padding:0; font-family:inherit; font-size:14px; font-weight:600; line-height:1.8; color:var(--msa-ink); text-transform:none; letter-spacing:normal; }
.msa-widget .msa-intro { margin:0; font-size:11px; line-height:1.9; color:#717171; }
.msa-widget button { font-family:inherit; font-size:12px; line-height:1.6; letter-spacing:normal; text-transform:none; float:none; box-shadow:none; cursor:pointer; }
.msa-widget button.msa-toggle { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; gap:6px; width:auto; min-height:36px; margin:0; padding:7px 12px; border:1px solid var(--msa-ink); border-radius:4px; background:#fff; color:var(--msa-ink); font-weight:500; white-space:nowrap; }
.msa-widget .msa-toggle svg { display:block; width:13px; height:13px; transition:transform .15s ease; }
.msa-widget.msa-open .msa-toggle svg { transform:rotate(180deg); }
.msa-widget button.msa-toggle:hover, .msa-widget button.msa-toggle:focus-visible { background:var(--msa-ink); color:#fff; }
.msa-widget .msa-panel { margin-top:14px; padding-top:14px; border-top:1px solid #ededed; }
.msa-widget .msa-description { margin:0 0 12px; font-size:12px; line-height:1.9; color:#666; }
.msa-widget .msa-selection { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 14px; }
.msa-widget .msa-selection-label { color:#777; font-size:11px; }
.msa-widget .msa-selection-values { display:flex; flex:1; gap:5px; flex-wrap:wrap; min-width:0; }
.msa-widget .msa-choice { display:inline-block; padding:2px 8px; background:#f5f5f5; border:1px solid #ececec; border-radius:3px; font-size:11px; color:#333; }
.msa-widget button.msa-edit { padding:2px 0; margin:0; width:auto; min-height:24px; background:transparent; border:0; border-radius:0; color:#666; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.msa-widget .msa-help { margin:0 0 8px; font-size:11px; color:#777; }
.msa-widget button.msa-apply-selection { display:block; width:100%; min-height:36px; padding:7px 10px; margin:0 0 14px; border:1px solid #bbb; border-radius:4px; background:#fff; color:#111; font-size:12px; }
.msa-widget button.msa-apply-selection:disabled { opacity:.4; cursor:not-allowed; }
.msa-widget .msa-attributes { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 14px; }
.msa-widget .msa-attributes label { flex:1; min-width:100px; }
.msa-widget label { display:block; margin:0; font-family:inherit; font-size:11px; font-weight:400; line-height:1.8; color:#444; }
.msa-widget select.msa-attribute, .msa-widget input.msa-mobile { display:block; width:100%; max-width:100%; min-width:0; height:40px; min-height:40px; margin:5px 0 0; padding:8px 10px; border:1px solid #d9d9d9; border-radius:4px; background:#fff; color:var(--msa-ink); font-family:inherit; font-size:13px; box-shadow:none; line-height:1.6; }
.msa-widget input.msa-mobile { direction:ltr; text-align:left; letter-spacing:.5px; }
.msa-widget input.msa-mobile::placeholder { color:#aaa; opacity:1; }
.msa-widget .msa-form { display:block; margin:0; padding:0; border:0; width:100%; }
.msa-widget .msa-phone-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; width:100%; }
.msa-widget .msa-phone-field { min-width:0; }
.msa-widget button.msa-submit { display:block; min-height:40px; height:auto; width:auto; min-width:96px; max-width:180px; margin:0; padding:9px 13px; border:1px solid var(--msa-ink); border-radius:4px; background:var(--msa-ink); color:#fff; font-size:12px; font-weight:500; }
.msa-widget button.msa-submit:hover { background:#333; border-color:#333; }
.msa-widget button.msa-submit:disabled { opacity:.4; cursor:not-allowed; }
.msa-widget label.msa-consent { display:flex; align-items:flex-start; gap:7px; margin:12px 0 0; font-size:11px; color:#444; }
.msa-widget .msa-consent input { display:block; flex:0 0 14px; width:14px; height:14px; margin:3px 0 0; padding:0; accent-color:var(--msa-ink); }
.msa-widget small { display:block; margin-top:7px; font-size:10px; line-height:1.9; color:#888; }
.msa-widget .msa-feedback { margin:10px 0 0; font-size:12px; line-height:1.9; color:#555; }
.msa-widget .msa-feedback:empty { display:none; }
.msa-widget.msa-success .msa-feedback { color:#24523a; }
.msa-widget button.msa-retry { display:inline-block; width:auto; margin:8px 0 0; padding:6px 10px; min-height:32px; background:#fff; color:#111; border:1px solid #ccc; border-radius:4px; font-size:11px; }
.msa-widget .msa-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); clip:rect(0,0,0,0); margin:-1px; padding:0; border:0; }
.msa-widget a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.msa-widget :focus-visible { outline:2px solid #555; outline-offset:3px; }
.msa-widget input:focus, .msa-widget select:focus { border-color:#555; }
.elementor-location-single .e-con > .msa-widget { margin-top:0; }
@media(max-width:480px) { .msa-widget { padding:14px; margin-top:14px; } .msa-widget .msa-heading { gap:9px; } .msa-widget .msa-heading h3 { font-size:13px; } .msa-widget .msa-intro { font-size:10px; } .msa-widget button.msa-toggle { padding:6px 9px; min-height:34px; font-size:11px; } .msa-widget input.msa-mobile { font-size:16px; } .msa-widget button.msa-submit { min-width:86px; padding:9px 10px; font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .msa-widget .msa-toggle svg { transition:none; } }
