/* EBSS homepage showcase deck: wider opaque stack + card-flip transition. */
.ebss-home .product-grid{
    height:735px!important;
    perspective:2200px!important;
    perspective-origin:50% 42%!important;
}
.ebss-home .product-grid>.ep-mock{
    transform-style:preserve-3d!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transition:transform .68s cubic-bezier(.22,.72,.18,1),box-shadow .68s ease!important;
    opacity:1!important;
    filter:none!important;
}

/* Keep the visible cards fully opaque and spread them farther behind the front card. */
.ebss-home .product-grid>.ep-mock.deck-active{
    z-index:10!important;
    opacity:1!important;
    filter:none!important;
    transform:translateX(-50%) translateY(0) translateZ(40px) scale(1) rotateY(0deg) rotateZ(0deg)!important;
}
.ebss-home .product-grid>.ep-mock.deck-next{
    z-index:9!important;
    opacity:1!important;
    filter:none!important;
    transform:translateX(calc(-50% + 92px)) translateY(48px) translateZ(0) scale(.972) rotateY(-4deg) rotateZ(2.2deg)!important;
}
.ebss-home .product-grid>.ep-mock.deck-next2{
    z-index:8!important;
    opacity:1!important;
    filter:none!important;
    transform:translateX(calc(-50% - 92px)) translateY(92px) translateZ(-35px) scale(.944) rotateY(4deg) rotateZ(-2.2deg)!important;
}
.ebss-home .product-grid>.ep-mock.deck-back{
    z-index:1!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
    transform:translateX(-50%) translateY(112px) translateZ(-80px) scale(.92) rotateY(0)!important;
}

/* The outgoing front card turns like a page while the next card rises underneath it. */
.ebss-home .product-grid>.ep-mock.deck-leaving{
    z-index:30!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:none!important;
    transform-origin:6% 50%!important;
    transform:translateX(-52%) translateY(-7px) translateZ(95px) scale(.995) rotateY(-92deg) rotateZ(-1deg)!important;
    box-shadow:0 44px 110px rgba(20,53,101,.30)!important;
    transition:transform .64s cubic-bezier(.62,.02,.28,1),box-shadow .64s ease!important;
}
.ebss-home .product-grid>.ep-mock.deck-active:hover{
    transform:translateX(-50%) translateY(-4px) translateZ(44px) scale(1.003) rotateY(0)!important;
}

@media(max-width:900px){
    .ebss-home .product-grid{height:655px!important}
    .ebss-home .product-grid>.ep-mock.deck-next{transform:translateX(calc(-50% + 58px)) translateY(40px) scale(.974) rotateY(-3deg) rotateZ(1.8deg)!important}
    .ebss-home .product-grid>.ep-mock.deck-next2{transform:translateX(calc(-50% - 58px)) translateY(78px) scale(.948) rotateY(3deg) rotateZ(-1.8deg)!important}
}
@media(max-width:650px){
    .ebss-home .product-grid{height:555px!important}
    .ebss-home .product-grid>.ep-mock.deck-next{transform:translateX(calc(-50% + 28px)) translateY(28px) scale(.975) rotateY(-2deg) rotateZ(1.4deg)!important}
    .ebss-home .product-grid>.ep-mock.deck-next2{transform:translateX(calc(-50% - 26px)) translateY(54px) scale(.95) rotateY(2deg) rotateZ(-1.4deg)!important}
    .ebss-home .product-grid>.ep-mock.deck-leaving{transform-origin:4% 50%!important;transform:translateX(-51%) translateY(-4px) translateZ(60px) scale(.995) rotateY(-90deg)!important}
}
@media(prefers-reduced-motion:reduce){
    .ebss-home .product-grid>.ep-mock{transition:none!important}
    .ebss-home .product-grid>.ep-mock.deck-leaving{transform:none!important;opacity:0!important}
}