/* SBC Promo Slide-out v0.1.0 — colors follow the theme (steel #1D6680, cardinal #EC1E24, offwhite #FCFCFC). */
.sbcup-card{--sbcup-steel:var(--wp--preset--color--steel,#1D6680);--sbcup-red:var(--wp--preset--color--cardinal,#EC1E24);--sbcup-off:var(--wp--preset--color--offwhite,#FCFCFC);
  position:fixed;right:20px;top:var(--sbcup-top,200px);width:340px;max-width:calc(100vw - 40px);max-height:calc(100vh - var(--sbcup-top,200px) - 20px);overflow:auto;z-index:40;
  background:var(--sbcup-steel);color:var(--sbcup-off);border-radius:20px;border-bottom:4px solid var(--sbcup-red);
  box-shadow:0 18px 40px rgba(0,0,0,.35);font-family:"Albert Sans",sans-serif;
  transform:translateX(calc(100% + 40px));opacity:0;visibility:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility 0s linear .55s}
.sbcup-card.is-open{transform:none;opacity:1;visibility:visible;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility 0s}
.sbcup-pic{display:block;width:100%;height:110px;object-fit:cover;background:#0e3b4a}
.sbcup-body{padding:16px 20px 14px}
.sbcup-head{display:flex;gap:14px;align-items:flex-start}
.sbcup-thumb{flex:0 0 72px;width:72px;height:auto;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.35);margin-top:4px}
.sbcup-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-right:34px;min-height:20px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bfe3ec}
.sbcup-label b{color:var(--sbcup-off);background:var(--sbcup-red);border-radius:999px;padding:2px 9px;letter-spacing:.08em;white-space:nowrap}
.sbcup-title{font-size:21px;line-height:1.2;font-weight:700;margin:8px 0 6px;text-wrap:balance;color:var(--sbcup-off)}
.sbcup-meta{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}
.sbcup-text{font-size:14px;line-height:1.45;color:#d9eef3;margin:0 0 14px}
.sbcup-btns{display:flex;flex-wrap:wrap;gap:8px}
.sbcup-btn{display:inline-block;background:var(--sbcup-off);color:var(--sbcup-steel)!important;text-decoration:none!important;border:2px solid var(--sbcup-off);border-radius:999px;padding:7px 16px;font-size:15px;font-weight:600;line-height:1.3}
.sbcup-btn + .sbcup-btn{background:transparent;color:var(--sbcup-off)!important}
.sbcup-btn:hover,.sbcup-btn:focus-visible{background:#fff;color:var(--sbcup-steel)!important;outline:2px solid #fff;outline-offset:2px}
.sbcup-foot{display:flex;align-items:center;gap:8px;margin-top:14px}
.sbcup-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;flex:0 0 auto}
.sbcup-dot[aria-current="true"]{background:var(--sbcup-off);width:22px;border-radius:5px}
.sbcup-bar{flex:1;height:3px;background:rgba(255,255,255,.18);border-radius:2px;overflow:hidden;margin-left:6px}
.sbcup-bar i{display:block;height:100%;width:0;background:var(--sbcup-red)}
.sbcup-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.4);color:#fff;font-size:20px;line-height:32px;padding:0;cursor:pointer;z-index:1}
.sbcup-close:focus-visible,.sbcup-dot:focus-visible,.sbcup-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sbcup-tab{--sbcup-steel:var(--wp--preset--color--steel,#1D6680);--sbcup-red:var(--wp--preset--color--cardinal,#EC1E24);
  position:fixed;right:0;top:var(--sbcup-top,200px);z-index:39;border:0;cursor:pointer;background:var(--sbcup-steel);color:#FCFCFC;
  font:700 13px/1 "Albert Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:16px 10px;border-radius:14px 0 0 14px;
  border-left:4px solid var(--sbcup-red);writing-mode:vertical-rl;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:opacity .3s}
.sbcup-tab span{display:inline-block;margin-top:10px;background:var(--sbcup-red);border-radius:999px;padding:6px 3px;font-size:11px}
.sbcup-tab.is-hidden{opacity:0;pointer-events:none}
.sbcup-line{display:none}
@media (max-width:767px){
  .sbcup-card,.sbcup-tab{display:none!important}
  .sbcup-line{display:flex;align-items:center;gap:10px;color:#FCFCFC!important;text-decoration:none!important;font:600 16px/1.3 "Albert Sans",sans-serif;
    background:rgba(29,102,128,.88);border-left:4px solid #EC1E24;border-radius:12px;padding:10px 14px;max-width:100%}
  .sbcup-line small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bfe3ec;display:block}
}
@media (prefers-reduced-motion:reduce){.sbcup-card,.sbcup-card.is-open,.sbcup-tab{transition:none}}