/* MP V1.0.2 refinements */
.mp-profile-contact-nav,
.mp-model-nav-under-contact{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:22px auto 8px;
  width:100%;
}
.mp-profile-contact-nav .mp-prev,
.mp-profile-contact-nav .mp-next,
.mp-model-nav-under-contact .mp-prev,
.mp-model-nav-under-contact .mp-next,
.mp-profile-photo-arrow{
  width:54px;
  height:54px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:28px;
  font-weight:900;
  text-align:center;
  padding:0;
  box-sizing:border-box;
}
.mp-gallery-main,
.mp-profile-gallery-main,
.mp-profile-media-main{
  position:relative;
}
.mp-profile-photo-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:15;
  background:rgba(15,15,18,.72);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(10px);
  cursor:pointer;
}
.mp-profile-photo-arrow.prev{ left:16px; }
.mp-profile-photo-arrow.next{ right:16px; }
.mp-profile-photo-arrow:hover{ background:rgba(255,174,0,.88); color:#111; }
.mp-profile-thumbs,
.mp-gallery-thumbs,
.mp-model-thumbnails{
  max-height:188px;
  overflow-y:auto;
  scrollbar-width:thin;
}
.mp-profile-thumb,
.mp-gallery-thumb,
.mp-model-thumb{
  position:relative;
}
.mp-video-badge,
.mp-thumb-video-badge{
  position:absolute;
  top:8px;
  right:8px;
  min-width:30px;
  height:30px;
  border-radius:999px;
  background:rgba(0,0,0,.72);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  z-index:5;
}
.mp-story-trigger,
.mp-profile-story-trigger,
[data-mp-story-open]{
  cursor:pointer;
}
.mp-story-trigger:hover,
.mp-profile-story-trigger:hover,
[data-mp-story-open]:hover{
  transform:translateY(-1px) scale(1.03);
}
@media (max-width: 760px){
  .mp-profile-contact-nav,
  .mp-model-nav-under-contact{
    gap:10px;
    flex-wrap:wrap;
  }
  .mp-profile-photo-arrow{
    width:44px;
    height:44px;
    font-size:22px;
  }
}


/* MP V1.0.2 media strip + story fixes */
.mp-profile-gallery{position:relative}
.mp-profile-thumbs-wrap{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  gap:8px;
  align-items:center;
  padding:10px;
  background:rgba(0,0,0,.10);
}
.mp-profile-thumbs-wrap .mp-profile-thumbs{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  padding:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.mp-profile-thumbs-wrap .mp-profile-thumbs::-webkit-scrollbar{display:none}
.mp-profile-thumbs-wrap .mp-profile-thumb{
  flex:0 0 150px;
  height:96px!important;
  border-radius:18px;
}
.mp-thumb-scroll{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  font-weight:1000;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.mp-thumb-scroll:hover{background:#f59e0b;color:#111}
.mp-profile-main-image{
  position:relative;
  overflow:hidden;
}
.mp-profile-main-image video{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
  display:block;
}
.mp-profile-main-image.is-video{
  cursor:default;
}
.mp-photo-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.58);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:1000;
  line-height:1;
  z-index:20;
  cursor:pointer;
  padding:0;
  backdrop-filter:blur(12px);
}
.mp-photo-nav:hover{background:#f59e0b;color:#111}
.mp-photo-prev{left:14px}
.mp-photo-next{right:14px}
.mp-profile-thumb.has-video{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.55));
}
.mp-profile-thumb.has-video::before{
  content:"Video";
  position:absolute;
  left:10px;
  bottom:9px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:rgba(0,0,0,.65);
  padding:4px 7px;
  border-radius:999px;
}
.mp-side-story-trigger.mp-story{cursor:pointer}
@media (max-width:760px){
  .mp-profile-thumbs-wrap{grid-template-columns:36px minmax(0,1fr) 36px;padding:8px}
  .mp-profile-thumbs-wrap .mp-profile-thumb{flex-basis:118px;height:82px!important}
  .mp-thumb-scroll{width:34px;height:34px;font-size:22px}
  .mp-photo-nav{width:40px;height:40px;font-size:26px}
}