.box_offers{

}
.box_offers .div_offers{
width: 1430px;
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 50px 15px 40px;
}

.box_offers.products{
background-color: #FFFBFA;
}

.catArticle{
display: flex;
flex-wrap: nowrap;
gap:40px;
align-items: center;
}
.catArticle>*{
flex: 1;
}

.catArticle>a{
display: block;
opacity: 0;
transform: translateY(40px);
transition: opacity 0.6s ease, transform 0.6s ease;
}

.catArticle>a.show {
opacity: 1;
transform: translateY(0);
}

.catArticle .imgP{
height: 410px;
overflow: hidden;
position: relative;
border-radius: 20px;
}

.catArticle .imgP:after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));
background-repeat: no-repeat;
background-size: 100% 50%;
background-position: top;
background-color: rgba(0,0,0,0);
transition:
        background-size 0.5s ease-out,
        background-color 0.5s ease-out;
z-index: 1;
}
.catArticle .aCat:hover .imgP:after{
background-size: 100% 100%;
background-color: rgba(0,0,0,0.5);
}

.catArticle .imgP img{
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
transition: all 0.5s ease-out 0s;
transform: scale(1.1);
}

.catArticle .aCat:hover .imgP img{
transform: scale(1.1);
}

.aCat.show .imgP img {
transform: scale(1);
}

.catArticle .imgP .zajawkaTytul{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 3;
}
.catArticle .imgP .zajawkaTytul .tytulArticle{
font-size: 25px;
font-weight: 700;
color: #fff;
padding: 35px 130px 5px 35px;
box-sizing: border-box;
display: block;
text-transform: uppercase;
line-height: 1.2em;
}
.catArticle.catArticleZaj .imgP .zajawkaTytul .tytulArticle{
font-size: 32px;
}

.footOffer{
text-align: center;
padding-top: 40px;
}

@media screen and (max-width:1200px){
.catArticle .imgP .zajawkaTytul .tytulArticle{font-size: 28px;}
.catArticle{gap: 20px}
.catArticle.catArticleZaj .imgP .zajawkaTytul .tytulArticle {font-size: 28px}

}

@media screen and (max-width:960px){
.catArticle{gap: 10px;flex-wrap: nowrap;flex-direction: column}
}