.badge-promo{
    position:relative;
    display:grid;
    grid-template-columns:minmax(310px,1fr) auto auto;
    align-items:center;
    gap:38px;
    min-height:190px;
    margin-top:42px;
    padding:30px 34px;
    overflow:hidden;
    border:1px solid #354037;
    border-radius:10px;
    background:
        radial-gradient(circle at 78% 50%,rgba(168,204,69,.16),transparent 31%),
        linear-gradient(120deg,#151a16 0%,#182019 58%,#1c261c 100%);
    transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.badge-promo:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.22;
    background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(255,255,255,.035) 35px,transparent 36px 70px);
    pointer-events:none;
}
.badge-promo:hover{
    transform:translateY(-2px);
    border-color:#71845c;
    box-shadow:0 18px 45px rgba(0,0,0,.24),0 0 24px rgba(168,204,69,.08);
}
.badge-promo-copy{position:relative;z-index:1;max-width:580px}
.badge-promo-copy h3{margin:9px 0 10px;font-size:clamp(22px,2.4vw,31px);line-height:1.12;letter-spacing:-1px}
.badge-promo-copy h3 em{color:var(--accent2);font-style:normal}
.badge-promo-copy p{max-width:580px;margin:0;color:#9fa8a0;font-size:10px;line-height:1.65}
.badge-promo-medals{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.badge-promo-medal{--metal:#789151;--shine:#d8eba0;display:grid;width:105px;justify-items:center;gap:7px}
.badge-promo-medal i{
    position:relative;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:4px double var(--metal);
    border-radius:50%;
    background:radial-gradient(circle,#263124 0 43%,#111612 45%);
    box-shadow:inset 0 0 0 3px #151b16,0 8px 19px rgba(0,0,0,.28),0 0 13px rgba(168,204,69,.12);
    color:var(--shine);
    font-style:normal;
}
.badge-promo-medal i:before{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:50%;
    background:repeating-conic-gradient(from 5deg,var(--metal) 0 2deg,transparent 2deg 20deg);
    -webkit-mask:radial-gradient(circle,transparent 0 27px,#000 28px 30px,transparent 31px);
    mask:radial-gradient(circle,transparent 0 27px,#000 28px 30px,transparent 31px);
    opacity:.7;
}
.badge-promo-medal i:after{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--metal) 45%,transparent);border-radius:50%}
.badge-promo-medal svg{position:relative;z-index:1;width:32px;height:32px;fill:none;stroke:var(--shine);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.badge-promo-medal small{min-height:18px;color:#9fa8a0;font-size:7px;font-weight:700;line-height:1.3;text-align:center;text-transform:uppercase}
.badge-promo-action{position:relative;z-index:1;display:flex;align-items:center;gap:15px;white-space:nowrap;padding:13px 15px;border:1px solid #536348;color:#eef2ea;font-size:9px}
.badge-promo-action span{color:var(--accent);font-size:16px;transition:transform .2s ease}
.badge-promo:hover .badge-promo-action span{transform:translateX(4px)}
@media(max-width:1050px){
    .badge-promo{grid-template-columns:1fr auto;gap:25px}
    .badge-promo-medals{grid-column:1}
    .badge-promo-action{grid-column:2;grid-row:1/3}
}
@media(max-width:700px){
    .badge-promo{grid-template-columns:1fr;padding:26px 20px;gap:23px}
    .badge-promo-medals{grid-column:auto;width:100%;justify-content:space-between;gap:5px}
    .badge-promo-medal{width:18%}
    .badge-promo-medal i{width:46px;height:46px}
    .badge-promo-medal i:after{inset:-5px}
    .badge-promo-action{grid-column:auto;grid-row:auto;justify-self:start}
}
@media(max-width:390px){
    .badge-promo-medal:nth-child(2),.badge-promo-medal:nth-child(4){display:none}
}
#gunun.content-section{margin-bottom:42px}