/* Shared event frame. Opaque panels also work inside an app's white WebView wrapper.
   Keep the live theme's .container widths; never target its normal header/footer. */
body.sgs-bf-standalone{margin:0;padding:0;background:#08080b!important;color:#f5f2f7;font-family:Arial,Helvetica,sans-serif}
.sgs-bf-standalone-main.sgs-bf-standalone-main{margin:0 auto;padding:0 15px;box-sizing:border-box;min-width:0;background:#08080b!important;color:#f5f2f7;color-scheme:dark}
.sgs-bf-event-header.sgs-bf-event-header{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;min-width:0;padding:18px 0;margin:0;border-bottom:1px solid #39343f;background:#08080b!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif}
.sgs-bf-event-header>span{display:inline-block;font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-1.2px;color:#fff!important;opacity:1}
.sgs-bf-event-header sup{font-size:10px;vertical-align:top;letter-spacing:0}
.sgs-bf-event-header a.sgs-bf-return-link{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex:0 0 auto;gap:10px;min-height:48px;max-width:100%;box-sizing:border-box;padding:12px 18px;border:1px solid #fa647c;border-radius:9px;background:#bd1532!important;color:#fff!important;-webkit-text-fill-color:#fff;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none;white-space:normal;text-align:center;box-shadow:0 5px 18px #0006}
.sgs-bf-return-link>span{color:inherit!important;font-size:21px;line-height:1}
.sgs-bf-event-header a.sgs-bf-return-link:hover{background:#d01b3a!important;border-color:#ffadbb}
.sgs-bf-home-only{display:flow-root;min-width:0}.sgs-bf-home-only>.sgs-bf-home-stage,.sgs-bf-home-only>.sgs-bf-after-home{margin-top:0}

/* Each social section owns its contrast, including the ordinary First Look homepage. */
.sgs-bf-follow.sgs-bf-follow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;margin:30px 0 0;padding:28px;box-sizing:border-box;min-width:0;border:1px solid #39343f;border-top:3px solid #ed3152;border-radius:14px;background:#131017!important;color:#fff!important;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;opacity:1}
.sgs-bf-follow>div,.sgs-bf-follow nav{min-width:0}
.sgs-bf-follow>div>span{font-size:12px;line-height:1.6;letter-spacing:.06em;font-weight:750;color:#e7c4ce!important;opacity:1}
.sgs-bf-follow h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-weight:750;margin:14px 0;color:#fff!important;opacity:1}
.sgs-bf-follow p{font-size:16px;line-height:1.7;margin:12px 0;color:#d4cbdc!important;opacity:1}
.sgs-bf-follow nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}
.sgs-bf-follow nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;min-height:48px;min-width:0;padding:12px 14px;border:1px solid #6e5d79;border-radius:8px;background:#241b2b!important;color:#fff!important;-webkit-text-fill-color:#fff;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;white-space:normal;overflow-wrap:anywhere;opacity:1}
.sgs-bf-follow nav a>span{flex-shrink:0;color:inherit!important}
.sgs-bf-follow nav a:hover{background:#392333!important;border-color:#ff8da2;color:#fff!important}

.sgs-bf-event-footer.sgs-bf-event-footer{display:block;box-sizing:border-box;padding:26px 0 calc(30px + env(safe-area-inset-bottom,0px));margin:24px 0 0;border-top:1px solid #39343f;background:#08080b!important;color:#d4cbdc!important;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.8;opacity:1}
.sgs-bf-event-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px;min-width:0}
.sgs-bf-event-footer a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:6px 0;box-sizing:border-box;color:#eee4f6!important;-webkit-text-fill-color:#eee4f6;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;opacity:1}
.sgs-bf-event-footer a:hover{color:#fff!important;-webkit-text-fill-color:#fff}
.sgs-bf-event-footer details{margin:14px 0}.sgs-bf-event-footer summary{min-height:44px;padding:9px 0;box-sizing:border-box;cursor:pointer;color:#eee4f6!important;font-size:14px;line-height:1.8}
.sgs-bf-event-footer p{max-width:850px;white-space:normal;line-height:1.8;margin:12px 0;font-size:14px;color:#d4cbdc!important;overflow-wrap:anywhere}
.sgs-bf-event-footer .sgs-bf-cmmp30-legend strong{color:#fff!important;font-weight:750}
.sgs-bf-event-footer small{font-size:13px;color:#d4cbdc!important}
.sgs-bf-event-header a:focus-visible,.sgs-bf-event-footer a:focus-visible,.sgs-bf-event-footer summary:focus-visible,.sgs-bf-follow a:focus-visible{outline:3px solid #ffadbb;outline-offset:3px}

@media(max-width:991px){.sgs-bf-follow.sgs-bf-follow{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px}.sgs-bf-follow nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sgs-bf-follow h2{font-size:28px}}
@media(max-width:767px){.sgs-bf-standalone-main{padding:0 15px}.sgs-bf-event-header.sgs-bf-event-header{padding:14px 0;gap:12px}.sgs-bf-event-header>span{font-size:23px}.sgs-bf-event-header a.sgs-bf-return-link{font-size:14px;padding:11px 14px}.sgs-bf-follow.sgs-bf-follow{padding:23px 18px;gap:18px}.sgs-bf-follow nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sgs-bf-follow h2{font-size:27px}.sgs-bf-follow nav a{padding:12px;font-size:14px}.sgs-bf-event-footer nav{gap:4px 16px}}
@media(max-width:359px){.sgs-bf-event-header.sgs-bf-event-header{align-items:stretch}.sgs-bf-event-header a.sgs-bf-return-link{flex-basis:100%}.sgs-bf-follow.sgs-bf-follow{padding:21px 15px}.sgs-bf-follow nav{grid-template-columns:minmax(0,1fr)}}

/* Explicit event entry, outside the native header so app layouts retain it. */
.sgs-bf-shop-event-nav{position:sticky;top:0;z-index:1020;background:#121216;border-bottom:1px solid #76263a;color:#fff;font-family:inherit}
.sgs-bf-shop-event-nav>.container{display:flex;justify-content:center;padding-top:5px;padding-bottom:5px}
.sgs-bf-shop-event-nav a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:9px 22px;box-sizing:border-box;border:1px solid #d84c66;border-radius:7px;background:#a5112c;color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:800;line-height:1.3}
.sgs-bf-shop-event-nav a:hover{background:#c51837;color:#fff!important}
.sgs-bf-shop-event-nav a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sgs-bf-shop-event-nav-after{background:#211d18;border-color:#826d50}
.sgs-bf-shop-event-nav-after a{background:#d7bd94;border-color:#ead3ad;color:#20180e!important}
.sgs-bf-shop-event-nav-after a:hover{background:#ead4b3;color:#20180e!important}
@media(max-width:575px){.sgs-bf-shop-event-nav a{width:100%;max-width:400px;font-size:14px}}
