/* Start:/local/templates/20240/components/bitrix/catalog.section/pizzaSection/style.css?17466093772944*/
.cn-price span.js-price-block {
    font-size: 22px;
    line-height: 22px;
}

/************************* new promo catalog banner 24.02.2023 *************************/
.catalog-col .banner-item.bake {
	overflow: hidden;
	position: relative;
	min-height: 600px;
	text-align: center;
	background: #111111;
}
.bake-leaves {
	position: absolute;
	top: -64px;
	left: -33px;
}
.bake-peppers {
	position: absolute;
	top: -90px;
	right: -30px;
}
.bake-bottom-wrap {
	position: absolute;
	top: 292px;
	left: 0;
	right: 0;
	bottom: 0;
}
.bake-pizza1 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -191px;
	animation: rotate 60s infinite linear;
	animation-play-state: paused;
}
.bake-pizza2 {
	position: absolute;
	top: 151px;
	left: 50%;
	margin-left: -191px;
	animation: rotate2 60s infinite linear;
	animation-play-state: paused;
}
.bake:hover .bake-pizza1 {
	animation-play-state: running;
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.bake:hover .bake-pizza2 {
	animation-play-state: running;
}
@keyframes rotate2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(-360deg);}
}
.bake-tag {
	position: absolute;
	top: 107px;
	left: 50%;
	transform: translateX(-50%);
	width: 96px;
	height: 96px;
}
.bake-wrap {
	position: relative;
	padding: 55px 30px 0;
}
.bake-title {
	margin: 0 0 3px;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
}
.bake-text {
	margin: 0 0 35px;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
}
.catalog-col .bake .banner-button {
    min-width: 204px;
	padding: 17px 27px 19px;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
	.catalog-col .banner-item.bake {
		min-height: 640px;
	}
}

@media(max-width:441px) {

	.catalog-top .catalog-links {position:relative;}
	.catalog-top .catalog-links:after {
	  content: "";
	  display: block;
	  width: 25%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  right: 0px;
	  background-image: linear-gradient(to right, transparent, #f3f3f3);
	}
	.catalog-top .catalog-links:before {
	  content: "👆";
	  display: block;
	    margin-top:42px;
	  position: fixed;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 30px;
	  height: 30px;
	  background-size: cover;
	  animation: moveHand 6s ease-in-out infinite;
    z-index: 1;
	}
	
	@keyframes moveHand {
	  0% {
	    transform: translateX(-50%) translateX(-20px);
	  }
	  50% {
	    transform: translateX(-50%) translateX(20px);
	  }
	  100% {
	    transform: translateX(-50%) translateX(-20px);
	  }
	}


}


.cn-type .ui-selectmenu-button {
    width: 100%;
}

.cn-type .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 3px 11px;
    height: 31px;
    border-radius: 3px;
}

.cn-type .ui-selectmenu-button span.ui-icon {
    top: 10px;
}

body .ui-menu .ui-menu-item {
    padding: 0;
}

body .ui-menu .ui-menu-item div {
    padding: 3px 11px;
}
/* End */
/* /local/templates/20240/components/bitrix/catalog.section/pizzaSection/style.css?17466093772944 */