.pbro-reels-section{scroll-margin-top:calc(var(--header-height,64px) + 24px)}
.pbro-reels{display:block;--rr-height:var(--rr-desktop-height);--rr-card-width:calc(var(--rr-height)*9/16);--rr-step:calc(var(--rr-card-width) + 26px);padding:var(--rr-top) 0 var(--rr-bottom);background:var(--rr-bg);color:var(--rr-ink);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--font-body-size);line-height:var(--font-body-line-height)}
.pbro-reels,.pbro-reels *{box-sizing:border-box}
.pbro-reels [hidden]{display:none!important}
.pbro-reels__head{width:min(800px,calc(100% - 32px));margin:0 auto 26px;text-align:center}
.pbro-reels__eyebrow{display:inline-block;padding:5px 13px;margin:0 0 12px;border-radius:999px;background:var(--rr-soft);color:var(--rr-blue);font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.pbro-reels__heading{margin:0;color:var(--rr-ink)}
.pbro-reels__subtitle{margin:12px 0 0;color:var(--rr-muted)}
.pbro-reels__editor-note{margin:12px 0 0;padding:8px 12px;border:1px dashed var(--rr-blue);color:var(--rr-blue);font-size:13px}
.pbro-reels__stage{position:relative;isolation:isolate;max-width:1280px;margin:auto;overflow:hidden;touch-action:pan-y}
.pbro-reels__stage:focus-visible{outline:2px solid var(--rr-blue);outline-offset:-3px}
.pbro-reels__track{display:flex;gap:26px;overflow-x:auto;padding:20px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.pbro-reels__slide{flex:0 0 var(--rr-card-width);width:var(--rr-card-width);height:var(--rr-height);min-width:0;scroll-snap-align:center}
.pbro-reels__media{position:relative;width:100%;height:100%;border-radius:var(--rr-radius);overflow:hidden;background:#141822;box-shadow:0 14px 24px -14px #111e5959}
.pbro-reels__media>video,.pbro-reels__media>img,.pbro-reels__placeholder{display:block;width:100%;height:100%;object-fit:var(--rr-fit);background:#f0f2f7}
.pbro-reels__media>video{background:#141822}
.pbro-reels__surface{display:none;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}
.pbro-reels__media-controls{position:absolute;right:10px;bottom:12px;z-index:2;display:flex;gap:7px}
.pbro-reels__media-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #ffffff44;border-radius:50%;background:#111827c9;color:#fff;cursor:pointer;font:inherit;font-size:13px}
.pbro-reels__media-controls svg{display:block;width:17px;height:17px}
.pbro-reels__error{position:absolute;left:12px;right:12px;bottom:58px;padding:7px;background:#111827e6;color:#fff;font-size:12px;text-align:center;border-radius:8px}
.pbro-reels__arrow{display:none;position:absolute;z-index:5;top:50%;width:44px;height:44px;min-height:44px;align-items:center;justify-content:center;padding:0;border:1px solid #e3e7f0;border-radius:50%;background:#fff;color:var(--rr-blue);box-shadow:0 3px 12px #111e5926;font:inherit;font-size:24px;cursor:pointer;transform:translateY(-50%)}
.pbro-reels__arrow--prev{left:calc(50% - var(--rr-card-width)/2 - 24px)}
.pbro-reels__arrow--next{right:calc(50% - var(--rr-card-width)/2 - 24px)}
.pbro-reels.is-ready .pbro-reels__stage{height:calc(var(--rr-height) + 44px)}
.pbro-reels.is-ready .pbro-reels__track{display:block;overflow:visible;padding:0}
.pbro-reels.is-ready .pbro-reels__slide{position:absolute;left:50%;top:50%;z-index:var(--rr-z,1);transform:translate(calc(-50% + var(--rr-offset,0)*var(--rr-step)),-50%) scale(.88);opacity:.58;transition:transform .45s ease,opacity .45s ease;will-change:transform}
.pbro-reels.is-ready .pbro-reels__slide.is-active{transform:translate(calc(-50% + var(--rr-offset,0)*var(--rr-step)),-50%) scale(1);opacity:1}
.pbro-reels.is-ready .pbro-reels__slide.is-far{visibility:hidden;pointer-events:none}
.pbro-reels.is-ready .pbro-reels__surface{display:block}
.pbro-reels.is-ready .pbro-reels__arrow{display:flex}
.pbro-reels__navigation{display:none;align-items:center;justify-content:center;gap:12px;margin:8px 16px 18px}
.pbro-reels.is-ready .pbro-reels__navigation{display:flex}
.pbro-reels__dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.pbro-reels__dots button{display:block;position:relative;width:8px;height:24px;min-height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.pbro-reels__dots button:before{content:"";position:absolute;inset:8px 0;border-radius:999px;background:#cbd5e5}
.pbro-reels__dots button[aria-current=true]{width:24px}
.pbro-reels__dots button[aria-current=true]:before{background:var(--rr-blue)}
.pbro-reels__rotation{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:0;border:1px solid #d7deed;border-radius:50%;background:transparent;color:var(--rr-blue);font:inherit;font-size:12px;cursor:pointer}
.pbro-reels__products{width:min(480px,calc(100% - 32px));margin:16px auto 0}
.pbro-reels__product{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e0e5ef;border-radius:16px;background:var(--rr-bar-bg);box-shadow:0 10px 22px -14px #111e5955}
.pbro-reels__product[data-no-product]{display:none}
.pbro-reels__thumb{flex:0 0 48px;display:block;width:48px;height:48px;object-fit:contain;border-radius:6px}
.pbro-reels__product-info{min-width:0;flex:1}
.pbro-reels__product-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--rr-ink);text-decoration:none;font-size:14px;line-height:1.4}
.pbro-reels__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:14px;line-height:1.5;color:var(--rr-blue)}
.pbro-reels__price b{font-weight:var(--font-heading-weight)}
.pbro-reels__price s{font-size:12px;color:var(--rr-muted)}
.pbro-reels__action{flex-shrink:0;max-width:44%}
.pbro-reels .pbro-reels__buy{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px;height:auto;padding:10px 16px;border:1px solid var(--rr-blue);border-radius:12px;background:var(--rr-blue);color:var(--rr-button-text);font-family:inherit;font-size:13px;font-weight:var(--font-heading-weight);letter-spacing:normal;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-shadow:none}
.pbro-reels .pbro-reels__buy:before,.pbro-reels .pbro-reels__buy:after{display:none}
.pbro-reels .pbro-reels__buy:disabled{opacity:.55;cursor:not-allowed}
.pbro-reels button:focus-visible,.pbro-reels a:focus-visible{outline:2px solid var(--rr-blue);outline-offset:3px}
.pbro-reels__media button:focus-visible{outline-color:#fff;outline-offset:-4px}
.pbro-reels .product-form__error-message{font-size:12px;max-width:140px;color:var(--rr-ink)}
@media(max-width:767px){
  .pbro-reels{--rr-height:var(--rr-mobile-height);--rr-step:calc(var(--rr-card-width) + 20px);padding:var(--rr-mobile-top) 0 var(--rr-mobile-bottom)}
  .pbro-reels__head{margin-bottom:20px}
  .pbro-reels__subtitle{font-size:14px;line-height:1.6}
  .pbro-reels__eyebrow{font-size:10px}
  .pbro-reels__arrow{width:36px;height:36px;min-height:36px;font-size:20px}
  .pbro-reels__arrow--prev{left:calc(50% - var(--rr-card-width)/2 - 18px)}
  .pbro-reels__arrow--next{right:calc(50% - var(--rr-card-width)/2 - 18px)}
  .pbro-reels__product{gap:8px;padding:10px}
  .pbro-reels__thumb{width:40px;height:40px;flex-basis:40px}
  .pbro-reels__product-title{font-size:13px}
  .pbro-reels .pbro-reels__buy{padding:9px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.pbro-reels.is-ready .pbro-reels__slide{transition:none}}


.pbro-reels:has([data-youtube-url]){--rr-card-width:max(228px,calc(var(--rr-height)*9/16))}
.pbro-reels__youtube{position:relative;width:100%;height:100%;background:#141822}
.pbro-reels__youtube-cover{position:absolute;inset:0;background:#f0f2f7}
.pbro-reels__youtube-cover img{display:block;width:100%;height:100%;object-fit:var(--rr-fit)}
.pbro-reels__youtube iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.pbro-reels__slide:not(.is-active) .pbro-reels__youtube iframe{visibility:hidden;pointer-events:none}
.pbro-reels__slide.is-youtube-ready.is-active .pbro-reels__youtube-cover{visibility:hidden}
.pbro-reels__slide.is-youtube-ready.is-active .pbro-reels__surface{display:none}
.pbro-reels__youtube-play{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:auto;border-radius:50%;background:#111827c9;color:#fff;font-size:22px}
.pbro-reels__error a{display:block;color:#fff;text-decoration:underline;margin-top:6px}
.pbro-reels:has(.is-active [data-youtube-url]) .pbro-reels__arrow--prev{left:calc(50% - var(--rr-card-width)/2 - 54px)}
.pbro-reels:has(.is-active [data-youtube-url]) .pbro-reels__arrow--next{right:calc(50% - var(--rr-card-width)/2 - 54px)}
.pbro-reels__slide.is-youtube-error .pbro-reels__surface{display:none}


.pbro-reels[data-layout=landscape]{--rr-card-width:min(var(--rr-desktop-width,440px),calc(100vw - 32px));--rr-height:max(228px,calc(var(--rr-card-width)*9/16))}
.pbro-reels[data-layout=landscape] .pbro-reels__head{margin-bottom:16px}
.pbro-reels[data-first-frame=true] .pbro-reels__youtube-cover{z-index:1}
.pbro-reels[data-first-frame=true] .pbro-reels__slide.is-youtube-ready:not(.is-frame-ready) .pbro-reels__youtube-cover{visibility:visible}
.pbro-reels[data-first-frame=true] .pbro-reels__slide.is-youtube-ready.is-active:not(.is-frame-ready) .pbro-reels__surface{display:block;z-index:2}
.pbro-reels[data-first-frame=true] .pbro-reels__slide.is-frame-ready .pbro-reels__youtube iframe{visibility:visible}
.pbro-reels[data-first-frame=true] .pbro-reels__slide.is-frame-ready .pbro-reels__youtube-cover{visibility:hidden}
.pbro-reels__slide:not(.is-active) .pbro-reels__youtube iframe{pointer-events:none}
@media(max-width:767px){
  .pbro-reels[data-layout=landscape]{--rr-card-width:min(var(--rr-mobile-width,360px),calc(100vw - 32px));--rr-height:max(200px,calc(var(--rr-card-width)*9/16));--rr-step:calc(var(--rr-card-width) + 16px)}
  .pbro-reels[data-layout=landscape] .pbro-reels__arrow--prev,.pbro-reels[data-layout=landscape]:has(.is-active [data-youtube-url]) .pbro-reels__arrow--prev{left:8px}
  .pbro-reels[data-layout=landscape] .pbro-reels__arrow--next,.pbro-reels[data-layout=landscape]:has(.is-active [data-youtube-url]) .pbro-reels__arrow--next{right:8px}
}