.pp_prod{text-align: center;padding: 100px 0;}
.pp_prod>h1{font-size: 30px;color: var(--base);}
.pp_prod>span{display: inline-block;width: 80px;border-top: 1px solid var(--base);}

.pp_prod_c{margin-top: 60px;display: flex;justify-content: space-between;}
.pp_prod_i{width: 31%;}
.pp_prod_t{overflow: hidden;}
.pp_prod_t>img{height: 230px;width: 100%;object-fit: cover;transition: .5s;}
.pp_prod_b{padding: 20px;text-align: left;background-color: #fbf7ec;transition: .5s;}
.pp_prod_b>h1{font-size: 20px;margin-bottom: 10px;}
.pp_prod_b>p{line-height: 2;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.pp_prod_i:hover .pp_prod_t>img{transform: scale(1.1);}
.pp_prod_i:hover .pp_prod_b{background-color: var(--base);color: #fff;}
.pp_prod_i:hover .pp_prod_b>p{color: #fff;}

@media screen and (max-width: 1200px) {

    .pp_prod{padding: 6rem 0;}
    .pp_prod>h1{font-size: 3rem;}
    .pp_prod_c{flex-direction: column;gap: 2rem;}
    .pp_prod_i{width: 100%;}
    .pp_prod_t>img{height: 20rem;}
}