.ds-cart-item-price-flex{
	display: flex;
}

.ds-cart-item-price-flex .column-price{
	padding-right: 5px;
}

.ds-cart-item-price-flex .ds-price-old{
	padding-right: 5px;
}

.ds-information * {
	max-width: 100%!important;
}



/* wheel of fortune */
.banner-wheel {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 80vh;
    max-width: 1243px;
    max-height: 743px;
    padding: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    transition: all 300ms linear;
    z-index: 12999;
}

.btn-close-banner-wheel {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.banner-wheel svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    stroke: inherit;
}

.banner-wheel-left-block, .banner-wheel-right-block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    transition: all 500ms ease;
}

.banner-wheel-title {
    font-size: 47px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}

.block-wheel {
    position: relative;
    width: 35%;
    padding-top: 3%;
    padding-bottom: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 600ms ease;
}

.banner-wheel img{
	object-fit: cover;
    display: block;
    max-width: 100%;
    height: auto;
}

.wheel-1 {
    width: 83.5%;
    height: 100%;
    z-index: 0;
}

.vector {
    position: absolute;
    top: 7%;
    left: 50%;
    width: 8.5%;
    height: 8%;
    transform: translateX(-50%);
    z-index: 10;
}

.btn-spin-wheel, .btn-promo-wheel{
    width: 315px;
    height: 55px;
    font-size: 18px;
    color: #2d7ad9;
    background-color: #ffffff;
    border-radius: 55px;
    cursor: pointer;
    box-shadow: 0 3px 9px #333333;
    transition: all 350ms ease;
	justify-content: center;
}

.btn-spin-wheel:hover, .btn-promo-wheel:hover {
    transform: translateY(-5px);
    box-shadow: 0 9px 18px #333333;
}

.banner-wheel-kroko, .banner-wheel-talking {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 350px;
}

.banner-wheel-talking {
    bottom: 200px;
    left: 50px;
    width: 260px;
}

.banner-wheel-right-block {
    width: 0;
    justify-content: space-between;
    background-color: rgba(70, 3, 45, 45%);
    border-radius: 15px;
    overflow: hidden;
}

.ap-flex {
    display: flex;
}

.ap-w-full {
    width: 100%;
}

.ap-mt-10 {
    margin-top: 40px;
}
.ap-items-center {
    align-items: center;
}
.ap-flex-col {
    flex-direction: column;
}

.ap-mb-10 {
    margin-bottom: 40px;
}

.banner-wheel-h3 {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.ap-space-y-10 > :not(:first-child) {
    margin-top: 40px;
}

.banner-wheel-input {
    width: 90%;
    height: 40px;
    padding: 0 21px;
    color: #2d7ad9;
    background-color: transparent;
	border: none;
}

.ap-back-banner-wheel {
    background-color: rgba(39, 43, 48, 0.30);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12995;
    width: 100%;
    height: 100vh;
}

.banner-wheel .rotating {
	transition: all 3s;
	transition-timing: ease-in-out;
}

.ap-px-10 {
    padding-left: 40px;
    padding-right: 40px;
}

.ap-text-center {
    text-align: center;
}

.ap-text-sm {
    font-size: 14px;
}

.ap-text-white {
    color: #ffffff;
}

.banner-wheel-label {
    width: 90%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 6px;
}

.ap-space-y-5 > :not(:first-child) {
    margin-top: 20px;
}

.btn-copy-banner-wheel {
    width: 20px;
    margin-right: 21px;
    cursor: pointer;
}

.hidden{
	display: none!important;
}

.show-promo-code .banner-wheel-left-block, 
.show-promo-code .banner-wheel-right-block{
	width: 47%;
}

.show-promo-code .banner-wheel-talking, .show-promo-code .btn-get-discount, .show-promo-code .banner-wheel-title{
	display: none;
}

.show-promo-code .block-wheel{
    width: 85%;
    padding-top: 7%;
    padding-bottom: 7%;
}

.btn-spin-the-wheel.disable{
	pointer-events: none;
    opacity: 0.7;
}




@media screen and (max-width: 1600px) and (max-height: 900px) {
	.block-wheel {width: 29%; padding-top: 2.5%; padding-bottom: 2.5%;}
}

@media screen and (max-width: 1400px) and (max-height: 1050px) {
	.block-wheel {width: 40%; padding-top: 3.5%; padding-bottom: 3.5%;}
}

@media screen and (max-width: 1152px) and (max-height: 864px) {
	.block-wheel {width: 40%; padding-top: 3.3%; padding-bottom: 3.3%;}
}


@media (max-width: 859px) {
	.block-wheel {width: 35%; padding-top: 2.6%; padding-bottom: 2.6%;}
}

@media screen and (max-width: 580px) {
	.block-wheel {width: 80%; padding-top: 7%; padding-bottom: 7%;}
}



@media (max-width: 859px) {
	.banner-wheel {width: 75%; height: 75vh;}
	.banner-wheel-kroko {width: 250px;}
	.banner-wheel-talking {bottom: 150px; width: 165px;}
	.banner-wheel-title {font-size: 28px;}
	.btn-spin-wheel {width: 197px; height: 40px; border-radius: 40px;}
}

@media (max-width: 767px) {
	.banner-wheel-left-block {justify-content: start;}
	
	.show-promo-code .banner-wheel-left-block{display: none;}
	.show-promo-code .banner-wheel-right-block{width: 100%;}
}

@media (max-width: 640px) {
	.banner-wheel-title {font-size: 24px;}
	.btn-spin-wheel {font-size: 16px;}
}

@media screen and (max-width: 580px) {
    .banner-wheel-left-block {justify-content: start;}
	.banner-wheel-kroko {width: 204px; height: 132px;}
	.banner-wheel-talking {width: 195px; height: 120px; left: unset; right: 0; bottom: 0;}
	.banner-wheel {width: 95%; height: 90vh;}
	.banner-wheel-right-block {transition: unset;}
	.banner-wheel-title {margin-top: 50px; font-size: 28px;}
	.btn-spin-wheel {width: 197px; height: 50px; border-radius: 50px;}
}

/* wheel of fortune */