/* Посадочная /mimori/: то, чего нет в эталоне (sites/mimori-preview) и что появилось при переносе на ShopCMS.
   Подключается последним слоем после style.css, motion.css, foreground.css.
   1. Наличие товара из каталога в карточке размера.
   2. Форма заявки: общий партиал темы partials/contact-form.php (POST /api/contact-message, тема mimori)
      оформлена так же, как была форма эталона (#lead-form в style.css): поля, ошибки, блок «Заявка отправлена». */

/* ── Наличие в карточке размера ─────────────────────────────────────────── */
.mimori-stock{display:block;font-size:11px;font-weight:700;line-height:1.5;color:#2f7a45;margin-top:6px}
.mimori-stock.is-ask{color:#a24d12}
.care-card p{font-weight:700;color:var(--ink)}

/* ── Форма заявки ───────────────────────────────────────────────────────── */
.contact-form-card .contact-form-section{display:block;padding:0;margin:0;background:none;border:0}
.contact-form-card .contact-form-body{min-width:0;position:relative}
.contact-form-card .inquiry-form{margin-top:26px}
.contact-form-card .inquiry-form[hidden],.contact-form-card .contact-form-success[hidden],.contact-form-card .form-alert[hidden]{display:none}
.contact-form-card .contact-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form-card .inquiry-form label{display:block;font-size:11px;font-weight:700;line-height:1.6;margin-bottom:15px}
.contact-form-card .inquiry-form .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 15px}
.contact-form-card .inquiry-form input:not([type=hidden]),
.contact-form-card .inquiry-form select,
.contact-form-card .inquiry-form textarea{display:block;width:100%;height:auto;flex:none;border:1px solid #c8d8d9;border-radius:12px;background:#fff;padding:12px 13px;font-size:12px;line-height:1.7;min-height:46px;color:var(--ink);margin-top:7px}
.contact-form-card .inquiry-form textarea{resize:vertical}
.contact-form-card .inquiry-form input[aria-invalid=true],
.contact-form-card .inquiry-form select[aria-invalid=true],
.contact-form-card .inquiry-form textarea[aria-invalid=true]{border-color:#b5361d;background:#fff4ef}
.contact-form-card .inquiry-form [data-error]{font-size:10px;color:#a32e18;display:block;font-weight:400;line-height:1.6;padding-top:4px}
.contact-form-card .inquiry-form [data-error]:empty{display:none}
.contact-form-card .inquiry-form .button{width:100%;margin-top:19px;justify-content:space-between;background:#c03d23;color:#fff;border:1px solid #c03d23}
.contact-form-card .inquiry-form .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.contact-form-card .inquiry-form[aria-busy=true] [data-contact-submit]{opacity:.7;cursor:progress}
.contact-form-card .inquiry-form .form-note a{text-decoration:underline;text-underline-offset:3px}
.contact-form-card .form-alert{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#fff4ef;border:1px solid #e9b9a8;color:#7f2412}
.contact-form-card .form-alert .icon{width:20px;height:20px;margin-top:1px}
.contact-form-card .form-alert p{font-size:12px;line-height:1.6;font-weight:700}

/* ── Блок «Заявка отправлена» ───────────────────────────────────────────── */
.contact-form-card .contact-form-success{margin-top:22px;padding:22px;border-radius:16px;background:var(--mint)}
.contact-form-card .contact-form-success:focus{outline:none}
.contact-form-card .contact-form-success>.icon{width:34px;height:34px;color:#2f7a45;margin-bottom:10px}
.contact-form-card .contact-form-success h3{font-size:20px;line-height:1.4;margin-bottom:6px}
.contact-form-card .contact-form-success p{font-size:12px;line-height:1.8;margin-bottom:16px}
.contact-form-card .contact-form-success .text-link{text-decoration:underline;text-underline-offset:3px}
.contact-form-card .contact-form-success .button{width:auto;min-height:44px;background:#fff;color:var(--ink);border:1px solid var(--line)}

@media (max-width:720px){
  .contact-form-card .inquiry-form .form-grid{grid-template-columns:1fr}
  .contact-form-card .inquiry-form label{font-size:11px}
  .contact-form-card .inquiry-form input:not([type=hidden]),
  .contact-form-card .inquiry-form select,
  .contact-form-card .inquiry-form textarea{font-size:13px;min-height:48px}
}