/* Texus Konsultacija - "Pasikalbėkime apie jūsų projektą": didelė nuotrauka kairėje, laikai ir forma dešinėje */
.kons{padding:96px 0;background:#F4F5FB;color:var(--color-1,#13193F)}
/* .kons-in naudoja svetainės .container - kraštai sutampa su puslapio turiniu */
.kons-wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:64px;align-items:start}

/* asmuo */
.kons-person{margin:0;position:sticky;top:110px}
.kons-person .kons-photo{position:relative}
.kons-photo{position:relative}
.kons-photo img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/7;object-fit:cover;object-position:50% 20%;border-radius:28px;box-shadow:0 24px 48px -24px rgba(19,25,63,.45)}
.kons-person figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:11px 14px;box-shadow:0 8px 24px -12px rgba(19,25,63,.35)}
.kons-person figcaption b{display:block;font-size:18px;line-height:1.25;font-weight:600}
.kons-person figcaption span{display:block;font-size:14px;line-height:1.3;color:var(--color-4,#71779E);margin-top:2px}

/* tekstas */
.kons-main{padding-top:28px}
.kons-h{font-size:42px;line-height:1.15;margin:0 0 16px;font-weight:600;letter-spacing:-.01em}
.kons-p{font-size:18px;line-height:1.65;margin:0 0 36px;color:#3A4066;max-width:640px}
.kons-pick{font-size:20px;font-weight:600;margin:0 0 16px}
.kons-note{margin:0;color:#555}

/* laikai: lyginis dienų skaičius, 4 stulpeliai */
.kons-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kons-day{background:#fff;border:1px solid #E6E8F2;border-radius:14px;padding:10px 10px 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:baseline;gap:6px}
.kons-day.is-full{background:transparent;border-style:dashed;border-color:#CCCFE4}
.kons-wd{text-transform:capitalize;font-size:13px;color:var(--color-4,#71779E)}
.kons-day>.kons-time,.kons-day>.kons-full{flex:0 0 100%}
.kons-dt{font-weight:600;font-size:15px;white-space:nowrap;margin-bottom:2px}
.kons-full{font-size:13px;color:#9AA0BF;padding:4px 0;text-align:center}
.kons-time{width:100%;border:1px solid #D5D9E8;background:#fff;border-radius:9px;padding:5px 0;font:inherit;font-weight:600;color:var(--color-5,#4A65FF);cursor:pointer;transition:.15s}
.kons-time:hover{border-color:var(--color-5,#4A65FF);background:#F5F7FF}
.kons .kons-day .kons-time{line-height:1.25;height:auto;min-height:0;padding:6px 0;margin:0;font-size:15px}
.kons .kons-day .kons-wd,.kons .kons-day .kons-dt,.kons .kons-day .kons-full{line-height:1.3}
.kons-time.is-on{background:var(--color-1,#13193F);color:#fff;border-color:var(--color-1,#13193F)}

/* forma */
.kons-form{margin-top:24px;background:#fff;border-radius:20px;padding:28px}
.kons-chosen{margin:0 0 18px}
.kons-change{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}
.kons-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kons-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.kons-form input:not([type=radio]):not([type=checkbox]),.kons-form textarea{border:1px solid #d5d9e0;border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;width:100%;box-sizing:border-box}
.kons-wide{margin-top:14px}
.kons-fmt{display:flex;gap:22px;margin:16px 0}
.kons-fmt label{flex-direction:row;align-items:center;gap:8px;font-size:15px;cursor:pointer}
.kons-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.kons-send{background:linear-gradient(123deg,#FF4963 0%,#687EFF 100%);color:#fff;border:0;border-radius:30px;padding:15px 30px;font:inherit;font-weight:600;cursor:pointer}
.kons-send:disabled{opacity:.6}
.kons-msg{margin:12px 0 0;min-height:1em;color:#b00020}
.kons-form .kons-agree{flex-direction:row;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;margin:4px 0 18px;cursor:pointer}
.kons-form .kons-agree input{-webkit-appearance:checkbox;appearance:auto;width:18px;height:18px;padding:0;margin:3px 0 0;flex:none;border:0;accent-color:var(--color-5,#4A65FF)}
.kons-agree a{color:var(--color-5,#4A65FF)}
.kons-done{margin-top:20px;background:#fff;border-radius:20px;padding:24px;font-size:17px;font-weight:600}

@media (max-width:1023px){
 .kons-wrap{grid-template-columns:1fr;gap:28px}
 .kons-person{position:static;display:grid;grid-template-columns:minmax(0,160px) 1fr;gap:24px;align-items:end}
 .kons-photo img{border-radius:20px;aspect-ratio:3/4}
 .kons-person figcaption{position:static;margin:0;background:none;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
 .kons-person figcaption b{font-size:22px}
 .kons-main{padding:0}
 .kons-h{font-size:34px}
}
@media (max-width:767px){
 .kons{padding:56px 0}
 .kons-wrap{grid-template-columns:1fr;gap:28px}
 .kons-person{grid-template-columns:minmax(0,136px) 1fr;gap:22px}
  .kons-photo img{border-radius:18px;aspect-ratio:3/4}
 .kons-person figcaption{position:static;margin:0;background:none;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
 .kons-person figcaption b{font-size:20px}
 .kons-main{padding:0}
 .kons-h{font-size:28px}
 .kons-p{font-size:16.5px;margin-bottom:28px}
 .kons-grid{grid-template-columns:1fr}
 .kons-form{padding:20px}
}
@media (max-width:599px){.kons-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* planšetė ir telefonas: antraštė šalia nuotraukos, virš vardo; tekstas ir laikai po jais */
@media (max-width:1023px){
 .kons-wrap{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);column-gap:24px;row-gap:0;
  grid-template-areas:"photo h" "photo who" "p p" "pick pick" "days days" "form form" "done done";align-items:start}
 .kons-person,.kons-main{display:contents}
 .kons-photo{grid-area:photo}
 .kons-h{grid-area:h;align-self:start;margin:0 0 12px}
 .kons-person figcaption{grid-area:who;align-self:end;position:static;margin:0;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .kons-p{grid-area:p;margin-top:24px}
 .kons-pick{grid-area:pick}
 .kons-days{grid-area:days}
 .kons-form{grid-area:form}
 .kons-done{grid-area:done}
}
@media (max-width:767px){
 .kons-wrap{grid-template-columns:minmax(0,136px) minmax(0,1fr);column-gap:18px}
 .kons-h{font-size:26px;line-height:1.2}
 .kons-person figcaption b{font-size:17px}
 .kons-person figcaption span{font-size:13.5px}
}
@media (max-width:1023px){.kons .kons-h{margin-top:10px}.kons .kons-person figcaption{margin-bottom:10px}}
@media (max-width:1023px){.kons{padding-top:48px}}@media (max-width:767px){.kons{padding-top:28px}}
@media (max-width:1023px){.kons{padding-bottom:48px}}@media (max-width:767px){.kons{padding-bottom:28px}}

/* formatas (nuotoliu / gyvai) - piliulių pasirinkimas */
.kons-form .kons-fmt{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.kons-form .kons-fmt label{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:10px;padding:10px 18px 10px 14px;border:1px solid #D5D9E8;border-radius:30px;background:#fff;font-size:15px;line-height:1.2;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.kons-form .kons-fmt label:hover{border-color:var(--color-5,#4A65FF)}
.kons-form .kons-fmt input{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin:0;padding:0;border:2px solid #C3C8DC;border-radius:50%;background:#fff;transition:border-color .15s,box-shadow .15s}
.kons-form .kons-fmt input:checked{border-color:var(--color-5,#4A65FF);box-shadow:inset 0 0 0 3px #fff;background:var(--color-5,#4A65FF)}
.kons-form .kons-fmt input:focus-visible{outline:2px solid var(--color-5,#4A65FF);outline-offset:2px}
.kons-form .kons-fmt label:has(input:checked){border-color:var(--color-5,#4A65FF);background:#F5F7FF;color:var(--color-1,#13193F);font-weight:600}
.kons-form .kons-agree input{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:1px 0 0;border:2px solid #C3C8DC;border-radius:6px;background:#fff center/14px no-repeat;cursor:pointer;transition:border-color .15s,background-color .15s}
.kons-form .kons-agree input:hover{border-color:var(--color-5,#4A65FF)}
.kons-form .kons-agree input:checked{border-color:var(--color-5,#4A65FF);background-color:var(--color-5,#4A65FF);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kons-form .kons-agree input:focus-visible{outline:2px solid var(--color-5,#4A65FF);outline-offset:2px}
/* formatas: be rėmelių ir fono - tik stilizuoti taškai */
.kons-form .kons-fmt{gap:22px}
.kons-form .kons-fmt label,.kons-form .kons-fmt label:has(input:checked){border:0;background:none;padding:4px 0;font-weight:400}
.kons-form .kons-fmt label:hover{border:0}
.kons-form .kons-fmt label:has(input:checked){font-weight:600}