:root{--brand:#4E8098;--accent:#F4D03F;--text:#333;--bg:#fff;--vltp-gap-top:0px;--vltp-safe:env(safe-area-inset-top,0px);--vltp-overpull:0px}
html{--vltp-adminbar:0px}
body.admin-bar{--vltp-adminbar:32px}
@media (max-width:782px){body.admin-bar{--vltp-adminbar:46px}}

.vltp-slot{position:relative;z-index:9999}
.vltp{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(0,0,0,.08);background:var(--bg);color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--vltp-font-size,16px);justify-content:center;text-align:center;margin:8px auto;max-width:960px}
.vltp-brand{background:var(--brand);color:#fff;border-color:rgba(0,0,0,.15)}
.vltp-light{background:#fff;color:var(--text)}
.vltp-dark{background:#111827;color:#fff;border-color:#111}
.vltp-rounded{border-radius:16px}
.vltp-shadow{box-shadow:0 8px 24px rgba(0,0,0,.15)}
.vltp-text{flex:0 1 auto}
.vltp-actions{display:flex;align-items:center;gap:10px;justify-content:center}
.vltp-btn{display:inline-block;padding:10px 14px;font-weight:600;text-decoration:none;background:var(--accent);color:#111!important;border-radius:999px;border:0;cursor:pointer}
.vltp-btn:hover{filter:brightness(.95)}
.vltp-close{background:transparent;color:currentColor;border:0;font-size:22px;line-height:1;cursor:pointer;opacity:.8}
.vltp-close:hover{opacity:1}

/* sticky slots */
#vltp-slot-top,#vltp-slot-bottom{position:sticky;left:0;right:0}
#vltp-slot-top{top:0}
#vltp-slot-bottom{bottom:0}

/* 100% width option */
.vltp.vltp-full{max-width:none;width:100%;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;border-radius:0}

/* corner */
.vltp-corner{position:fixed;bottom:18px;right:18px;max-width:540px;width:min(92vw,540px)}
.vltp-corner.vltp-left{left:18px;right:auto}

/* mobile layout */
@media (max-width:560px){
  .vltp{flex-direction:column;text-align:center}
  .vltp-text{margin-bottom:8px;flex:0 1 auto}
  .vltp-actions{justify-content:center;width:100%}
  .vltp-btn{display:inline-block;margin:0 auto}
}

/* fallback fixed top if no wp_body_open */
#vltp-slot-top.vltp-fallback-top{position:fixed;top:0;left:0;right:0;z-index:9999}

/* fixed top on mobile (option) */
@media (max-width:560px){
  #vltp-slot-top.vltp-fixed-mobile{
    position:fixed!important;
    top:calc(var(--vltp-adminbar,0px) + var(--vltp-safe,0px)) !important;
    left:0;right:0;width:100%;
    z-index:2000;
    margin:0 !important;padding:0 !important;
  }
  #vltp-slot-top.vltp-fixed-mobile .vltp{
    margin-top:var(--vltp-gap-top,0px) !important;margin-bottom:0 !important;
    border-top-width:0 !important;
  }
  /* no-gap mobile */
  #vltp-slot-top.vltp-fixed-mobile.vltp-no-gap{ top:calc(0px - var(--vltp-overpull,0px)) !important; }
  #vltp-slot-top.vltp-fixed-mobile.vltp-no-gap .vltp{ margin-top:0 !important; padding-top:calc(14px + var(--vltp-overpull,0px)) !important; }
}

/* hardpin: force fixed top on all screens (no gap) */
#vltp-slot-top.vltp-hardpin{
  position:fixed !important;
  top:calc(var(--vltp-adminbar,0px) - var(--vltp-overpull,0px)) !important;
  left:0; right:0; width:100%;
  z-index:2000;
  margin:0 !important; padding:0 !important; border:0 !important;
  -webkit-transform:translateZ(0); transform:translateZ(0);
}
#vltp-slot-top.vltp-hardpin .vltp{
  margin:0 !important; border-top:0 !important;
  padding-top:calc(14px + var(--vltp-overpull,0px)) !important;
}

/* content padding when fixed */
body.has-vltp-fixed{padding-top:calc(var(--vltp-fixed-h,0px) + var(--vltp-safe,0px))}
/* При hardpin НЕ гасим margin-top у html, если есть админбар */
body.has-vltp-hardpin{ /* оставляем как есть */ }
body.admin-bar.has-vltp-hardpin html{ margin-top:var(--vltp-adminbar,0px) !important; }

/* Telegram icon in button */
.vltp-btn .vltp-ico{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-right:.5em;line-height:1;flex:0 0 auto}
.vltp-btn .vltp-label{display:inline}