/* Beloma v0.16.48 — cinematic, accessible portrait story announcements. */
.beloma-story-strip{width:100%;background:#501a43;color:#fff}
.beloma-story-strip__button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:10px 18px;border:0;border-radius:0;background:linear-gradient(100deg,#501a43,#9b356a 55%,#501a43);color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;line-height:1.7;text-align:center}
.beloma-story-strip__button:hover,.beloma-story-strip__button:focus-visible{background:linear-gradient(100deg,#642153,#ab3c72 55%,#642153)}
.beloma-story-strip__button:focus-visible{outline:3px solid #ffc5e0;outline-offset:-3px}
.beloma-story-strip__text{min-width:0;max-width:min(50vw,450px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.beloma-story-strip__count{flex:none;padding:1px 7px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:10px}
.beloma-story-strip__arrow{font-size:22px;font-weight:300;line-height:1}
body.beloma-story-is-open{overflow:hidden!important}
.beloma-story-viewer[hidden]{display:none!important}
.beloma-story-viewer{position:fixed!important;inset:0!important;z-index:100005!important;display:grid!important;place-items:center!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;background:rgba(10,7,14,.92)!important}
.beloma-story-viewer__backdrop{position:absolute;inset:0;cursor:pointer}
.beloma-story-viewer__frame{position:relative;isolation:isolate;width:min(100vw,430px);height:min(100dvh,765px);max-height:100dvh;overflow:hidden;border-radius:12px;background:#150e18;box-shadow:0 30px 100px rgba(0,0,0,.55);direction:rtl}
.beloma-story-viewer__slides{position:absolute;inset:0;overflow:hidden}
.beloma-story-viewer__slide{position:absolute;inset:0;display:block;visibility:hidden;opacity:0;pointer-events:none}
.beloma-story-viewer__slide.is-active{visibility:visible;opacity:1;pointer-events:auto}
.beloma-story-viewer__slide>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#150e18}
.beloma-story-viewer__slide::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(0deg,rgba(0,0,0,.73),transparent);pointer-events:none}
.beloma-story-viewer__progress{position:absolute;z-index:7;inset:14px 12px auto;display:flex;flex-direction:row;gap:4px;direction:rtl}
.beloma-story-viewer__track{display:block;flex:1;height:3px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.35)}
.beloma-story-viewer__fill{display:block;width:0;height:100%;border-radius:4px;background:#fff;transition:none}
.beloma-story-viewer__close{position:absolute!important;z-index:10;top:31px;left:12px;right:auto;display:grid!important;place-items:center!important;width:40px;height:40px;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.50)!important;color:#fff!important;cursor:pointer;font:normal 30px/1 Arial,sans-serif!important;direction:ltr}
.beloma-story-viewer__close:hover,.beloma-story-viewer__close:focus-visible{background:rgba(0,0,0,.78)!important}
.beloma-story-viewer__close:focus-visible,.beloma-story-viewer__tap:focus-visible,.beloma-story-viewer__link:focus-visible{outline:3px solid #f9c4de;outline-offset:2px}
.beloma-story-viewer__caption{position:absolute;z-index:6;inset:auto 20px max(30px,env(safe-area-inset-bottom)) 20px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;text-align:center;pointer-events:none}
.beloma-story-viewer__caption strong{max-width:100%;color:#fff;font-size:16px;line-height:1.75;text-shadow:0 2px 12px #000}
.beloma-story-viewer__link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border:1px solid rgba(255,255,255,.65);border-radius:100px;background:rgba(255,255,255,.95);color:#501a43!important;font-size:12px;font-weight:800;text-decoration:none!important;pointer-events:auto}
.beloma-story-viewer__link:hover{background:#fff}
.beloma-story-viewer__tap{position:absolute!important;z-index:5;top:79px;bottom:110px;width:29%;border:0!important;background:transparent!important;opacity:1!important;cursor:pointer}
.beloma-story-viewer__tap--previous{right:0;left:auto}
.beloma-story-viewer__tap--next{left:0;right:auto}
@media(max-width:767px){
 .beloma-story-strip__button{min-height:42px;gap:7px;padding:8px 10px;font-size:11px}
 .beloma-story-viewer__frame{width:100vw;height:100dvh;border-radius:0;box-shadow:none}
 .beloma-story-viewer__progress{top:max(13px,env(safe-area-inset-top));left:10px;right:10px}
 .beloma-story-viewer__close{top:calc(max(13px,env(safe-area-inset-top)) + 18px)}
}
@media(prefers-reduced-motion:reduce){.beloma-story-viewer__slide{transition:none!important}}

/* v0.16.43 — Center a proportional portrait story on desktop with visible
   breathing room above and below, including short laptop viewports.
   Mobile retains the existing edge-to-edge Instagram-style viewer. */
@media screen and (min-width: 768px) {
    .beloma-story-viewer__frame {
        width: auto !important;
        height: min(740px, calc(100dvh - 96px)) !important;
        max-width: min(430px, calc(100vw - 48px)) !important;
        max-height: calc(100dvh - 96px) !important;
        aspect-ratio: 9 / 16 !important;
        margin: auto !important;
        border-radius: 15px !important;
    }
}
/* No dark caption gradient over merchant artwork when no visible caption exists. */
.beloma-story-viewer__slide:not(.has-caption)::after { display: none !important; }

/* v0.16.44 — Mobile long press pauses stories instead of offering the
   browser's image save/copy popup. Apply only within the story overlay. */
.beloma-story-viewer__frame,
.beloma-story-viewer__slides,
.beloma-story-viewer__slide,
.beloma-story-viewer__slide > img,
.beloma-story-viewer__tap {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    touch-action: none !important;
}
.beloma-story-viewer__slide > img {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    pointer-events: none !important;
}
.beloma-story-strip__icon { display: none !important; }


/* v0.16.48 — compact Instagram-familiar story circles in the plum header.
   No infinite JS timers, no image downloads beyond existing thumbnails.
   Only the ring rotates; each story image and its label stay stationary. */
.beloma-story-strip{
    direction:rtl;
    background:linear-gradient(105deg,#421438 0%,#501a43 58%,#6c265a 100%);
    color:#fff;
}
.beloma-story-strip__inner{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:clamp(10px,2vw,20px);
    width:min(100%,1120px);
    margin-inline:auto;
    padding:4px 16px 5px;
}
.beloma-story-strip__intro{
    flex:0 1 185px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:0;
    min-width:0;
    text-align:right;
}
.beloma-story-strip__intro .beloma-story-strip__text{
    display:block;
    max-width:none;
    overflow:visible;
    font-size:clamp(12px,1vw,14px);
    font-weight:900;
    line-height:1.45;
    color:#fff;
    white-space:normal;
    text-overflow:clip;
}
.beloma-story-strip__subtitle{
    display:block;
    color:rgba(255,255,255,.79);
    font-size:10px;
    font-weight:500;
    line-height:1.6;
}
.beloma-story-strip__rail{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:clamp(4px,1.1vw,12px);
    min-width:0;
    max-width:100%;
}
.beloma-story-strip__item{
    display:flex!important;
    flex:0 0 74px;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:2px;
    width:74px;
    min-width:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#fff!important;
    font-family:inherit!important;
    text-align:center;
    text-decoration:none!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.beloma-story-strip__ring{
    position:relative;
    display:grid;
    place-items:center;
    isolation:isolate;
    flex:none;
    width:49px;
    height:49px;
    border-radius:50%;
}
.beloma-story-strip__ring::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    border-radius:50%;
    background:conic-gradient(from 30deg,
        #c77ec6 0deg,#fff1f9 64deg,#812e81 115deg,
        #f3a3dc 190deg,#6b2b78 280deg,#c77ec6 360deg);
    box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 12px rgba(235,136,216,.30);
    animation:beloma-story-orbit 8s linear infinite;
}
.beloma-story-strip__item:nth-child(2) .beloma-story-strip__ring::before{animation-delay:-1.7s}
.beloma-story-strip__item:nth-child(3) .beloma-story-strip__ring::before{animation-delay:-3.4s}
.beloma-story-strip__item:nth-child(4) .beloma-story-strip__ring::before{animation-delay:-5.1s}
.beloma-story-strip__ring img{
    position:relative;
    z-index:1;
    display:block;
    width:43px;
    height:43px;
    padding:0;
    border:2px solid #501a43;
    border-radius:50%;
    object-fit:cover;
    object-position:center;
    background:#efe1ed;
}
.beloma-story-strip__item-name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    width:100%;
    min-height:24px;
    max-height:27px;
    overflow:hidden;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
    text-align:center;
    overflow-wrap:anywhere;
}
.beloma-story-strip__item:hover .beloma-story-strip__ring::before,
.beloma-story-strip__item:focus-visible .beloma-story-strip__ring::before{
    box-shadow:0 0 0 2px rgba(255,255,255,.5),0 0 18px rgba(249,176,227,.7);
}
.beloma-story-strip__item:focus-visible{
    outline:2px solid #ffe0f2!important;
    outline-offset:2px;
}
@keyframes beloma-story-orbit{to{transform:rotate(360deg)}}
@media(max-width:767px){
    .beloma-story-strip__inner{
        flex-direction:column;
        align-items:center;
        gap:2px;
        padding:4px 8px 5px;
    }
    .beloma-story-strip__intro{
        flex:none;
        align-items:center;
        text-align:center;
        gap:0;
        width:100%;
    }
    .beloma-story-strip__intro .beloma-story-strip__text{
        font-size:11px;
        line-height:1.3;
    }
    .beloma-story-strip__subtitle{
        display:none; /* Short header keeps four stories within a compact mobile strip. */
    }
    .beloma-story-strip__rail{
        gap:clamp(2px,1.5vw,9px);
        width:100%;
        justify-content:center;
    }
    .beloma-story-strip__item{
        flex:0 1 69px;
        width:69px;
        max-width:69px;
        gap:2px;
    }
    .beloma-story-strip__ring{width:40px;height:40px}
    .beloma-story-strip__ring img{width:34px;height:34px;border-width:2px}
    .beloma-story-strip__item-name{
        min-height:24px;
        max-height:26px;
        font-size:9px;
        line-height:1.35;
    }
}
@media(prefers-reduced-motion:reduce){
    .beloma-story-strip__ring::before{animation:none!important}
}