/* cmsms stylesheet: page_resumeform modified: четвер, 8 жовтня 2026 р. 14:29:19 */
/* =========================================================LUMIÈRE — RESUME FORM========================================================= */.resume_submission {display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:22px 16px;width:100%;padding:34px 24px;border:1px solid rgba(36,33,30,.08);border-radius:10px;background:rgba(255,255,255,.78);}.resume_submission  textarea{    height: 50px;}/* =========================================================FIRST ROW========================================================= */.resume_submission > div:has(#resume_name),.resume_submission > div:has(#resume_phone),.resume_submission > div:has(#resume_instagram) {grid-column:span 5;}/* =========================================================FULL WIDTH FIELDS========================================================= */.resume_submission > .resume-vacancy-list,.resume_submission > div:has(#resume_experience),.resume_submission > div:has(#resume_previous_work),.resume_submission > div:has(#resume_salary),.resume_submission > div:has(#resume_about),.resume_submission > div:has(#resume_consent),.resume_submission > .submit {grid-column:1 / -1;}/* =========================================================LABELS========================================================= */.resume_submission .form-label {display:block;margin:0 0 7px;color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:600;line-height:1.4;}/* =========================================================INPUTS========================================================= */.resume_submission .form-control {width:100%;min-height:48px;margin:0;padding:12px 14px 12px 42px;border:1px solid rgba(36,33,30,.13);border-radius:6px;background:#fff;color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;}.resume_submission .form-control:hover {border-color:rgba(184,154,112,.45);}.resume_submission .form-control:focus {border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(184,154,112,.08);outline:none;}.resume_submission .form-control::placeholder {color:var(--muted);opacity:.62;}/* =========================================================INPUT ICONS========================================================= */.resume_submission > div:has(#resume_name),.resume_submission > div:has(#resume_phone),.resume_submission > div:has(#resume_instagram),.resume_submission > div:has(#resume_salary) {position:relative;}.resume_submission > div:has(#resume_name)::before,.resume_submission > div:has(#resume_phone)::before,.resume_submission > div:has(#resume_instagram)::before,.resume_submission > div:has(#resume_salary)::before {position:absolute;left:14px;bottom:15px;z-index:2;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain;content:"";pointer-events:none;}/* name */.resume_submission > div:has(#resume_name)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23706b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20c.8-4 3-6 6.5-6s5.7 2 6.5 6'/%3E%3C/svg%3E");}/* phone */.resume_submission > div:has(#resume_phone)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23706b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5l2.5-1 2.2 4.2-2 1.7c1 2.2 2.8 4 5 5l1.7-2 4.2 2.2-1 2.5c-.4 1-1.5 1.3-2.6 1.1C10.7 17.2 6.8 13.3 5.6 7c-.2-1.1.3-2.1 1.4-2.5Z'/%3E%3C/svg%3E");}/* instagram */.resume_submission > div:has(#resume_instagram)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23706b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='4'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.7' r='.8' fill='%23706b65' stroke='none'/%3E%3C/svg%3E");}/* salary */.resume_submission > div:has(#resume_salary)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23706b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7' rx='7' ry='3'/%3E%3Cpath d='M5 7v5c0 1.7 3.1 3 7 3s7-1.3 7-3V7'/%3E%3Cpath d='M5 12v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5'/%3E%3C/svg%3E");}/* =========================================================TEXTAREAS========================================================= */.resume_submission textarea.form-control {min-height:120px;padding:13px 14px 13px 42px;line-height:1.55;resize:vertical;}.resume_submission #resume_about {min-height:115px;}/* document icons */.resume_submission > div:has(#resume_experience),.resume_submission > div:has(#resume_previous_work),.resume_submission > div:has(#resume_about) {position:relative;}.resume_submission > div:has(#resume_experience)::before,.resume_submission > div:has(#resume_previous_work)::before,.resume_submission > div:has(#resume_about)::before {position:absolute;top:38px;left:14px;z-index:2;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23706b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6z'/%3E%3Cpath d='M14 3.5v4h4'/%3E%3Cpath d='M9 12h6M9 15.5h6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;content:"";pointer-events:none;}/* =========================================================VACANCIES — 3 COLUMNS========================================================= */.resume_submission .resume-vacancy-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;}.resume-vacancy-option {position:relative;}.resume-vacancy-option input {position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none;}.resume-vacancy-option label {display:flex;min-height:48px;align-items:center;gap:9px;margin:0;padding:10px 12px;border:1px solid rgba(36,33,30,.12);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;}.resume-vacancy-option label:hover {border-color:rgba(184,154,112,.5);}.resume-vacancy-option__check {position:relative;flex:0 0 17px;width:17px;height:17px;border:1px solid rgba(36,33,30,.25);border-radius:3px;background:#fff;}.resume-vacancy-option__check::after {position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;opacity:0;transform:rotate(45deg);content:"";}.resume-vacancy-option input:checked + label {border-color:var(--gold);background:rgba(184,154,112,.07);}.resume-vacancy-option input:checked + label .resume-vacancy-option__check {border-color:var(--gold);background:var(--gold);}.resume-vacancy-option input:checked + label .resume-vacancy-option__check::after {opacity:1;}.resume-vacancy-option__title {color:var(--ink);line-height:1.35;}/* =========================================================FILE INFO========================================================= */.resume_submission > div:has(+ .resume-photo-1) {grid-column:1 / -1;margin:0;color:var(--muted);line-height:1.5;}/* =========================================================PHOTO UPLOADS — 5 IN ONE ROW========================================================= */.resume_submission > .resume-photo-1,.resume_submission > .resume-photo-2,.resume_submission > .resume-photo-3,.resume_submission > .resume-photo-4,.resume_submission > .resume-photo-5 {position:relative;grid-column:span 3;width:100%;height:120px;min-width:0;}.resume_submission .resume-photo-1 .form-control,.resume_submission .resume-photo-2 .form-control,.resume_submission .resume-photo-3 .form-control,.resume_submission .resume-photo-4 .form-control,.resume_submission .resume-photo-5 .form-control {position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:1px dashed rgba(184,154,112,.45);border-radius:6px;background: transparent;opacity: 1;font-size:0;cursor:pointer;}.resume_submission input[type="file"]::file-selector-button {width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;cursor:pointer;}/* photo icon */.resume_submission .resume-photo-1::before,.resume_submission .resume-photo-2::before,.resume_submission .resume-photo-3::before,.resume_submission .resume-photo-4::before,.resume_submission .resume-photo-5::before {position:absolute;top:30px;left:50%;z-index:9;width:28px;height:22px;border:1.4px solid var(--muted);border-radius:3px;background:radial-gradient(circle at 20px 6px,var(--muted) 0 2px,transparent 2.5px);transform:translateX(-50%);content:"";pointer-events:none;}.resume_submission .resume-photo-1::after,.resume_submission .resume-photo-2::after,.resume_submission .resume-photo-3::after,.resume_submission .resume-photo-4::after,.resume_submission .resume-photo-5::after {position:absolute;top:63px;left:50%;z-index:9;color:var(--muted);white-space:nowrap;transform:translateX(-50%);pointer-events:none;}.resume_submission .resume-photo-1::after {content:"Фото 1";}.resume_submission .resume-photo-2::after {content:"Фото 2";}.resume_submission .resume-photo-3::after {content:"Фото 3";}.resume_submission .resume-photo-4::after {content:"Фото 4";}.resume_submission .resume-photo-5::after {content:"Фото 5";}/* =========================================================CONSENT========================================================= */.resume_submission > div:has(#resume_consent) {display:flex;align-items:flex-start;gap:9px;margin:0;}.resume_submission #resume_consent {flex:0 0 auto;width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0;accent-color:var(--gold);cursor:pointer;}.resume_submission > div:has(#resume_consent) .form-label {margin:0;color:var(--muted);font-weight:400;line-height:1.5;}/* =========================================================SUBMIT========================================================= */.resume_submission .submit {margin:0;}.resume_submission .submit .gold-btn {width:100%;min-height:52px;padding:12px 24px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:#fff;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease,border-color .25s ease;}.resume_submission .submit .gold-btn:hover {border-color:var(--gold);background:var(--gold);}/* =========================================================MOBILE — ONE COLUMN========================================================= */@media (max-width:767.98px) {.resume_submission {display:grid;grid-template-columns:1fr;gap:18px;padding:22px 16px;}.resume_submission > div:has(#resume_name),.resume_submission > div:has(#resume_phone),.resume_submission > div:has(#resume_instagram),.resume_submission > .resume-vacancy-list,.resume_submission > div:has(#resume_experience),.resume_submission > div:has(#resume_previous_work),.resume_submission > div:has(#resume_salary),.resume_submission > div:has(+ .resume-photo-1),.resume_submission > .resume-photo-1,.resume_submission > .resume-photo-2,.resume_submission > .resume-photo-3,.resume_submission > .resume-photo-4,.resume_submission > .resume-photo-5,.resume_submission > div:has(#resume_about),.resume_submission > div:has(#resume_consent),.resume_submission > .submit {grid-column:1 / -1;}.resume_submission .resume-vacancy-list {grid-template-columns:1fr;}.resume_submission > .resume-photo-1,.resume_submission > .resume-photo-2,.resume_submission > .resume-photo-3,.resume_submission > .resume-photo-4,.resume_submission > .resume-photo-5 {height:105px;}.resume_submission > div:has(#resume_experience)::before{    top: 65px}}/* =========================================================SMALL MOBILE========================================================= */@media (max-width:575.98px) {.resume_submission {gap:16px;padding:18px 12px;}.resume_submission .form-control {min-height:46px;}.resume_submission textarea.form-control {min-height:112px;}.resume_submission .resume-vacancy-list {gap:7px;}.resume-vacancy-option label {min-height:46px;}.resume_submission > .resume-photo-1,.resume_submission > .resume-photo-2,.resume_submission > .resume-photo-3,.resume_submission > .resume-photo-4,.resume_submission > .resume-photo-5 {height:98px;}}.resume_submission input[type="checkbox"].form-control {width:18px;height:18px;padding:0;margin:0;appearance:auto;-webkit-appearance:checkbox;cursor:pointer;}.resume-vacancy-error {display:none;margin-top: 10px;color: #a34a3b;text-align: center;border: 3px #FF5722 double;padding: 5px;;}.resume-vacancy-list.has-error .resume-vacancy-error {display:block;}.resume_submission #cntnt01fbrp_submit:disabled {opacity:.4;cursor:not-allowed;background:#9b9185;border-color:#9b9185;color:#fff;}.phone-validation-message {display:none;margin-top:6px;color:#a34a3b;}.phone-validation-message.is-visible {display:block;}/* =========================================================PHOTO UPLOAD — SELECTED PREVIEW========================================================= */.resume-photo-1,.resume-photo-2,.resume-photo-3,.resume-photo-4,.resume-photo-5 {position:relative;overflow:hidden;}.resume-photo-1.has-preview,.resume-photo-2.has-preview,.resume-photo-3.has-preview,.resume-photo-4.has-preview,.resume-photo-5.has-preview {border-radius:6px;}/* preview image */.resume-photo-preview {position:absolute;inset:0;z-index:9;width:100%;height:100%;object-fit:cover;border-radius:6px;opacity:0;transition:opacity .2s ease;pointer-events:none;}.resume-photo-1.has-preview .resume-photo-preview,.resume-photo-2.has-preview .resume-photo-preview,.resume-photo-3.has-preview .resume-photo-preview,.resume-photo-4.has-preview .resume-photo-preview,.resume-photo-5.has-preview .resume-photo-preview {opacity:1;}/* dark overlay */.resume-photo-overlay {position:absolute;inset:0;z-index:5;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.18));opacity:0;transition:opacity .2s ease;pointer-events:none;}.resume-photo-1.has-preview .resume-photo-overlay,.resume-photo-2.has-preview .resume-photo-overlay,.resume-photo-3.has-preview .resume-photo-overlay,.resume-photo-4.has-preview .resume-photo-overlay,.resume-photo-5.has-preview .resume-photo-overlay {opacity:1;}/* remove button */.resume-photo-remove {position:absolute;top:8px;right:8px;z-index:10;display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(20,18,16,.72);color:#fff;font-family:Arial,sans-serif;font-size:18px;font-weight:300;line-height:1;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;}.resume-photo-1.has-preview .resume-photo-remove,.resume-photo-2.has-preview .resume-photo-remove,.resume-photo-3.has-preview .resume-photo-remove,.resume-photo-4.has-preview .resume-photo-remove,.resume-photo-5.has-preview .resume-photo-remove {opacity:1;transform:scale(1);}.resume-photo-remove:hover {background:rgba(13,13,13,.92);}/* hide initial upload decoration when image exists */.resume-photo-1.has-preview::before,.resume-photo-2.has-preview::before,.resume-photo-3.has-preview::before,.resume-photo-4.has-preview::before,.resume-photo-5.has-preview::before,.resume-photo-1.has-preview::after,.resume-photo-2.has-preview::after,.resume-photo-3.has-preview::after,.resume-photo-4.has-preview::after,.resume-photo-5.has-preview::after {opacity:0;}/* keep input clickable *//* keep input clickable */.resume-photo-1 input[type="file"],.resume-photo-2 input[type="file"],.resume-photo-3 input[type="file"],.resume-photo-4 input[type="file"],.resume-photo-5 input[type="file"] {position:absolute;inset:0;z-index:8;width:100%;height:100%;cursor:pointer;opacity:0;}.resume-photo-message {position:absolute;left:10px;right:10px;bottom:10px;z-index:12;padding:8px 10px;border-radius:5px;background:rgba(20,18,16,.88);color:#fff;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease;}.resume-photo-1.has-error .resume-photo-message,.resume-photo-2.has-error .resume-photo-message,.resume-photo-3.has-error .resume-photo-message,.resume-photo-4.has-error .resume-photo-message,.resume-photo-5.has-error .resume-photo-message {opacity:1;}.resume-form-wrap {position:relative;}.resume-form-loader {position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(13,13,13,.48);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease, visibility .2s ease;}.resume-form-wrap.is-loading .resume-form-loader {opacity:1;visibility:visible;pointer-events:auto;}.resume-form-loader__spinner {width:56px;height:56px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:resumeLoaderSpin .75s linear infinite;}.resume-form-loader__text {padding:10px 18px;border-radius:6px;background:rgba(13,13,13,.85);color:#fff;text-align:center;}@keyframes resumeLoaderSpin {to {transform:rotate(360deg);}}.resume-success {max-width:620px;margin:40px auto;padding:60px 40px;border:1px solid rgba(184,154,112,.35);background:var(--cream);text-align:center;}.resume-success__icon {display:flex;width:56px;height:56px;margin:0 auto 24px;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Arial,sans-serif;font-size:24px;line-height:1;}.resume-success__title {margin:0 0 16px;color:var(--ink);}.resume-success__text {max-width:500px;margin:0 auto 30px;color:var(--muted);line-height:1.7;}.resume-success__button {display:inline-flex;min-height:48px;padding:0 28px;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:#fff;text-decoration:none;transition:background-color .2s ease,border-color .2s ease;}.resume-success__button:hover {border-color:var(--gold2);background:var(--gold2);color:#fff;}