/*
.promocodes .body_bg {
    background: linear-gradient(rgba(5, 22, 46, 0.4), rgba(0, 0, 0, 0.4)), url(/img/pcode/bg/bg_promus.webp?v=2) no-repeat;
    background-attachment: fixed; 
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
}
*/

.promocodes .head-bg { --color-1: rgba(0, 24, 19, 0.9); --color-2: rgba(11, 162, 106, 0.7); --color-3: rgba(0, 91, 80, 0.7);
  background-image:url('/img/bg/card_bg.webp?w=500&v=1'), linear-gradient(to right, var(--color-1), rgba(0, 0, 0, 0)), linear-gradient(var(--color-2), var(--color-3));
}

.promocodes .head-bg.video { --color-1: rgba(4, 19, 42, 0.9);--color-2: rgba(97, 197, 234, 0.7);--color-3: rgba(55, 111, 222, 0.7); }
.promocodes .head-bg.marketplace { --color-1: rgba(29, 15, 2, 0.9);--color-2: rgba(245, 159, 71, 0.7);--color-3: rgba(207, 129, 7, 0.7); }
.promocodes .head-bg.replenishment { --color-1: rgba(4, 19, 42, 0.9);--color-2: rgba(97, 197, 234, 0.7);--color-3: rgba(1, 126, 218, 0.7); }
.promocodes .head-bg.safety { --color-1: rgba(4, 19, 42, 0.9);--color-2: rgba(97, 197, 234, 0.7);--color-3: rgba(55, 111, 222, 0.7); }

.promocodes .card.glass::after {
	content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
	z-index: -1;
    background: rgb(0 0 0 / 5%);
    backdrop-filter: blur(2px);
}

.promocodes .sticker::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, transparent 50%, rgba(0, 0, 0, 0.25) 50%);
    border-bottom-right-radius: 10px;
    pointer-events: none;
    z-index: 1;
    transition: var(--base-transition);
}
.promocodes .sticker::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 23px;
    height: 23px;
    background: transparent;
    border-top-left-radius: 10px;
    box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.28);
    pointer-events: none;
    transition: var(--base-transition);
}
#body .promocodes .sticker:hover { box-shadow: none !important; }
.promocodes .sticker:hover::before { width: 25px; height: 25px;}
.promocodes .sticker:hover::after { width: 28px; height: 28px;}

.promocodes #aside .card-body-list .card-body img { opacity: 0.5; transition: var(--base-transition); }
.promocodes #aside .card-body-list .card-body:hover img { opacity: 1; transition: var(--base-transition); }

.welcome-menu .menu.tab-video { background:url(/img/bg/tabs/promo/video.webp?w=100&v=1) right bottom no-repeat,
 linear-gradient(to top, rgba(var(--theme-cl2),var(--theme-op)) 0%, rgba(var(--theme-cl),var(--theme-op)) 100%);  
    background-size: 40%;}
.welcome-menu .menu.tab-video:hover { background-size:45%; }

.welcome-menu .menu.tab-game { background:url(/img/bg/tabs/promo/game.webp?w=100&v=2) right bottom no-repeat,
 linear-gradient(to top, rgba(var(--theme-cl2),var(--theme-op)) 0%, rgba(var(--theme-cl),var(--theme-op)) 100%);  
    background-size: 40%;}
.welcome-menu .menu.tab-game:hover { background-size:45%; }

.welcome-menu .menu.tab-marketplace { background:url(/img/bg/tabs/promo/marketplace.webp?w=100&v=1) right bottom no-repeat,
 linear-gradient(to top, rgba(var(--theme-cl2),var(--theme-op)) 0%, rgba(var(--theme-cl),var(--theme-op)) 100%);  
    background-size: 40%;}
.welcome-menu .menu.tab-marketplace:hover { background-size:45%; }

.welcome-menu .menu.tab-replenishment { background:url(/img/bg/tabs/promo/replenishment.webp?w=100&v=2) right bottom no-repeat,
 linear-gradient(to top, rgba(var(--theme-cl2),var(--theme-op)) 0%, rgba(var(--theme-cl),var(--theme-op)) 100%);  
    background-size: 40%;}
.welcome-menu .menu.tab-replenishment:hover { background-size:45%; }

.welcome-menu .menu.tab-safety { background:url(/img/bg/tabs/promo/safety.webp?w=100&v=1) right bottom no-repeat,
 linear-gradient(to top, rgba(var(--theme-cl2),var(--theme-op)) 0%, rgba(var(--theme-cl),var(--theme-op)) 100%);  
    background-size: 40%;}
.welcome-menu .menu.tab-safety:hover { background-size:45%; }