.acgame-header{
    font-size: 3rem;
    font-family: var(--font-family);
    margin-bottom: 3rem;
    line-height: 1.35;
    color: var(--color-dark-grey);
}
.acgame-text{
    font-size: 1.5rem;
    font-family: var(--font-family);
    margin-bottom: 3rem;
    line-height: 1.35;
}
.acgame-list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem 1rem;
    color: white;
    font-family: var(--font-family);
    > div{
	/*background: var(--color-dark-red);*/
	background: #9a0932;

	padding: 1rem 1rem 4rem 1rem;
        border-radius: 1rem;
        position: relative;
        
    }
    div:has(>button) {
	position: absolute;
	bottom: 1rem;
	left:0;
	width: 100%;
	text-align: center;
    }
    button{
	padding: 0.5rem 3rem 0.3rem 3rem;
	border-radius: 2rem;
	background: white;
	color: var(--color-text);
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	font-family: var(--font-family);
    }
    ul{
	list-style-type: none;
	padding: 0;
	margin:0;
    }
    li{
	padding-left: 1.8rem;
	margin-bottom: 0.5rem;
	background-image: url(/assets/images/acgame/list.svg);
	background-position: 0 top;
	background-repeat: no-repeat;
	background-size: 1.2rem;
    }
}


.acgame:has(.acgame-result__header){
    font-family: var(--font-family);
    .acgame-result__header{
	font-size: 2.5rem;
	line-height:1.35;
	text-transform: uppercase;
	border: 0.3rem solid var(--color-dark-red);
	padding: 1rem 2rem;
	border-radius: 3rem;
	margin-bottom: 3rem;
    }
    .acgame-result__img{
	padding: 0 8rem;
	margin-bottom: 3rem;
	img{
	    border-radius: 3rem;
	}
    }
    .acgame-result__button{
	text-align: center; 
	button{
	    background: var(--color-dark-red);
	    width: auto;
	    font-size: 3rem;
	    font-family: var(--font-family);
	    color: white;
	    padding: 1rem 2rem;
	    border-radius: 3rem;
	    text-transform: uppercase;
	}
    }
}
.acgame:has(.acgame-discount__link){
    .acgame-discount__link{
	font-size: 1.5rem;
	border: 0.3rem solid var(--color-dark-red);
	padding: 1rem;
	margin-bottom: 3rem;
	line-height: 1.35;
    }
    .acgame-discount__text{
	font-size: 1.5rem;
	line-height: 1.35;
	margin-bottom: 3rem;
    }
    .acgame-discount__button{
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 2rem;
        .share-btn{
    	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    width: 5rem;
	    height: 5rem;
	    border-radius: 50%;
	    color: #fff;
	    text-decoration: none;
	    transition: transform 0.15s, box-shadow 0.15s;
	    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	    &:hover{
		transform: translateY(-0.05rem);
		box-shadow: 0 0.01rem 0.7rem rgba(0,0,0,0.15);
	    }
	    &.share-btn--vk        { background: #0077ff; }
	    &.share-btn--ok        { background: #ee8208; }
	    &.share-btn--copy      { background: var(--color-dark-red); }
	    img{
		width: 60%;
		height: auto;
		filter: invert(1);
	    }
    	}
        /*
        button{ 
            background: var(--color-dark-red);
            width: auto;
            font-size: 1.5rem;
            font-family: var(--font-family);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-transform: uppercase;
        }*/
    }
    
}