.qbp-reels,.qbp-reels-profile,.qbp-reel-composer{font-family:inherit;box-sizing:border-box}.qbp-reels *,.qbp-reels-profile *,.qbp-reel-composer *{box-sizing:border-box}
.qbp-reels-feed{max-width:620px;margin:0 auto}.qbp-reels__stream{display:flex;flex-direction:column;gap:14px}.qbp-reel{position:relative;background:#050505;color:#fff;overflow:hidden;border-radius:18px;aspect-ratio:9/16;min-height:520px;isolation:isolate}.qbp-reels-single .qbp-reel{max-height:calc(100vh - 30px);margin:auto}.qbp-reel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.qbp-reel__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 35%,rgba(0,0,0,.72));z-index:1;pointer-events:none}.qbp-reel__sound{position:absolute;top:12px;left:12px;z-index:3;border:0;border-radius:50%;width:38px;height:38px;background:rgba(0,0,0,.52);color:#fff;cursor:pointer}.qbp-reel__actions{position:absolute;right:12px;bottom:112px;z-index:3;display:flex;flex-direction:column;gap:10px}.qbp-reel__actions button{width:50px;min-height:52px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-shadow:0 1px 5px #000}.qbp-reel__actions span{font-size:27px;line-height:1}.qbp-reel__actions b{font-size:11px;font-weight:700}.qbp-reel__actions button.is-active span{transform:scale(1.08);filter:brightness(1.35)}.qbp-reel__info{position:absolute;right:14px;left:74px;bottom:18px;z-index:3}.qbp-reel__author{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-bottom:7px}.qbp-reel__author img{width:34px;height:34px;border-radius:50%;object-fit:cover}.qbp-reel__caption{position:relative;margin:0 0 6px;max-width:min(100%,520px)}
.qbp-reel__caption-text{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:4.65em;padding-left:0}
.qbp-reel__caption.is-expanded .qbp-reel__caption-text{display:block;-webkit-line-clamp:unset;max-height:38vh;overflow-y:auto;padding-left:4px;padding-right:2px}
.qbp-reel__caption-toggle{border:0;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:700;padding:3px 0 0;cursor:pointer;text-shadow:0 1px 4px #000}
.qbp-reel__caption-toggle:hover{text-decoration:underline}
.qbp-reel__tags{font-size:12px;opacity:.9}.qbp-reel__permalink{position:absolute;top:12px;right:12px;z-index:3;color:#fff;text-decoration:none;font-size:20px}
.qbp-reels__empty,.qbp-reels-profile__empty{padding:40px;text-align:center;background:#f7f7f7;border-radius:16px;color:#666}.qbp-reels__sentinel{height:2px}
.qbp-reels-profile__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.qbp-reels-profile__tile{position:relative;padding:0;border:0;background:#111;aspect-ratio:9/16;overflow:hidden;cursor:pointer}.qbp-reels-profile__tile img,.qbp-reels-profile__tile video{width:100%;height:100%;object-fit:cover;display:block}.qbp-reels-profile__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:26px;text-shadow:0 2px 7px #000;pointer-events:none}.qbp-reels-profile__stats{position:absolute;right:6px;bottom:6px;color:#fff;background:rgba(0,0,0,.55);padding:4px 6px;border-radius:7px;font-size:10px}
.qbp-reels-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.86);display:grid;place-items:center;padding:12px}.qbp-reels-modal[hidden]{display:none}.qbp-reels-modal>button{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#fff;font-size:32px;z-index:3;cursor:pointer}.qbp-reels-modal>[data-reels-modal-content]{width:min(94vw,520px);height:min(94vh,920px)}.qbp-reels-modal .qbp-reel{height:100%;max-height:none}
.qbp-reel-composer{max-width:680px;margin:20px auto}.qbp-reel-form{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.08)}.qbp-reel-composer__header{height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;position:relative}.qbp-reel-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;font-size:27px;cursor:pointer}.qbp-reel-composer__body{padding:16px}.qbp-reel-stage{position:relative;width:min(100%,360px);aspect-ratio:9/16;margin:0 auto 14px;background:#111;border-radius:16px;overflow:hidden;display:grid;place-items:center}.qbp-reel-stage video,.qbp-reel-stage img{width:100%;height:100%;object-fit:cover}.qbp-reel-stage__placeholder{color:#fff;text-align:center;padding:20px;display:grid;gap:8px}.qbp-reel-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.qbp-reel-media-button{border:1px solid #ddd;border-radius:12px;padding:12px;text-align:center;cursor:pointer;display:grid;gap:3px;background:#fafafa}.qbp-reel-media-button input{position:absolute;width:1px;height:1px;opacity:0}.qbp-reel-field{margin-bottom:13px;position:relative}.qbp-reel-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.qbp-reel-field textarea,.qbp-reel-field input{width:100%;border:1px solid #ddd;border-radius:10px;padding:10px;font:inherit}.qbp-reel-counter{position:absolute;left:9px;bottom:7px;font-size:10px;color:#888}.qbp-reel-more{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:9px 0;margin:10px 0}.qbp-reel-more__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.qbp-reel-field--full{grid-column:1/-1}.qbp-reel-settings{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin:12px 0}.qbp-reel-submit{width:100%;border:0;border-radius:10px;padding:12px;background:#111;color:#fff;font:inherit;font-weight:700;cursor:pointer}.qbp-reel-submit:disabled{opacity:.45}.qbp-reel-notice{padding:10px 12px;border-radius:9px;margin-bottom:10px}.qbp-reel-success{background:#eaf8ef;color:#176b35}.qbp-reel-error{background:#fff0f0;color:#9b1c1c}
@media(max-width:680px){.qbp-reels-feed{max-width:none}.qbp-reel{border-radius:0;min-height:calc(100vh - 110px)}.qbp-reel-composer{margin:0}.qbp-reel-form{border-radius:0}.qbp-reel-composer__body{padding:12px}.qbp-reel-more__grid{grid-template-columns:1fr}.qbp-reel-field--full{grid-column:auto}.qbp-reels-profile__grid{gap:2px}}

/* QBP v23.3.3 — Reel comments + Direct share */
.qbp-reel__actions{gap:12px}
.qbp-reel-comments-modal{position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center;padding:0}
.qbp-reel-comments-modal__inner{width:min(620px,100%);max-height:min(72vh,720px);background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;direction:rtl;overflow:hidden}
.qbp-reel-comments-modal__inner>header{height:48px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;position:relative}
.qbp-reel-comments-modal__close{position:absolute;right:12px;top:7px;border:0;background:transparent;font-size:28px;cursor:pointer}
.qbp-reel-comments-modal__body{padding:12px;overflow:auto;flex:1;min-height:140px}
.qbp-reel-comments-loading,.qbp-reel-comments__empty{text-align:center;padding:45px 15px;color:#777;font-size:12px}
.qbp-reel-comments__list{display:flex;flex-direction:column;gap:12px}
.qbp-reel-comment{display:flex;gap:9px;align-items:flex-start}
.qbp-reel-comment>img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eee;flex:none}
.qbp-reel-comment>div{min-width:0}
.qbp-reel-comment strong{font-size:11px}
.qbp-reel-comment p{margin:2px 0;font-size:12px;line-height:1.8;white-space:pre-wrap;word-break:break-word}
.qbp-reel-comment time{font-size:9px;color:#999}
.qbp-reel-comments-form{display:flex;gap:8px;padding:10px;border-top:1px solid #eee}
.qbp-reel-comments-form textarea{flex:1;min-height:40px;max-height:100px;resize:vertical;border:1px solid #ddd;border-radius:12px;padding:8px;font:inherit;font-size:12px}
.qbp-reel-comments-form button{border:0;border-radius:10px;background:#111;color:#fff;padding:0 14px;font:inherit;font-size:11px;font-weight:700}
@media(max-width:680px){.qbp-reel-comments-modal__inner{max-height:78vh;border-radius:18px 18px 0 0}}

.qbp-reel__view-count{position:absolute;left:14px;bottom:18px;z-index:3;font-size:12px;color:#fff;text-shadow:0 1px 4px #000;opacity:.9}

/* QBP v23.6.5 — clean Reel actions */
.qbp-reel__actions{right:10px;bottom:96px;width:52px;gap:7px;align-items:center}
.qbp-reel__actions button{width:52px;min-height:54px;height:auto;padding:3px 0;gap:4px;justify-content:flex-start}
.qbp-reel__actions .qbp-reel-action-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.qbp-reel__actions .qbp-reel-action-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qbp-reel__actions button[data-reel-action="like"].is-active .qbp-reel-action-icon svg{fill:currentColor;stroke:currentColor}
.qbp-reel__actions button[data-reel-action="save"].is-active .qbp-reel-action-icon svg{fill:currentColor}
.qbp-reel__actions b{font-size:10px;line-height:1.1;min-height:12px;display:block;text-align:center}
.qbp-reel__view-count{left:12px;bottom:14px;font-size:11px}
@media(max-width:680px){.qbp-reel__actions{bottom:104px;right:8px}.qbp-reel__actions .qbp-reel-action-icon svg{width:28px;height:28px}}

/* QBP 25.4.3 — public user/business information on published reels */
.qbp-reel__info .qbp-public-user-info{margin-top:8px;padding:8px;border-radius:12px;background:rgba(255,255,255,.96);color:#111;max-width:100%;max-height:34vh;overflow:auto}
.qbp-reel__info .qbp-public-user-info__grid{gap:5px}
.qbp-reel__info .qbp-public-user-info__item{font-size:11px;padding:5px 7px}
.qbp-reel__info .qbp-public-user-info__pay{margin-top:6px}
.qbp-reel__info .qbp-public-user-info__pay button{font-size:11px;padding:6px 9px}

/* v25.4.4 — user information is outside the full-screen reel media. */
.qbp-reel-public-user-info{box-sizing:border-box;padding:0 10px 8px;background:transparent;color:inherit}
.qbp-reel-public-user-info .qbp-public-user-info{max-height:none;overflow:visible;background:#fff;color:#111}
.qbp-reel-public-user-info .qbp-public-user-info__grid{display:flex;flex-wrap:wrap;gap:6px}
/* QBP v25.6 — public info is an icon-only overlay, not a second card. */
.qbp-reel-public-user-info .qbp-public-user-info{max-height:none!important;overflow:visible!important;background:transparent!important;color:inherit!important;border:0!important;padding:0!important;}
.qbp-reel-public-user-info .qbp-public-user-info__grid{display:flex!important;flex-wrap:nowrap!important;}

/* QBP v25.20.17 — Reel three dot menu */
.qbp-reel-more-menu-wrap{position:relative;display:flex;justify-content:center;width:52px}
.qbp-reel-more-btn{width:52px!important;height:44px!important;min-height:44px!important;font-size:30px!important;color:#fff;background:transparent;border:0;cursor:pointer}
.qbp-reel-more-menu{position:absolute;right:58px;bottom:0;background:#fff;color:#111;border-radius:12px;min-width:170px;padding:8px;z-index:20;box-shadow:0 5px 25px rgba(0,0,0,.25);display:grid;gap:4px}
.qbp-reel-more-menu[hidden]{display:none}
.qbp-reel-more-menu button{color:#111!important;text-shadow:none!important;width:100%!important;min-height:36px!important;text-align:right;padding:8px;background:transparent;border:0;font-size:14px;cursor:pointer}


/* QBP v25.20.20 — Right-side Reel controls: functional, readable and theme-safe. */
.qbp-reel .qbp-content-actions__row--engagement{
  z-index:30!important;
  pointer-events:auto!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-btn{
  position:relative!important;
  z-index:31!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-btn[aria-busy="true"]{
  opacity:.58!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-action-label,
.qbp-reel .qbp-content-actions__row--engagement .qbp-post-view-info .qbp-action-label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
  pointer-events:none!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-btn,
.qbp-reel .qbp-content-actions__row--engagement .qbp-post-view-info{
  height:auto!important;
  min-height:38px!important;
  flex-direction:column!important;
  gap:2px!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-icon{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-icon svg{
  width:21px!important;
  height:21px!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-btn.is-active{
  color:#ff4770!important;
}
.qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-btn.is-active .qbp-reel-action-icon svg{
  transform:scale(1.06)!important;
}
/* Prevent Kadence/theme button defaults from painting the three-dot control blue. */
.qbp-reel .qbp-reel-more-menu-wrap,
.qbp-reel .qbp-reel-more-btn{
  background:transparent!important;
  box-shadow:none!important;
}
.qbp-reel .qbp-reel-more-btn{
  border:0!important;
  outline:0!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  font-family:inherit!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.qbp-reel .qbp-reel-more-btn:hover,
.qbp-reel .qbp-reel-more-btn:focus,
.qbp-reel .qbp-reel-more-btn:active{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.qbp-reel .qbp-reel-more-menu{
  pointer-events:auto!important;
}
.qbp-reel .qbp-reel-more-menu button:hover,
.qbp-reel .qbp-reel-more-menu button:focus{
  background:#f2f2f2!important;
  color:#111!important;
}
@media(max-width:680px){
  .qbp-reel .qbp-content-actions__row--engagement .qbp-action-label{font-size:8px!important}
  .qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-icon{width:27px!important;height:27px!important}
  .qbp-reel .qbp-content-actions__row--engagement .qbp-reel-action-icon svg{width:20px!important;height:20px!important}
}


/* QBP v25.20.21 — Reel counters are intentionally visible.
 * Post/Story icon-only rules previously hid .qbp-action-label globally.
 */
.qbp-reel .qbp-content-actions--reel .qbp-action-label,
.qbp-reel .qbp-content-actions__row--engagement .qbp-action-label{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:14px;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:700!important;
  white-space:nowrap!important;
  color:inherit!important;
}
.qbp-reel .qbp-content-actions--reel .qbp-post-view-info{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.qbp-reel .qbp-content-actions--reel .qbp-reel-action-btn{
  flex-direction:column!important;
  height:auto!important;
  min-height:44px!important;
  gap:3px!important;
}
@media(max-width:680px){
  .qbp-reel .qbp-content-actions--reel .qbp-action-label,
  .qbp-reel .qbp-content-actions__row--engagement .qbp-action-label{font-size:10px!important}
}


/* QBP v25.29.0 — Instagram-style Reel consumption surface.
 * The viewer owns the viewport: no site chrome, no stacked page margins,
 * and one Reel per viewport with vertical snap navigation.
 */
body.qbp-reels-mode .qbp-reels{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.qbp-reels-mode .qbp-reels-feed{
  height:100svh;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-snap-type:y mandatory;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
body.qbp-reels-mode .qbp-reels-feed .qbp-reels__stream{
  display:block;
  height:100%;
}
body.qbp-reels-mode .qbp-reels-feed .qbp-reel{
  width:100vw;
  height:100svh;
  min-height:100svh;
  max-height:none;
  aspect-ratio:auto;
  margin:0;
  border-radius:0;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
body.qbp-reels-mode .qbp-reels-single{
  height:100svh;
  min-height:100svh;
  max-height:none;
  overflow:hidden;
}
body.qbp-reels-mode .qbp-reels-single .qbp-reels__stream{
  height:100%;
  display:block;
}
body.qbp-reels-mode .qbp-reels-single .qbp-reel{
  width:100vw;
  height:100svh;
  min-height:100svh;
  max-height:none;
  aspect-ratio:auto;
  margin:0;
  border-radius:0;
}
body.qbp-reels-mode .qbp-reel-watch-header{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@supports not (height:100svh){
  body.qbp-reels-mode .qbp-reels-feed,
  body.qbp-reels-mode .qbp-reels-single,
  body.qbp-reels-mode .qbp-reels-feed .qbp-reel,
  body.qbp-reels-mode .qbp-reels-single .qbp-reel{height:100vh;min-height:100vh;}
}


/* QBP v25.42.3 — Reel frontend editor readability hardening. */
.qbp-reel-composer,.qbp-reel-composer .qbp-reel-form{color:#111827!important;background:#fff!important;}
.qbp-reel-composer .qbp-reel-composer__body{color:#111827!important;}
.qbp-reel-composer .qbp-reel-field label,.qbp-reel-composer .qbp-reel-more summary,.qbp-reel-composer .qbp-reel-settings label{color:#111827!important;}
.qbp-reel-composer .qbp-reel-field input,.qbp-reel-composer .qbp-reel-field textarea,.qbp-reel-composer .qbp-reel-more input,.qbp-reel-composer .qbp-content-price-field input{background:#fff!important;color:#111827!important;border-color:#cbd5e1!important;opacity:1!important;text-align:right!important;}
.qbp-reel-composer input::placeholder,.qbp-reel-composer textarea::placeholder{color:#6b7280!important;opacity:1!important;}
.qbp-reel-composer .qbp-reel-counter{color:#475569!important;}
.qbp-reel-composer .qbp-reel-notice{color:#111827!important;}
.qbp-reel-composer .qbp-reel-more{color:#111827!important;}
.qbp-reel-composer .qbp-reel-submit{color:#fff!important;background:#111827!important;}
@media(max-width:680px){.qbp-reel-composer .qbp-reel-field textarea{min-height:120px;line-height:1.8;font-size:15px;}.qbp-reel-composer .qbp-reel-field input{min-height:46px;font-size:15px;}}
