/* APXMAIN V115: three isolated changes. No media sizes, codecs, or sources change. */

/* RESULTS: remove the previous centered start padding, keeping identical cards. */
/* Reach the actual left and right edges of the Results section ONLY on mobile.
   The card width variable --proof-card-w is NOT touched. */
@media (max-width:768px){
  #proof-track{
    padding-left:0!important;
    scroll-padding-left:0!important;
    scroll-padding-right:0!important;
  }
  #proof-track .proof-card{scroll-snap-align:start!important;}
  .results-section #proof-carousel{
    width:calc(100% + 36px)!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
  }
}

/* RESULTS: clear, tappable paused-state feedback over the current video frame. */
#proof-track .proof-resume-hint{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  background:rgba(4,5,9,.24)!important;
  color:#fff!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .14s ease,visibility .14s ease!important;
}
#proof-track .proof-video-card.is-paused .proof-resume-hint{
  opacity:1!important;
  visibility:visible!important;
}
#proof-track .proof-resume-play{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f5cdf0,#e8a3ca);
  box-shadow:0 8px 26px rgba(0,0,0,.4);
}
#proof-track .proof-resume-play svg{
  width:26px;height:26px;fill:#21121b;margin-left:4px;
}
#proof-track .proof-resume-hint strong{
  max-width:calc(100% - 24px);
  padding:8px 12px;
  border-radius:99px;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.08em;
  text-align:center;
  background:rgba(7,8,14,.78);
  box-shadow:0 3px 12px rgba(0,0,0,.28);
}

/* HERO ONLY: in-page immersive view leaves the ORIGINAL inline video running.
   This deliberately avoids webkitEnterFullscreen() in Instagram iOS WebView. */
html.apx-hero-expanded, body.apx-hero-expanded{
  overflow:hidden!important;
}
.opening-showcase.apx-hero-fullscreen-context{
  z-index:2147483000!important;
}
.opening-video-wrap .new-video-frame.apx-hero-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  background:#000!important;
  z-index:2147483001!important;
  overflow:hidden!important;
}
.new-video-frame.apx-hero-fullscreen #video-zero,
.new-video-frame.apx-hero-fullscreen #video-zero-native-poster{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
}
.new-video-frame.apx-hero-fullscreen #video-zero-fullscreen{
  opacity:1!important;
  pointer-events:auto!important;
  top:calc(env(safe-area-inset-top,0px) + 12px)!important;
  right:calc(env(safe-area-inset-right,0px) + 12px)!important;
}
.new-video-frame.apx-hero-fullscreen #video-zero-progress{
  bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;
}