/* V69 approved full-preview service panels */
.service-detail { overflow: hidden; }
.service-detail-frame {
  display: block !important;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-height: 920px;
  background: #07090d !important;
  cursor: pointer;
}
.service-detail-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-detail-frame::after { display: none !important; }
.service-detail-frame.detail-bg-01::before { background-image: url('../assets/service-panel-previews/service-01.png') !important; }
.service-detail-frame.detail-bg-02::before { background-image: url('../assets/service-panel-previews/service-02.png') !important; }
.service-detail-frame.detail-bg-03::before { background-image: url('../assets/service-panel-previews/service-03.png') !important; }
.service-detail-frame.detail-bg-04::before { background-image: url('../assets/service-panel-previews/service-04.png') !important; }
.service-detail-frame.detail-bg-05::before { background-image: url('../assets/service-panel-previews/service-05.png') !important; }
.service-detail-frame.detail-bg-06::before { background-image: url('../assets/service-panel-previews/service-06.png') !important; }
.service-detail-content,
.service-detail-visual {
  display: none !important;
}
@media (max-width: 1280px){
  .service-detail-frame { min-height: 780px; }
}
@media (max-width: 980px){
  .service-detail-frame {
    min-height: 620px;
  }
  .service-detail-frame::before { background-position: 58% top; }
}
@media (max-width: 640px){
  .service-detail-frame {
    min-height: 420px;
  }
  .service-detail-frame::before { background-position: 60% top; }
}