#dec-widget{
	display: flex;
	background: #f4f9fd url(/assets/images/promo/2025/celebrate-min.webp) no-repeat 50% 50%;
	background-size: cover;
	border-radius: 10px;
	margin-top: 40px;
	flex-direction: column-reverse;
}
@media(max-width: 767.98px){
	#dec-widget{
		width: 400px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #eaf4fb;
		
		background-size: 120%;
		background-position: bottom center;
		padding-bottom: 0px;
		
		background: #f7f0e4;
		
	}
	body #dec-widget .descr{
		padding: 20px 48px;
		padding-top: 0;
	}
}


#dec-widget .descr{
	padding: 48px;
}
#dec-widget .level{
	padding: 24px;
	
}

.descr .title{
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 8px;
}
.descr p{
	line-height: 1.4;
}
.sale-levels{
	margin-top: 32px;
}
.sale-levels .sl{
	font-size: 20px;
	line-height: 1.65;
}
.s1{
	color: #B8860B;
	font-weight: 700;
	display: inline-block;
	min-width: 52px;
}
.s2{
	font-weight: 600;
	margin-left: 6px;
}



.dial{
	width: 100%;
	background: url(/assets/images/promo/2025/dial_scale.svg) no-repeat bottom center;
	aspect-ratio: 400 / 225;
	background-size: contain;
	position: relative;
}





.dial .pointer{
	position: absolute;
	aspect-ratio: 1 / 1;
	left: 30%;
    bottom: -21%;
    bottom: -31%;
	width: 40%;
	
	transition: transform 1.1s ease-in-out; 
	transform: rotate(19deg); 
}
.pointer .arrow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/images/promo/2025/scale-arr.svg) no-repeat 50% 50%;
	background-size: contain;
}

.dial .pointer.sale10{
	transform: rotate(66deg); 
}
.dial .pointer.sale15{
	transform: rotate(113deg); 
}
.dial .pointer.sale20{
	transform: rotate(160deg); 
}


@keyframes sale5 {
    0%, 100% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
}
@keyframes sale10 {
    0%, 100% { transform: rotate(1deg); }
    50% { transform: rotate(-1deg); }
}
@keyframes sale15 {
    0%, 100% { transform: rotate(1.4deg); }
    50% { transform: rotate(-1.4deg); }
}
@keyframes sale20 {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(2deg); }
    75% { transform: rotate(-2deg); }
}

.sale5 .arrow{
	animation: sale5 3s ease-in-out infinite alternate;
}
.sale10 .arrow{
	animation: sale10 1.5s ease-in-out infinite alternate;
}
.sale15 .arrow{
	animation: sale15 1.75s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate;
}
.sale20 .arrow{
	animation: sale20 1.82s linear infinite alternate;
}


.morer{
	aspect-ratio: 532 / 110;
	/*background: url(/assets/images/promo/2025/t.webp) no-repeat 50% 50%;
	background-size: contain;*/
	background: #fff;
	display: flex;
	align-items: center;
    justify-content: center;
    padding: 8px 40px;
    padding-top: 2px;
    line-height: 1.4;
    font-style: italic;
    font-weight: 600;
    text-align: center;
    color: #4D4B4E;
    
    border-radius: 16px;
    margin-top: 30px;
}
.morer span{
	color: #B8860B;
}



@media(min-width: 768px){
	#dec-widget{
		min-height: 380px;
		flex-direction: row;
	}
	#dec-widget .descr, #dec-widget .level{
		width: 50%;
	}
	
	.dial{
		
	}
}