@media all and (max-width: 1024px) {
   :root {
        --width-content: 92vw;
    }

    body.menu-open {
        overflow: hidden;
    }

    .header {
        position:relative;
        height:48px;
    }

    .header .logo {
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }

    .header .user-menu {
        margin-right:20px;
        position:relative;
    }

    .header .burger {
        display: flex;
        margin-top:0;
    }

    .header .menu {
        position: fixed;
        top: 73px;
        left: 0;
        height: calc(100vh - 73px - 100px);
        width: var(--width-content);
        background: #1E2939;
        flex-direction: column;
        align-items:start;
        gap: 30px;
        padding: 50px;
        padding-left:calc((100vw - var(--width-content)) / 2);
        padding-right:calc((100vw - var(--width-content)) / 2);
        transform: translateX(-100%);
        transition: transform 0.2s ease-in-out;
        z-index: 1000;
    }

    .header .menu.active {
        display: flex;
        transform: translateX(0);
    }

    .header .menu a {
        margin-left:0;
        padding-left:30px;
        position:relative;
    }

    .header .menu a:before {
        content: "\f002";
        font-family: "Font Awesome 7 Free";
        font-weight: 600;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        color: #E5E7EB;
        font-size: 15px;
        line-height: 15px;
        pointer-events: none;
    }

    .header .menu a.articles-link:before {
        content: "\f54f";
    }

    .header .menu a.categories-link:before {
        content: "\f03a";
    }

    .header .menu a.how-to-use-link:before {
        content: "\f51c";
    }

    .header .menu a.msg-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: calc(100% - 30px);
    }

    .header .menu a.msg-link .mobile-msg-unread-badge {
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        flex-shrink: 0;
    }

    .header .burger.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .header .burger.active span:nth-child(2) {
        opacity: 0;
    }

    .header .burger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .header .add-article a span {
        display:none;
    }

    .header .add-article a {
        font-size: 28px;
        line-height: 15px;
        padding: 10px;
    }

    .partner-home-page {
        flex-direction:column;
        min-height:0;
    }

    .partner-home-page .image {
        width:100%;
        height:calc(var(--width-content) / 3 * 2);
    }

    .partner-home-page .image img {
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .partner-home-page .text {
        width:calc(100% - 96px);
    }

    .articles-list > a, .articles-list.articles-list-page > a {
        width:calc((100% - 24px) / 2);
    }

    .articles-list > a:nth-child(3n + 1), .articles-list.articles-list-page > a:nth-child(4n + 1) {
        margin-left:24px;
    }

    .articles-list > a:nth-child(-n + 3), .articles-list.articles-list-page > a:nth-child(-n + 4) {
        margin-top:24px;
    }

    .articles-list > a:nth-child(3n + 1), .articles-list.articles-list-page > a:nth-child(3n + 1) {
        margin-left:24px;
    }

    .articles-list > a:nth-child(-n + 3), .articles-list.articles-list-page > a:nth-child(-n + 3) {
        margin-top:24px;
    }

    .articles-list > a:nth-child(2n + 1), .articles-list.articles-list-page > a:nth-child(2n + 1) {
        margin-left:0;
    }

    .articles-list > a:nth-child(-n + 2), .articles-list.articles-list-page > a:nth-child(-n + 2) {
        margin-top:0;
    }

    footer .footer .top-footer > div {
        width: calc((100% - 50px) / 2);
        margin-top:50px;
    }

    footer .footer .top-footer > div:nth-child(2n) {
        margin-right:0;
    }

    footer .footer .top-footer > div:nth-child(2n + 1) {
        margin-left:0;
    }

    footer .footer .top-footer > div:nth-child(-n + 2) {
        margin-top:0;
    }

    .home-banner {
        padding-top:80px;
        padding-bottom:80px;
        height: calc(100vh - 73px - 160px);
    }

    .home-banner > video, .home-banner > img  {
        min-height:0;
    }

    .account-page .left-column {
        width:100%;
        margin-left:0;
        margin-right:auto;
        position:relative;
        top:0;
        height:max-content;
    }

    .account-page .right-column {
        width:100%;
        margin-left:auto;
        margin-right:0;
        margin-top:32px;
    }

    .form-three-columns {
        flex-direction:column;
        margin-top:50px !important;
        margin-bottom:50px !important;
    }

    form .form-three-columns > div {
        width: 100%;
    }

    .form-container.new-article-container {
        width: 100%;
    }

    .article-container .article-header .article-pictures {
        width:100%;
    }

    .article-container .article-header .article-content {
        width:100%;
    }

    .article-container .article-header .article-pictures .main-picture {
        height:calc((var(--width-content)) * 11 / 16);
    }

    .article-container .article-header .article-pictures .thumbnails .thumbnail {
        height:calc((((var(--width-content)) - 30px) / 3.7 - 6px) * 11 / 16);
    }

    .specs .spec {
        width:100%;
    }

    footer .footer .footer-row-top {
        grid-template-columns:repeat(1, 1fr);
    }

    footer .footer .footer-categories-grid {
        column-count: 1;
    }

    #categories .categories-list {
        grid-template-columns: repeat(1, 1fr);
    }

    #conversations .conv-sold-chip {
        display: block;
        width:max-content;
        margin-left:0;
        margin-top:5px;
    }

    #user-profile .profile-header-card {
        flex-direction: column;
        align-items: stretch;
    }

    #user-profile .profile-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #user-profile .profile-avatar {
        margin-left:auto;
        margin-right:auto;
    }

    #user-profile .profile-main-infos {
        width:100%;
        text-align:center;
    }

    #user-profile .profile-name-row {
        width:max-content;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    #user-profile .verification-tags {
        width:max-content;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    #comment-ca-marche .two-blocks {
        flex-wrap:wrap;
    }

    #comment-ca-marche .two-blocks .block {
        width:100%;
        flex:auto;
    }

    #comment-ca-marche .article-exemple {
        padding-bottom: 60px;
    }

    #comment-ca-marche .two-blocks .block .article-exemple {
        padding-bottom: 16px;
    }

    #comment-ca-marche .article-exemple .tag {
        top:auto;
        bottom:16px;
    }

    #admin-page .admin-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #admin-page .admin-filters-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}