/* Presentation only: original forms, IDs, names, hidden inputs and consent remain intact. */
body:has(.cp-header) .modal-dialog{width:min(540px,calc(100vw - 28px));max-width:calc(100vw - 28px);margin:32px auto}
body:has(.cp-header) .modal-content{border:1px solid #e8edf3;border-radius:26px;background:#fff;box-shadow:0 24px 80px #162c4826;overflow:hidden}
body:has(.cp-header) .modal-header{padding:25px 28px 15px;border:0;background:#f8f7fa}
body:has(.cp-header) .modal-title{font-family:inherit;font-size:23px;line-height:1.3;font-weight:600;color:#232529;margin:0}
body:has(.cp-header) .modal-body{padding:24px 28px}
body:has(.cp-header) .modal-footer{padding:12px 28px 24px;border:0;background:#fff}
body:has(.cp-header) .modal-header .close{border:0;border-radius:50%;background:#edf1f6;color:#42546c;width:32px;height:32px;line-height:28px;opacity:1;text-shadow:none;font-size:23px}
body:has(.cp-header) .modal label,body:has(.cp-header) .popup label{color:#566171;font-size:13px;font-weight:400;line-height:1.5}
body:has(.cp-header) .modal .form-control,body:has(.cp-header) .modal .ui-input,body:has(.cp-header) .modal .ui-textarea,body:has(.cp-header) .popup input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body:has(.cp-header) .popup textarea,.cordis-product #form-faq input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.cordis-product #form-faq textarea,.cordis-product #form-review input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.cordis-product #form-review textarea{border:1px solid #dfe5ed;border-radius:14px;background:#f7f9fc;box-shadow:none;color:#232529;font-family:inherit;font-size:15px;line-height:1.4;padding:13px 15px;min-height:48px;transition:border-color .15s,box-shadow .15s}
body:has(.cp-header) .modal .form-control:focus,body:has(.cp-header) .popup input:focus,body:has(.cp-header) .popup textarea:focus,.cordis-product #form-faq textarea:focus,.cordis-product #form-review textarea:focus{border-color:#6f96c1;background:#fff;outline:0;box-shadow:0 0 0 3px #eaf1fb}
body:has(.cp-header) .modal textarea,body:has(.cp-header) .popup textarea{height:auto;min-height:110px;resize:vertical}
body:has(.cp-header) .modal .btn-primary,body:has(.cp-header) .modal .ui-btn--primary,body:has(.cp-header) .modal input[type=submit],body:has(.cp-header) .popup .ui-btn--primary,.cordis-product #form-faq .ui-btn--primary,.cordis-product #form-review .ui-btn--primary{border:1px solid #173f86;border-radius:15px;min-height:48px;padding:12px 22px;background:linear-gradient(135deg,#2468a8,#173f86);box-shadow:0 8px 20px #173f861c;color:#fff;font-family:inherit;font-size:14px;font-weight:600;transition:box-shadow .2s,transform .2s}
body:has(.cp-header) .modal .btn-primary:hover,body:has(.cp-header) .popup .ui-btn--primary:hover{box-shadow:0 12px 24px #173f862b;transform:translateY(-1px)}
body:has(.cp-header) .fancybox-content.popup{border-radius:26px;padding:28px;box-shadow:0 24px 80px #162c4826;color:#232529}
body:has(.cp-header) .popup__title{font-size:23px;font-weight:600;line-height:1.35}
body:has(.cp-header) .modal .form-group{margin-bottom:16px}
body:has(.cp-header) .modal form a{color:#315d8e}
body:has(.cp-header) .modal .help-block,body:has(.cp-header) .popup .ui-caption{color:#788394;font-size:11px;line-height:1.55}
@media(max-width:575.98px){body:has(.cp-header) .modal-header,body:has(.cp-header) .modal-body,body:has(.cp-header) .modal-footer{padding-left:20px;padding-right:20px}body:has(.cp-header) .fancybox-content.popup{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){body:has(.cp-header) .modal *,body:has(.cp-header) .popup *{transition:none!important}}
/* Compact feedback dialogs: CSS only, original rows/IDs/names/values retained. */
body:has(.cp-header) .modal-dialog{margin:16px auto}
body:has(.cp-header) .modal-content{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
body:has(.cp-header) .modal-header,body:has(.cp-header) .modal-footer{flex-shrink:0}
body:has(.cp-header) .modal-header{padding-top:18px;padding-bottom:12px}
body:has(.cp-header) .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-top:18px;padding-bottom:20px}
body:has(.cp-header) .modal .form-group{margin-bottom:12px}
body:has(.cp-header) .modal textarea.form-control{height:48px;min-height:48px;max-height:160px;resize:vertical}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio.row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio>.ui-label{flex:0 0 auto;width:auto;margin:0;padding:0;font-size:12px}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio>.ui-checklist{display:flex;align-items:center;flex:1;min-width:0;width:auto;gap:8px;margin:0;padding:0}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-checklist>li{flex:1;min-width:0;margin:0;padding:0}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-checklist>li:first-child{flex:0 1 132px}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-check{display:block;margin:0}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-check__option{display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px;border-radius:10px;font-size:12px;line-height:1.3;text-align:center;white-space:normal}
@media(max-height:650px){body:has(.cp-header) .modal-dialog{margin:10px auto}body:has(.cp-header) .modal-content{max-height:calc(100dvh - 20px)}}

/* Keep choice cards readable on narrow phones; original inputs and consent stay intact. */
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-check{padding:0}
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-checklist>li,
body:has(.cp-header) .modal .zakaz_kp_moadl_radio .ui-checklist>li:first-child{flex:1 1 0}
@media(max-width:359.98px){
 body:has(.cp-header) .modal .zakaz_kp_moadl_radio.row{flex-wrap:wrap;gap:4px}
 body:has(.cp-header) .modal .zakaz_kp_moadl_radio>.ui-label{flex-basis:100%}
 body:has(.cp-header) .modal .zakaz_kp_moadl_radio>.ui-checklist{flex-basis:100%}
}
/* Validation state. The background/border reset above hid Prostore's error mark (.has-error in contactform modals,
   .is-error in popups/FAQ/reviews), so required fields stopped turning red after submit. Same red cross as app.css. */
body:has(.cp-header) .modal .has-error .form-control,
body:has(.cp-header) .modal .is-error .ui-input,
body:has(.cp-header) .modal .is-error .ui-textarea,
body:has(.cp-header) .popup .is-error input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
body:has(.cp-header) .popup .is-error textarea,
.cordis-product #form-faq .is-error input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.cordis-product #form-faq .is-error textarea,
.cordis-product #form-review .is-error input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.cordis-product #form-review .is-error textarea{border-color:#e92c2c;background-color:#fff6f6;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23F45656' stroke-width='2'/%3E%3Cpath d='M11.32 10l2.47-2.47a.7.7 0 000-1l-.33-.33a.7.7 0 00-.99 0L10 8.68 7.53 6.2a.7.7 0 00-1 0l-.33.33a.7.7 0 000 .99L8.68 10 6.2 12.48a.7.7 0 000 .99l.33.33a.7.7 0 00.99 0L10 11.32l2.48 2.47a.7.7 0 00.99 0l.33-.33a.7.7 0 000-.99L11.32 10z' fill='%23F45656'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px;padding-right:44px}
body:has(.cp-header) .modal .has-error textarea.form-control,
body:has(.cp-header) .modal .is-error .ui-textarea,
body:has(.cp-header) .popup .is-error textarea,
.cordis-product #form-faq .is-error textarea,
.cordis-product #form-review .is-error textarea{background-position:right 14px top 14px}
body:has(.cp-header) .modal .has-error .form-control:focus,
body:has(.cp-header) .popup .is-error input:focus,
body:has(.cp-header) .popup .is-error textarea:focus{border-color:#e92c2c;box-shadow:0 0 0 3px #fde3e3}
body:has(.cp-header) .modal .has-error input[type=checkbox],
body:has(.cp-header) .popup .is-error input[type=checkbox]{outline:2px solid #e92c2c;outline-offset:1px}
body:has(.cp-header) .modal label.has-error,
body:has(.cp-header) .modal .has-error>label{color:#c62828}
/* The external chat must not cover consent or submit while a phone dialog is open. */
@media(max-width:575.98px){body.modal-open:has(.cp-header)>jdiv,body.modal-open:has(.cp-header)>#jivo-iframe-container{display:none!important}}