/* Оду Иво — окно записи (общие стили для главной, статей и калькулятора) */
.bk{margin:auto;width:min(640px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(232,194,122,.45);border-radius:26px;color:#efe8fb;background:radial-gradient(circle at 15% 0%,rgba(142,91,208,.38),transparent 55%),linear-gradient(180deg,#2a1b4b,#150e27);box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 60px rgba(142,91,208,.25),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;font:400 16px/1.5 'Manrope',system-ui,sans-serif}
.bk[open]{animation:bkIn .45s cubic-bezier(.16,1,.3,1)}
.bk::backdrop{background:rgba(8,5,16,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@keyframes bkIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.bk *{box-sizing:border-box}
.bk__in:focus{outline:none}
.bk__in{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:30px 30px 26px}
.bk__x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,194,122,.45);background:rgba(15,10,28,.6);color:#e8c27a;font:400 26px/1 'Forum',serif;cursor:pointer;z-index:2}
.bk__x:active{transform:scale(.94)}
.bk__kick{font:600 12px 'Manrope',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#5fd8cc}
.bk__kick::before{content:"✦ ";color:#e8c27a}
.bk h2{font:400 clamp(28px,4.4vw,38px)/1.08 'Forum',serif;margin:10px 50px 6px 0;color:#efe8fb}
.bk h2 em{font-family:'Cormorant Garamond',serif;font-style:italic;color:#e8c27a}
.bk__lead{color:rgba(239,232,251,.7);font-size:14px}
.bk__lbl{display:block;margin:22px 0 10px;font:600 13px 'Manrope',sans-serif;color:rgba(239,232,251,.85)}
.bk__lbl small{font-weight:500;color:rgba(239,232,251,.45)}
.bk__opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bk__opt{position:relative}
.bk__opt input{position:absolute;opacity:0;pointer-events:none}
.bk__opt span{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:10px 14px;border-radius:14px;border:1px solid rgba(232,194,122,.26);background:rgba(15,10,28,.45);font-size:14px;line-height:1.25;cursor:pointer;transition:border-color .25s,background .25s,transform .15s}
.bk__opt b{flex:none;font:400 18px 'Forum',serif;color:#e8c27a;white-space:nowrap}
.bk__opt span:hover{border-color:rgba(232,194,122,.6)}
.bk__opt span:active{transform:scale(.98)}
.bk__opt input:checked+span{border-color:#e8c27a;background:linear-gradient(180deg,rgba(232,194,122,.2),rgba(232,194,122,.08));box-shadow:0 0 0 1px rgba(232,194,122,.35),0 8px 24px rgba(232,194,122,.12)}
.bk__opt input:focus-visible+span{outline:2px solid #5fd8cc;outline-offset:2px}
.bk__field{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(232,194,122,.3);background:rgba(15,10,28,.55);color:#efe8fb;font:400 16px/1.45 'Manrope',sans-serif;resize:vertical;transition:border-color .25s,box-shadow .25s}
.bk__field::placeholder{color:rgba(239,232,251,.38)}
.bk__field:focus{outline:none;border-color:#e8c27a;box-shadow:0 0 0 3px rgba(232,194,122,.18)}
textarea.bk__field{min-height:96px}
.bk__chips{display:flex;flex-wrap:wrap;gap:8px}
.bk__chips label{position:relative}
.bk__chips input{position:absolute;opacity:0;pointer-events:none}
.bk__chips span{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid rgba(232,194,122,.3);font-size:14px;cursor:pointer;transition:all .2s}
.bk__chips input:checked+span{border-color:#e8c27a;background:rgba(232,194,122,.18);color:#e8c27a}
.bk__chips input:focus-visible+span{outline:2px solid #5fd8cc;outline-offset:2px}
.bk__prev{margin-top:22px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(232,194,122,.35);background:rgba(15,10,28,.4);white-space:pre-wrap;font-size:14px;line-height:1.55;color:rgba(239,232,251,.82)}
.bk__prev::before{content:"Текст заявки";display:block;margin-bottom:6px;font:600 11px 'Manrope',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#5fd8cc}
.bk__go{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:17px 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#f4d9a0,#e8c27a 50%,#d2a456);color:#24123f;font:700 16px 'Manrope',sans-serif;cursor:pointer;box-shadow:0 10px 40px rgba(232,194,122,.35),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .3s}
.bk__go:hover{box-shadow:0 14px 60px rgba(232,194,122,.55)}
.bk__go:active{transform:scale(.98)}
.bk__go[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.bk__go svg{width:24px;height:24px}
.bk__row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:14px;font-size:14px}
.bk__row a,.bk__row button{background:none;border:0;padding:4px 0;color:#e8c27a;font:600 14px 'Manrope',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(232,194,122,.4)}
.bk__note{margin-top:16px;font-size:12px;line-height:1.5;color:rgba(239,232,251,.45);text-align:center}
.bk__hint{margin-top:8px;font-size:13px;color:#e8c27a;min-height:1em;text-align:center}
.bk__done{display:none;text-align:center;padding:10px 0 4px}
.bk__done h2{margin:0 0 6px}
.bk__pick{display:none;align-items:center;gap:12px;padding:12px 14px 12px 16px;border-radius:14px;border:1px solid #e8c27a;background:linear-gradient(180deg,rgba(232,194,122,.18),rgba(232,194,122,.06))}
.bk__pick-n{flex:1;font-size:15px;line-height:1.3}
.bk__pick-p{font:400 20px 'Forum',serif;color:#e8c27a;white-space:nowrap}
.bk__pick button{flex:none;padding:7px 12px;border-radius:999px;border:1px solid rgba(232,194,122,.5);background:none;color:#e8c27a;font:600 13px 'Manrope',sans-serif;cursor:pointer}
.bk.is-picked .bk__pick{display:flex}
.bk.is-picked .bk__opts{display:none}
.bk.is-done .bk__form{display:none}
.bk.is-done .bk__done{display:block}
.bk__done i{display:grid;place-items:center;width:74px;height:74px;margin:6px auto 18px;border-radius:50%;border:1px solid #e8c27a;color:#e8c27a;font:normal 34px/1 'Forum',serif;box-shadow:0 0 40px rgba(232,194,122,.3)}
.bk__done ol{list-style:none;counter-reset:s;display:grid;gap:10px;margin:20px 0 6px;text-align:left}
.bk__done li{position:relative;padding:12px 14px 12px 48px;border-radius:14px;border:1px solid rgba(232,194,122,.24);background:rgba(15,10,28,.4);font-size:14px}
.bk__done li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid #e8c27a;color:#e8c27a;font:400 15px 'Forum',serif}
.bk__hide{display:none!important}
html.bk-lock,html.bk-lock body{overflow:hidden}
@media (max-width:600px){
  .bk{width:100%;margin:auto 0 0;border-radius:24px 24px 0 0;border-bottom:0;max-height:94dvh}
  .bk[open]{animation:bkUp .45s cubic-bezier(.16,1,.3,1)}
  .bk__in{max-height:94dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom))}
  .bk__opts{gap:6px}
  .bk__opt span{min-height:56px;padding:9px 11px;font-size:13px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
  .bk__opt b{font-size:16px}
}
@keyframes bkUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.bk[open]{animation:none}}