/* SweetGirl V2 - Clean Editorial Person Detail V5 */

body:has(.detail:not(.merchant-detail)){
  background:linear-gradient(180deg,rgba(25,24,22,.65),rgba(25,24,23,.76) 50%,rgba(18,18,19,.91)),url("/assets/person-editorial-background-v1.png") center top/cover no-repeat,#252423!important;
  overflow-x:clip;
}

body:has(.detail:not(.merchant-detail)) main{
  background:transparent!important;
}

.detail:not(.merchant-detail){
  color:#f3ede3;
  align-items:start;
  gap:24px;
}

.detail:not(.merchant-detail) .detail-media{
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

.detail:not(.merchant-detail) .gallery-main{
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden;
  touch-action:pan-y;
}

.detail:not(.merchant-detail) .gallery-main img{
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:initial!important;
}

.detail:not(.merchant-detail) .gallery-demo,
.detail:not(.merchant-detail) .media-note{
  display:none!important;
}

.detail:not(.merchant-detail) .gallery-thumbs{
  display:flex!important;
  gap:8px;
  overflow-x:auto;
  padding:10px 0;
  scroll-snap-type:x proximity;
}

.detail:not(.merchant-detail) .gallery-thumb{
  display:block!important;
  flex:0 0 calc((100% - 16px)/3)!important;
  height:78px!important;
  min-width:0!important;
  overflow:hidden;
  border-radius:7px;
  scroll-snap-align:start;
}

.detail:not(.merchant-detail) .gallery-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.detail:not(.merchant-detail) .gallery-swipe-controls{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 8px;
  pointer-events:none;
}

.detail:not(.merchant-detail) .gallery-swipe-controls button{
  pointer-events:auto;
  width:36px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.42);
  color:white;
  font-size:26px;
}

.detail:not(.merchant-detail) .gallery-slide-count{
  position:absolute;
  right:12px;
  bottom:12px;
  padding:5px 10px;
  border-radius:18px;
  background:rgba(0,0,0,.55);
  color:white;
  font-size:13px;
}

.detail:not(.merchant-detail)>div:nth-child(2){
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:12px;
  border:0;
  background:transparent;
  box-shadow:none;
}

.detail:not(.merchant-detail) a{
  color:#dec090;
}

.detail:not(.merchant-detail) .text-link{
  font-size:14px;
  margin-bottom:12px;
}

.detail:not(.merchant-detail) dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:10px 0;
  padding:0;
  border:0;
}

.detail:not(.merchant-detail) .profile-fact{
  min-width:0;
  background:rgba(35,34,34,.88);
  border:1px solid rgba(216,180,115,.34);
  border-radius:10px;
  padding:12px;
  box-shadow:0 2px 8px rgba(20,30,35,.025);
}

.detail:not(.merchant-detail) .profile-fact dt{
  color:#d1c2aa;
  font-size:13px;
  line-height:1.45;
  margin:0 0 6px;
}

.detail:not(.merchant-detail) .profile-fact dd{
  color:#fbf6ee;
  font-size:16px;
  font-weight:600;
  line-height:1.45;
  margin:0;
  overflow-wrap:anywhere;
}

.detail:not(.merchant-detail)>div:nth-child(2)>p{
  color:#e5ded1!important;
  font-size:15px!important;
  line-height:1.7;
}

.detail:not(.merchant-detail) .validity{
  display:none!important;
}

.detail:not(.merchant-detail) .contact-panel{
  order:5;
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(216,180,115,.30)!important;
}

@media(max-width:700px){
  .detail:not(.merchant-detail){
    display:flex;
    flex-direction:column;
    gap:8px;
    padding-top:0;
  }

  .detail:not(.merchant-detail) .detail-media{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
  }

  .detail:not(.merchant-detail)>div:nth-child(2){
    width:100%;
    padding:12px 4px 26px;
  }

  .detail:not(.merchant-detail) dl{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .detail:not(.merchant-detail) .profile-fact{
    padding:11px 10px;
  }
}