/*
** Réalisation : Agence k4
** https://www.agencek4.fr
*/

@media (max-width: 1400px) {
  :root {
    --LFwrapper : 1100px;
  }
  html {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  :root {
    --LFwrapper : 950px;
  }
  html {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  /* GENERAL */
  html {
    font-size: 16px;
  }
  .p-container {
    padding-left: unset;
    padding-right: unset;
  }
  .wrapper {
    max-width: 100%;
    padding-left: var(--LF015);
    padding-right: var(--LF015);
  }
  .m-default {
    margin-top: var(--LF030);
    margin-bottom: var(--LF030);
  }
  .m-big {
    margin-top: var(--LF060);
    margin-bottom: var(--LF060);
  }
  .p-default {
    padding-top: var(--LF030);
    padding-bottom: var(--LF030);
  }
  .p-big {
    padding-top: var(--LF060);
    padding-bottom: var(--LF060);
  }
  h1, .h1 {
    font-size: var(--LF030);
  }
  h2, .h2 {
    font-size: var(--LF030);
  }
  /* NAV */

  /* HEADER */
  .header-top {
    font-size: var(--LF009);
  }
  .header-nav-logo {
    order: 1;
  }
  .header-nav-nav {
    order: 3;
  }
  .header-nav-misc {
    order: 2;
    margin-left: auto;
    margin-right: var(--LF023);
  }
  .ps-mainmenu__desktop {
    display: none;
  }
  .ps-mainmenu__mobile-toggle {
    display: block;
  }
   .ps-mainmenu__mobile-toggle .material-icons {
    color: var(--LFcol01);
  }
  .header-light .ps-mainmenu__mobile-toggle .material-icons {
    color: var(--LFcol02);
  }
  /* FOOTER*/
  .texte-seo {
    margin-top: var(--LF050);
    margin-bottom: var(--LF050);
    padding: 0 var(--LF015);
  }
  #footerbefore-reassurances {
    padding-top: var(--LF038);
    padding-bottom: var(--LF038);
  }
  .footerbefore-reassurance {
    width: 100%;
  }
  .footer__main {
    padding-top: var(--LF060);
    padding-bottom: var(--LF060);
  }
  .footer__main .ps-emailsubscription {
    width: 100%;
    text-align: center;
  }
  .footer__main .ps-emailsubscription > form > div {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--LF016);
  }
  .footer__main .ps-emailsubscription > form > div input {
    flex: 0 0 auto;
    width: 100%;
  }
  .footer-reassurances {
    width: 100%;
    margin-top: var(--LF040);
  }
  .cb.displayFooter .cb-wrapper {
    gap: var(--LF020);
  }
  .footer-logo {
    order: 5;
    width: 100%;
  }
  .footer-col {
    width: calc(33.33333% - var(--LF020));
  }
  .footer-col-1 {
    width: 100%;
    order: 1;
  }
  .footer-col-2 {
    order: 2;
  }
  .footer-col-3 {
    order: 3;
  }
  .footer-col-4 {
    order: 4;
  }
  /* PRODUCT LIST */
  .layout-full-width .products {
    gap: var(--LF020) var(--LF010);
  }
  .product-flags {
    justify-content: flex-end;
    padding: var(--LF011);
  }
  .product-miniature:hover .product-miniature__actions {
    transform: translateY(100%);
  }
  .product-miniature__actions-bottom {
    display: block;
    margin-top: var(--LF006);
  }
  .product-miniature__actions-bottom button {
    border-radius: var(--LF005);
    font-size: var(--LF013);
  }
  /* HOME */
  #ps_imageslider {
    height: 90dvh;
    max-height: 67.5rem;
  }
  #ps_imageslider .carousel-item {
    padding-bottom: 10rem;
    padding-left: var(--LF046);
    padding-right: var(--LF046);
  }
  #ps_imageslider .carousel-item-content {
    max-width: 100%;
    font-size: var(--LF010);
  }
  #ps_imageslider .carousel-item-content-title {
    font-size: var(--LF030);
    line-height: var(--LF035);
  }

  .homeTop-reassurances {
    top: unset;
    bottom: 10rem;
    right: 50%;
    transform: translateX(50%);
    width: 20.3125rem;
    flex-direction: row;
  }

  .k4_home_offres-liste {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: var(--LF010);
  }
  .k4_home_offre {
    width: 82.76%;
  }
  .ps-bestsellers-left {
    width: 100%;
  }
  .ps-bestsellers-right {
    width: 100%;
    margin-top: var(--LF090);
  }
  .k4_interlude_image {
    margin-top: 0;
    aspect-ratio: 0.54;
  }
  .k4_home_livraison-left {
    width: 100%;
    padding-left: var(--LF015);
    padding-right: var(--LF015);
  }
  .k4_home_livraison-left-top h2,
  .k4_home_livraison-left-top p {
    width: 100%;
  }
  .k4_home_livraison-left-liste-bloc-titre {
    font-weight: 400;
  }
  .k4_home_livraison-right {
    width: 100%;
    aspect-ratio: 0.73;
  }
  .k4_home_temoignage-left {
    width: 100%;
    padding: 0;
    padding-left: var(--LF015);
    padding-right: var(--LF015);
  }
  .k4_home_temoignage-right {
    width: calc(100% - var(--LF030));
    margin: var(--LF024) var(--LF015) 0;
    aspect-ratio: 1.72;
  }
  #k4_home_engagements .wrapper {
    width: calc(100% - var(--LF030));
    padding-left: var(--LF027);
    padding-right: var(--LF027);
  }
  .k4_home_engagements-pictos {
    justify-content: space-between;
    gap: 0 var(--LF006);
  }
  .k4_home_engagements-picto {
    width: calc(50% - var(--LF007));
  }
  .k4_home_engagements-picto:nth-child(5),
  .k4_home_engagements-picto:nth-child(7) {
    border-top: var(--LF001) solid var(--LFcol02);
  }
  .k4_home_engagements-sep:nth-child(4) {
    display: none;
  }
  .k4_home_engagements-chiffre {
    width: 100%;
  }
  /* PRODUCT LIST */
  body.product-list #js-product-list-header {
    padding-top: 6.25rem;
    margin-bottom: var(--LF030);
  }
  .category__header {
    padding-bottom: var(--LF055);
  }
  #products {
    margin-top: var(--LF030);
  }
  .products__selection {
    margin-bottom: var(--LF030);
  }
  /* PRODUCT */
  .page-product .product__container {
    grid-template-columns: 100%;
  }
  .product-responsive-top {
    display: block;
  }
  .product__misc {
    margin-top: var(--LF010);
    font-size: var(--LF013);
  }
  .product__images {
    margin-top: var(--LF015);
  }
  .page-product .product__zoom.btn {
    display: none;
  }
  .product__appareils-liste {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .product__blasons {
    gap: var(--LF020);
  }
  .product__blason {
    width: 100%;
  }
  .product__blason-separator {
    width: 100%;
    height: var(--LF001);
  }

  .product__right .product__name,
  .product__right .product__misc {
    display: none;
  }
  .product__videos {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .product-actions__quantity {
    width: 100%;
  }
  .product__prices {
    width: 100%;
    margin-top: var(--LF020);
  }
  .product__add-to-cart {
    width: 100%
  }
  .product_reassurance-titre {
    font-size: var(--LF012);
  }
  .product-onglets-top {
    gap: var(--LF010);
  } 
  .product-onglet {
    font-size: var(--LF014);
    font-weight: 400;
  }
  
}

@media (max-width: 768px) {
  
}