/* V103: actual uploaded laptop photo frame with scrollable HD website mock-up fitted into the real screen area. */
.page-website-previews .v103-real-laptop-shell{
  position:relative;
  width:min(100%,980px);
  margin:0 auto 10px;
  aspect-ratio:1800/1008;
  filter:drop-shadow(0 38px 80px rgba(0,0,0,.55));
}
.page-website-previews .v103-real-laptop-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  z-index:1;
  pointer-events:none;
  user-select:none;
}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen{
  position:absolute;
  z-index:2;
  /* calibrated to the uploaded real laptop image */
  left:18.75%;
  top:5.25%;
  width:62.65%;
  height:64.7%;
  border:0;
  border-radius:0;
  background:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
  min-height:0;
  max-height:none;
}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen img{
  display:block;
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen::-webkit-scrollbar{width:7px}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d39332,#8f5d1f);border-radius:99px}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen::-webkit-scrollbar-track{background:rgba(0,0,0,.08)}
.page-website-previews .v101-preview-stage{align-self:start}
.page-website-previews .v101-stage-toolbar{max-width:980px;margin-left:auto;margin-right:auto}
.page-website-previews .v102-scroll-note{margin-top:8px}
@media(max-width:1180px){
  .page-website-previews .v103-real-laptop-shell{width:min(100%,940px)}
}
@media(max-width:720px){
  .page-website-previews .v103-real-laptop-shell{width:100%;min-width:0}
  .page-website-previews .v101-image-scroll.v103-real-laptop-screen::-webkit-scrollbar{width:4px}
}