/**

 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
 @font-face {
  font-family: 'Golos Text';
  src: url(/themes/classic-child/assets/font/GolosText-VariableFont_wght.ttf);
}

.categ1, .categ2 {
    flex: 0 0 calc(50% - 4px);
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
}

.categ3 {
    flex: 0 0 100%;
    aspect-ratio: 32/9;
    overflow: hidden;
    position: relative;
}

.cathomerr-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    column-gap: 8px;
    row-gap: 20px;
}

.text_categ1 {
    position: absolute;
    left: 30px;
    bottom: 30px;
    text-transform: uppercase;
}

.text_categ1 h2 a {
    color: #F6F5F1;
    font-size: 60px;
    font-family: "Golos Text", sans-serif;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.05);
    line-height: normal;
}
p.cta_categ1 a {    
    color: #F6F5F1;
    font-size: 24px;
    font-family: "Golos Text", sans-serif;
    font-weight: 500;
    padding-top:5px;
    display: block;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    position: relative;
    width: fit-content;
    text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.05);
}

.slid_prod_cont{
  display: block;
width:100%;
margin: 0 -4px;
}
.slick-track {
  display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
}
.suitesli.slick-slide {
    display: flex !important;
;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    height: auto;
    align-items: center;
    /* max-width: calc((100% / 4 * 0.4) - 8px); */
    /* width: calc(((100% - 8px) / 4* 0.4)) !important; */
}
.slid_prod.slick-slide img {
    aspect-ratio: 2/3;
    height: auto;
    width: 100%;
}
.slider1 {
    flex: 0 0 100%;
    width: 100%;
}
.slid_prod {
    margin: 0 4px;
}
.slider1 .contrl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.selctp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.selctp > a {
    flex: 0 0 100%;
    text-align: right;
}

h2.slider {
    margin: 0;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Golos Text';
    font-weight: 600;
}

.selctp img {
    height: 22px;
    cursor: pointer;
}

.selctp.un .prev {
    margin-right: 15px;
}

p.nomprod_slide {
    font-size: 17px;
    font-family: 'Golos Text';
    font-weight: 500;
    margin: 8px 0;
    letter-spacing: 0;
}

p.prixprod_slide {
    font-size: 16px;
    font-family: 'Golos Text';
    font-weight: 400;
    margin-bottom: 9px;
    letter-spacing: 0;
}

.categ3 img, .categ1 img, .categ2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.suitesli a {
    font-family: 'Golos Text';
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    width: 100%;
    padding-left: 20%;
    margin-top: calc(75% - 10px);
}


  .effet_souli a:after {
 content: "";
  /* border-bottom: solid 2px white; */
  height:2px;
  background:white;
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease;
  box-shadow: 1px 1px 1px rgba(17, 17, 17, 0.05);

  }

  .effet_souli a:hover:after {
      transform-origin: left;
  transform: scaleX(1);
    }
  
  @keyframes underline {
    from {
      transform: scaleX(0);
    }
    to {
  transform: scaleX(1);
    }
  }
  .effet_souli a:hover{
  text-decoration:none;
}
.slid_prod_contun, .slid_prod_contdeux {
    transform: translateX(-4px);
    width: calc(100% + 4px);
}
@media (max-width:768px){

  .categ1 {
    order: 1;
}
.categ2 {
    order: 3;
}
.categ3 {
    order: 5;
}
.slidun {
    order: 2;
}
.sliddeux {
    order: 4;
}

  .categ1,.categ2 {
    flex: 0 0 100%;
}
.categ3 {
    aspect-ratio: 3 / 2;
}
.text_categ1 h2 a {
    font-size: 34px;
}

p.cta_categ1 a {
    font-size: 14px;
}

.text_categ1 {
    left: 15px;
    bottom: 15px;
}

.slider1 {
    padding-left: 15px;
}

.slid_prod_cont {
    /* margin: 0 -4px 0 -4px; */
    /* margin: 0; */
}

p.nomprod_slide {
    font-size: 14px;
    margin: 5px 0;
}

p.prixprod_slide {
    font-size: 12px;
    margin-bottom: 0;
}

h2.slider {
    font-size: 16px;
}

.selctp img {
    height: 15px;
}

.selctp {
    margin-right: 15px;
}

.selctp.un .prev {
    margin-right: 10px;
}

slid_prod:first-of-type {
    margin-left: 0 !important;
}
}