/* Shop – 45°-Hefte Produktdetail (Triple-Stapel + Titel) */

.ff-shop-45-product .ff-shop-ef-product__media {
    align-items: flex-start;
}

.ff-shop-45-product__title {
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
}

/* Stapel: vorne oben links, hinten unten rechts (Mockup) */
.ff-shop-45-product__figure--stack {
    display: block;
    position: relative;
    width: 566px;
    max-width: 100%;
    height: 804.608px;
    margin: 0;
    padding: 0;
    line-height: 0;
    flex-shrink: 0;
    overflow: visible;
}

.ff-shop-45-product__stack {
    --ff-45-stack-w: 566px;
    --ff-45-stack-h: 804.608px;
    --ff-45-cover-w: 485.539px;
    --ff-45-cover-h: 699.176px;
    --ff-45-stack-shift-x: 80.461px;
    --ff-45-stack-shift-y: 105.432px;
    position: relative;
    width: var(--ff-45-stack-w);
    height: var(--ff-45-stack-h);
    max-width: 100%;
    margin: 0;
    overflow: visible;
    isolation: isolate;
}

.ff-shop-45-product__stack-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--ff-45-cover-w);
    height: var(--ff-45-cover-h);
    margin: 0;
    padding: 0;
}

.ff-shop-45-product__stack-layer--depth-0 {
    z-index: 3;
}

.ff-shop-45-product__stack-layer--depth-1 {
    left: calc(var(--ff-45-stack-shift-x) * 0.5);
    top: calc(var(--ff-45-stack-shift-y) * 0.5);
    z-index: 2;
}

.ff-shop-45-product__stack-layer--depth-2 {
    left: var(--ff-45-stack-shift-x);
    top: var(--ff-45-stack-shift-y);
    z-index: 1;
}

.ff-shop-45-product__stack-img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center center;
}

@media (max-width: 1024px) {
    .ff-shop-45-product__figure--stack {
        width: min(566px, 100%);
        height: auto;
        aspect-ratio: 566 / 804.608;
    }

    .ff-shop-45-product__stack {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        --ff-45-cover-w: 85.96%;
        --ff-45-cover-h: 86.82%;
        --ff-45-stack-shift-x: 14.22%;
        --ff-45-stack-shift-y: 13.1%;
    }
}