Huile de saumon BDS

Principaux avantages et caractéristiques

Santé articulaire

Réduit l'inflammation et améliore la mobilité.

Peau et pelage

Favorise un pelage brillant et réduit les démangeaisons.

Fonction cognitive

Soutient la santé du cerveau à tous les stades de vie.

/* Style général */
.product-page-section {
font-family: inherit;
padding: 40px 20px;
}

.features-container {
display: flex;
justify-content: space-between;
text-align: center;
max-width: 1200px;
margin: 0 auto 40px;
}

.feature-item {
flex: 1;
margin: 0 20px;
}

.feature-icon {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 15px;
}

.feature-item h3 {
color: #FFFFFF;
font-size: 3rem;
margin-bottom: 10px;
font-weight: bold;
}

.feature-item p {
font-size: 2rem;
color: #FFFFFF;
line-height: 1.5;
}

/* Section d'action et pliable */
.action-collapsible-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto;
}

.left-content {
flex: 1;
max-width: 50%;
padding-right: 20px;
}

.action-btn {
background-color: #59e33d;
color: #fff;
font-weight: bold;
padding: 14px 35px;
border: none;
border-radius: 50px;
cursor: pointer;
font-size: 1rem;
text-transform: uppercase;
transition: all 0.3s ease;
}

.action-btn:hover {
background-color: #59e77d;
}

.main-text {
margin-top: 40px;
font-size: 2rem;
line-height: 1.5;
}

.right-content {
flex: 1;
max-width: 50%;
padding-left: 20px;
}

.key-values {
margin-bottom: 20px;
}

.static-key-values {
display: inline-block;
background-color: #000;
color: #fff;
font-weight: bold;
padding: 14px 35px;
border-radius: 50px;
text-transform: uppercase;
}

/* Menu pliable */
.collapsible-menu {
width: 100%;
margin-top: 20px;
text-align: center;
padding: 0;
box-sizing: border-box;
}

.menu-item {
width: 100%;
margin-bottom: 10px;
}

.menu-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: #000;
font-size: 1rem;
padding: 10px 0;
border-bottom: 2px solid #000;
cursor: pointer;
font-weight: bold;
}

.menu-header:hover {
color: #1a4212;
}

.menu-content {
display: none;
padding: 10px 0;
}

.toggle-icon {
font-size: 1.2rem;
transition: transform 0.3s ease;
}

/* Style de la fenêtre contextuelle */
.popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 9999;
}

.popup-content {
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
position: relative;
width: 90%;
max-width: 500px;
height: auto;
}

.popup-content img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}

.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 2rem;
color: #000;
cursor: pointer;
}

/* Style mobile */
@media (max-width: 768px) {
.features-container {
flex-direction: column;
gap: 20px;
}

.action-collapsible-container {
flex-direction: column;
align-items: center;
}

.left-content,
.right-content {
max-width: 100%;
padding: 0;
text-align: center;
}

.key-values {
margin-top: 20px;
}

.collapsible-menu {
width: 100%;
margin: 20px 0;
text-align: left;
padding: 0;
}

.menu-item {
width: 100%;
margin-bottom: 20px;
}
}