#content-wrap{margin-bottom:4em}.promos-list{background-color:var(--bgColorOfDiv);border-radius:0 0 var(--borderRadiusOfDiv) var(--borderRadiusOfDiv);display:flex;flex-direction:column;gap:24px;padding:var(--paddingOfDiv)}@media screen and (min-width:1020px){.promos-list{flex-direction:row;flex-wrap:wrap;gap:20px}}.promos-list__item{cursor:pointer;display:block}@media screen and (min-width:1020px){.promos-list__item{width:calc(50% - 10px)}}.promos-list__item:focus,.promos-list__item:focus h4,.promos-list__item:hover,.promos-list__item:hover h4{text-decoration:none}.promos-list__item--first{width:100%}.promos-list__item--first .promos-list__img{height:254px}@media screen and (min-width:1020px){.promos-list__item--first .promos-list__img{height:122.8px}}@media screen and (min-width:1440px){.promos-list__item--first .promos-list__img{height:186.8px}}@media screen and (min-width:1660px){.promos-list__item--first .promos-list__img{height:233px}}.promos-list__img{border-radius:8px;display:block;height:148px;margin-bottom:10px;object-fit:cover;object-position:0 0;width:100%}@media screen and (min-width:1020px){.promos-list__img{height:132.5px}}@media screen and (min-width:1440px){.promos-list__img{height:201px}}@media screen and (min-width:1660px){.promos-list__img{height:253.5px}}.promos-list__title{color:#000;font-size:16px;font-weight:500;line-height:25px;margin:0}.promos-list__usage-period .usage-period__time{color:#f77f6e}.promos-list__usage-period .usage-period__time-emoji{display:none}.promos-list__usage-period .usage-period__time--after-3-days{color:#999}
