.story-strip{margin:22px 0 30px;min-width:0}.story-strip-items{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 12px;scroll-snap-type:x proximity}.story-bubble{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 88px;max-width:88px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;scroll-snap-align:start}.story-bubble:hover{background:transparent;color:var(--primary)}.story-bubble-ring{display:block;padding:3px;background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:50%;width:80px;height:80px}.story-bubble-ring img{display:block;width:74px;height:74px;object-fit:cover;border:3px solid var(--surface);border-radius:50%}.story-bubble-name{font-size:13px;line-height:18px;font-weight:650;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-bubble:focus-visible{outline:3px solid var(--primary);outline-offset:5px;border-radius:12px}.story-viewer-open{overflow:hidden}.story-viewer{position:fixed;inset:0;margin:auto;padding:0;width:min(100vw,460px);height:min(92dvh,820px);max-width:100vw;max-height:100dvh;border:0;border-radius:18px;background:#10151b;color:#fff;box-shadow:0 16px 80px #0008;overflow:hidden}.story-viewer::backdrop{background:#071018db}.story-viewer-inner{display:flex;flex-direction:column;height:100%;position:relative}.story-viewer-progress{display:flex;gap:4px;padding:12px 14px 0}.story-viewer-progress>span{height:3px;flex:1;border-radius:4px;background:#ffffff45;overflow:hidden}.story-viewer-progress i{display:block;height:100%;background:#fff;width:0}.story-viewer-header{display:flex;align-items:center;gap:10px;padding:14px}.story-viewer-owner{flex:1;font-weight:650;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer button{border:1px solid #ffffff45;background:#ffffff14;color:white;border-radius:10px;min-height:42px;padding:8px 12px;margin:0;font-size:14px}.story-viewer button:hover{background:#ffffff30}.story-viewer button:disabled{opacity:.4;cursor:default}.story-viewer-photo{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#10151b;touch-action:pan-y}.story-viewer-photo img{display:block;width:100%;height:100%;object-fit:contain}.story-viewer-photo .story-prev,.story-viewer-photo .story-next{position:absolute;top:50%;transform:translateY(-50%);background:#0006;font-size:22px;border-color:#ffffff35}.story-prev{left:10px}.story-next{right:10px}.story-viewer-footer{padding:16px;display:grid;gap:12px;background:#10151b}.story-viewer-title{margin:0;color:#fff;font-size:15px;line-height:1.45}.story-viewer-position{color:#d3dbe3;font-size:12px}.story-viewer-link{display:block;background:var(--primary,#0d7489);color:#fff!important;border-radius:10px;padding:14px;text-align:center;font-weight:700}.story-viewer-status{position:absolute;left:20px;right:20px;text-align:center;color:white;font-size:14px}.story-viewer-status:empty{display:none}@media(max-width:767px){.story-strip{margin:18px 0 26px}.story-strip-items{gap:12px}.story-bubble{flex-basis:76px;max-width:76px}.story-bubble-ring{width:70px;height:70px}.story-bubble-ring img{width:64px;height:64px}.story-bubble-name{font-size:12px}.story-viewer{width:100%;height:100dvh;border-radius:0}.story-viewer-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.story-strip-items{scroll-behavior:auto}}

/* Photo-led Story viewer with listing contact actions */
.story-viewer-photo{position:absolute;inset:0;display:block;background-size:cover;background-position:center}.story-viewer-photo img{object-fit:cover}.story-viewer-progress{position:relative;z-index:3;padding-top:16px}.story-viewer-header{position:relative;z-index:3;background:linear-gradient(#0009,transparent);padding:14px;align-items:start}.story-viewer-identity{flex:1;min-width:0;text-shadow:0 1px 5px #000a}.story-viewer-owner{display:block;font-size:17px}.story-viewer-avatar{width:42px;height:42px;object-fit:cover;border:2px solid white;border-radius:50%;flex-shrink:0}.story-viewer-title{font-size:13px;line-height:1.4;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-viewer-header button{padding:7px 10px;border:0;background:#0008;min-height:36px}.story-viewer-footer{position:absolute;z-index:3;bottom:18px;left:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;background:#17202cbf;border-radius:16px;padding:10px;backdrop-filter:blur(8px)}.story-viewer-footer a{flex:1 1 auto;white-space:nowrap;text-align:center;padding:12px 14px;border-radius:24px;font-size:13px;font-weight:700;color:white!important;text-decoration:none}.story-viewer-link{background:var(--accent,#f97874)}.story-viewer-whatsapp{background:#00a878}.story-viewer-phone{background:#1959e5}.story-viewer-footer [hidden]{display:none!important}.story-viewer-position{position:absolute;bottom:calc(100% + 8px);left:4px;color:#fff;text-shadow:0 1px 5px #000}.story-viewer-photo .story-prev,.story-viewer-photo .story-next{border-radius:50%;width:42px;height:42px;padding:0}.story-viewer-status{top:48%;padding:12px;background:#0008;border-radius:10px;z-index:1}@media(max-width:767px){.story-viewer-footer{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.story-viewer-header{padding-top:12px}.story-viewer-footer a{font-size:12px;padding:12px 10px}}

/* Reference proportions; keep the full photograph visible on every device. */
.story-viewer{width:min(94vw,520px);height:min(92dvh,900px);border-radius:24px}
.story-viewer-photo img{object-fit:cover;background:#090c17}
.story-viewer-header{align-items:center;padding:16px 20px;background:linear-gradient(#000b,transparent)}
.story-viewer-header .story-close,.story-viewer-header .story-pause{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%;font-size:27px;line-height:1}
.story-viewer-header .story-pause{font-size:18px}
.story-viewer-identity{padding-right:4px}.story-viewer-title{font-size:13px}
.story-viewer-footer{bottom:20px;left:18px;right:18px;padding:10px;border-radius:22px;gap:8px}
.story-viewer-footer a{padding:14px 10px;font-size:14px;min-width:0;flex:1 1 0}
@media(max-width:767px){.story-viewer{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.story-viewer-progress{padding-top:calc(12px + env(safe-area-inset-top,0px))}.story-viewer-header{padding:12px}.story-viewer-footer{bottom:calc(16px + env(safe-area-inset-bottom,0px));left:12px;right:12px}.story-viewer-footer a{font-size:12px;padding:14px 8px}}