/* ============================================================
   SKIPERSHOP.BY — Callback Modal (#callbackModal)
   Shared across pages using js/main.js callback functionality
   ============================================================ */

#callbackModal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.65); z-index:9999; align-items:center; justify-content:center; padding:16px; }
#callbackModal.open { display:flex; }
#callbackModal .cb-box { background:#fff; border-radius:20px; padding:36px 28px; max-width:420px; width:100%; position:relative; }
#callbackModal .cb-close { position:absolute; top:14px; right:14px; background:#f0f0f0; border:none; width:32px; height:32px; border-radius:50%; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#555; }
#callbackModal .cb-close:hover { background:#ddd; }
#callbackModal h2 { font-size:22px; font-weight:800; margin-bottom:6px; color:#1a1a1a; }
#callbackModal p.sub { font-size:14px; color:#777; margin-bottom:24px; }
#callbackModal label { display:block; font-size:13px; color:#555; margin-bottom:5px; }
#callbackModal input[type=text], #callbackModal input[type=tel] { width:100%; padding:12px 14px; border:1.5px solid #e0e0e0; border-radius:8px; font-size:15px; background:#f7f7f7; box-sizing:border-box; outline:none; font-family:inherit; }
#callbackModal input:focus { border-color:#f57c00; background:#fff; }
#callbackModal .form-group { margin-bottom:14px; }
#callbackModal .form-check { display:flex; align-items:center; gap:8px; font-size:13px; color:#555; margin-bottom:16px; }
#callbackModal .form-check input { width:auto; }
#callbackModal .cb-submit { width:100%; padding:15px; background:#f57c00; color:#fff; border:none; border-radius:50px; font-size:16px; font-weight:700; cursor:pointer; font-family:inherit; }
#callbackModal .cb-submit:hover { background:#e06500; }