/* Direction artistique par carte : personnages grands, texte dans une zone sûre. */
.card-character{will-change:transform;filter:drop-shadow(0 16px 13px rgba(0,0,0,.28))}
.server-card .pet{right:-15px;bottom:-20px;width:64%;z-index:5}
.delivery-card .owl{right:-36px;bottom:-16px;width:93%;z-index:3}.delivery-card .delivery-time{left:21px;bottom:31px;max-width:58%;font-size:28px;z-index:6}.delivery-card .secure-mark{right:20px;bottom:19px;z-index:6}
.payment-card h2{max-width:45%;z-index:6}.payment-card p{max-width:42%;z-index:6}.payment-card .guardians{right:-51px;bottom:-34px;width:137%;z-index:4}
.support-card h2{max-width:52%;z-index:6}.support-card .social,.support-card>b{z-index:6}.support-card .creature{right:-13px;bottom:-12px;width:63%;z-index:5}
.service-card strong{max-width:62%;position:relative;z-index:6}.service-card h2{max-width:58%;position:relative;z-index:6}.service-card .cat{right:-13px;bottom:-12px;width:47%;z-index:4}
.offers-card h2{max-width:48%;z-index:6}.offers-card strong{max-width:41%;z-index:6}.offers-card .fox{right:-44px;bottom:-30px;width:82%;z-index:4}
.card:hover .pet,.card.is-active .pet{transform:translate(-5px,-9px) rotate(-4deg) scale(1.1)}
.card:hover .owl,.card.is-active .owl{transform:translate(-7px,-12px) rotate(2deg) scale(1.07)}
.card:hover .guardians,.card.is-active .guardians{transform:translate(-8px,-10px) rotate(-1deg) scale(1.06)}
.card:hover .creature,.card.is-active .creature{transform:translate(-7px,-12px) rotate(3deg) scale(1.08)}
.card:hover .cat,.card.is-active .cat{transform:translate(-6px,-10px) rotate(-3deg) scale(1.1)}
.card:hover .fox,.card.is-active .fox{transform:translate(-8px,-10px) rotate(1deg) scale(1.06)}