/* Apple editions: preserve the real screen aspect ratios. */
.apple-stack{height:590px;max-width:680px;container-type:inline-size}
.apple-device{position:absolute;background:#171b1e;border:5px solid #404747;border-radius:14px;box-shadow:0 28px 55px #0007;overflow:hidden;transition:transform .4s}
.apple-device img{display:block;width:100%;height:auto}
.apple-device>span{display:block;background:#171b1e;color:#d1ddcf;text-align:center;font-size:9px;letter-spacing:1.5px;padding:8px}
.apple-mac{width:86%;left:2%;top:6%;transform:rotate(-5deg)}
.apple-ipad{width:45%;right:1%;top:35%;transform:rotate(8deg);z-index:2}
.apple-iphone{width:25%;left:7%;top:42%;transform:rotate(-9deg);z-index:3;border-radius:23px}
.apple-stack:hover .apple-mac{transform:translateY(-8px) rotate(-3deg)}
.apple-stack:hover .apple-ipad{transform:translateY(-6px) rotate(5deg)}
.apple-stack:hover .apple-iphone{transform:translateY(-10px) rotate(-5deg)}
.apple-stack .screen-note{bottom:0;left:5%;font-size:9px;letter-spacing:2px}
.catalogue-item:nth-child(1) .apple-stack{height:500px;max-width:500px}
.app-cut-to-fade .gallery-tabs button{padding-top:16px;padding-bottom:16px}
.app-cut-to-fade .gallery-stage{min-width:0}
@media(max-width:1050px) and (min-width:701px){.apple-stack{height:440px}}
@media(max-width:700px){.apple-stack{height:540px;max-width:440px}.catalogue-item:nth-child(1) .apple-stack{height:440px;max-width:380px}.catalogue-item:nth-child(1) .catalogue-art{height:440px}}
@media(max-width:390px){.apple-stack{height:450px}.apple-device{border-width:3px}.apple-device>span{padding:5px;font-size:8px}}