@media screen and (min-width: 1100px) and (max-width: 1440px) {
  .home {
    & .site {
      & .site-main {
        & section {
          &.header {
            min-height: 750px;

            & > .inner {
              padding: 0 !important;
              min-height: 750px;
              .background,
              picture {
                min-height: 750px;
              }
              .terres-gourmandes {
              }
            }

            .conseils {
              background-size: 100% auto;
              & .inner {
                .content-text {
                  margin-top: 0;
                }
              }
            }
          }

          &.inventaire_du_patrimoine_gastronomique {
            & #hpInventaireFilter {
              & .inner {
                & #filterItems {
                  & .filterItem {
                    a[data-filter="printemps"] {
                      margin-top: 4rem;
                    }

                    a[data-filter="ete"] {
                      margin-top: -3rem;
                    }

                    a[data-filter="automne"] {
                      margin-top: -14rem;
                    }

                    a[data-filter="hiver"] {
                      margin-top: -17.5rem;
                    }
                  }
                }
              }
            }

            & > .inner {
              padding-right: 0 !important;
            }
          }

          &.dites-moi_qui_vous_ete {
            & > .inner {
              padding: 0 !important;
            }
          }

          &.concours_saveurs {
            & > .inner {
              .blocImage {
                margin: 0;
              }
            }
          }

          &.newsletter {
            & > .inner {
              padding-left: 0 !important;
              padding-right: 0 !important;
              .blocImage {
                .blocFAQ {
                  width: 60%;
                  left: 50%;
                }
              }
            }
          }

          &.lalimentation_durable {
            padding: 7rem 0 10rem;
          }
        }
      }
    }
  }

  #primary {
    section {
      & > .inner {
        max-width: 100vw;
        min-width: 80vw;
        padding-left: 5vw;
        padding-right: 5vw;
      }

      &.blocTexteImage {
        & > .inner {
          max-width: 1100px;
        }
      }

      &#contentForm,
      &#disclaimer {
        .inner {
          max-width: 900px;
          min-width: initial;
        }
      }
    }
  }

  #primary {
    .post-blog-list {
      & .post-list-item {
        & .postDetails {
          & h3 {
            margin-bottom: 0.5rem;
            a {
              font-size: 20px;
              line-height: 25px !important;
            }
          }

          .postExcerpt {
            margin-bottom: 0.5rem;
          }

          .postCTA {
            a {
              font-size: 1rem;
            }
          }
        }

        &:not(.large) {
          & .postDetails {
            .postExcerpt {
              -webkit-line-clamp: 2;
            }
          }
        }
      }
    }
  }

  body.page-template-page-reportages-gourmands-accueil {
    #post-1590 {
      &::before {
        background-position: 0px 450px;
      }

      &::after {
        top: 296px;
      }
    }
  }

  #quickLinks {
    & .inner {
      padding-right: 2rem !important;

      .blocQuizz {
        padding: 6rem 3rem 5rem 3rem !important;
      }
      .blocCalendrier {
        margin-left: 0 !important;
        padding: 3rem 3rem 4rem 3rem !important;
        & .content-text {
          & h3 {
            &::before {
            }
          }
        }
      }
    }
  }

  body.single-produit {
    #primary {
      & header.entry-header {
        &:not(.noLabel) {
          &::after {
            background-position: 0% 80%;
          }
        }
      }
    }

    & .entry-content {
      &.has-avis {
        background-position: 0px 550px;
      }
      & .content-wrapper {
        & .content {
          padding-left: 5rem;
          & section {
            .topo-title {
              /* padding-left: 5rem; */
            }
          }
        }

        .produitSidebar {
          max-width: 400px;
        }
      }
    }
    #footerSeparator {
      display: none;
    }
  }

  main article .entry-content .content-wrapper {
    gap: 3rem;
    max-width: 1200px;
  }

  body.page-template-page-concours-saveurs {
    #primary {
      .page-header {
        background-position: -10% 40%;
      }
    }
  }

  .page-template-page-origine-et-qualite {
    & #pageContent {
      & #SIQO {
        & #mapContainer {
          #mapFilter {
            padding: 2rem 1.5rem;
            justify-content: flex-start;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 1100px) and (max-width: 1300px) {
  .single-produit {
    & .entry-content {
      &.has-avis {
        background-position: 0px 380px;
      }
      & .content-wrapper {
        & .content {
          padding-left: 5rem;
          & section {
            .topo-title {
              padding-left: 5rem;
            }
          }
        }

        .produitSidebar {
          max-width: 400px;
        }
      }
    }
  }

  #quickLinks {
    & .inner {
      .blocCalendrier {
        padding: 3rem 2rem 4rem 1rem !important;
      }
      & .blocQuizz {
        padding: 6rem 1rem 5rem 3rem !important;

        .content-text {
          h3 {
            span {
              white-space: nowrap;
            }
          }
        }
      }
    }
  }

  .home {
    & .site {
      & .site-main {
        & section {
          &.header {
            & > .inner {
              .terres-gourmandes {
                max-width: 700px;
                top: 175px;
              }
            }
          }
          &.dites-moi_qui_vous_ete {
            &::before {
              background-position: 145% 50%;
            }
            & + .separator {
              background-image: none;
            }
          }
        }
      }
    }
  }

  .home {
    & .site {
      & .site-main {
        & section {
          &.concours_saveurs {
            & .inner {
              & .blocTexte {
                & > div {
                  h2 {
                    font-size: 65px;
                  }
                }
              }
            }
          }
          &.recettes {
            &::before {
              background-size: 325px auto;
              right: initial;
              left: -3rem;
              top: -47%;
            }
          }
        }
      }
    }
  }

  body.single-reportage-gourmand {
    #agendaList {
      .inner {
        padding-bottom: 1rem;
        margin-bottom: -2rem;
        /* background-position: 0px -50px; */

        & > .blocCTA {
          margin: 2rem 0 3rem;
        }
      }
    }
  }

  body.page-template-page-concours-saveurs {
    #primary {
      .page-header {
        background-position: -10% 30%;
      }

      #a_propos {
        .contentTexte {
          position: relative;
          left: -3rem;
        }
      }
    }
  }

  body.page-template-page-quizz {
    #primary {
      .page-header {
        padding-bottom: 1rem !important;
      }
      &[data-step="6"] {
        .page-header {
          padding-bottom: 4rem !important;
        }
      }
      & #pageContent {
        & #stepContainer {
          padding-top: 0;
          & .blocContent {
            & .stepOne {
              & > div {
                max-width: 90%;
                p {
                  font-size: 1rem;
                  line-height: 1.5rem;
                }
              }
            }
          }
        }
      }
    }
  }

  #primary {
    .recette-list {
      &.archive {
        .recette-list-item {
          & .recetteDetails {
            padding: 1.5rem 1.5rem;

            & .recetteAuthor {
              & a {
                & > span {
                  width: 40px;
                  height: 40px;
                  flex: 0 0 40px;
                }

                & div {
                  span {
                    font-size: 0.8rem;
                  }
                  b.authorName {
                    font-size: 0.8rem;
                    white-space: nowrap;
                  }
                }
              }
            }

            & .recetteAction {
              h3 {
                line-height: 35px;
                margin-bottom: 2rem;
                font-size: 21px;
              }
            }
          }
        }
      }
    }
  }

  .page-template-page-recettes {
    & #recetteFilter {
      & > .inner {
        #filterItems {
          padding: 0;
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  .button {
    font-size: 1rem;
  }

  .hasQuote {
    &::before,
    &::after {
      width: 35px;
      height: 35px;
    }
  }

  #footerSeparator {
    background-size: 100% 25px;
    height: 95px;
    margin-top: 2rem;
  }

  .product-list {
    .product-list-item {
      & > div {
        padding: 1rem 1rem 2rem;
        .product-bottom {
          .product-title {
            line-height: 18px !important;
            margin-bottom: 0.5rem;
          }

          & .product-labels {
            gap: 5px;
            & a {
              img {
                height: auto;
                width: 40px;
              }
            }
          }
        }
      }
    }

    &.archive {
      .product-list-item {
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 0;
      }
    }
  }

  .recettes,
  #recettesList {
    .recette-list {
      .recette-list-item {
        flex: 0 0 calc(50% - 15px);

        & .recetteImage {
          & a {
            &::before,
            &::after {
              opacity: 0.5;
              background: linear-gradient(
                180deg,
                rgb(42 42 42 / 11%) 30%,
                #000 100%
              );
            }
          }
        }

        .recetteDetails {
          padding: 1rem 0;
        }

        .recetteAuthor {
          background: #fff;
          border-radius: 50px;
          padding: 5px 10px 5px 5px;
          a {
            display: flex;
            align-items: center;
            color: #000;
            & > span {
              width: 32px;
              flex: 0 0 32px;
              height: 32px;
              border-radius: 50%;
              margin-right: 5px;
              overflow: hidden;
              display: flex;
              align-items: flex-start;
              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
            }

            div {
              display: flex;
              flex-direction: column;
              align-items: center;
              line-height: 12px;
              font-size: 10px;
              b.authorName {
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                max-width: 80px;
                text-overflow: ellipsis;
              }
            }
          }
        }

        .recetteAction {
          padding: 0 0.75rem;
          .recetteTitle {
            h3 {
              font-size: 1.25rem !important;
              line-height: 1.75rem !important;
              margin-bottom: 1rem;

              @container (max-width: 250px) {
                & {
                  a {
                    font-size: 1rem !important;
                  }
                }
              }
            }
          }
          .recetteItemCTA {
            a {
              font-size: 1rem;
              padding-bottom: 0px;
              @container (max-width: 250px) {
                & {
                  font-size: 0.8rem !important;

                  &:after {
                    height: 2px;
                  }
                }
              }
            }
          }
        }
      }
    }
    &.archive {
      gap: 20px;
      .recetteAction {
        padding: 0 2.5vw;
        .recetteTitle {
          h3 {
            margin: 0;
          }
        }

        .recetteItemCTA {
          display: none;
        }
      }

      .slick-slide {
        & .recette-list-item {
          & .recetteAction {
            & .recetteTitle {
              h3 {
              }
            }
          }
        }
      }
    }
  }

  #primary {
    section.recettes.archives {
      padding-bottom: 2rem;
      &::before {
        display: none;
      }

      h2 {
        font-size: 30px !important;
        line-height: 30px !important;
        margin-top: 0;
        span {
          font-size: 70px;
          display: block;
          line-height: 70px;
        }
        p {
          font-size: 30px;
        }
      }

      #recettesList {
        padding-bottom: 5rem;
        .slick-list {
          padding: 0 15vw;
          .slick-slide {
            .recette-list-item {
              margin: 0;
            }

            &.slick-current {
              .recette-list-item {
                transform: scale(1) rotate(1deg);
                margin: 0;
              }
            }
          }
        }

        .slick-arrow {
          top: calc(100% - 4rem);
          right: calc(50% - 25px) !important;
        }
      }

      .recetteCTA {
        margin: 2rem 0;
      }
    }
  }

  body:not(.home) #page header.site-header {
    & + #primary {
      /* overflow: hidden; */

      .page-header {
        margin-top: -2rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
        #breadcrumb {
          position: relative;
          z-index: 10;
          margin-bottom: 2rem;
          .inner {
            display: block;
            & > span {
              display: inline-block;
              a,
              span {
                display: block;
                white-space: normal;
                word-break: normal;
                font-size: 13px;
              }
              &.bcn-home {
                position: relative;
                top: 2px;
                margin-right: 6px;
              }
              &.sep {
                text-align: center;
                line-height: 9px;
                position: relative;
                top: -2px;
                margin: 0;
                font-size: 9px;
                width: 11px;
                height: 11px;
                & + span {
                  margin-left: 6px;
                  margin-right: 6px;
                }
              }
            }
          }
        }

        .inner {
          padding: 0 5vw;
          h1 {
            align-items: flex-start;
            font-size: 50px;
            text-align: center;
            justify-content: center;
            p {
              font-size: 21px;
              width: 100%;
            }
            line-height: 50px;
          }

          .entry-content {
            max-width: 100%;
            padding: 0;
            margin-bottom: -2rem !important;
            margin-top: 1.5rem !important;

            .wp-block-media-text {
              max-width: 100%;
              .wp-block-media-text__content {
                strong {
                  white-space: normal;
                }
              }
            }

            .blocCTA {
              margin-left: auto;
              margin-right: auto;
            }
          }
        }
      }
    }
  }

  body {
    #primary {
      .page-header {
        & > .inner {
          h1 {
            font-size: 50px !important;

            p {
              font-size: 21px;
              margin-bottom: 0;
            }

            &.hasQuote {
              &::before {
                left: 0rem;
              }
            }
          }

          .entry-content {
            margin-top: 1rem;
          }
        }
      }

      section {
        h2 {
          font-size: 50px !important;
          line-height: 50px !important;
          span {
            display: block;
          }
          p {
            font-size: 24px !important;
          }
        }

        .inner {
          padding: 0 5vw !important;

          & > h2 {
            padding: 0 5vw;
            font-weight: 100 !important;
          }
        }

        &#disclaimer {
          margin: 2rem 0 0;
          .inner {
            max-width: 100%;
          }
        }
      }
    }
  }

  #wpadminbar {
    display: none !important;
  }

  html:has(body.admin-bar) {
    margin-top: 0 !important;
  }

  #masthead {
    .header-wrapper {
      max-width: 100vw;
      justify-content: space-between;
      padding: 1rem;
      .hamburger-wrapper {
        width: auto;
        transition-property: all;
        height: 40px;
        div {
          top: 0;
          height: 20px;
          span {
            height: 3px;
            border-radius: 30px;
          }
        }

        &.active {
          div {
            span {
              &:nth-child(1) {
                position: relative;
                top: -7px;
              }

              &:nth-child(3) {
                position: relative;
                top: -3px;
              }

              &:last-child {
                font-size: 1rem;
                position: relative;
                top: -6px;
              }
            }
          }
        }

        &:not(.active) {
          background: none !important;
          & > div {
            span {
              transform: none;
              transform-origin: initial;
              opacity: 1;
              &:last-child {
                display: none;
              }
            }
          }
        }
      }

      .nav-wrapper {
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        mask: none;
        #primary {
          & > li {
            margin-bottom: 0.5rem;
            & > a {
              font-size: 1.5rem;
              &::after {
                top: 0;
              }
            }

            ul.sub-menu {
              gap: 10px 20px;
              padding-top: 1rem;
              a {
                font-size: 0.9rem;
              }
            }
          }
        }
      }

      .nav-fixed-items {
        .search-box:has(.btn-search.active) {
          position: fixed;
          left: 0;
          top: 0;
          background: linear-gradient(0deg, transparent, hsl(0deg 0% 0% / 50%));
          width: 100vw;
          height: 90px;
          backdrop-filter: blur(20px);
          z-index: 100;
          padding: 1rem 1rem;

          .btn-search.active {
            right: 1rem;
            top: 1.1rem;

            & + .input-search {
              padding-right: 3.5rem;
            }
          }
        }
      }
    }
  }

  body:not(.home) #page header.site-header {
    height: 90px;
    &::before {
      height: 65px;
    }

    .header-wrapper {
      .logo-site {
        img {
          display: block;
          top: 0;
          /* left: -1.75rem; */
          width: 120px;
        }
      }

      .nav-fixed-items {
        margin-right: 0.5rem;
        .btn-search,
        .agenda {
          width: 36px;
          height: 36px;
          background-size: contain;
        }
      }
    }

    &::after {
      height: 10px;
      mask-size: 100% 10px;
    }
  }

  footer {
    .wrapper {
      .footer {
        padding-top: 3rem;
      }
    }
  }

  body.menuActive {
    overflow: hidden;
    #masthead {
      z-index: 999;
      .header-wrapper {
        .nav-fixed-items {
          .search-box,
          .agenda {
            display: none;
          }

          .hamburger-wrapper.active {
            background-size: 100% auto;
            width: 70px;
            height: 70px;
          }
        }

        .nav-wrapper {
          height: 100vh;
          position: fixed;
          width: 100vw;
          overflow: auto;
          &::before,
          &::after,
          .menuBG {
            opacity: 0;
          }

          .secondaryNav {
            #secondary {
              a {
                font-size: 0.8rem;
                padding: 0.25rem 1rem;
              }
            }
          }
        }
      }
    }
  }

  .pagination {
    gap: 10px;
    & .page-numbers {
      &:not(.dots) {
        width: 40px;
        height: 40px;
        background-size: 55px 55px;
        line-height: 32px;
      }

      &.current {
        background-size: 55px 55px !important;
      }

      &.dots {
        background: none;
        color: #000;
        margin: 0 -10px;
      }

      &.prev,
      &.next {
        background: url(../img/svg/bg-pagination.svg) center center no-repeat;
        background-size: 55px 56px;
        display: flex;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: var(--yellow-color);
        font-family: "DeliciousHandrawn";
        font-size: 1px;
        line-height: 40px;
        color: #00000000;
        &::after {
          content: ">";
          font-size: 30px;
          width: 100%;
          height: 80%;
          background: none;
          top: 0;
          color: #000;
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }

      &.prev {
        &::after {
          transform: rotate(180deg);
          top: 20%;
        }
      }
    }
  }

  .page-texte {
    & .entry-content {
      background-image: none;
      & .entry-thumbnail {
        margin-bottom: 3rem;
      }
      & .entry-content-text {
        h2 {
          font-size: 33px !important;
          line-height: 43px !important;
          padding: 0;
        }
        h3 {
          font-size: 22px !important;
        }
        h2,
        h3,
        p,
        & > div,
        & > figure {
        }
        .wp-block-media-text {
          flex-direction: column;
          margin: 3rem 0 !important;
          .wp-block-media-text__content {
            order: 99;
            padding: 0;
          }
          .wp-block-media-text__media {
            width: 100%;
            aspect-ratio: initial !important;
            max-height: 300px;
            margin-bottom: 2rem;
          }
        }
        blockquote {
          max-width: 75vw !important;
          margin-left: auto !important;
          margin-right: auto !important;
          font-size: 24px !important;
          line-height: 34px !important;
          p {
            font-size: 24px !important;
            line-height: 34px !important;
          }
          &::before,
          &::after {
            width: 35px !important;
            height: 35px !important;
            left: -2rem !important;
          }
          &::after {
            left: initial !important;
            right: -2rem !important;
          }
        }
        .wp-block-gallery {
          .slick-list {
            padding: 0 5rem !important;
          }
        }
      }
    }
  }

  .row-flex {
    flex-direction: column;
    .col {
      width: 100%;
    }
  }

  .separator {
    height: 10px;
    mask-size: 100% 10px;
    mask-image: url(../img/masks/shape-bottom-texture.svg),
      linear-gradient(
        black,
        black calc(100% - 10px),
        transparent calc(100% - 10px),
        transparent
      );
  }

  .agenda-list {
    gap: 1rem;
    .agenda-list-item {
      &::before {
        display: none;
      }
      .agendaMeta,
      .agendaDetails {
        padding: 0 1rem;
        h3 {
          font-size: 1.25rem !important;
          line-height: 1.5rem !important;
        }
      }
    }
    &.presses {
      flex-direction: column;
    }
  }

  #productTypeList {
    .inner {
      ul {
        justify-content: space-between;
        li {
          width: 45%;
          max-width: 45%;
          min-width: 45%;
          flex: 0 0 45%;
          filter: drop-shadow(0 5px 5px rgb(0 0 0 / 30%));

          a {
            aspect-ratio: 1/1;
            width: 100%;
            height: auto;
          }
        }
      }
    }
  }

  .listFilter,
  #mapFilter {
    position: fixed !important;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    margin: 0;
    padding-top: 4rem;
    padding-bottom: 2rem;
    box-shadow: 0 0 10px color(srgb 0 0 0 / 0.2);
    transition: all ease-in-out 0.3s;
    transform: translateY(100%);
    opacity: 1;
    visibility: visible;
    width: 100vw;

    #mobileToggler {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: -50px;
      left: 0;
      background: #fff;
      width: 100%;
      height: 50px;
      box-shadow: 0 0 15px #00000059;
      padding: 0 1rem;
      transition: all ease-in-out 0.3s;
      span {
        font-weight: 600;
        font-size: 1rem;
        position: relative;
        &::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 10px;
          top: calc(100% - 0.25rem);
          background: url(../img/svg/bg-button-jaune.svg) center center
            no-repeat;
          background-size: 100% 10px;
          transition: all ease-in-out 0.3s;
          left: 0;
        }
      }
    }

    .inner {
      & > p {
        position: relative;
        width: 100%;
        top: -2rem;
        transform: scale(0.8);
      }
      #filterItems {
        padding: 0 5vw;
        & .search-filter-component-combobox-base,
        & .search-filter-input-text {
          height: 45px;
          .search-filter-component-combobox__header {
            padding: 10px 0;
          }
        }
      }
    }

    &.active {
      transform: translateY(0%);
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      height: 100vh;
      background: #ffffff;
      z-index: 200;

      #mobileToggler {
        top: 10px;
        left: calc(100% - 70px);
        background: url(../img/svg/background-circle.svg) center center
          no-repeat;
        background-size: contain;
        box-shadow: none;
        justify-content: flex-end;
        height: 60px;
        width: 60px;
        &::before,
        &::after {
          content: "";
          width: 25px;
          height: 3px;
          background: #000;
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) rotate(45deg);
          border-radius: 30px;
        }
        &::after {
          transform: translate(-50%, -50%) rotate(-45deg);
        }
        span {
          opacity: 0;
        }
      }
    }
  }

  #primary {
    .post-blog-list {
      & .post-list-item {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
        text-align: left !important;
        .postDetails {
          margin: 0;
          width: 100%;
          & h3 {
            margin-bottom: 1rem;
            text-align: left !important;
            a {
              font-size: 1rem !important;
              line-height: 1.5rem !important;
              display: block;
            }
          }
        }
        &.large {
          flex-direction: column;
          .postImage {
            flex: 1;
          }
          .postDetails {
            margin: 0;
            & h3 {
              margin-bottom: 1rem;
              a {
                font-size: 1.25rem;
              }
            }
          }
        }
      }
      &.reportage {
        flex-direction: column;
        gap: 1.5rem;
        & > h2 {
          font-size: 25px !important;
        }
      }
    }
  }

  .relatedProducts {
    & .produitItem {
      & .productImage {
        & .product-labels {
          & a {
            img {
              width: 51px !important;
              height: auto !important;
            }
          }
        }
      }
    }
  }

  .button {
    &.btn-button {
      /* padding: 0.5rem 1.5rem; */
      /* font-size: 0.85rem; */
      text-align: center;
    }
  }

  .textImage {
    .inner {
      padding: 0 5vw !important;
      .contentContainer {
        flex-direction: column !important;
        padding-top: 0 !important;
        .visuel {
          left: 0 !important;
          max-width: 100% !important;
        }
        .contentTexte {
          order: 99;
          margin-top: 1rem;
          text-align: left !important;
          .blocCTA {
            text-align: center !important;
          }
        }
      }
    }
  }

  .icon-list {
    gap: 30px 15px !important;
    justify-content: space-evenly;
    .icon-item {
      flex: 0 0 calc(50% - 8px) !important;
      flex-direction: column !important;
      align-items: center !important;
      text-align: center !important;
      img {
        margin: 0 auto 1rem;
      }
      & .icon-text {
        h3 {
          font-size: 16px !important;
          line-height: 1.25rem !important;
          text-align: center;
          font-weight: 600 !important;
        }
      }
    }
  }

  .hasMask {
    &.top {
      mask-image: url(../img/masks/tear-2.svg),
        linear-gradient(
          transparent,
          transparent calc(10px),
          black calc(10px),
          black
        );
    }

    &.bottom {
      mask-image: url(../img/masks/shape-bottom-texture.svg),
        linear-gradient(
          black,
          black calc(100% - 10px),
          transparent calc(100% - 10px),
          transparent
        );
      margin-bottom: -30px;
      & + section {
        /* padding-top: 0; */
      }
    }
  }

  #totalPost {
    #socialShareContainer {
      .socialSharer {
        left: calc(50% - 2rem);
      }
    }
  }

  body {
    #primary {
      .blocTexteImage {
        margin: 3rem 0;
        & .inner {
          h2 {
            font-size: 50px !important;
            text-align: center !important;
            p {
              font-size: 21px;
            }
          }
          .blocContent {
            flex-direction: column;
            gap: 1rem;
            padding: 0 1rem;

            & .blocTexte {
              max-width: 100% !important;
              & .texte {
                text-align: left;
                p {
                  font-size: 1rem;
                }
              }
              & .blocCTA {
                text-align: center;
              }
            }
          }
        }
      }
    }
  }

  body.home {
    #masthead {
      .header-wrapper {
        padding-top: 0;
        margin-top: -1rem;
        .logo-site {
          img {
            display: block;
            top: 0;
            left: -1.75rem;
            width: 175px;
          }
        }

        .nav-fixed-items {
          margin-right: 0.5rem;
          .btn-search,
          .agenda {
            width: 36px;
            height: 36px;
            background-size: contain;
          }
        }
      }
    }

    #primary {
      .header {
        height: 650px;
        max-height: 100vh;
        .inner {
          padding: 0 !important;
          .background,
          picture {
            height: 650px;
            max-height: 100vh;
            img {
            }
          }

          .terres-gourmandes {
            padding: 0 10vw;
          }
        }

        .conseils {
          background-size: auto;
          background-position: 80% 0%;
          .inner {
            padding: 0;
            &::before {
              background-size: auto;
              background-position: 72% 0%;
              top: -1rem;
            }

            &::after {
              background-size: 300px auto;
              background-position: 300px 0;
              bottom: calc(100% - 2rem);
            }

            .content-text {
              width: 100%;
              padding: 0 1rem;
              justify-content: space-between;
              .title {
                flex: 0 0 45%;
                overflow: hidden;
                display: flex;
                align-self: stretch;
                &::before {
                  background: url(../img/svg/mangermieux.svg) 0% 50% no-repeat;
                  content: "";
                  height: 100%;
                  background-size: contain;
                }
              }

              .description {
                font-size: 1rem;
                max-width: initial;
                flex: 0 0 50%;
                margin-left: 0;
                position: relative;
                top: 0.5rem;
                a {
                  margin-top: 0.5rem;
                }
              }
            }
          }
        }
      }

      .inventaire_du_patrimoine_gastronomique {
        margin: 0;
        background: none;
        h2 {
          padding-left: 0;
          font-size: 21px !important;
          line-height: 1.5rem !important;
          text-align: center;
          align-items: center;
          margin-top: 3rem;
          span {
            font-size: 70px;
            line-height: 70px;
          }
        }

        #hpInventaireFilter {
          margin: 0 0 4rem;
          &::before {
            top: 60%;
            left: -27px;
            transform: translateY(-50%);
            width: 130px;
            height: 180px;
          }

          .img-bg {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            height: 400px;
            background: url("../img/svg/decouvrez-path-mobile.svg") -90px 0px no-repeat;
            img {
              opacity: 0;
              visibility: hidden;
            }
          }

          .inner {
            position: initial;
            padding: 0 0 0 4rem !important;
            #filterItems {
              position: relative;
              flex-direction: column;
              align-items: flex-start;
              .filterItem {
                a {
                  margin: 0;
                  display: flex;
                  flex-direction: row-reverse;
                  position: relative;
                  &::after {
                    position: initial;
                    transform: none;
                    margin: 0.5rem 1rem 1rem 0;
                  }

                  &[data-filter="printemps"] {
                    left: -2rem;
                  }

                  &[data-filter="automne"] {
                    left: 0.75rem;
                  }

                  &[data-filter="hiver"] {
                    left: -0.5rem;
                  }
                }
              }
            }
          }

          .subtitle {
            z-index: 0;
            pointer-events: none;
            font-size: 35px;
            line-height: 25px;
            top: 100%;
            margin: 1rem auto 0;
            &::after {
              position: absolute;
              top: -40px;
              right: 0;
              transform: scale(0.65);
              right: -1rem;
            }
          }
        }

        .product-list-item:nth-child(odd),
        .slick-slide:nth-child(odd) {
          margin-top: 0rem;
        }

        .slick-arrow {
          margin-top: -2rem;
          right: 4rem !important;
          z-index: 10;
        }

        .inventaireCTA {
          margin-top: 2rem;
          padding: 0;
        }
      }

      .dites-moi_qui_vous_ete {
        padding-bottom: 1rem;
        .inner {
          max-width: 86vw;
          margin: 0 5.5vw;
          padding: 0 !important;
          .row-flex {
            flex-direction: column-reverse;
            .blocImage {
              padding: 0;
              img.jeuConcours {
                right: -5.5vw;
                width: 150px;
                height: auto;
              }
              margin-bottom: 7rem;
            }

            .imageLabel {
              left: 0;
              position: relative;
              text-align: center;
              font-size: 70px;
              &::before {
                display: none;
              }

              &::after {
                right: 2rem;
                width: 170px;
                top: 60%;
              }
              span {
                font-size: 25px;
                line-height: 25px;
              }
            }

            .col.hasText {
              padding: 0;
              flex: 0 0 100%;
              position: relative;
              z-index: 10;
              &::before {
                top: -14rem;
              }

              &::after {
                display: none;
              }
              h2 {
                position: absolute;
                left: 50%;
                width: 100%;
                top: -13rem;
                text-align: center;
                font-size: 64px !important;
                max-width: 300px;
                margin: 0 auto;
                transform: translateX(-50%);
                line-height: 50px !important;
              }

              .content-text {
                padding: 0;
                margin: 2rem 0 2rem 0;
                & + a {
                  margin: 0 auto;
                  display: block;
                  width: 180px;
                }
              }
            }
          }
        }

        & + .separator {
          margin-top: -1px;
          background: none;
        }
      }

      .partez_a_la_recontre_des_eleveurs {
        background-position: 60% 60px;
        background-size: cover;
        min-height: 1000px;
        padding-top: 5rem;

        &::after {
          height: 20px;
          bottom: 0px;
        }

        .inner {
          h2 {
            font-size: 60px !important;
            text-align: center;
            line-height: 50px !important;
            margin-top: 6rem;
            span {
              font-size: 21px;
              line-height: 2rem;
              margin-top: 1rem;
            }
          }

          .hasText {
            & > a.button {
              position: absolute;
              bottom: 15%;
              left: 50%;
              transform: translateX(-50%);
              white-space: nowrap;
            }
          }

          .hasImage {
            margin: 7rem 0 7rem;
          }
        }
      }

      .recettes {
        padding: 0;
        &::before,
        &::after {
          display: none;
        }

        h2 {
          margin: 2rem 0 0;
          font-size: 30px !important;
          span {
            font-size: 70px;
          }
          p {
            font-size: 31px;
          }
        }

        #recetteFilter {
          max-width: 100%;
          margin: 0 0 1rem;
          .inner {
            padding: 0 5vw;
            #filterItems {
              flex-wrap: nowrap;
              justify-content: flex-start;
              overflow: auto;
              max-width: 100%;
              -ms-overflow-style: none;
              scrollbar-width: none;
              ::-webkit-scrollbar {
                display: none;
              }

              a {
                white-space: nowrap;
                font-size: 16px;
              }
            }
          }
        }

        #recettesList {
          padding-bottom: 4rem;
          .slick-arrow {
            z-index: 10;
            top: calc(100% - 4rem);
            right: calc(50% - 25px) !important;
          }
          .recette-list-item {
            flex: inherit;
          }
        }
      }

      .les_reportages_gourmands {
        padding: 2rem 0;
        &::after {
          height: 20px;
          background-size: 100% 20px;
        }

        &::before {
          display: none;
        }

        .inner {
          padding: 4rem 5vw;
          h2 {
            text-align: center;
            font-size: 60px !important;
            line-height: 60px !important;
            padding: 0;
            &::after {
              display: none;
            }

            b {
              font-size: 31px;
              line-height: 39px !important;
              margin: 2rem 0 !important;
              display: block;
            }
          }

          .reportageCTA {
            margin: 0 0 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            a.button {
              white-space: nowrap;
            }
          }

          #reportageGourmandsList {
            flex-wrap: nowrap;
            gap: 0;
            margin: 0 -5vw;
            padding-bottom: 3rem;
            &::after {
              display: none;
            }

            .slick-list {
              padding-right: 20vw;
              .post-list-item {
                margin: 0 !important;
                padding: 0 5vw;
                .postExcerpt {
                  overflow: hidden;
                  position: relative;
                  -webkit-line-clamp: 4;
                  -webkit-box-orient: vertical;
                  display: -webkit-box;
                }
              }
            }

            .slick-arrow {
              z-index: 10;
              top: calc(100% - 2rem);
              right: calc(50% - 25px) !important;
            }
          }
        }
      }

      .lalimentation_durable {
        min-height: initial;
        background-size: auto calc(700px);
        background-position: 24% 0%;
        background-repeat: no-repeat;
        .inner {
          padding: 350px 0 3rem !important;
          width: 100%;
          h2 {
            text-align: center;
            padding: 0 2rem;
            font-size: 60px !important;
            line-height: 60px !important;
            b,
            p {
              font-size: 28px;
              display: block;
              line-height: 34px;
            }
            p {
              margin: 0;
              font-size: 24px;
            }
          }

          .content-text {
            max-width: 100%;
            margin: 3rem 0 0;
            width: 100%;
            mask-size: 104% 100%;
            h3 {
              text-align: center;
              font-size: 40px !important;
            }

            .blocCTA {
              text-align: center;
              margin-bottom: 2rem;
            }
          }
        }
      }

      .concours_saveurs {
        padding: 3rem 0;
        background-image: none;
        .inner {
          flex-direction: column;
          justify-content: center;
          padding: 0 5vw;
          .blocTexte {
            flex-direction: column;
            align-items: center;
            img {
            }

            h2 {
              margin: 0 0 1rem;
              text-align: center;
              font-size: 50px !important;
              line-height: 50px !important;
            }

            .description {
              padding: 0;
              h4 {
                text-align: center;
              }
              img {
                display: block;
                margin: 2rem auto 0rem;
                width: 100%;
                max-width: initial;
              }
              .blocCTA {
                margin: 2rem 0 0 !important;
              }
            }
          }

          .blocImage {
            display: none;
          }
        }
      }

      .rendez-vous_gourmands {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        &::before {
          height: 10px;
          mask-size: 100% 10px;
          mask-image: url(../img/masks/shape-bottom-texture.svg),
            linear-gradient(
              black,
              black calc(100% - 10px),
              transparent calc(100% - 10px),
              transparent
            );
        }

        h2 {
          font-size: 60px !important;
          line-height: 60px !important;
          p {
            font-size: 31px;
            margin: 0 !important;
            &::before {
              display: none;
            }
          }
        }

        .inner {
          background: none;
          padding: 0 !important;
          .slick-list {
            padding: 0 20vw 2rem 0;
            .agenda-list-item {
              margin: 0 !important;
              padding: 0 5vw;
            }
          }

          .slick-arrow {
            z-index: 10;
            top: calc(100% - 1rem);
            right: calc(50% - 25px) !important;
          }
        }
      }

      .social_wall {
        margin: 0;
        .bgImage {
          display: none;
        }

        .inner {
          position: relative;
          width: 100%;
          padding-top: 0;
          .topSection {
            h2 {
              font-size: 50px !important;
              margin-bottom: 2rem !important;
            }

            .socialLinks {
              position: initial;
              justify-content: center;
              margin: 1rem 0 0;
            }
          }
        }
      }

      .newsletter {
        margin: 0;
        .inner {
          flex-direction: column;
          padding: 3rem 5vw 23rem !important;
          &::before {
            display: none;
          }

          .blocImage {
            position: initial;
            padding: 0;
            margin: 0 0 2rem;
            div {
              left: 0;
            }

            .blocFAQ {
              bottom: 60px;
              left: 50%;
              min-width: initial;
              width: 90%;
              max-width: 90%;
              &::after {
                bottom: -20%;
              }
            }
          }

          .blocTexte {
            padding: 0 1rem;
            h2 {
              font-size: 60px !important;
              text-align: center;
            }
            ul {
              li {
                font-size: 26px;
                margin: 1rem 0;
              }
            }

            .blocCTA {
              margin-top: 2rem !important;
              a {
                white-space: nowrap;
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-produits-accueil {
    #primary {
      .page-header {
        & > .inner {
          justify-content: center;
        }
      }
    }
    #quickLinks {
      .inner {
        flex-direction: column;
        max-width: 100%;
        padding: 0 10vw;
        & .blocCarte {
          width: 100vw;
          overflow: hidden;
          .bgImage {
            max-width: 120%;
            width: 120%;
            left: -10%;
          }
          & .content-text {
            /* padding: 3rem 0; */

            h3 {
              font-size: 40px !important;
              line-height: 40px !important;
              p {
                font-size: 21px;
              }
              & + .blocCTA {
                min-width: initial;
              }
            }
          }

          .bgImage {
            aspect-ratio: 3/3;
          }
        }

        & .blocQuizz {
          max-width: 80vw;
          top: 0;
        }

        .blocCalendrier {
          margin: 3rem auto 0;
          max-width: 90vw;
        }
      }
    }

    #productTypeList {
      background: none;
      &::before {
        display: none;
      }
    }

    #agendaList {
      padding-bottom: 4rem;
      h2 {
        font-size: 60px !important;
        line-height: 50px !important;
        p {
          font-size: 24px;
        }
      }

      .inner {
        background: none;
      }
    }
  }

  body.tax-type-de-produit {
    & .page-header {
      &::before {
        display: none;
      }

      .inner {
        h1 {
          img {
            max-width: 60px;
            max-height: 90px;
            margin-right: 1rem;
          }
        }
      }
    }

    #productFilter {
      .inner {
        & > p {
          order: 0;
        }
      }
      #activeFilters {
        order: 1;
        margin: 0 0 1rem;
        flex-direction: column;
        align-items: flex-start;
        & > div {
          flex-direction: column;
          align-items: flex-start;
          & .search-filter-style--control-selection {
            .search-filter-input-button-group {
              gap: 10px 15px;

              .search-filter-input-button {
                font-size: 14px;
                background: none;
              }
            }
          }
        }
      }
      #filterItems {
        padding: 0 !important;
        gap: 0;
        order: 5;
        .search-filter-style--choice-select {
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc;
          width: 100%;
          margin-bottom: -1px;
          & > div.search-filter-component-combobox-base {
            width: 100% !important;
            background: none !important;
            padding-left: 0;

            .search-filter-component-combobox__actions--empty {
              .search-filter-component-combobox__actions-input {
                font-weight: 600;
              }
            }
            .search-filter-component-combobox__selection {
              span {
                font-weight: 600;
                color: var(--green-dark-color);
              }
            }
          }
        }
      }
    }

    #productList {
      background: none;
    }

    #productTypeList {
      background-image: none;
      h2 {
        max-width: 260px;
        &::before {
          left: -1rem;
          top: -1rem;
        }
      }
    }

    .search-filter-component-popup {
      &.search-filter-style--choice-select {
        border-radius: 0;
      }
    }
  }

  body.single-produit {
    #primary {
      & header.entry-header {
        height: calc(100vh - 59px);
        #breadcrumb {
          top: 1rem;
          padding: 0 5vw;
        }

        & > .inner {
          padding: 0 5vw;
          h1 {
            max-width: 100%;
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;
            line-height: 70px;
            font-size: 60px !important;
            &::before {
              display: none;
            }
          }
        }

        #productLabel {
          bottom: 1rem;
          right: 1rem;
          gap: 10px;
          & > div.label {
            &:hover,
            &:focus {
              width: 92vw;
            }

            .labelResume {
              h3 {
                font-size: 1.5rem !important;
                max-width: 100%;
                min-width: inherit;
              }
              a.button {
                font-size: 0.9rem;
              }
              div {
                width: 100%;
                min-width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 0.8rem;
              }
            }

            img {
              max-height: 60px;
              max-width: 60px;
              transform: none;
            }
          }
        }
      }

      .entry-content {
        background-image: none;
        padding-bottom: 1rem;
        .bloc-avis-gourmand {
          padding-bottom: 4rem !important;
          .wrapper {
            flex-direction: column;
            .carousel {
              flex: 0 0 100%;
              max-width: 100%;
              & #productGallery {
                .slick-slide {
                  margin: 0 1rem;
                }
              }
            }
            .avis-gourmand {
              flex: 0 0 100%;
              max-width: 100%;
              .content {
                max-width: 70vw !important;
                margin-top: 1rem !important;
                p {
                  font-size: 32px !important;
                  line-height: 40px !important;
                }
              }
            }
          }
        }

        .content-wrapper {
          padding-top: 1rem;
          padding-bottom: 0;
          gap: 40px 0px;
          & .infos-utiles {
            & .wrapper {
              &::before {
                right: -2rem;
              }

              .inner {
                h3 {
                  font-size: 24px !important;
                }
              }
            }
          }
          section.topo {
            .topo-title {
              margin-bottom: 2rem !important;
              span:first-of-type {
                font-size: 30px !important;
              }
              span:last-of-type {
                font-size: 60px !important;
                line-height: 60px !important;
              }
            }
          }
          section {
            p,
            div {
              font-size: 1rem;
              line-height: 1.75rem;
            }
            h2.subtitle {
              font-size: 40px !important;
            }

            &.preservation-environnement {
              & > div {
                margin-top: 1rem;
              }
            }
          }
        }
      }

      #routeProduit {
        background-size: 2500px auto;
        background-position: -40px 150px;
        h2 {
          margin: 0rem 0 4rem;
        }

        .inner {
          padding: 0;
        }

        & .routes-list {
          .slick-list {
            padding: 1rem 20vw 8rem 1rem;
            .slick-slide {
              margin: 0 1rem 0 0;
              transform: translateY(3rem);
              &.slick-current {
                transform: translateY(0) rotate(2deg);
              }
            }
          }

          .route-list-item {
            padding: 1rem 1rem 1rem;
            .routeImage {
              img {
                mask-image: url(../img/masks/vignette-produit.svg),
                  linear-gradient(
                    transparent,
                    transparent calc(100%),
                    #2c2121 calc(100%),
                    black
                  );
                mask-repeat: no-repeat;
                mask-size: 100% 100%;
                mask-position: center center;
              }
            }

            .routeLocation {
              top: 0.85rem;
              position: relative;
              &::before {
                height: 40px;
                width: 40px;
                background-size: contain;
                top: -0.5rem;
                position: relative;
              }
            }
          }

          .slick-arrow {
            top: 100% !important;
            right: initial !important;
            left: 1rem;
            z-index: 10;
          }
        }
      }

      .recettes.archives {
        padding-bottom: 5rem;
      }

      section.content:not(:has(section.bonnes-pratiques)) {
        .topo {
          padding-bottom: 2rem;
        }
      }
    }
    #footerSeparator {
      display: block;
      background: none;
    }
  }

  body.page-template-page-recettes {
    & .page-header {
      mask-image: url(../img/masks/shape-bottom-texture.svg),
        linear-gradient(
          black,
          black calc(100% - 10px),
          transparent calc(100% - 10px),
          transparent
        );
      mask-repeat: no-repeat;
      mask-position: bottom center;
      mask-size: 100% auto;
      padding-bottom: 2rem !important;
      position: relative;
      z-index: 10;

      &::before {
        display: none;
      }
      h1 {
        p {
        }
      }
    }

    #recetteFilter {
      .inner {
        & > p {
          order: 0;
        }
      }
      #activeFilters {
        order: 1;
        margin: 0 0 1rem;
        flex-direction: column;
        align-items: flex-start;
        & > div {
          flex-direction: column;
          align-items: flex-start;
          & .search-filter-style--control-selection {
            .search-filter-input-button-group {
              gap: 10px 15px;

              .search-filter-input-button {
                font-size: 14px;
                background: none;
              }
            }
          }
        }
        & .search-filter-style--control-reset {
          button {
            font-size: 0.8rem;
          }
        }
      }
      #filterItems {
        padding: 0 !important;
        gap: 0;
        order: 5;
        .search-filter-style--choice-select {
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc;
          width: 100%;
          margin-bottom: -1px;
          & > div.search-filter-component-combobox-base {
            width: 100% !important;
            background: none !important;
            padding: 0;
            height: 45px;

            .search-filter-component-combobox__header {
              padding: 10px 0;
            }

            .search-filter-component-combobox__actions--empty {
              .search-filter-component-combobox__actions-input {
                font-weight: 600;
              }
            }
            .search-filter-component-combobox__selection {
              span {
                font-weight: 600;
                color: var(--green-dark-color);
              }
            }
          }
        }
        .search-filter-field--type-choice {
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc;
          width: 100%;
          margin-bottom: -1px;
          & > .search-filter-label {
            width: 100% !important;
            background: none !important;
            padding: 10px 0;
            height: 45px;
            font-weight: 600;
          }
          & > .search-filter-input-group {
            position: relative;
            max-height: 0;
            padding: 0;

            &:not(.search-filter-field__input--hidden) {
              max-height: 250px;
              box-shadow: none;
              margin-bottom: 1rem;
            }

            & > div {
              label {
                padding: 0;
              }
            }
          }
        }
      }
    }

    #recettesList {
      background-image: none;
      &::after {
        display: none;
      }

      .recette-list {
        gap: 15px;
        &.archive {
          .recette-list-item {
            flex: 0 0 calc(50% - 9px);
          }
        }
      }
    }

    .search-filter-component-popup {
      &.search-filter-style--choice-select {
        border-radius: 0;
      }
    }
  }

  body.single-recette {
    #page {
      #primary {
        .entry-header {
          margin-top: -3rem;
          flex-direction: column-reverse;
          padding-bottom: 0;
          height: auto;

          #breadcrumb {
            position: relative;
            z-index: 10;
            margin-bottom: 2rem;

            .inner {
              display: flex;
              align-items: center;
              flex-wrap: nowrap;
              overflow: hidden;
              max-width: 100%;

              & > span {
                display: block;
                white-space: nowrap;
                a,
                span {
                  display: block;
                  word-break: normal;
                  font-size: 13px;
                  white-space: nowrap;
                }
                &.bcn-home {
                  position: relative;
                  /* top: 2px; */
                  margin-right: 6px;
                }
                &.sep {
                  text-align: center;
                  line-height: 9px;
                  position: relative;
                  /* top: -2px; */
                  margin: 0;
                  font-size: 9px;
                  min-width: 11px;
                  height: 11px;

                  & + span {
                    margin-left: 6px;
                    margin-right: 6px;
                  }
                }
                &:last-child {
                  position: relative;
                  /* max-width: 50vw; */
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  -webkit-line-clamp: 1;

                  & > span {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 1;
                  }
                }
              }
            }
          }

          #headerLeft {
            flex: 1;
            width: 100%;
            max-width: 100%;
            background: var(--green-color);
            padding: 1rem 1rem;

            &::before {
              display: none;
            }

            & .recetteDetails {
              .recetteTopDetails {
                flex-wrap: wrap;
                width: 100%;
                gap: 0px;

                & > div {
                  flex: 0 0 30%;
                }
              }

              #socialShareContainer {
                top: 0;
              }
            }
          }

          #headerRight {
            padding: 1rem 5vw 3rem;
            min-height: 50vh;
            height: 350px;

            .recetteAuthor {
              position: absolute !important;
              bottom: 3rem;
            }
          }
        }

        #recetteContent {
          background-image: none;
          overflow: hidden;
          padding-bottom: 4rem;
          .inner {
            .topContent {
              flex-direction: column;
              #recetteIngredients {
                background: var(--blue-color);
                margin: 0;
                padding: 0rem 5vw 2rem;
                width: 100vw;
                left: -5vw;
                &::after {
                  display: none;
                }

                &::before {
                  right: 0;
                }
              }

              #recetteEtapes {
                .etapesContent {
                  h3 {
                    text-align: left;
                    font-size: 1.5rem !important;
                  }
                  li {
                    h3 {
                      margin: 1rem 0;
                    }
                    p {
                      font-size: 1.15rem;
                    }
                  }
                }
              }
            }
          }
        }

        .recettes.archives {
          padding-bottom: 4rem;
          & > h2 {
            margin: 1rem 0rem 2rem;
            font-size: 60px !important;
          }
        }
      }
    }
  }

  body.page-template-page-calendrier-de-saison {
    & #primary {
      &::before {
        display: none;
      }
      & .page-header {
        padding-bottom: 2rem !important;
        & > .inner {
          h1 {
            flex-direction: column;
            align-items: center !important;
            text-align: center;
            font-size: 50px !important;
            span {
              white-space: nowrap;
            }
          }
        }
      }
      #calendarNav {
        margin: 0 0 1rem;

        & .inner {
          .saison {
            font-size: 14px;
            margin: 0 0 1rem;
          }
          .monthNav {
            .monthName {
              font-size: 50px;
              line-height: 50px;
            }
            & .prevMonth,
            & .nextMonth {
              margin: 0 3rem;
              & a {
                height: 40px;
                width: 46px;
                &::before {
                  width: 35px;
                }
              }
            }
          }
        }
      }
      & #productTypeList {
        max-width: 100vw;
        margin-bottom: 2rem;
        & .inner {
          padding: 0 !important;
          max-width: 100vw;
          ul {
            flex-wrap: nowrap;
            justify-content: flex-start;
            gap: 15px;
            width: auto;
            overflow: auto;
            max-width: 100vw;
            padding: 2rem 1rem;
            li {
              flex: 0 0 100px;
              a {
                padding: 0 1rem;
                font-size: 11px;
                img {
                }
              }
            }
          }
        }
      }
      & #productList {
        background-image: none;
        margin-bottom: 2rem;
      }
      .recettes.archives {
        padding-bottom: 4rem;
        & > h2 {
          margin: 1rem 0rem 2rem;
          font-size: 60px !important;
        }
      }
    }
  }

  body.page-template-page-rdv-gourmands {
    .page-header {
      &::before {
        display: none;
      }
    }

    .listFilter {
      & .inner {
        & #rdvGourmandsFilter {
          .event-date {
            padding-right: 0;
            padding-left: 0;
            #reportrange {
              padding-right: 2.5rem;
              padding-left: 1rem;
            }
          }
        }
      }
    }

    #agendaList {
      background-image: none;
      .agenda-list {
        padding: 0;
        .agenda-list-item {
          flex: 1;
          margin-bottom: 0 !important;
        }
      }
    }
    #reportageGourmands {
      background-image: none;
      & .inner {
        & h2 {
          margin-bottom: 2rem;
          p {
            font-size: 28px;
          }
        }
      }
    }

    .wrapper-filter-date {
      &.active {
        display: block !important;
      }
      .daterangepicker {
        .calendar {
          &.right {
            display: none;
          }
        }

        & > .ranges {
          & > ul {
            display: none;
          }
        }
      }
    }
  }

  .page-template-page-producteurs {
    & .page-header {
      & .inner {
        h1 {
          margin-bottom: 0rem;
        }
      }
    }
    & #videoSlider {
      .slick-arrow {
        right: calc(10vw + 1.5rem) !important;
      }
    }
    #totalPost {
      .inner {
        span {
          font-size: 30px;
          line-height: 35px;
          font-weight: 100;
        }
      }
    }
    & #productList {
      background-image: none;
      margin-bottom: 2rem;
      & #productArchiveResult {
        .product-list-item {
          flex: 0 0 calc(50% - 10px);
        }
      }
    }
    #productTypeList {
      background: no-repeat;
      &::before {
        display: none;
      }
    }
  }

  body.single-personne {
    #primary {
      & .page-header {
        & > .inner {
          gap: 1rem !important;
          flex-direction: column-reverse !important;
          & .personneDetails {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0 1rem;
            h1 {
              font-size: 60px !important;
              p {
                font-size: 31px !important;
              }
              & + h2 {
                font-size: 26px !important;
                text-align: center !important;
                line-height: 27px !important;
              }
              & .typeDeProduit {
                & a {
                }
              }
            }

            .siteweb {
              & > a {
                span {
                  word-break: break-all;
                }
              }
            }
          }
          .entry-thumbnail {
            max-width: 90% !important;
          }
        }
      }
      .entry-content {
        background-image: none !important;
        .videoContainer {
          max-width: 100%;
          margin-bottom: 0;
        }
      }
      #personneProduct {
        background-image: none;
        padding-top: 2rem;
        h2 {
          font-size: 50px !important;
        }
      }
    }
  }

  body.page-template-page-origine-et-qualite {
    #page {
      #primary {
        .page-header {
          padding-bottom: 2rem !important;
          h1 {
            max-width: 290px;
          }
          .entry-content {
            margin-bottom: 0 !important;
          }
        }
        #pageContent {
          &::before {
            display: none;
          }
          & > div,
          & > div::after {
            background-image: none !important;
          }
          & #labelsList {
            h2 {
              font-size: 30px !important;
              line-height: 30px !important;
              span {
                margin: 0 0 2rem !important;
                line-height: 40px;
                font-size: 60px;
              }
            }
            & .parentItem {
              & .labels-list-items {
                gap: 1rem;
                & .label-item {
                  display: flex;
                  align-items: center;
                  flex-direction: column;
                  flex: 0 0 calc(50% - 8px);
                  & .labelImage {
                    align-items: flex-start;
                    width: 100px;
                    img {
                      width: auto;
                      height: 100px;
                    }
                  }
                  & > a {
                    margin-top: auto;
                    padding: 0.5rem 1rem;
                  }
                }
              }
            }
          }
          & #SIQO {
            mask: none;
            z-index: 99;

            .inner {
              padding: 2rem 0 !important;

              h2 {
                p {
                  font-size: 24px;
                  line-height: 29px;
                }
              }
            }

            #mapContainer {
              #mapFilter {
                transition: all ease-in-out 0.3s;
                &::before {
                  display: none;
                }
                &:not(.active) {
                  position: absolute !important;
                  top: 1.5rem;
                  right: 3.5rem;
                  left: initial;
                  bottom: inherit;
                  transform: none;
                  width: 100px;
                  height: 40px;
                  overflow: hidden;
                  background: var(--red-color);
                  padding: 0;
                  border-radius: 30px;
                  z-index: 999;

                  h3,
                  .label-item {
                    display: none;
                    transition: all ease-in-out 0.3s;
                  }

                  #mobileToggler {
                    display: flex;
                    top: 0;
                    height: 40px;
                    padding: 0;
                    text-align: center;
                    background: transparent;
                    span {
                      color: #fff;
                      &::after {
                        display: none;
                      }
                    }
                  }
                }
                &.active {
                  width: 100vw;
                  height: 100vh;
                  background-color: var(--yellow-color);
                  padding: 1rem 1.5rem;
                  z-index: 9999999999;
                  position: fixed !important;
                  justify-content: center;

                  #mobileToggler {
                    display: block;
                    mask-image: url(../img/masks/filtre.svg),
                      linear-gradient(
                        transparent,
                        transparent calc(100%),
                        #2c2121 calc(100%),
                        black
                      );
                    mask-repeat: no-repeat;
                    mask-size: 100% 100%;
                    mask-position: center center;
                    background: #fff;
                    top: 1rem;
                    right: 1rem;
                    left: initial;
                  }

                  #mobileSubmit {
                    display: block;
                    margin: 2rem auto 0;
                  }

                  h2 {
                    font-size: 2rem !important;
                  }
                }
              }
              #mapBloc {
                width: 100%;
                margin: 0;
              }
            }

            & + .bg-white {
              padding-top: 1px;

              .blocTexteImage:nth-child(2) {
                .blocImage {
                  height: 125px;
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  justify-content: center;

                  img {
                    transform: none;
                    margin-top: 2.5rem;
                  }
                }
              }
            }
          }
        }
      }
    }
    &:has(#mapFilter.active) {
      overflow: hidden;

      #SIQO {
      }
    }
  }

  body.tax-label {
    & .page-header {
      & h1 {
        img {
          max-width: 130px;
          margin: 0 auto 0rem;
        }
        div {
          font-size: 40px;
          line-height: 50px;
        }
      }
      .entry-content {
        .blocCTA {
          width: 100%;
        }
      }
    }
    & #productTypeList {
      margin-bottom: 0;
      & .inner {
        padding: 0;
        ul {
          flex-wrap: nowrap;
          justify-content: flex-start;
          gap: 15px;
          width: auto;
          overflow: auto;
          max-width: 100vw;
          padding: 2rem 2vw;
          li {
            flex: 0 0 100px;
            filter: drop-shadow(0 5px 5px rgb(0 0 0 / 30%));
            a {
              padding: 0 1rem;
              font-size: 11px;
              img {
              }
            }
          }
        }
      }
    }
    #productList {
      &::before,
      &::after {
        display: none;
      }
    }
    & #labelList {
      h2 {
        margin-bottom: 3rem;
      }
      ul {
        flex-wrap: wrap;
        gap: 2rem 15px;
        li {
          flex: 0 0 calc(50% - 8px);
        }
      }
    }
  }

  #contentFAQ {
    padding-top: 2rem;

    .inner {
      flex-direction: column;
      .faqCategory {
        max-width: 100vw;
        margin: 0 0 2rem;
        ul {
          flex-wrap: nowrap;
          flex-direction: row;
          align-items: center;
          max-width: 100vw;
          overflow: auto;
          padding: 0.5rem;
          gap: 15px;
          -ms-overflow-style: none;
          scrollbar-width: none;
          ::-webkit-scrollbar {
            display: none;
          }
          li {
            flex: 1;
            white-space: nowrap;
            margin: 0;
            a {
              span {
                font-size: 0.9rem;
                padding: 0.25rem 1rem;
              }
            }
          }
        }
      }
    }
  }

  #primary {
    section {
      .faq-list {
        & .faq-list-item {
          & .question {
            span {
              top: 0;
            }
            h2 {
              font-size: 30px !important;
              line-height: 35px !important;
            }
          }
        }
      }
    }
  }

  body.single-faq {
    & #page {
      & #primary {
        .page-header {
          h1 {
            font-size: 30px !important;
            line-height: 30px !important;
            margin-bottom: 1rem;
          }
        }

        & .entry-content {
          padding-bottom: 2rem;

          & .inner {
            & .entry-content-text {
              margin-bottom: 2rem;

              h2.faqQuestion {
                font-size: 40px !important;
                line-height: 45px !important;
                margin: 0rem !important;
                font-weight: 100 !important;
              }

              ul {
                li {
                  position: relative;
                  padding-left: 1.75rem;
                  margin-bottom: 1rem;

                  &::before {
                    content: "";
                    width: 15px;
                    height: 15px;
                    background: var(--yellow-color);
                    border-radius: 50%;
                    position: absolute;
                    left: 0;
                    top: 0.25rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-concours-saveurs {
    #primary {
      .page-header {
        background-image: none;
        padding-bottom: 7rem !important;
        .inner {
          h1 {
            span {
              font-size: 50px !important;
              line-height: 50px !important;
            }
            p {
            }
          }

          #gallerie {
            flex-direction: column;
            align-items: flex-start;
            margin-top: 2rem;
            .gallerie-item {
              max-width: 50%;
              &:nth-child(2) {
                max-width: 65%;
                align-self: flex-end;
                margin: -6rem 0 -2rem;
                & > div {
                  aspect-ratio: 10 / 8;
                }
              }
              &:last-child {
                margin-left: auto;
                margin-right: auto;
                z-index: 10;
                & > div {
                  aspect-ratio: 10 / 9;
                }
              }
            }
          }
        }
      }
      & #pageContent {
        & #a_propos {
          padding-bottom: 3rem;
          .inner {
            background-image: none;
            #logoConcours {
              margin: 0;
              gap: 10px;
              max-width: 100%;
              .item {
                padding: 0.25rem;
              }
            }
            .blocCTA {
              flex-direction: column;
            }
          }
        }
        & #en_chiffres_cles {
          & .inner {
            & .content {
              .chiffres {
                flex-direction: column;
                margin-top: 0rem;
                .categories {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  text-align: left;
                  position: relative;
                  padding-left: 100px;
                  max-width: 100%;
                  margin: 0;
                  font-size: 21px;
                  img {
                    position: absolute;
                    left: 0;
                    top: 0.5rem;
                  }
                }
                .catList {
                  column-count: initial;
                  text-align: center;
                  margin-top: 2rem;
                }
              }
            }
            .blocCTA {
              margin: 3rem auto 0;
              max-width: 70%;
              .button {
                font-size: 1rem;
                white-space: normal;
                padding: 0.75rem 1rem;
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-role-de-l-aana {
    #primary {
      .page-header {
        background-image: none;
        .inner {
          h1 {
            span {
              font-size: 50px !important;
              line-height: 50px !important;
            }
            p {
            }
          }

          #gallerie {
            flex-direction: column;
            align-items: flex-start;
            margin-top: 2rem;
            .gallerie-item {
              max-width: 50%;
              &:nth-child(2) {
                max-width: 65%;
                align-self: flex-end;
                margin: -6rem 0 -2rem;
                & > div {
                  aspect-ratio: 10 / 8;
                  img {
                    height: 100%;
                  }
                }
              }
              &:last-child {
                margin-left: auto;
                margin-right: auto;
                z-index: 10;
                & > div {
                  aspect-ratio: 10 / 9;
                }
              }
            }
          }
        }
        .entry-content {
          .wp-block-media-text__media {
            display: flex;
            justify-content: center;
            img {
              max-width: 150px;
            }
          }
        }
      }
      & #pageContent {
        h2 {
          span {
            font-size: 30px !important;
            b {
              font-size: 50px !important;
            }
          }
          p {
            margin-top: 0;
          }
        }
        & #missions {
          padding-bottom: 5rem;
          & .inner {
            background-image: none;
            .content {
              flex-direction: column;
              margin-top: 2rem;
              .contentImage {
                flex: 1;
                margin: 0;
              }
            }
          }
        }
        & #expertises {
          padding: 3rem 0;
          .icon-list {
            .icon-item {
              .icon-text {
                h3 {
                  font-size: 1.54rem !important;
                  font-weight: 100 !important;
                }
              }
            }
          }
        }
        & #citation {
          padding: 3rem 0 4rem;
          .inner {
            max-width: 75%;
            .hasQuote {
              font-size: 2rem;
              line-height: 2.5rem;
              &::before {
                left: -1rem;
                top: -1rem;
              }
            }
          }
        }
        & #initiatives {
          .inner {
            .content-texte {
              margin-bottom: 0;
            }
          }
          .content {
            padding: 0 10vw;
            &::before {
              background: url(../img/svg/bg-initiative-mobile.svg) -45px 0px no-repeat;
              top: 0;
              left: 0;
            }
            .slick-list {
              padding: 2rem 0 4rem;
            }
            .slick-arrow {
              margin: 0 7rem 0;
              top: 100%;
            }
          }
        }
        #lalimentation_durable {
          min-height: initial;
          background-size: auto calc(700px);
          background-position: 24% 0%;
          background-repeat: no-repeat;
          padding: 6rem 0 0;
          .inner {
            padding: 350px 0 3rem;
            width: 100%;
            h2 {
              text-align: center;
              padding: 0 2rem;
              font-size: 60px !important;
              line-height: 60px !important;
              b,
              p {
                font-size: 28px;
                display: block;
                line-height: 34px;
              }
              p {
                margin: 0;
                font-size: 24px;
              }
            }

            .content-text {
              max-width: 100%;
              margin: 3rem 0 0;
              width: 100%;
              mask-size: 104% 100%;
              h3 {
                text-align: center;
                font-size: 40px !important;
              }

              .blocCTA {
                text-align: center;
                margin-bottom: 2rem;
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-transition-alimentaire {
    #primary {
      .page-header {
        background-image: none;
        .inner {
          background-image: none;
          h1 {
            span {
              font-size: 50px !important;
              line-height: 50px !important;
            }
            p {
            }
          }

          #introContent {
            flex-direction: column-reverse;
            gap: 1rem;
            margin: 0;
            .blocCTA {
              padding: 0;
              max-width: 80%;
              margin: 2rem auto 2rem;

              &::before {
                left: -2rem;
              }
            }
          }

          #gallerie {
            flex-direction: column;
            align-items: flex-start;
            display: flex;
            margin-top: 2rem;
            .gallerie-item {
              max-width: 70%;
              &:nth-child(2) {
                max-width: 90%;
                align-self: flex-end;
                margin: -3rem 0;
              }
              &:last-child {
                margin: 1rem 0 0 auto;
                z-index: 0;
                max-width: 80%;
              }
            }
          }
        }
      }
      & #pageContent {
        margin: 0 0 0;
        position: relative;
        z-index: 10;
        #neo_terra {
          background: #fff;
          padding-top: 3rem;

          .inner {
            position: initial;
            min-width: 100%;
            max-width: 100%;
            padding: 2rem;
            &::before {
              display: none;
            }
            h2 {
              background-position: center;
            }
          }
          .visuel {
            justify-content: flex-start;
            align-items: flex-end;
            height: 460px;

            img {
              width: auto;
              height: 460px;
            }
          }
        }
        #agriculture_et_alimentation {
          padding: 4rem 0;
          .inner {
            padding: 0 5vw;
          }
          #steps {
            margin: 0 -5vw;
            background-position: 0% 10%;
            background-size: 2000px auto;
            padding: 0;
            .slick-list {
              padding-right: 15vw;
              .slick-slide {
                transform: translateY(4rem);
                &.slick-active {
                  transform: translateY(0);
                }
                & .step-item {
                  h3 {
                    font-size: 1.5rem !important;
                  }
                }
              }
            }
            .slick-arrow {
              top: 90%;
              right: 0 !important;
              z-index: 10;
            }
          }
          .blocCTA {
            max-width: 70%;
            margin: 0 auto;
          }
        }
        #les_signes_didentification {
          margin: 0;
          padding: 3rem 0 1rem;
        }
        #nouveaux_modes_de_consommation {
          padding: 0 0 4rem;
          margin-top: -1rem;
          &::before,
          &::after {
            display: none;
          }
          & .inner {
            h2 {
              padding-left: 2rem;
              p {
                left: -2rem;
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-reportages-gourmands-accueil {
    #primary {
      article {
        &::before,
        &::after {
          display: none;
        }
        .page-header {
          padding: 2.5rem 0 0 !important;
          margin-bottom: 2rem !important;
        }

        .blogTaxList {
          padding-bottom: 3rem;
          margin-bottom: 0;
          background-image: none;
          &::before,
          &::after {
            top: -20px;
          }
          & + .blogTaxList {
          }
          &#un-tour-au-marche {
            h2 {
              &::after {
                background-position: 80% 0%;
              }
            }
          }
        }
      }
      #agendaList {
        padding: 2rem 0 6rem;
        margin-top: -7px;
        /* margin-bottom: 4rem; */

        .inner {
          background-image: none;
        }
      }
    }
  }

  body.single-rendez-vous-gourmand {
    #primary {
      .page-header {
        padding-bottom: 7rem !important;
      }
      .agenda-list.single {
        background-image: none;
        padding-bottom: 2rem;
        .agenda-list-item {
          margin: -4rem 0 0;
          padding: 0 5vw;
          #agendaTop {
            margin: 0 0 3rem;
            & .agendaMeta {
              & .dates {
                .horaire {
                  margin-left: 1rem;
                  position: relative;
                  top: 11px;
                }
              }
              .lieu {
                top: 0.25rem;
              }
            }
            .agendaImage {
              /* min-height: 250px; */
              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
            }
          }
          #agendaDetails {
            background: var(--blue-color);
            margin: 2rem -5vw;
            padding: 1rem 5vw;
            &::before {
              right: 1rem;
            }
            &::after {
              display: none;
            }
            & > div {
              margin: 2rem 0 0;
            }
            .datesHeures {
              /* flex-direction: column; */
              li {
                margin: 0rem 0 1rem 1rem;
                position: relative;
                flex-direction: column;
                padding-left: 1.5rem;
                &::before {
                  position: absolute;
                  left: 0;
                  top: 3px;
                }
              }
            }
          }
        }
      }
    }
    #agendaList {
      padding: 2rem 0 3rem;
      margin-top: -7px;
      /* margin-bottom: 4rem; */
      .inner {
        background-image: none;
      }
    }
  }

  #presseContentList {
    margin-top: 4rem;
    background-image: none !important;
    .blogTaxList {
      .inner {
        .agenda-list.presses {
          flex-direction: column;
          & > h2 {
            font-size: 40px !important;
            margin: 0 0 2rem;
          }
          .agenda-list-item:not(:nth-child(2)) {
            display: none;
          }
        }
      }
    }
  }

  body.single-reportage-gourmand {
    #primary {
      .page-header {
        padding-bottom: 6rem !important;
        &::before {
          display: none;
        }
        .inner {
          h1 {
            font-size: 50px !important;
            line-height: 50px !important;
            margin-bottom: 1rem !important;
          }
        }
      }
      .entry-content {
        background-image: none;
      }
    }
    #agendaList {
      padding: 2rem 0 3rem;
      margin-top: -4rem;
      /* margin-bottom: 4rem; */
      h2 {
        padding: 0 5vw;
      }
      .inner {
        background-image: none;
        & .post-list-item {
          padding: 0 1rem;
        }
      }
      .blocCTA {
        margin-bottom: 0;
      }
    }
  }

  body.tax-thematique-reportage-gourmand {
    #primary {
      .page-header {
        padding-bottom: 0 !important;
        &::before {
          display: none;
        }
      }

      #postList {
        background-image: none;
      }
    }
  }

  body.page-template-page-faq,
  body.tax-thematique-faq {
    #primary {
      .page-header {
        padding-bottom: 1rem !important;
        margin-bottom: 0rem !important;
      }
    }
  }

  body.page-template-page-quizz {
    #primary {
      .page-header {
        padding-bottom: 0rem !important;
      }
      &[data-step="0"] {
        background-image: none;
        #pageContent {
          #stepContainer {
            &::before {
              display: block;
            }
          }
        }
      }
      #pageContent {
        #stepContainer {
          overflow-x: hidden;
          flex-direction: column;
          padding: 2rem 5vw 7rem;

          &::before {
            content: "";
            position: absolute;
            top: calc(100% - 29rem);
            left: 0;
            width: 100vw;
            height: 100vw;
            background: url(../img/svg/bg-dite-nous.svg) -80% 30% no-repeat;
            transform: rotate(90deg);
            pointer-events: none;
            display: none;
          }
          &::after {
            top: calc(100% - 30rem);
            left: 50%;
            transform: translateX(-50%);
            pointer-events: none;
          }
          & .blocImage {
            margin-bottom: 1rem;

            & .image {
              img {
                left: 0;
              }
              &::after {
                width: 150px;
                height: 150px;
                bottom: -3rem;
                right: -1rem;
              }
              &.step-0 {
                &::after {
                }
              }

              &.step-1 {
                &::after {
                  width: 200px;
                  right: -1rem;
                  bottom: -4rem;
                }
              }

              &.step-2 {
                &::after {
                  right: -1rem;
                  bottom: -2rem;
                  height: 160px;
                }
              }

              &.step-3 {
                &::after {
                  right: -3rem;
                  bottom: -1rem;
                }
              }

              &.step-4 {
                &::after {
                  width: 120px;
                  bottom: -3rem;
                }
              }

              &.step-5 {
                &::after {
                }
              }
            }
          }
          .blocContent {
            position: relative;
            flex: 1;
            .stepOne {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              text-align: center;
              h1 {
                color: var(--blue-dark-color);
                font-size: 48px !important;
                font-weight: 100;
                margin-bottom: 3rem;
                padding: 0 2rem;

                p {
                  color: #000;
                  font-family: "Inter";
                  font-weight: 600;
                  font-size: 24px;
                  text-transform: uppercase;

                  span {
                    display: block;
                    font-family: "DeliciousHandrawn";
                    font-size: 56px;
                    font-weight: 100;
                    margin-top: 0.5rem;
                    text-transform: initial;
                    position: relative;
                    /* line-height: 79px; */

                    &::after {
                      content: "";
                      display: block;
                      position: absolute;
                      right: 2rem;
                      top: calc(100% + 0rem);
                      height: 50px;
                      width: 140px;
                      background: url(../img/svg/after-quoi-manger-black.svg)
                        center center no-repeat;
                      background-size: contain;
                    }
                  }
                }
              }

              & > div {
                max-width: 100%;
                text-align: left;

                p {
                  font-size: 1.15rem;
                  line-height: 2rem;
                }

                &.quizCTA {
                  margin-top: 20rem;
                }
              }
            }

            .stepForm {
              display: none;

              .gform_wrapper {
                form {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  text-align: center;
                  .gf_page_steps {
                    gap: 10px;
                    position: absolute;
                    top: 1rem;

                    .gf_step {
                      display: flex;
                      align-items: center;
                      gap: 10px;
                      &#gf_step_2_6,
                      &#gf_step_2_5 .gf_step_label {
                        display: none;
                      }
                      .gf_step_number {
                        mask-image: url(../img/masks/filtre.svg),
                          linear-gradient(
                            transparent,
                            transparent calc(100%),
                            #2c2121 calc(100%),
                            black
                          );
                        mask-repeat: no-repeat;
                        mask-size: 100% 100%;
                        mask-position: center center;
                        border: none;
                        border-radius: 0;
                        background: #2d2b2b;
                        font-family: "DeliciousHandrawn";
                        color: #000;
                        font-size: 1.5rem;
                        padding-bottom: 7px;
                        font-weight: 100;
                      }

                      &.gf_step_active {
                        .gf_step_number {
                          transform: scale(1.35);
                          background: var(--yellow-color);
                          color: #000;
                        }
                      }

                      &.gf_step_completed {
                        .gf_step_number {
                          transform: scale(1);
                          background: var(--yellow-color);
                          color: #000 !important;
                          &::after {
                            display: none;
                          }
                        }
                      }

                      &:not(:last-child) .gf_step_label {
                        display: flex;
                        align-items: center;
                        gap: 10px;

                        &::before,
                        &::after {
                          content: "";
                          display: flex;
                          align-items: center;
                          width: 5px;
                          height: 5px;
                          background: #000;
                          border-radius: 50%;
                          opacity: 0.5;
                        }
                      }
                    }
                  }

                  .gform-body.gform_body {
                    margin: 1rem 0 0;
                    .gform_page_fields {
                      .gfield_label.gform-field-label {
                        color: #fff;
                        font-family: "DeliciousHandrawn";
                        font-size: 40px;
                        margin: 1rem 0 2rem;

                        .gfield_required {
                          display: none;
                        }

                        &:is(legend) {
                          display: block;
                          width: 100%;
                          text-align: left;
                          line-height: 40px;
                        }
                      }

                      .gfield_radio {
                        flex-direction: column;
                        justify-content: center;
                        gap: 1rem;
                        .gchoice {
                          display: flex;
                          align-items: center;
                          .gform-field-label {
                            font-weight: 600;
                            color: #fff;
                            font-size: 22px;
                            white-space: nowrap;
                          }
                        }
                      }
                    }
                  }

                  .gform_page_footer {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    margin-top: 3rem;
                    gap: 1rem;

                    .button {
                      display: inline-flex;
                      align-items: center;
                      justify-content: center;
                      font-family: "Inter";
                      font-size: 1.15rem;
                      font-weight: 600;
                      position: relative;
                      color: #fff;
                      mask-image: url(../img/masks/bouton.svg),
                        linear-gradient(
                          transparent,
                          transparent calc(100%),
                          #2c2121 calc(100%),
                          black
                        );
                      mask-repeat: no-repeat;
                      mask-size: 100% 100%;
                      mask-position: center center;
                      background: #a61833 url(../img/svg/arrow-white.svg)
                        calc(100% - 1.25rem) 50% no-repeat;
                      padding: 1rem 3.5rem 1rem 2rem;
                      font-size: 1rem;
                      text-decoration: none !important;
                      border: none !important;
                      transition: all ease-in-out 0.3s;
                      &:hover {
                        padding-right: 4rem;
                        background-color: var(--red-color);
                      }

                      &.gform_previous_button {
                        background: #a61833 url(../img/svg/arrow-white-back.svg)
                          15% 50% no-repeat;
                        padding: 1rem 2rem 1rem 3.5rem;
                        &:hover {
                          padding-left: 4rem;
                          background-color: var(--red-color);
                        }
                      }
                    }
                  }
                }
              }
            }

            .disclaimer {
              display: none;
              padding: 0 5vw;
            }
          }
        }
      }

      &:not([data-step="0"], [data-step="6"]) {
        #pageContent {
          #stepContainer {
            padding-top: 5rem;
            margin-top: 1rem;
            .blocContent {
              position: initial !important;
            }
          }
        }
      }

      &[data-step="6"] {
        & #pageContent {
          & #stepContainer {
            &::after {
              display: none;
            }
            & .blocContent {
              .stepForm {
                padding: 0 5vw;
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-espace-presse {
    #reportageGourmands {
      padding-top: 5rem;
      background-image: none;
      .inner {
        h2 {
          margin-bottom: 3rem;
        }
      }
    }
  }

  body.tax-espace-presses {
    #primary {
      .page-header {
        padding-bottom: 4rem !important;
      }
      #pageContent {
        background-image: none;
      }
    }
  }

  body.single-presse {
    #primary {
      .page-header {
        .presseDate {
          font-size: 21px;
          margin-bottom: -1rem;
        }
      }
      .entry-content {
        padding: 1rem 0 2rem;
        .inner {
          flex-direction: column;
          gap: 0;
        }
      }
    }
    #agendaList {
      padding: 4rem 0 4rem;
      & .inner {
        & .post-blog-list {
          & .post-list-item {
            .postImage {
              flex: 1;
            }
          }
        }
      }
    }
  }

  body.search {
    #primary {
      .page-header {
        padding-bottom: 4rem !important;

        .inner {
          h1 {
          }
        }
      }

      #searchForm {
        margin: 0;

        &.active {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 3rem 5vw !important;
          max-width: 100vw;
          height: 40vh;
        }

        .inner {
          max-width: 100%;

          & > .search-filter-base {
            margin: 0;
            &.search-filter-field--type-search {
              width: 350px;
              .search-filter-input-text {
                width: 100% !important;
              }
            }
          }
        }
      }

      #searchResults {
        position: relative;
        padding-bottom: 4rem;
        margin-bottom: -3rem;

        &::before {
          display: none;
        }
        .inner {
          padding: 2rem 10vw !important;
          max-width: 750px;

          .searchSummary {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin: 0 0 1rem;

            p {
              font-size: 20px;
            }
            .hasQuote {
              font-size: 30px;
              font-weight: 600;
              margin: 1rem 0;
              &::before,
              &::after {
                width: 24px;
                height: 24px;
                top: -1rem;
                left: -2rem;
              }
              &::after {
                left: calc(100% + 0.15rem);
                transform: rotate(0deg) scaleX(-1);
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-resultat-quizz {
    #primary {
      .page-header {
        & > .inner {
          gap: 0rem;
          background: none;
          background-size: 100% auto;

          h1 {
            line-height: 60px;
            position: relative;

            &::before {
              background-position: 0% 30%;
              content: "";
              position: initial;
              right: 100%;
              top: 0;
              width: 120px;
              height: 120px;
              background-size: contain;
              display: block;
              margin: 0 auto;
            }

            span {
              font-size: 50px;
            }
            p {
              font-family: "DeliciousHandrawn";
              font-size: 40px !important;
            }
          }

          .product-list {
            max-width: 1000px;
            gap: 3rem;
            justify-content: center;
            flex-direction: column;
            margin-top: 4rem;
            padding: 0 2rem;
            .product-list-item {
              flex: 0 0 calc(33.3333% + -32px);
              & > div {
                & .product-bottom {
                  .product-labels {
                    flex-direction: column;
                    right: -1rem;
                    bottom: 3rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  body.page-template-page-campagne-de-saison {
    #primary {
      .page-header {
        background-image: none;
        padding-bottom: 5rem !important;
        .inner {
          h1 {
            span {
              font-size: 50px !important;
              line-height: 50px !important;
            }
            p {
            }
          }

          #introContent {
            flex-direction: column-reverse;
            gap: 1rem;
            margin: 0;
            .blocCTA {
              padding: 0;
              max-width: 80%;
              margin: 2rem auto 2rem;

              &::before {
                left: -2rem;
              }
            }
          }

          #gallerie {
            flex-direction: column;
            align-items: flex-start;
            display: flex;
            margin-top: 2rem;
            .gallerie-item {
              max-width: 70%;
              &:nth-child(2) {
                max-width: 90%;
                align-self: flex-end;
                margin: -3rem 0;
              }
              &:last-child {
                margin: 1rem 0 0 auto;
                z-index: 0;
                max-width: 80%;
              }
            }
          }
        }
      }
      #campagne_en_cours {
        padding-bottom: 6rem;

        .content {
          flex-direction: column;
          .contentImage {
            margin: 0 0 2rem !important;
          }
          .contentTexte {
            padding: 0 !important;
          }
        }
      }
      #agendaList {
        padding-bottom: 8rem;

        .slick-list {
          padding-right: 20vw;
          .slick-slide {
            margin: 0 0.75rem;
          }
        }

        .blocCTA {
          margin-top: 5rem;
        }
      }
    }
  }

  body.page-template-page-exploration-gourmande,
  body.page-template-page-iframe-exploration-gourmande {
    #primary {
      #pageContent {
        /* overflow: hidden; */
        z-index: 200;

        & #explorationMap {
          z-index: 900;

          & #mapContainer {
            #mapFilter {
              &::before {
                display: none;
              }
              &:not(.active) {
                position: absolute !important;
                top: 1.5rem;
                right: 3.5rem;
                left: initial;
                bottom: inherit;
                transform: none;
                width: 100px;
                height: 40px;
                overflow: hidden;
                background: var(--red-color);
                padding: 0;
                border-radius: 30px;

                h2,
                .filterCategory {
                  display: none;
                }

                #mobileToggler {
                  display: flex;
                  top: 0;
                  height: 40px;
                  padding: 0;
                  text-align: center;
                  background: transparent;
                  span {
                    color: #fff;
                    &::after {
                      display: none;
                    }
                  }
                }
              }
              &.active {
                width: 100%;
                height: 100%;
                background-color: var(--yellow-color);
                padding: 1rem 1.5rem;
                z-index: 10;
                position: fixed !important;
                justify-content: flex-start;

                #mobileToggler {
                  display: block;
                  mask-image: url(../img/masks/filtre.svg),
                    linear-gradient(
                      transparent,
                      transparent calc(100%),
                      #2c2121 calc(100%),
                      black
                    );
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
                  mask-position: center center;
                  background: #fff;
                  top: -0.5rem;
                  left: calc(100% - 3rem);
                }

                #mobileSubmit {
                  display: block;
                  margin: 2rem auto 0;
                }

                h2 {
                  font-size: 2rem !important;
                }
              }
            }

            #mapBloc {
              width: 100%;
              height: 100vh;
            }
          }
        }
        #quickLinks {
          padding-bottom: 4rem;
          margin-top: 1rem;
          max-width: 100%;
          overflow: hidden;

          .inner {
            flex-direction: column;
            max-width: 100%;
            padding: 0 10vw;
            & .blocCarte {
              width: 100vw;
              overflow: hidden;
              .bgImage {
                max-width: 120%;
                width: 120%;
                left: -10%;
              }
              & .content-text {
                padding: 0;
                h3 {
                  font-size: 44px !important;
                  line-height: 44px !important;
                  p {
                    font-size: 21px;
                    font-weight: 600;
                  }
                }
              }

              .bgImage {
                aspect-ratio: 3/3;
              }
            }

            .blocQuizz {
              position: relative;
              padding: 6rem 2rem 5rem 3rem;
              top: 2rem;

              &::after {
                background: var(--yellow-color);
                content: "";
                position: absolute;
                z-index: 0;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                transform: rotate(1deg);
                mask-image: url(../img/masks/colonne-page-produit.svg),
                  linear-gradient(
                    transparent,
                    transparent calc(100%),
                    #2c2121 calc(100%),
                    black
                  );
                mask-repeat: no-repeat;
                mask-size: 100% 100%;
                mask-position: center center;
              }

              & > img {
                position: absolute;
                z-index: 1;
                top: 0rem;
                right: 0rem;
                transform: translate(25%, -40%);
                max-width: 160px;
              }

              .content-text {
                position: relative;
                z-index: 10;
                h3 {
                  font-family: "DeliciousHandrawn";
                  font-size: 43px !important;
                  color: #fff;
                  line-height: 43px !important;
                  font-weight: 100;
                  text-align: left;
                  margin-bottom: 2rem;

                  &::before {
                    left: -2.5rem;
                    top: -1rem;
                  }

                  p {
                    font-size: 22px;
                    font-family: "Inter";
                    font-weight: 600;
                    margin-bottom: 0;
                  }

                  span {
                    font-size: 50px;

                    &::after {
                      content: "";
                    }
                  }
                }
              }
            }

            .blocCalendrier {
              margin: 3rem auto 0;
              max-width: 90vw;
              padding: 3rem 2rem 4rem 2rem;
            }
          }
        }
        #agendaList {
          padding: 2rem 0 5rem;
          /* margin-bottom: 4rem; */

          h2 {
            padding: 0 5vw;
          }
          .inner {
            background-image: none;
            & .post-list-item {
              padding: 0 1rem;
            }
          }
          .blocCTA {
            margin-bottom: 0;
          }
        }
      }
    }
    &:has(#mapFilter.active) {
      overflow: hidden;
    }
  }

  .page-template-page-newsletter {
    #primary {
      .page-header {
        .inner {
          h1 {
            font-size: 40px !important;
          }
        }
      }
      .newsletter {
        .inner {
          flex-direction: column;
          .blocImage {
            padding-bottom: 0;
            margin-top: 4rem;
            & > div {
              left: 0;
              width: 100%;
              height: auto;
              max-height: initial;
              aspect-ratio: 1/1;
            }
          }
          .blocTexte {
            padding: 0;
            & ul {
              li {
                font-size: 1.5rem;
                margin: 1rem 0;
                line-height: 2rem;
              }
            }
          }
          & form {
            & .gform_footer {
              .button {
                font-size: 1rem !important;
                margin: 0 auto;
              }
            }
          }
        }
      }
    }
  }

  body:has(.listFilter.active) {
    overflow: hidden;

    .listFilter {
      max-height: 100vh;
      overflow: auto;
    }
  }

  #thematiquesList {
    margin: 2rem 0 1rem;
  }

  body.single-fiche {
    & #primary {
      & .page-header {
        & > .inner {
          gap: 2rem;
          & .ficheDetails {
            & .ficheLabels {
              ul {
                flex-direction: column;
                li {
                  flex: 1;
                  margin: 1rem 0 0;
                }
              }
            }
          }
        }
      }
      .entry-content {
        background: none;
        top: 0 !important;
        padding: 2rem;
      }
    }
  }
}

@media screen and (max-width: 1320px) {
  body.page-template-page-reportages-gourmands-accueil {
    & #post-1590 {
      &::after {
        display: none;
      }
    }
  }
}

@media screen and (min-width: 1800px) {
  .recette-list {
    & .recette-list-item {
      & .recetteImage {
        a {
          aspect-ratio: 360 / 500 !important;
        }
      }
    }
  }

  .home {
    .site {
      .site-main {
        section {
          & {
          }

          &.inventaire_du_patrimoine_gastronomique {
            h2.title {
              & {
                margin: 2rem auto 0;
              }
              span {
              }
            }
            #hpInventaireFilter {
              margin-top: -6rem;
            }
          }

          &.recettes {
            & {
              padding-top: 0;
            }

            & > h2 {
              margin-top: 0;
            }

            #recetteFilter {
              margin: 0 0 3rem;
            }

            .recette-list {
              & .recette-list-item {
                & .recetteImage {
                  a {
                    aspect-ratio: 360 / 500;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .single-produit {
    .recettes.archives {
      & > h2 {
        margin: 1rem 0 0rem;
      }
      .recette-list {
        & .recette-list-item {
          & .recetteImage {
            a {
              aspect-ratio: 360 / 580;
            }
          }
        }
      }
      .recetteCTA {
        margin-top: 1rem;
      }
    }
  }

  .page-template-page-producteurs {
    & #productList {
      & #productArchiveResult {
        .product-list-item {
          flex: 0 0 calc(25% - 15px);
        }
      }
    }
  }

  .recette-list {
    &.archive {
      & .recette-list-item {
        & .recetteImage {
          a {
            aspect-ratio: 360 / 580;
          }
        }
        & .recetteDetails {
          & .recetteAction {
            & h3 {
              a {
                font-size: 1.5rem;
                line-height: 2.25rem;
                display: block;
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1300px) and (min-width: 1200px) {
  .recette-list {
    & .recette-list-item {
      & .recetteImage {
        a {
          aspect-ratio: 360 / 580 !important;
        }
      }
    }
  }
}