.wkSlide	{border-radius: 20px;}

.s0	{background:#ffffff url(/img/1920/s0.jpg) no-repeat 50% 50%; background-size: cover;}

.bWhen	{gap:40px; grid-template-columns: 1fr 2fr 1fr; width: min-content; margin: 30px 0;}

.fixTxt	{grid-template-columns: 1fr 1fr; gap:20px; width:min-content;}

.bDate, .bGeo, .bStand 	{width:40px; height:40px; background-size: contain;}

.bDate	{background: var(--white-1) url(/img/icons/date.svg) no-repeat 50% 50%;}

.bGeo	{background: var(--white-1) url(/img/icons/geo.svg) no-repeat 50% 50%;}

.bStand	{background: var(--white-1) url(/img/icons/stand.svg) no-repeat 50% 50%;}

.bTxt	{display:inline-block; color: var(--black);}

.bTxt > span	{display:block; white-space: nowrap;}

.bPromo	{gap:20px;grid-template-columns: 2fr 1fr; height:48px; width: fit-content;}

.bPromoCode	{background: var(--green-2); border-radius: 15px; align-content: center; width:min-content; padding: 15px; 
	user-select: text !important;
}


@media screen and (min-width:1280px) and (max-width:1919px){
	
	.s0	{background:#ffffff url(/img/1280/s0.jpg) no-repeat 100%;}

	.bDate, .bGeo, .bStand 	{width:32px; height:32px; background-size: contain; ;}

	.fixTxt	{grid-template-columns: 1fr; gap:10px;}
}

@media screen and (min-width:640px) and (max-width:1279px){
	
	.s0	{background:#ffffff url(/img/640/s0.jpg) no-repeat 100%;}

	.bDate, .bGeo, .bStand 	{width:20px; height:20px; background-size: contain; }

	.fixTxt	{grid-template-columns: 1fr; gap:10px;}

	.bWhen	{gap:20px;}

	.bPromo	{gap:0; align-items: center;}
}

@media screen and (min-width:360px) and (max-width:639px)   {
	
	.s0	{background:#ffffff url(/img/360/s0.jpg) no-repeat 50% 100%; background-size: cover;}

	.bDate, .bGeo, .bStand 	{width:20px; height:20px; background-size: contain; }

	.bTxt > span	{display:inline;}

	.bWhen	{grid-template-columns: 1fr; gap:10px; max-width:90%;}

	.bWhen > div	{align-items: center;}

	.bPromo {grid-template-columns: 1fr;}

	.nw	{white-space: nowrap;}	

}