/* Плавающий виджет-форма заказа Комбус (DMI-369..385). Бренд-токены kombus-theme. */
.kw-btn,.kw-card,.kw-card *{box-sizing:border-box}
.kw-btn{
  position:fixed;right:24px;bottom:24px;z-index:1500;display:inline-flex;align-items:center;gap:9px;
  background:#F26522;color:#fff;border:none;cursor:pointer;padding:14px 20px;border-radius:12px;
  font-family:'Golos Text',-apple-system,sans-serif;font-weight:600;font-size:15px;line-height:1;
  box-shadow:0 8px 24px rgba(242,101,34,.30);transition:transform .2s,box-shadow .2s;
}
.kw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(242,101,34,.42)}
.kw-btn-ic{font-size:18px}

.kw-card{
  position:fixed;right:24px;bottom:24px;z-index:1501;width:380px;max-width:calc(100vw - 32px);
  background:#fff;border:1px solid #E8ECF2;border-radius:16px;overflow:hidden;display:none;
  box-shadow:0 24px 60px rgba(30,58,95,.30);font-family:'Golos Text',-apple-system,sans-serif;color:#1a2327;
}
.kw-card.on{display:block;animation:kw-pop .32s cubic-bezier(.4,0,.2,1)}
@keyframes kw-pop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}

.kw-bar{height:3px;background:#E8ECF2}
.kw-bar i{display:block;height:100%;background:#F26522;width:25%;transition:width .35s cubic-bezier(.4,0,.2,1)}
.kw-h{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#F5F7FA;border-bottom:1px solid #E8ECF2}
.kw-t{font-weight:600;color:#1E3A5F;font-size:15px}
.kw-s{font-size:12px;color:#546E7A;margin-top:2px}
.kw-x{background:none;border:none;cursor:pointer;font-size:22px;line-height:1;width:34px;height:34px;color:#B0BEC5}
.kw-x:hover{color:#455A64}
.kw-body{padding:20px 18px;min-height:150px}
.kw-q{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:#1E3A5F;font-weight:600;margin:0 0 16px;line-height:1.2}
.kw-term{font-size:12.5px;color:#546E7A;margin:-8px 0 16px;line-height:1.35}
.kw-term::before{content:"🔎 ";opacity:.65}
.kw-lbl{font-size:12px;color:#546E7A;margin:14px 0 8px}

.kw-chips{display:flex;flex-wrap:wrap;gap:8px}
.kw-presets{margin:10px 0}
.kw-chip{border:1.5px solid #D1D9E2;background:#fff;padding:10px 15px;font-size:13.5px;border-radius:9px;color:#37474F;cursor:pointer;font-family:inherit;transition:.15s}
.kw-chip:hover{border-color:#ff8557;background:#fff7f2}
.kw-chip.sel{border-color:#F26522;background:#fff4ee;color:#d9531e;font-weight:600}

.kw-field{width:100%;border:2px solid #D1D9E2;border-radius:0;padding:12px 14px;font-size:16px;font-family:inherit;margin-bottom:10px;outline:none;color:#1a2327}
.kw-field:focus{border-color:#F26522;box-shadow:0 0 0 3px rgba(242,101,34,.15)}
.kw-field::placeholder{color:#B0BEC5;font-size:13.5px}

.kw-date{width:100%;border:2px solid #D1D9E2;background:#fff;border-radius:0;padding:12px 14px;font-size:15px;font-family:inherit;text-align:left;cursor:pointer;color:#1a2327;display:flex;justify-content:space-between;align-items:center}
.kw-date:hover{border-color:#ff8557}
.kw-date.set{border-color:#F26522;color:#1E3A5F;font-weight:500}
.kw-caret{color:#B0BEC5}

.kw-cal{border:1.5px solid #E8ECF2;padding:10px;margin-top:8px;animation:kw-pop .2s ease}
.kw-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.kw-cal-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:#1E3A5F;font-weight:600}
.kw-nav{width:34px;height:34px;border:1px solid #D1D9E2;background:#fff;cursor:pointer;font-size:17px;color:#1E3A5F;line-height:1}
.kw-nav:hover{background:#F5F7FA;border-color:#F26522;color:#d9531e}
.kw-dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}
.kw-dow span{text-align:center;font-size:11px;text-transform:uppercase;color:#546E7A;letter-spacing:.3px;padding:5px 0}
.kw-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.kw-cd-e{aspect-ratio:1}
.kw-cd{aspect-ratio:1;min-height:40px;border:none;background:none;cursor:pointer;font-size:14px;color:#37474F;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:.12s}
@media(hover:hover){.kw-cd:hover:not(.past):not(.sel){background:#fff7f2;color:#d9531e}}
.kw-cd.today{box-shadow:inset 0 0 0 1.5px #F26522;color:#d9531e;font-weight:600}
.kw-cd.sel{background:#d9531e;color:#fff;font-weight:700}
.kw-cd.past{color:#B0BEC5;cursor:not-allowed}

.kw-tel-wrap{display:flex;align-items:stretch;border:2px solid #D1D9E2;border-radius:0;background:#fff;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}
.kw-pfx{display:flex;align-items:center;padding:0 15px;background:#EAF0F7;color:#1E3A5F;font-weight:700;font-size:16px;border-right:1px solid #D1D9E2;user-select:none;pointer-events:none}
.kw-tel-in{flex:1;border:none;outline:none;background:transparent;padding:12px 14px;font-size:16px;font-family:inherit;color:#1a2327;letter-spacing:.4px;caret-color:#F26522}
.kw-tel-in::placeholder{color:#B0BEC5}
.kw-tel-wrap:focus-within{border-color:#F26522;box-shadow:0 0 0 3px rgba(242,101,34,.15)}
.kw-tel-wrap:focus-within .kw-pfx{background:#FDEEE5;border-right-color:#F26522}
.kw-tel-wrap.err{border-color:#cf2e2e}
.kw-tel-wrap.err .kw-pfx{background:#FBEAEA;border-right-color:#cf2e2e}

.kw-note{font-size:12px;color:#546E7A;margin:2px 0 8px}
.kw-note2{font-size:13px;color:#455A64;margin-top:8px}
.kw-consent{font-size:11.5px;color:#546E7A;display:flex;gap:7px;align-items:flex-start;margin-top:8px;line-height:1.4}
.kw-consent a{color:#d9531e}

.kw-f{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid #E8ECF2}
.kw-back{background:none;border:none;color:#546E7A;font-size:13.5px;cursor:pointer;font-family:inherit}
.kw-next{background:#F26522;color:#fff;border:none;padding:11px 26px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;border-radius:0;transition:.15s}
.kw-next:hover{background:#d9531e}
.kw-shake{animation:kw-shake .4s}
@keyframes kw-shake{0,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

.kw-ok{text-align:center;padding:14px 8px}
.kw-ck{width:56px;height:56px;border-radius:50%;background:#2e9e5b;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:kw-pop .5s cubic-bezier(.68,-.55,.265,1.55)}
.kw-num{background:#FDEEE5;border-left:4px solid #F26522;padding:10px 14px;margin:0 0 12px;text-align:left}
.kw-num-l{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#546E7A}
.kw-num-v{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:700;color:#1E3A5F;letter-spacing:.5px}
.kw-tel{display:inline-block;margin-top:14px;background:#F26522;color:#fff;text-decoration:none;padding:11px 22px;font-weight:600;font-size:15px}

/* Мобильный — bottom-sheet */
@media(max-width:768px){
  .kw-btn{right:16px;bottom:16px;width:auto;padding:13px 16px}
  .kw-card{right:0;left:0;bottom:0;top:auto;width:100%;max-width:100%;border-radius:16px 16px 0 0;
    animation:kw-up .32s cubic-bezier(.4,0,.2,1);max-height:88vh;overflow-y:auto}
  @keyframes kw-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .kw-card.on::before{content:"";position:fixed;inset:0 0 auto 0;height:100vh;background:rgba(30,58,95,.35);z-index:-1}
  .kw-next,.kw-chip,.kw-cd{min-height:46px}
}
body.kw-lock{overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .kw-card,.kw-card.on,.kw-cal,.kw-ck{animation:none!important}
  .kw-bar i,.kw-btn{transition:none!important}
}
