/* S077.40.7.6.26-R52 — desktop postcard layout independent of viewport width */
body.desktop-device .postcard-preview{
  display:block!important;
  position:relative!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1.62/1!important;
  margin:18px auto!important;
  overflow:hidden!important;
  visibility:visible!important;
  opacity:1!important;
}
body.desktop-device .postcard-front{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
body.desktop-device .postcard-main-copy{
  display:flex!important;
  position:absolute!important;
  left:7.2%!important;
  top:11%!important;
  width:61%!important;
  height:auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}
body.desktop-device .postcard-main-copy .postcard-icon{
  position:static!important;
  width:54px!important;
  height:40px!important;
  margin:0 0 8px 0!important;
  font-size:2rem!important;
}
body.desktop-device .postcard-main-copy h3{
  position:static!important;
  width:100%!important;
  max-width:88%!important;
  margin:0!important;
  font-size:clamp(22px,2vw,31px)!important;
  line-height:1.20!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
}
body.desktop-device .postcard-main-copy p{
  position:static!important;
  width:100%!important;
  max-width:90%!important;
  margin:8px 0 0 0!important;
  font-size:clamp(13px,1.05vw,17px)!important;
  line-height:1.48!important;
  max-height:none!important;
  -webkit-line-clamp:3!important;
}
body.desktop-device .postcard-side-decor{
  display:block!important;
  position:absolute!important;
  right:5%!important;
  top:19%!important;
  width:23%!important;
  height:54%!important;
  pointer-events:none!important;
}
body.desktop-device .postcard-side-decor .postcard-postmark{
  position:absolute!important;
  top:0!important;
  right:42px!important;
  margin:0!important;
  transform:scale(.88) rotate(-8deg)!important;
  transform-origin:top right!important;
}
body.desktop-device .postcard-side-decor .postcard-jp-vertical{
  position:absolute!important;
  top:16px!important;
  right:0!important;
  margin:0!important;
  font-size:1rem!important;
}
body.desktop-device .postcard-mark{
  top:5.6%!important;
  left:7.2%!important;
  font-size:11px!important;
}
body.desktop-device .postcard-date{
  top:5.6%!important;
  right:5.2%!important;
  font-size:11px!important;
}
body.desktop-device .postcard-sign{
  left:7.2%!important;
  bottom:6.5%!important;
  max-width:52%!important;
  font-size:8.5px!important;
}
body.desktop-device .postcard-hanko{
  right:5%!important;
  bottom:5.5%!important;
  width:48px!important;
  height:48px!important;
  font-size:24px!important;
}
body.desktop-device .postcard-face{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}
body.desktop-device .postcard-preview:not(.is-back) .postcard-front{
  transform:rotateY(0deg)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.desktop-device .postcard-preview:not(.is-back) .postcard-back{
  transform:rotateY(180deg)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.desktop-device .postcard-preview.is-back .postcard-front{
  transform:rotateY(-180deg)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.desktop-device .postcard-preview.is-back .postcard-back{
  transform:rotateY(0deg)!important;
  opacity:1!important;
  pointer-events:auto!important;
}