[html]<style>
section.coupons {
width: 880px;
height: 561px;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/60583.png) no-repeat center / contain;
margin: auto;
}

.pp-coupons {
    width: 526px;
    height: 72px;
    top: 377px;
    left: 5px;
}

section.coupons > div {
    display: flex;
    overflow: auto;
    padding-bottom: 9px;
    gap: 5px;
}

section.coupons coupon  {
    display: flex;
    height: 28px;
    margin-top: 5px;
    width: 204px;
    box-sizing: border-box;
    color: rgba(51, 51, 51, 1);
    font-size: 10px;
    background: rgba(206, 206, 206, 0.5);
    border: 1px solid rgba(175, 175, 175, 1);
    border-radius: 5px;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 10px 5px 59px;
}

section.coupons coupon img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -1px;
    border-radius: 5px;
    border: 1px solid rgba(175, 175, 175, 1);
    background: rgba(242, 243, 246, 1);
    padding: 3px;
    top: -5px;
    object-fit: cover;
}

section.coupons coupon ppnum {
    padding: 5px;
    position: absolute;
    background: #f2f3f6;
    border: 1px dashed #afafaf;
    display: flex;
    width: 22px;
    height: 22px;
    top: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    left: 31px;
}

section.coupons coupon ttl {
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 2%;
    color: rgba(51, 51, 51, 1);
}

section.coupons .coup-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 45px;
    width: 470px;
    height: 340px;
    position: absolute;
    top: 166px;
    left: 98px;
    overflow: auto;
    align-content: flex-start;
}

section.coupons .coup-desc {
    width: 209px;
    height: 327px;
    position: absolute;
    top: 169px;
    left: 608px;
    overflow: auto;
    padding-right: 8px;
    scrollbar-gutter: stable;
    line-height: 140%;
}

</style>

<section class='coupons'>

<div class='coup-list'>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/184302.png'>
<ttl>выкуп персонажа на месяц</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/943747.png'>
<ttl>выкуп персонажа на полгода</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/896255.png'>
<ttl>выкуп должности на месяц</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/115305.png'>
<ttl>выкуп должности на полгода</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/938625.png'>
<ttl>выкуп внешности на месяц</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/24423.png'>
<ttl>выкуп внешности на полгода</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/980063.png'>
<ttl>выкуп концепта акции на месяц</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/124830.png'>
<ttl>выкуп концепта акции на полгода</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/229851.png'>
<ttl>отсрочка в квесте на 3 суток</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/660944.png'>
<ttl>спасение от чистки 1 раз</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/37478.png'>
<ttl>завести твинка без учета правил</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/594341.png'>
<ttl>отмена броска кубика или отмена действия</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/430480.png'>
<ttl>переброс своего кубика в квесте</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/40460.png'>
<ttl>выкуп нужного в футере форума</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/757901.png'>
<ttl>выкуп частного бизнеса / предприятия</ttl>
</coupon>

<coupon>
<img src='https://upforme.ru/uploads/001c/a1/ff/3/176375.png'>
<ttl>выбрать активиста в шапку</ttl>
</coupon>

</div>

<div class='coup-desc'>
система "подписки", как система купонов. вы получаете их за какие-то достижения, за участие в ивентах и прочее на усмотрение администрации. их также можно выиграть в лотереях. <br><br>
их нельзя купить, но можно подарить другому принятому в игру персонажу. хранятся на ваших личных страничках. каждый можно использовать в любое время нахождения на форуме после принятия анкеты.

</div>

</coupons>[/html][hideprofile]