/* Pin Boost Lite — kept tiny; fixed-position UI only, so it never shifts layout (no CLS). */
:root{--pbl-lift:0px;--pbl-nav-h:76px}

/* ---------- Save button on images ---------- */
.pbl-wrap{position:relative;display:block;max-width:100%;line-height:0}
.pbl-wrap>img{display:block;width:100%;height:auto;margin:0}
.pbl-save{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border-radius:999px;background:var(--pbl-pin);color:#fff!important;
  font:700 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25);-webkit-tap-highlight-color:transparent}
.pbl-save svg{width:16px;height:16px;fill:#fff;flex:none}
@media (hover:hover) and (pointer:fine){
  .pbl-save{opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s}
  .pbl-wrap:hover .pbl-save,.pbl-save:focus-visible{opacity:1;transform:none}
}

/* ---------- Inline CTA shortcode ---------- */
.pbl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pbl-cta-btn{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--pbl-pin);color:#fff!important;font-weight:700;text-decoration:none!important}

/* ---------- Previous / Next bar ---------- */
.pbl-nav{display:none}
body.pbl-has-nav{padding-bottom:calc(var(--pbl-nav-h) + env(safe-area-inset-bottom,0px))}
@media (min-width:1025px){body.pbl-has-nav:not(.pbl-nav-all){padding-bottom:0}}

.pbl-has-nav .pbl-nav{display:block;position:fixed;left:0;right:0;z-index:9990;
  bottom:calc(var(--pbl-lift) + env(safe-area-inset-bottom,0px));
  padding:8px 10px;background:rgba(255,255,255,.96);box-shadow:0 -4px 18px rgba(0,0,0,.08);
  border-radius:18px 18px 0 0;transform:translateY(0);transition:transform .25s ease,bottom .2s ease}
@media (min-width:1025px){
  body:not(.pbl-nav-all) .pbl-nav{display:none!important}
  .pbl-nav-all .pbl-nav{left:50%;right:auto;width:560px;transform:translateX(-50%);border-radius:18px;bottom:calc(var(--pbl-lift) + 16px)}
}
.pbl-nav-in{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:720px;margin:0 auto}
.pbl-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 10px;
  border:1px solid rgba(0,0,0,.08);border-radius:14px;background:var(--pbl-bar);color:#1a1a1a!important;
  font:700 17px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;transition:transform .12s}
.pbl-nav-btn:active{transform:scale(.97)}
.pbl-nav-btn.is-empty{visibility:hidden}
.pbl-nav-title{display:block;max-width:100%;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-weight:500;font-size:12px;color:var(--pbl-accent)}

/* ---------- Pinterest reminder ---------- */
.pbl-rem{position:fixed;left:10px;right:10px;z-index:9991;max-width:520px;margin:0 auto;
  bottom:calc(var(--pbl-lift) + 12px + env(safe-area-inset-bottom,0px));
  display:flex;gap:14px;align-items:center;padding:12px 14px;background:#fff;border-radius:18px;
  box-shadow:0 10px 32px rgba(0,0,0,.18);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  transform:translateY(130%);opacity:0;transition:transform .3s ease,opacity .3s ease}
.pbl-has-nav .pbl-rem{bottom:calc(var(--pbl-lift) + var(--pbl-nav-h) + 8px + env(safe-area-inset-bottom,0px))}
@media (min-width:1025px){body.pbl-has-nav:not(.pbl-nav-all) .pbl-rem{bottom:calc(var(--pbl-lift) + 16px)}}
.pbl-rem.is-on{transform:none;opacity:1}
.pbl-rem img{width:72px;height:96px;object-fit:cover;border-radius:10px;flex:none}
.pbl-rem-txt{flex:1;min-width:0}
.pbl-rem-k{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pbl-accent)}
.pbl-rem-t{margin:0 0 8px;font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.25}
.pbl-rem-go{display:inline-block;padding:10px 18px;border-radius:12px;background:var(--pbl-pin);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none!important}
.pbl-rem-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f1f1;color:#222;font-size:20px;line-height:34px;cursor:pointer;padding:0}

@media (prefers-reduced-motion:reduce){.pbl-nav,.pbl-rem,.pbl-save{transition:none!important}}
@media print{.pbl-nav,.pbl-rem,.pbl-save{display:none!important}}