/* Reusable Polaroid gallery cover; the viewer uses the existing Sunset Stories styling. */
.post-content .bbb-optin-story-cover{display:block!important;position:relative;box-sizing:border-box!important;width:min(100%,440px)!important;margin:24px auto 42px!important;padding:12px 12px 19px!important;background:#f4f0e6!important;border:0!important;box-shadow:0 8px 24px rgba(37,37,34,.13)!important;cursor:pointer!important;transform:none!important;text-align:left!important}
.post-content .bbb-optin-story-cover img{display:block!important;width:100%!important;height:auto!important;max-height:650px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;transform:none!important}
.post-content .bbb-optin-story-cover:focus-visible{outline:3px solid #a2b5a1!important;outline-offset:4px}
.post-content .bbb-optin-story-tape{position:absolute;z-index:2;top:-15px;left:50%;width:125px;height:39px;transform:translateX(-50%) rotate(-7deg);background:rgba(153,169,148,.64);clip-path:polygon(0 6%,96% 0,100% 88%,4% 100%);box-shadow:0 1px 2px rgba(0,0,0,.07);pointer-events:none}
@media(max-width:650px){.post-content .bbb-optin-story-cover{width:min(100%,390px)!important;margin:24px auto 34px!important;padding:10px 10px 16px!important}}
/* v1.1.370 — use the theme's actual organic tape asset on reusable covers. */
.post-content .bbb-optin-story-tape{background:transparent url('../images/organic-tape-1.png') center/100% 100% no-repeat!important;clip-path:none!important;box-shadow:none!important;width:140px;height:47px;top:-21px;transform:translateX(-50%) rotate(-7deg)}
/* Desktop-only viewer correction: fit the entire image within the story frame.
   Scope to opt-in galleries so existing sunset stories and mobile behavior are untouched. */
@media(min-width:700px){
 .bbb-optin-story-viewer .bbb-story-frame{position:relative!important;overflow:hidden!important}
 .bbb-optin-story-viewer .bbb-story-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}
}

/* v1.1.371 — desktop opt-in viewer: size frame to each image's natural aspect ratio,
   rather than forcing portrait photos and landscape photos into a 9:16 crop. */
@media (min-width:700px) {
 .bbb-optin-story-viewer .bbb-story-frame {
   box-sizing:border-box!important;
   width:min(90vw, calc(84dvh * var(--bbb-photo-ratio, .6667)))!important;
   height:min(84dvh, calc(90vw / var(--bbb-photo-ratio, .6667)))!important;
   max-width:90vw!important;
   max-height:84dvh!important;
   aspect-ratio:var(--bbb-photo-ratio, .6667)!important;
   margin:auto!important;
   overflow:hidden!important;
 }
 .bbb-optin-story-viewer .bbb-story-frame > img.bbb-story-image {
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   min-width:0!important;
   min-height:0!important;
   max-width:100%!important;
   max-height:100%!important;
   object-fit:contain!important;
   object-position:center!important;
 }
}