.header-menu{
    list-style: none;
}
.bg-green-theme {
    background-color: #3cf7a2;
}

.fancy {
    font-family: 'Annie Use Your Telescope', cursive;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-jakarta{
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-outfit{
    font-family: 'Outfit', sans-serif;
}

/* Réduction de la largeur de l'Offcanvas */
#offcanvasSecond {
    max-width: 300px;
    /* Ajuste cette valeur pour la largeur souhaitée */
}

/* Arrière-plan dégradé linéaire oblique */
#offcanvasSecond {
    background: linear-gradient(45deg, #3cf7a2, #130375);
    /* Dégradé oblique du noir au vert */
    color: white;
    /* Texte en blanc pour contraster avec le fond */
}

body {
    background: linear-gradient(to bottom right, #000, #130375) fixed;
    color: white;
    min-height: 100vh;
    overflow-x: hidden;
}

body::before,
body::after {
    content: '';
    position: fixed;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1;
}

body::before {
    background: rgba(60, 150, 255, 0.5);
    top: 10%;
    left: 5%;
}

body::after {
    background: rgba(60, 247, 162, 0.5);
    bottom: 10%;
    right: 5%;
}

.product-card {
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
}

.btn-custom {
    background-color: #3cf7a2;
    color: #000;
    border-radius: 12px;
}

.badge-custom {
    background-color: #3cf7a2;
    color: #000;
}

.offcanvas-width {
    max-width: 300px;
    background: linear-gradient(45deg, #3cf7a2, #130375);
    /* Dégradé oblique du noir au vert */
    color: white;
    /* Texte en blanc pour contraster avec le fond */
}

.banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 1rem;
}

.banner-content {
    max-width: 50%;
}

.transparent-bg-gray {
    background: rgba(110, 109, 109, 0.2);
}