#trending{
    padding-top: 54px;
    padding-bottom: 108px;
}
.trending-head{
    margin-bottom: 33px;
}
#trending h4{
    margin: 0 15px 0 0;
    font-size: 2em;
}
@media screen and (max-width: 767px){
    #trending .swiper-slide {
        width: 50%;
    }
}
@media screen and (max-width: 567px){
    #trending{
        padding: 0 0 30px;
    }
    .trending-head{
        justify-content: center;
        margin-bottom: 15px;
    }
    #trending h4{
        font-size: 1.3125em;
        margin: 0;
    }
}
/* Trending price badge (every page that shows the trending rail; this file is linked by the layout).
   The digits' and the "/week" label's line boxes were 50px tall, so the label's box covered the price and
   the number could not be selected. Tight line boxes; the label keeps its place under the digits (Figma). */
#trending .price > div:not(.circle) {
	line-height: 1;
}
#trending .price span {
	line-height: 1.2;
	transform: translateY(.5em);
}