/* OC-SCN-060: selected Reels-to-shopping composition. Shared UI stays unchanged. */
.social-stage-r06{background:#087e51}
.social-stage-r06:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#087e51,rgba(8,126,81,0) 24%),linear-gradient(90deg,rgba(8,126,81,.14),transparent 62%);z-index:1}
.social-stage-r06:after{display:none}
.social-reels-background{position:absolute;inset:0;display:block;width:100%;height:100%}
.social-reels-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.social-reels-art{position:absolute;width:min(calc(49 * var(--hero-u)),900px);aspect-ratio:1;right:calc(50% - 45 * var(--hero-u));top:50%;transform:translateY(-50%);z-index:2}
.social-stream-art,.social-stream-art img{display:block;width:100%;height:100%;object-fit:contain}
.social-reels-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.social-stream-logo{position:absolute;display:grid;place-items:center;width:14%;height:14%;border-radius:25%;background:linear-gradient(145deg,#fafbef,#dfebd4 66%,#c3d7b8);border:1px solid #e4eddb;box-shadow:1px 2px 0 #b3c9a9,2px 4px 0 #9eb993,3px 6px 0 #779b73,4px 8px 0 #587d5b,5px 14px 18px #123e3329,inset 2px 2px 2px #ffffff8a;z-index:3}
.social-stream-logo img{display:block;width:58%;height:58%;object-fit:contain;filter:brightness(0) saturate(100%) invert(29%) sepia(15%) saturate(977%) hue-rotate(103deg) brightness(89%) contrast(88%) drop-shadow(0 1px 0 #ffffdf8a)}
.social-stream-logo--instagram{width:17%;height:17%;left:11%;top:13%;transform:translate(-50%,-50%) rotate(-6deg)}
.social-stream-logo--instagram img{width:61%;height:70%}
.social-stream-logo--youtube{left:12%;top:65%;transform:translate(-50%,-50%) rotate(-7deg)}
.social-stream-logo--youtube img{width:70%;height:68%}
.social-stream-logo--tiktok{left:87%;top:39%;transform:translate(-50%,-50%) rotate(5deg)}
.social-stream-logo--tiktok img{width:48%;height:56%}
/* Only the screen light moves: four seconds of soft motion, sixteen at rest. */
.social-reels-light{opacity:0;animation:social-reels-light-060 20s ease-in-out infinite}
@keyframes social-reels-light-060{
 0%,3%{transform:translateX(-280px);opacity:0}
 9%{opacity:.72}
 23%{transform:translateX(550px);opacity:0}
 100%{transform:translateX(550px);opacity:0}
}
.social-stage-r06.no-motion .social-reels-light,.motion-idle .social-stage-r06 .social-reels-light{animation-play-state:paused!important}
@media(max-width:899px), (max-width:1200px) and (max-aspect-ratio:1/1){
 .social-reels-background img{object-position:38% bottom}
 .social-stage-r06:before{background:linear-gradient(180deg,#087e51 0,rgba(8,126,81,.8) 24%,transparent 62%)}
 .social-reels-art{width:calc(80 * var(--hero-u));right:calc(50% - 40 * var(--hero-u));top:auto;bottom:calc(39 * var(--hero-u));transform:none}
 .social-stream-logo{box-shadow:1px 2px 0 #b3c9a9,2px 4px 0 #779b73,3px 6px 10px #123e3329,inset 1px 1px 1px #ffffff8a}
}
@media(max-width:899px) and (max-height:740px) and (orientation:portrait){
 .social-reels-art{width:calc(60 * var(--hero-u));right:calc(50% - 30 * var(--hero-u));bottom:calc(41 * var(--hero-u))}
}
@media(max-height:600px) and (orientation:landscape){
 .social-reels-art{width:min(27vw,235px);right:7%;top:39%;bottom:auto;transform:translateY(-54%)}
}
@media(prefers-reduced-motion:reduce){.social-reels-light{animation:none!important;opacity:0}}