/*--------------------------------------------------------------------------------------------------
	-------------------------------------------- S H O P -------------------------------------------
	--------------------------------------------------------------------------------------------------*/

    .shop_item {
        position: relative;
        height: 10em;
        /*width: 25%;*/
        /* padding: 15px 15px 15px 15px; */
        margin: 15px 15px 15px 25px; 
        display: block; 
        background: rgb(68,79,255);
        background: linear-gradient(0deg, rgb(11 14 59) 0%, rgb(0 0 0) 50%, rgb(0 121 144) 100%);
        color: #000000; 
        border: 2px #9999FF solid; 
        border-radius: 16px;
        cursor: pointer;
        max-width: 240px;
    }

    .shop-content {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 15px;
        justify-content: center;
    }

    .coins_item {
        position: relative;
        height: 10em;
        /* width: 25%; */
        /* padding: 15px 15px 15px 15px; */
        margin: 15px 15px 15px 25px; 
        display: block; 
        background: rgb(68,79,255);
        background: linear-gradient(0deg, rgb(11 14 59) 0%, rgb(0 0 0) 50%, rgb(0 121 144) 100%);
        color: #000000; 
        border: 2px #9999FF solid; 
        border-radius: 16px;
        cursor: pointer;
        max-width: 240px;
    }

    .coins-content {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 15px;
        justify-content: center;
    }

    .shop_item.b, .coins_item.b {
        background: rgb(241,255,18);
        background: linear-gradient(90deg, rgba(241,255,18,1) 0%, rgba(189,191,94,1) 59%, rgba(185,150,79,1) 97%);
    }

    .shop_item.b:hover, .coins_item.b:hover {
        background: rgb(241,255,18);
        background: linear-gradient(90deg, rgba(241,255,18,1) 0%, rgba(189,191,94,1) 59%, rgba(185,150,79,1) 97%);
    }

    .shop_item:hover, .coins_item:hover {
        background: rgb(125,133,255);
        background: linear-gradient(90deg, rgba(125,133,255,1) 0%, rgba(124,131,173,1) 59%, rgba(146,230,228,1) 97%);
    }

    .shop_item span, .coins_item span {
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        font-family: Impact, Charcoal, sans-serif;
        font-style: italic;
    }

    .shop_item span.number, .coins_item span.number {
        position: absolute;
        top: 1px;
        left: 6px;
        color: #fff;
        text-align: inherit;
        font: 20px Impact, sans-serif;
        text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00, 2px 2px 2px rgba(206,89,55,0);
        z-index: 10;
    }

    .shop_item img.main, .coins_item img.main {
        /* position: absolute; */
        border-radius: 8px;
        width: 60%;
        /* width: 28%;
        height: 98%;
        top: 0px;
        left: 2px; */
    }

    .shop_item img.currency, .coins_item img.currency {
        position: absolute;
        border-radius: 8px;
        width: 10%;
        /* height: 24px; */
        top: 13%;
        left: 63%;
    }

    .shop_item img.new, .coins_item img.new {
        position: absolute;
        /* border-radius: 8px; */
        width: 20%;
        /*height: 60px;*/
        top: -4%;
        left: 84%;
    }

    .shop_item span.number-circle, .coins_item span.number-circle {
        position: absolute;
        top: -15px;
        left: -15px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        padding: 8px;
        background: rgb(68,79,255);
        background: linear-gradient(90deg, rgba(68,79,255,1) 0%, rgba(115,133,233,1) 50%, rgba(174,146,230,1) 100%);
        border: 2px solid #fff;
        z-index: 9;
    }

    .shop_item span.title, .coins_item span.title {
        /* position: absolute;
        top: -5px;
        left: 30%; */
        float: left;
        width: 100%;
        font-size: 20px;
        color: #FFFF00;
        margin-left: 2%;
    }

    .shop_item span.description, .coins_item span.description {
        /* position: absolute;
        top: 22px;
        left: 30%; */
        float: left;
        width: 95%;
        /*height: 70px;*/
        font: 14px Arial, sans-serif;
        color: #FFFFFF;
        margin-left: 2%;
    }

    .shop_item span.cost, .coins_item span.cost {
        position: absolute;
        float: left;
        width: 15%;
        top: 10%;
        left: 74%;
        text-align: left;
        font-size: 130%;
        color: #FFFF00;
    }
    
    .shop_item span.coins_cost, .coins_item span.coins_cost {
        position: absolute;
        float: left;
        width: 50%;
        top: 10%;
        left: 60%;
        text-align: left;
        font-size: 130%;
        color: #FFFF00;
    }

    .shop_item span.timeleft, .coins_item span.timeleft {
        position: absolute;
        float: left;
        width: 30%;
        height:14px;
        top: 100px;
        left: 65%;
        /* text-align: right; */
        font: 14px Arial, sans-serif;
        color: #FFFFFF;
    }