/* Capability-based fallback, scoped to the order page. No CSS variables or flex/grid. */
.order-basic-mode body { color: #222; background: #fff; font: 16px/1.5 Arial, sans-serif; }
.order-basic-mode *, .order-basic-mode *:before, .order-basic-mode *:after { box-sizing: border-box; }
.order-basic-mode [hidden] { display: none !important; }
.order-basic-mode .container, .order-basic-mode .container-fluid { width: 100%; max-width: 960px; margin: 0 auto; padding: 12px; }
.order-basic-mode .row { display: block; margin: 0; }
.order-basic-mode .row:after { content: ''; display: table; clear: both; }
.order-basic-mode [class*="col-"] { display: block; float: none; width: 100%; max-width: 100%; padding: 5px 0; }
.order-basic-mode .navbar-wrapper, .order-basic-mode .navbar { position: static; display: block; height: auto; background: #fff; color: #222; }
.order-basic-mode .navbar-collapse { display: block !important; position: static; width: 100%; max-width: 100%; height: auto; padding: 0; box-shadow: none; }
.order-basic-mode .navbar-toggler { display: none; }
.order-basic-mode .navbar-nav { display: block; padding: 0; margin: 12px 0; list-style: none; }
.order-basic-mode .navbar-nav > li { display: inline-block; width: auto; margin: 0 10px 8px 0; }
.order-basic-mode .navbar a { color: #174879; }
.order-basic-mode .dropdown-menu { position: static; float: none; background: #fff; }
.order-basic-mode .dropdown-menu.order-basic-open { display: block; }
.order-basic-mode .logo { max-width: 100%; }
.order-basic-mode #services { margin: 0 auto 16px; }
.order-basic-mode #services .service-box { display: block; overflow: visible; padding: 15px; margin-bottom: 16px; border: 1px solid #ccc; background: #f5f5f5; color: #222; }
.order-basic-mode .service-title { padding: 0; margin: 8px 0 16px; color: #222; }
.order-basic-mode .service-icon { display: none; }
.order-basic-mode .d-flex { display: block !important; white-space: normal !important; }
.order-basic-mode #services label { color: #222; }
.order-basic-mode #services input, .order-basic-mode #services select { color: #222; background-color: #fff; font: 16px Arial, sans-serif; }
.order-basic-mode #services input[type="text"], .order-basic-mode #services input[type="email"], .order-basic-mode #services input[type="tel"], .order-basic-mode #services select { display: block; width: 100%; height: 40px; padding: 6px; border: 1px solid #888; border-radius: 0; }
.order-basic-mode #services input[type="checkbox"] { width: auto; height: auto; margin-right: 6px; }
.order-basic-mode #services .style-select:after { display: none; }
.order-basic-mode #services select { appearance: auto; -webkit-appearance: menulist; padding-right: 6px; background-image: none; }
.order-basic-mode .my-fake-select { display: none; }
.order-basic-mode #select-doc-order { display: block !important; }
.order-basic-mode #preview-column { display: none !important; }
.order-basic-mode .upload-content-wrapper { display: block; width: 100%; padding: 10px; border: 1px solid #bbb; background: #fff; }
.order-basic-mode .upload-content-wrapper .btn { margin-bottom: 8px; }
.order-basic-mode .upload-content-wrapper > .btn { display: none; }
.order-basic-mode .hidden-file-input { display: block !important; position: static; width: 100%; height: auto; opacity: 1; visibility: visible; margin-bottom: 10px; }
.order-basic-mode .upload-flex-container, .order-basic-mode .file-status-box { display: block; }
.order-basic-mode .progress-track { width: 100%; height: 10px; background: #ddd; }
.order-basic-mode .progress-fill { height: 10px; background: #2477b3; }
.order-basic-mode .preview-mini { max-width: 100%; max-height: 100px; }
.order-basic-mode .btn, .order-basic-mode button { padding: 8px 14px; border: 1px solid #777; background: #fff; color: #222; cursor: pointer; font: 16px Arial, sans-serif; }
.order-basic-mode .error_input, .order-basic-mode .error-text, .order-basic-mode .required-line-star { color: #b00020; }
.order-basic-mode .modal { display: none; }
.order-basic-mode .modal.order-basic-open { display: block; position: fixed; top: 0; left: 0; z-index: 1100; width: 100%; max-width: none; height: 100%; margin: 0; padding: 15px; overflow: auto; opacity: 1; background: #eee; }
.order-basic-mode .modal.order-basic-open .modal-dialog { display: block; width: 100%; max-width: 900px; margin: 0 auto; padding: 15px; transform: none; pointer-events: auto; border: 1px solid #888; background: #fff; }
.order-basic-mode .modal-header, .order-basic-mode .modal-content, .order-basic-mode .modal-footer { display: block; background: #fff; color: #222; border: 0; }
.order-basic-mode .modal .close { float: right; }
.order-basic-mode .modal table { width: 100%; border-collapse: collapse; }
.order-basic-mode .modal td { padding: 6px; border: 1px solid #bbb; word-wrap: break-word; }