h1{
    color: var(--white);
    font-size: 3.5rem;
    font-weight: 600;
    margin-top: 0;
}

@media screen and (max-width:960px) {
    h1{
        font-size: 2rem;
    }
}

main{
     margin-top: -6rem;
}

.herobanner .uk-slideshow-items{
    position: relative;
     
}

.herobanner .overlay:after{
    content: '';
    background-color: #00000040;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.herobanner .arrow-btn{
    padding-left: 1rem;
}

.herobanner .uk-button-primary{
    gap: 0.25rem;
    padding: 0.5rem 2rem;
}

/***************PRODUITS**************/

.produits{
    border-bottom: solid 1px var(--tertiary-color);
}

.produits .en-tete p{
margin-top: 0.5rem;
margin-bottom: 1.5rem;
color: var(--black);
}

.produits h2{
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.produits .uk-card {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem;
    border-radius: 1.5rem 0 1.5rem 1.5rem;
    color: var(--white);
    overflow: hidden;
    text-transform: none!important;
}

/* Première card */
.produits .uk-grid > div:nth-child(1) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/engrais.webp');
}

/* Deuxième card */
.produits .uk-grid > div:nth-child(2) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/biostimulants.webp');
}

/* Troisième card */
.produits .uk-grid > div:nth-child(3) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/oligo-element.webp');
}

/* Quatrième card */
.produits .uk-grid > div:nth-child(4) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/11/agriculture-biologique.webp');
}

.produits .uk-card-link:hover{
    text-decoration: none!important;
}

.produits .uk-card:before{
    content: '';
    background-color: #00000040;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .3s ease-out;
}

.produits .uk-card:hover:before{
    background-color: #00000080;
}

.produits .contenu{
    margin-bottom: 8rem;
    position: relative;
    z-index: 12;
}

.produits h3{
    color: var(--white);
    font-weight: 500;
    font-size: 1.5rem;
}

.produits .uk-card p{
    font-size: 0.875rem;
    position: relative;
    z-index: 12;
    color: var(--white);
}

/***************AGRICULTURE**************/

.agriculture{
    border-bottom: solid 1px var(--tertiary-color);
}

.agriculture .en-tete p{
margin-top: 0.5rem;
margin-bottom: 1.5rem;
color: var(--black);
font-size: 1rem;
}

.agriculture h2{
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.agriculture .uk-card {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 2rem ;
    border-radius: 1.5rem 0 1.5rem 1.5rem;
    color: var(--white);
    overflow: hidden;
}

/* Première card */
.agriculture .uk-grid > div:nth-child(1) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/grandes-cultures.webp');
}

/* Deuxième card */
.agriculture .uk-grid > div:nth-child(2) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/maraichage.webp');
}

/* Troisième card */
.agriculture .uk-grid > div:nth-child(3) .uk-card {
    background-image: url('https://physio-green41.fr/wp-content/uploads/2025/10/viticulture.webp');
}


.agriculture .uk-card:before{
    content: '';
    background-color: #00000040;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}


.agriculture h3{
    color: var(--white);
    font-weight: 500;
    font-size: 1.5rem;
    z-index: 1;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}

.agriculture p{
    font-size: 0.875rem;
    position: relative;
    z-index: 12;
}

/**********PHILIPPE************/

.philippe{
    border-bottom: solid 1px var(--tertiary-color);
}


.philippe .philippe-img{
    max-width: 33vw;
    width: 100%;
    height: auto;
    max-height: 60vh;
}

.philippe .plante-img{
    width: 100%;
    max-width: 25vw;
    height: auto;
    max-height: 50vh;
}

.philippe h2{
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.philippe .contenu{
    margin-bottom: 4rem;
}
.philippe .contenu p{
    line-height: 1.8;
}

.philippe .uk-button-primary{
    gap: 0.25rem;
}

.philippe .signature{
    color: var(--tertiary-color);
    font-family: var(--font-primary);
    font-weight: 600;
}

/**********À propos************/

.a-propos h2{
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.a-propos .tournesol-img{
    max-width: 25vw;
    width: 100%;
    height: auto;
    max-height: 60vh;
}

.a-propos .colza-img{
    width: 100%;
    max-width: 20vw;
    height: auto;
    max-height: 50vh;
}
.a-propos{
    border-bottom: solid 1px var(--tertiary-color);
}