.social-ribbon{scroll-snap-type:none !important}
.social-card{scroll-snap-align:none;content-visibility:visible !important;contain-intrinsic-size:auto !important}
.social-card button{position:relative}
.social-thumb{aspect-ratio:4/3}
.social-lightbox{position:fixed;inset:0;background:rgba(3,8,4,.88);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:9999;padding:18px}
.social-lightbox[hidden]{display:none !important}
.social-lightbox-shell{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:16px;align-items:center;width:min(1400px,98vw);max-height:94vh}
.social-lightbox-center{position:relative;min-width:0;border-radius:28px;border:1px solid rgba(231,196,90,.22);background:linear-gradient(180deg,#102014,#0a120b);box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden}
.social-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(231,196,90,.14)}
.social-lightbox-count{color:#fff1bf;font-weight:800;letter-spacing:.03em;font-size:13px}
.social-lightbox-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.social-lightbox-tool,.social-lightbox-close,.social-lightbox-nav{border:1px solid rgba(231,196,90,.26);background:rgba(9,18,10,.82);color:#fff5cc;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.social-lightbox-tool{min-width:42px;height:42px;border-radius:14px;font-size:18px;font-weight:800;padding:0 12px}
.social-lightbox-close{position:absolute;top:12px;right:12px;width:50px;height:50px;border-radius:18px;font-size:30px;line-height:1;z-index:5}
.social-lightbox-nav{width:58px;height:88px;border-radius:20px;font-size:34px;line-height:1.1}
.social-lightbox-stage{position:relative;height:min(74vh,920px);overflow:auto;touch-action:pan-y pinch-zoom;background:radial-gradient(circle at center, rgba(255,255,255,.08), rgba(0,0,0,.02) 56%)}
.social-lightbox-stage img{display:block;max-width:none;width:auto;height:auto;max-height:none;margin:auto;transform-origin:center center;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.social-lightbox-stage.is-zoomed img{cursor:grab}
.social-lightbox-stage.is-dragging img{cursor:grabbing}
.social-lightbox-caption{padding:16px 18px 18px;color:#eef6ea;font-size:15px;line-height:1.55;border-top:1px solid rgba(231,196,90,.10)}
@media (max-width:900px){
  .social-lightbox{padding:0;align-items:flex-end}
  .social-lightbox-shell{grid-template-columns:1fr;gap:0;width:100vw;max-height:100vh}
  .social-lightbox-center{border-radius:24px 24px 0 0}
  .social-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:68px;border-radius:16px}
  .social-lightbox-prev{left:8px}
  .social-lightbox-next{right:8px}
  .social-lightbox-stage{height:68svh}
  .social-lightbox-toolbar{padding:12px 14px 10px}
  .social-lightbox-tool{min-width:38px;height:38px;border-radius:12px}
  .social-lightbox-close{top:10px;right:10px;width:46px;height:46px;border-radius:14px;font-size:26px}
  .social-lightbox-caption{padding:14px;font-size:14px}
}

.social-ribbon{touch-action:pan-x}
.social-ribbon-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 10px}
.social-ribbon-control{width:46px;height:46px;border-radius:14px;border:1px solid rgba(231,196,90,.24);background:rgba(9,18,10,.82);color:#fff1bf;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.social-ribbon-control:active{transform:translateY(1px)}
@media (max-width:900px){.social-ribbon-controls{justify-content:center}.social-ribbon-control{width:44px;height:44px}}

.social-thumb{display:block !important;visibility:visible !important;opacity:1 !important}


.social-ribbon-controls,.social-ribbon-control,.social-lightbox-nav,.social-lightbox-tool,.social-lightbox-close{position:relative;z-index:30;pointer-events:auto}
.social-lightbox-nav{z-index:35}
.social-lightbox-stage{display:flex;align-items:center;justify-content:center}
.social-lightbox-stage img{max-width:100%;max-height:72vh;width:auto;height:auto;transition:transform .18s ease}
.social-lightbox-stage.is-zoomed{display:block;overflow:auto;cursor:grab}
.social-lightbox-stage.is-zoomed img{max-width:none;max-height:none}
.social-lightbox-stage.is-dragging{cursor:grabbing}

.social-lightbox-close{position:absolute !important;top:12px;right:12px;z-index:40}
@media (max-width:900px){.social-lightbox-close{position:absolute !important;top:10px;right:10px;z-index:40}}