/* ============================================================
   rokos-cta — popup, callback, CTA, прайс-блок, mobile sticky
   2026-05-26
   ============================================================ */

:root{
  --rk-accent:#e8731c;       /* бренд-оранжевый rokos */
  --rk-accent-dark:#c95d10;
  --rk-dark:#1c2433;
  --rk-ok:#2e9e4f;
}

/* ── Кнопки CTA «Замовити» ───────────────────────────────── */
.rk-btn,button.rk-btn,a.rk-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  background:var(--rk-accent)!important;background-color:var(--rk-accent)!important;
  color:#fff!important;font-weight:700!important;width:auto!important;
  padding:15px 34px!important;border-radius:8px!important;border:0!important;cursor:pointer;
  font-size:16px!important;line-height:1.1!important;text-decoration:none!important;text-transform:none!important;
  height:auto!important;letter-spacing:normal!important;
  transition:background .2s,transform .15s;box-shadow:0 4px 14px rgba(232,115,28,.35)!important;
}
.rk-btn:hover,button.rk-btn:hover,a.rk-btn:hover{
  background:var(--rk-accent-dark)!important;background-color:var(--rk-accent-dark)!important;
  transform:translateY(-2px);color:#fff!important;}
.rk-btn--ghost{background:transparent;color:var(--rk-accent)!important;
  border:2px solid var(--rk-accent);box-shadow:none;}
.rk-btn--ghost:hover{background:var(--rk-accent);color:#fff!important;}

/* ── Плавающая кнопка callback ───────────────────────────── */
.rk-float{
  position:fixed;right:20px;bottom:20px;z-index:9998;
  background:var(--rk-accent);color:#fff;border:0;border-radius:50px;
  padding:14px 22px;font-weight:700;font-size:15px;cursor:pointer;
  box-shadow:0 6px 20px rgba(232,115,28,.45);
  display:inline-flex;align-items:center;gap:9px;
  animation:rk-pulse 2.4s infinite;
}
.rk-float:hover{background:var(--rk-accent-dark);}
.rk-float svg{width:20px;height:20px;fill:#fff;}
@keyframes rk-pulse{
  0%{box-shadow:0 6px 20px rgba(232,115,28,.45),0 0 0 0 rgba(232,115,28,.5);}
  70%{box-shadow:0 6px 20px rgba(232,115,28,.45),0 0 0 14px rgba(232,115,28,0);}
  100%{box-shadow:0 6px 20px rgba(232,115,28,.45),0 0 0 0 rgba(232,115,28,0);}
}

/* ── Popup (magnific inline) ─────────────────────────────── */
.rk-popup{
  background:#fff;max-width:460px;margin:24px auto;padding:34px 30px;
  border-radius:14px;position:relative;text-align:left;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.rk-popup h3{margin:0 0 6px;font-size:24px;color:var(--rk-dark);font-weight:800;}
.rk-popup p.rk-sub{margin:0 0 20px;color:#667;font-size:14px;}
.rk-field{margin-bottom:14px;}
.rk-field label{display:block;font-size:13px;font-weight:600;color:#445;margin-bottom:5px;}
.rk-field input,.rk-field select,.rk-field textarea{
  width:100%;padding:12px 14px;border:1.5px solid #dde;border-radius:8px;
  font-size:15px;background:#fafbfc;transition:border-color .2s;box-sizing:border-box;
}
.rk-field input:focus,.rk-field select:focus,.rk-field textarea:focus{
  border-color:var(--rk-accent);outline:0;background:#fff;
}
.rk-field textarea{min-height:70px;resize:vertical;}
.rk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.rk-popup .rk-btn{width:100%;margin-top:6px;}
.rk-popup__msg{margin-top:12px;font-size:14px;text-align:center;min-height:20px;}
.rk-popup__msg.ok{color:var(--rk-ok);}
.rk-popup__msg.err{color:#d33;}
.rk-popup__priv{font-size:11px;color:#99a;margin-top:12px;text-align:center;line-height:1.4;}

/* ── Прайс-блок ──────────────────────────────────────────── */
.rk-price{
  background:linear-gradient(135deg,#fff7ef,#fff);border:1.5px solid #f3dcc4;
  border-radius:14px;padding:28px 26px;margin:28px 0;
}
.rk-price h3{margin:0 0 16px;font-size:22px;color:var(--rk-dark);font-weight:800;}
.rk-price__from{font-size:15px;color:#778;}
.rk-price__big{font-size:34px;font-weight:800;color:var(--rk-accent);line-height:1;}
.rk-price__big span{font-size:16px;color:#778;font-weight:600;}
.rk-price ul{list-style:none;padding:0;margin:16px 0 0;}
.rk-price li{padding:8px 0;border-bottom:1px dashed #ecd9c4;display:flex;
  justify-content:space-between;gap:12px;font-size:15px;color:#445;}
.rk-price li:last-child{border-bottom:0;}
.rk-price li b{color:var(--rk-dark);white-space:nowrap;}
.rk-price__note{font-size:12px;color:#99a;margin-top:12px;}
.rk-price .rk-btn{margin-top:18px;}

/* ── Mobile sticky-bar ───────────────────────────────────── */
.rk-sticky{display:none;}
@media(max-width:768px){
  .rk-float{display:none;} /* на mobile вместо float — sticky-bar */
  .rk-sticky{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9997;
    background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.14);
  }
  .rk-sticky a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
    padding:14px 6px;font-weight:700;font-size:15px;text-decoration:none;
  }
  .rk-sticky a.rk-sticky__call{background:var(--rk-dark);color:#fff;}
  .rk-sticky a.rk-sticky__order{background:var(--rk-accent);color:#fff;}
  .rk-sticky svg{width:18px;height:18px;}
  body{padding-bottom:54px;} /* чтобы sticky не перекрывал футер */
  .rk-popup{margin:12px;padding:26px 20px;}
  .rk-price__big{font-size:28px;}
}