Lab-V Hepasil Dog & Cat Preparat Na Wątrobę Dla Psa I Kota 250ml

.prepH1{
color: #0F1B27;
font-family: Epilogue;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 89.6px */
letter-spacing: -1.28px;
}

.prepH2{
color: #0F1B27;
font-family: Epilogue;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 56px */
letter-spacing: -0.8px;
}

.prepH3{
color: #0F1B27;
text-align: center;
font-family: Epilogue;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
}

.prepH4{
font-family: Epilogue;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
}

.body_bold
{
color: var(–dark-main, #0F1B27);
font-family: Epilogue;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
}

.body_text
{
color: var(–dark-main, #0F1B27);
font-family: Epilogue;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.prep_frame1{

width: 100%;
height: auto;
border-radius: 16px;
background: #F9F5F5;
padding-right: 48px;
padding-top: 0px;
}

.prep_frame1_left{
width:60%;
display: inline-block;
padding-left: 48px;
padding-bottom: 64px;
padding-top: 64px;
padding-right: 80px;
}

.prep_frame1_right{
width:39%;
display: inline-block;
padding-top: -60px;
position: relative;
bottom: -70px;

}

.prep_frame2{
margin-top: 116px;
}

.prep_frame3{

width: 100%;
height: auto;
margin: 0 auto;
margin-top: 100px;
margin-bottom: 100px;
}

.prep_frame3_left{
width:50%;
display: inline-block;
text-align: right;
padding-right: 64px;

}

.prep_frame3_right{
width:39%;
display: inline-block;
}

@media (max-width: 800px) {

.prep_frame1{

padding-right: 0px;
}

.prep_frame1_left{
text-align: center;
width:100%;
padding-left: 20px;
padding-bottom: 40px;
padding-top: 40px;
padding-right: 20px;
}

.prep_frame1_right{
display:block;
width: 100%;
position: relative;
bottom: 0px;
text-align: center;
}
}

.prep_tiles-container {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Dwukolumnowy układ */
gap: 20px;
justify-content: center; /* Centrowanie elementów w poziomie */
margin: 0 150px; /* Centrowanie kontenera w poziomie */
}

.prep_tiles-container2 {
display: grid;
grid-template-columns: repeat(3, 1fr); /* Dwukolumnowy układ */
gap: 20px;
justify-content: center; /* Centrowanie elementów w poziomie */
margin: 0 150px; /* Centrowanie kontenera w poziomie */
}

.prep_tile {
color: var(–dark-main, #0F1B27);
font-family: Epilogue;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
display: flex;
align-items: center;
padding: 16px;
border-radius: 8px;
}

.prep_tile_wide {
color: var(–dark-main, #0F1B27);
font-family: Epilogue;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
display: flex;
align-items: center;
padding: 16px;
border-radius: 8px;
width: 200%;
}

.prep_icon {
width: 48px;
height: 48px;
border-radius: 50%;
flex-shrink: 0; /* Zapobiega zmniejszaniu ikony */
}

.prep_text {
color: var(–dark-main, #0F1B27);
font-size: 16px;
font-weight: 400;
line-height: 27px;
margin-left: 16px;
margin-right: 16px;
}

.prep_ingredients{
display: block;
margin-top: 100px;
}

.prep_ingredients_mobile{
display: none;
margin-top: 100px;
}

* {
box-sizing: border-box;
}

.prepcards-container {
display: grid;
grid-template-columns: 1fr 1fr; /* Dwie kolumny po 50% szerokości */
gap: 20px;
padding: 20px;
width: 100%; /* Wypełnia całą szerokość rodzica */
}

.prepcard {
padding: 40px;
border-radius: 16px;
}

.prepcard-dark {

}

.prepcard-header {
font-size: 24px;
font-weight: 600;
margin-bottom: 26px;
}

.prepcard-content {
font-size: 16px;
font-weight: 400;
line-height: 200%;
}

.zalety{
display:block;
margin-top: 40px;
}

.zalety_mobile{
display:none;
margin-top: 40px;
}

/* Dla mniejszych ekranów (np. na telefonach) */
@media (max-width: 768px) {
.prepcards-container {
grid-template-columns: 1fr; /* Jedna kolumna na węższych ekranach */
}

.prep_tiles-container2 {
grid-template-columns: 1fr; /* Jedna kolumna na małych ekranach */
margin-left: 0px;
margin-right: 0px;
}
}

/* Responsive dla mniejszych ekranów */
@media (max-width: 820px) {
.prep_tiles-container {
grid-template-columns: 1fr; /* Jedna kolumna na małych ekranach */
margin-left: 0px;
margin-right: 0px;
}

.prep_tiles-container2 {
grid-template-columns: 1fr; /* Jedna kolumna na małych ekranach */
margin-left: 0px;
margin-right: 0px;
}

.prep_tile_wide {

width: 100%;
}

.prep_ingredients{
display: none;
}

.prep_ingredients_mobile{
display: block;
}

.prep_frame3_left{
display: none

}

.prep_frame3_right{
width: 90%;
overflow-x:hidden;
padding-left: 24px;

}

.prep_frame3{
overflow-x: hidden;
}

.zalety{
display:none;
}

.zalety_mobile{
display:block;
}

}