nav {
    margin-top: calc(var(--margin-body) + 1rem);
}

main {
    margin: 0;
    width: 100vw;
}

.swiper {
    width: 100%;
    margin: auto;
    height: 100vh;
    position: sticky !important;
    top: 0;

    z-index: -1;
}

img::selection {
    background-color: transparent
}

.swiper-wrapper {

    padding-block: 3rem;
    box-sizing: border-box !important;
    /* standard moderne */
}

.swiper-slide {

    width: 100%;
    height: auto;
}

.swiper-pagination {
    font-size: 1rem;
    font-weight: 600;
}


picture {
    display: flex;
    width: 90%;
    height: 100%;
    align-content: center;
    align-items: center;
    margin: auto;

    img {
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
    }
}

section.informations {
    /* -webkit-box-shadow: 0px -2px 25px -4px rgba(149, 149, 149, 0.538);
    box-shadow: 0px -2px 25px -4px rgba(149, 149, 149, 0.52); */
    position: relative;
    z-index: 2;
    background-color: rgb(255, 255, 255);
    padding-block: 2rem;
    /* margin-top: 2rem; */
    font-size: 2rem;

}



section.description,
section.related {

    width: clamp(0px, 90%, 1200px);
    margin: 0 2rem;
    font-weight: 600 !important;
    font-size: 150%;
    line-height: 1;
    letter-spacing: normal;
    word-spacing: -3px;



    /* margin: 2rem auto; */
    h1.book_title {
        width: fit-content;
        text-align: left;

        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 0.3rem;
        text-decoration-thickness: 0.1rem;

        .date {
            font-weight: 300
        }
    }

    sup {
        font-size: 1rem;
        font-weight: bold;
        vertical-align: super;
    }

    section.more {
        margin-top: 2rem;
        opacity: .5;
        display: flex;
        gap: 2rem;
        width: 100%;
        justify-content: space-between;

        a.outside {
            text-decoration: underline;
            text-underline-offset: 0.3rem;
            text-decoration-thickness: 0.1rem;
            color: black;

            transition: all 0.2s cubic-bezier(0.281, 1.735, 0.435, 0.768);


        }

        a:hover {
            color: var(--theme-1);
            transform: scale(1.05);
        }
    }

}

section.description {
    font-weight: normal;
}

section.related {
    padding-top: 2rem;

}

section.related img {
    display: none !important;
}

.swiper {

    img {
        cursor: e-resize;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: black;
        --outline: var(--theme-1);
        background: transparent;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: '‹';
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: "Univers ";





    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-next:after {
        content: '›';
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        color: var(--outline);
    }
}

@media (width <=1200px) {
    .swiper .swiper-pagination {
        top: calc(0px + var(--margin-body)) !important;
        bottom: auto;
    }
}