body.page-id-7 {
background-color: var(--ast-global-color-5);
} .listing-produits {
--gap: 24px;
display: flex;
flex-wrap: wrap; gap: var(--gap); align-items: stretch; } .listing-produits .box-produit {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 0 1 calc(33% - (var(--gap) * 3 / 4)); min-width: 240px; background: #fff;
border: 1px solid rgba(0,0,0,.08);
border-radius: 8px;
overflow: hidden;
}
.box-produit.sticky {
position: relative;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center!important;
justify-content: flex-end;
}
.box-produit.sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.1);
transition: var(--transitionRetour)
}
.box-produit.sticky:hover::before {
background-color: rgba(0,0,0,.3);
transition: var(--transitionAller)
} .box-produit__stretched-link {
position: absolute;
inset: 0;
z-index: 1;
} .box-produit__content,
.box-produit__media {
position: relative;
z-index: 2;
}
.box-produit__media,
.box-produit__media img {
transition: var(--transitionRetour);
}
.box-produit__media:hover img {
opacity: .7;
transition: var(--transitionAller);
} .box-produit__cta,
.box-produit__cta * {
position: relative;
z-index: 3;
} .listing-produits .box-produit__link{
text-decoration: none;
}
.box-produit__content {
padding: 2em 1.5em;
background-color: white;
}
.box-produit.sticky .box-produit__content {
background-color: transparent;
color: white;
z-index: 1;
}
.box-produit .box-produit__content a {
text-decoration: none;
}
.box-produit.sticky .box-produit__content a,
.box-produit.sticky .box-produit__content h3 {
color: white;
}
.box-produit__cta a {
font-size: 0.9rem!important;
font-weight: 400!important;
} .listing-produits .box-produit__media img{
display: block;
width: 100%;
height: auto;
} .listing-produits .box-produit__title{
margin: 0 0 0.3em;
font-size: 20px;
line-height: 1.25;
font-weight: 400;
transition: var(--transitionRetour);
}
.listing-produits .box-produit__title:hover {
color: var(--ast-global-color-1);
transition: var(--transitionAller);
} .listing-produits .box-produit__excerpt{
margin: 0;
opacity: .8;
line-height: 1.4;
} .listing-produits .box-produit__price{
margin: .5em 0;
font-size: 20px;
font-weight: 600;
} .listing-produits .box-produit--reassurance{
display: flex;
flex-direction: column;
}
.listing-produits .box-produit--reassurance .box-produit__reassurance-content{
display: flex;
height: 100%; flex: 1 1 auto; }
.listing-produits .box-produit--reassurance .box-produit__reassurance-content .wp-block-column {
flex-basis: 0;
flex-grow: 1;
justify-content: center;
align-items: flex-start;
display: flex;
flex-direction: column;
}
.box-produit__tags {
padding: 3px 10px !important;
border-radius: 5px !important;
background-color: var(--ast-global-color-0);
display: inline-block;
align-self: flex-start;
color: white;
font-size: .8em;
margin-bottom: .5em;
} .listing-produits .box-produit--reassurance .box-produit__reassurance-content > :first-child{
margin-top: 0;
}
.listing-produits .box-produit--reassurance .box-produit__reassurance-content > :last-child{
margin-bottom: 0;
} .added_to_cart.wc-forward {
margin-left: 1em!important;
}  @media (min-width: 1025px){
.listing-produits .box-produit.sticky{
flex-basis: calc(66% - (var(--gap) / 2)); min-width: 480px;
}
} @media (max-width: 1024px){
.listing-produits{
--gap: 18px;
}
.listing-produits .box-produit{
flex-basis: calc(50% - (var(--gap) / 2));
min-width: 260px;
} .listing-produits .box-produit.sticky{
flex-basis: 100%;
min-width: 0;
min-height: 50vh;
}
} @media (max-width: 600px){
.listing-produits{
--gap: 14px;
}
.listing-produits .box-produit{
flex-basis: 100%;
min-width: 0;
}
}.listing-recettes .swiper {
overflow: hidden;
}
.box-recette {
border-radius: 8px;
overflow: hidden;
background: #fff;
height: 100%;
}
.box-recette__link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none!important;
color: inherit;
}
.box-recette__media {
aspect-ratio: 4 / 3;
overflow: hidden;
}
.box-recette__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s ease;
}
.box-recette__link:hover .box-recette__img {
transform: scale(1.04);
}
.box-recette__link:hover,
.box-recette__link:hover h2,
.box-recette__link:hover h3 {
color: var(--ast-global-color-1)!important;
transition: .3s;
}
.box-recette__link:hover .box-recette__excerpt {
color: #2b2b2b!important;
}
.box-recette__content {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
.box-recette__title {
font-size: 1rem;
font-weight: 700;
margin: 0;
transition: .2s;
}
.box-recette__time {
font-size: .85rem;
color: #888;
margin: 0;
}
.pwp-recettes-liste__excerpt {
font-size: .9em;
margin-top: 0.5em;
}
.box-recette__excerpt {
font-size: .875rem;
color: #2b2b2b;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}.planetewp-faq__item {
margin-bottom: 1em;
}
.planetewp-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
cursor: pointer;
list-style: none;
font-size: 1.3em;
transition: .2s;
}
.planetewp-faq__question:hover {
color: #404040;
transition: .3s;
} .planetewp-faq__question::marker{ content: ""; }
.planetewp-faq__question::-webkit-details-marker{ display:none; } .planetewp-faq__question::after{
content: "";
flex: 0 0 auto;
width: 22px;
height: 22px;
background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%209l6%206l6-6'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%209l6%206l6-6'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
transform: rotate(-90deg); transition: transform .2s ease;
transform-origin: 50% 50%;
} .planetewp-faq__item[open] > .planetewp-faq__question::after{
transform: rotate(0deg);
}
.planetewp-faq__answer {
padding: 1em 1em 1em 0;
}