Suplement diety dla psa BDS Relax

Key Benefits and Features

Promotes Relaxation

Relax incorporates natural ingredients like valerian root and chamomile, renowned for their calming properties. These ingredients help promote a tranquil state in your dog, allowing them to relax in situations that may otherwise cause stress, such as loud noises or unfamiliar settings.

Manages Anxiety

This supplement is designed to alleviate symptoms of anxiety in dogs, which can manifest as excessive barking, restlessness, or destructive behavior. Regular use of Relax can help stabilize your dog's mood and decrease overall anxiety, leading to a happier and more peaceful pet.

Controls Hyperactivity

Relax helps in moderating hyperactive behaviors by utilizing ingredients that support a more balanced temperament. Elements such as L-theanine and magnesium are included to help maintain calmness, ensuring your dog is more focused and less impulsive.

/* General Styling */
.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;
}

/* Action and Collapsible Section */
.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;
}

/* Collapsible Menu */
.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;
}

/* Popup Styling */
.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;
}

/* Mobile Styling */
@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;
}