@font-face{font-family:DaxCondensed;src:url(../fonts/DaxCondensed.woff2) format("woff2"),url(../fonts/DaxCondensed.woff) format("woff"),url(../fonts/DaxCondensed.otf) format("opentype")}@font-face{font-family:DaxCondensed-Bold;src:url(../fonts/DaxCondensedBold.woff2) format("woff2"),url(../fonts/DaxCondensedBold.woff) format("woff"),url(../fonts/DaxCondensedBold.otf) format("opentype")}#__bs_notify__{top:auto!important;bottom:0!important;border-top-left-radius:5px!important;border-bottom-left-radius:0!important}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit;fill:inherit}html{font-family:DaxCondensed,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;background:#ececed}body{max-width:1440px;margin-left:auto;margin-right:auto;background:#fff}strong{font-family:DaxCondensed-Bold,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;line-height:1.1}h1{font-size:40px}@media only screen and (min-width:1100px){h1{font-size:42px}}h2{font-family:DaxCondensed-Bold;font-size:32px}@media only screen and (min-width:1100px){h2{font-size:36px}}h3{font-size:24px}@media only screen and (min-width:1100px){h3{font-size:28px}}h4{font-size:20px}@media only screen and (min-width:1100px){h4{font-size:24px}}h5{font-size:18px}@media only screen and (min-width:1100px){h5{font-size:20px}}@media only screen and (min-width:1100px){p{font-size:18px}}.bi-menu.scrolled .desktop{-ms-flex-align:end;align-items:flex-end;padding:10px 0 0 60px;box-shadow:0 0 20px rgba(0,0,0,.2)}.bi-menu.scrolled .desktop nav:before{transform:scale(1.5,2.5)}.bi-menu.scrolled .desktop .logo img{width:120px}.bi-menu.scrolled .desktop .logo:before{transform:skew(0,0) scale(1,1)}
.bi-menu .mobile{position:fixed;top:0;left:0;right:0;height:60px;z-index:100}
@media only screen and (min-width:1100px){.bi-menu .mobile{display:none}}.bi-menu .mobile.opened .header{box-shadow:0 0 20px transparent}.bi-menu .mobile.opened .header .menu-toggle span{background:rgba(255,255,255,0);transform:rotateZ(90deg)}.bi-menu .mobile.opened .header .menu-toggle span:after{transform:translateY(0) rotateZ(45deg)}.bi-menu .mobile.opened .header .menu-toggle span:before{transform:translateY(0) rotateZ(-45deg)}.bi-menu .mobile.opened nav{transform:translateY(0)}.bi-menu .mobile .header{background:#008ac9;background-image:url(../img/flag-bg-small.png);background-repeat:no-repeat;background-position:right center;padding:5px 0 5px 20px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;box-shadow:0 0 20px rgba(0,0,0,.2)}.bi-menu .mobile .header .logo a img{height:50px;width:auto}.bi-menu .mobile .header .menu-toggle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;padding:20px}.bi-menu .mobile .header .menu-toggle span{width:20px;height:2px;background:#fff;display:block;position:relative;border-radius:1px;transition:background .3s linear,transform .3s ease-out}.bi-menu .mobile .header .menu-toggle span:after,.bi-menu .mobile .header .menu-toggle span:before{position:absolute;top:0;content:'';background:#fff;display:block;height:2px;width:20px;border-radius:1px;transition:transform .3s ease-out}.bi-menu .mobile .header .menu-toggle span:after{transform:translateY(-5px)}.bi-menu .mobile .header .menu-toggle span:before{transform:translateY(5px)}.bi-menu .mobile nav{position:absolute;top:100%;z-index:1;left:0;right:0;background:#fff;transform:translateY(-100%);transition:transform .3s ease-out;box-shadow:0 0 20px rgba(0,0,0,.25)}.bi-menu .mobile nav ul{list-style:none}.bi-menu .mobile nav ul li{padding:10px 20px}.bi-menu .mobile nav ul li:nth-child(even){background:rgba(236,236,237,.2)}.bi-menu .mobile nav ul li.current a{text-decoration:underline}.bi-menu .mobile nav ul li.with-children{transition:background .3s linear;overflow:hidden;position:relative}.bi-menu .mobile nav ul li.with-children .toggle{position:absolute;top:0;right:0;height:45px;width:30%;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;padding-right:20px}.bi-menu .mobile nav ul li.with-children .toggle span{width:16px;height:2px;border-radius:1px;background:#008ac9;position:relative;transition:transform .3s ease-out}.bi-menu .mobile nav ul li.with-children .toggle span:after{content:'';position:absolute;top:0;left:0;width:16px;height:2px;background:#008ac9;transform:rotateZ(90deg)}.bi-menu .mobile nav ul li.with-children.opened{background:#ececed}.bi-menu .mobile nav ul li.with-children.opened .submenu{height:auto;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;transform:translateY(0);padding:10px 0}.bi-menu .mobile nav ul li.with-children.opened .toggle span{transform:rotateZ(-135deg)}.bi-menu .mobile nav ul li.with-children.current a{text-decoration:none}.bi-menu .mobile nav ul li.with-children .submenu{position:relative;transform:translateY(10px);height:0;visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.bi-menu .mobile nav ul li.with-children .submenu li{padding:0}.bi-menu .mobile nav ul li.with-children .submenu li a{text-transform:none;color:#000;text-decoration:none}.bi-menu .mobile nav ul li a{text-decoration:none;text-transform:uppercase;font-family:DaxCondensed-Bold;color:#008ac9;font-size:18px}.bi-menu .desktop{display:none;position:fixed;top:0;left:0;right:0;z-index:2;-ms-flex-align:start;align-items:flex-start;padding:60px 0 0 60px;transition:padding .3s ease-out;max-width:1440px;margin-left:auto;margin-right:auto}.bi-menu .desktop:before,.bi-menu .desktop:after{content:'';width:50%;height:100%;position:absolute}.bi-menu .desktop:before{left:-50%;top:0;bottom:0;background:#ececed}.bi-menu .desktop:after{right:-50%;top:0;bottom:0;background:#ececed}@media only screen and (min-width:1100px){.bi-menu .desktop{display:-ms-flexbox;display:flex}}.bi-menu .desktop .logo{position:relative}.bi-menu .desktop .logo img{width:200px;height:auto;transition:width .3s ease-out}.bi-menu .desktop .logo:before{content:'';position:absolute;background:#008ac9;background-image:url(../img/flag-bg.jpg);background-size:auto 200%;background-repeat:no-repeat;height:calc(100% + 60px);width:calc(100% + 70px);top:-60px;left:-60px;z-index:-1;transform:skew(15deg,15deg) scale(1.1,1.5);transition:transform .5s ease-out}.bi-menu .desktop nav{width:100%;background:#008ac9;color:#fff;display:-ms-flexbox;display:flex;padding:0 120px 0 60px;text-transform:uppercase;font-family:DaxCondensed-Bold;margin-left:40px;position:relative}.bi-menu .desktop nav:before{content:'';position:absolute;left:0;bottom:0;right:0;top:0;background:#f0f;background:#008ac9;z-index:-1;transform-origin:center 100%;transform:scale(1,1);transition:transform .5s ease-out;max-width:1440px;margin-left:auto;margin-right:auto}.bi-menu .desktop nav:after{content:'';background:#008ac9;position:absolute;width:25px;height:100%;top:0;left:-15px;transform:skewX(15deg)}.bi-menu .desktop nav ul{list-style:none;display:-ms-flexbox;display:flex}.bi-menu .desktop nav ul+ul{margin-left:60px}.bi-menu .desktop nav ul.main{width:100%;-ms-flex-pack:start;justify-content:flex-start}.bi-menu .desktop nav ul.main li+li{margin-left:30px}.bi-menu .desktop nav ul.main > li{padding:10px 0;position:relative;perspective:1000px}.bi-menu .desktop nav ul.main li a{text-decoration:none}.bi-menu .desktop nav ul.main li.current{text-decoration:underline}@media(hover:hover){.bi-menu .desktop nav ul.main li.with-children:hover .submenu{transform:rotateX(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";pointer-events:all}}.bi-menu .desktop nav ul.main li .submenu{background:#fff;color:#000;position:absolute;-ms-flex-direction:column;flex-direction:column;padding:20px;top:100%;left:-20px;pointer-events:none;transform:rotateX(-30deg);transform-origin:center 0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition:transform .3s ease-out,opacity .3s linear}.bi-menu .desktop nav ul.main li .submenu li{margin-left:0;padding:0;text-transform:none;font-size:18px;font-family:DaxCondensed,Helvetica,Arial,sans-serif}.bi-menu .desktop nav ul.main li .submenu li a{display:block;width:100%;white-space:nowrap}.bi-menu .desktop nav ul.service li{padding:10px 0}.bi-menu .desktop nav ul.service li+li{margin-left:10px}.bi-main-footer{background:#008ac9;background-image:url(../img/flag-bg.jpg);background-repeat:no-repeat;background-size:auto 100%;padding:30px 15px;color:#fff}@media only screen and (min-width:720px){.bi-main-footer{padding:60px}}@media only screen and (min-width:720px){.bi-main-footer .menus{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}.bi-main-footer .menus .left{display:none}@media only screen and (min-width:720px){.bi-main-footer .menus .left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}.bi-main-footer .menus .left ul{list-style:none;text-decoration:none;text-transform:uppercase}.bi-main-footer .menus .left ul li{font-size:20px}.bi-main-footer .menus .left ul li+li{margin-top:15px}.bi-main-footer .menus .left ul li a{text-decoration:none}@media only screen and (min-width:720px){.bi-main-footer .menus .right{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}.bi-main-footer .menus .right ul{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}@media only screen and (min-width:720px){.bi-main-footer .menus .right ul{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}}.bi-main-footer .menus .right ul li+li{margin-left:10px}@media only screen and (min-width:720px){.bi-main-footer .menus .right ul li+li{margin-left:0;margin-top:10px}}.bi-main-footer .menus .right ul li a{text-decoration:none}.bi-main-footer .menus .right ul li a img{height:24px;width:auto}.bi-main-footer .menus .right .logo{display:none}@media only screen and (min-width:720px){.bi-main-footer .menus .right .logo{display:block}.bi-main-footer .menus .right .logo img{width:130px;height:auto}}.bi-main-footer .info{margin-top:30px;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.bi-main-footer .info p{width:50%;text-transform:uppercase;line-height:1;padding:5px 0}@media only screen and (min-width:720px){.bi-main-footer .info p{width:auto;padding:0 20px}.bi-main-footer .info p+p{border-left:1px solid #fff}}.bi-main-footer .info p:first-child{width:100%}@media only screen and (min-width:720px){.bi-main-footer .info p:first-child{width:auto}}.bi-main-footer .info p:last-child{border-left:1px solid #fff}.bi-main-footer .info p a{text-decoration:none}.bi-secondary-footer{padding:15px 30px}@media only screen and (min-width:1100px){.bi-secondary-footer{padding:35px 75px}}.bi-secondary-footer a img{height:45px;width:auto}@media only screen and (min-width:1100px){.bi-secondary-footer a img{height:60px}}.bi-cover-slider{position:relative}.bi-cover-slider .flag{position:absolute;bottom:-6px;right:0;display:none}@media only screen and (min-width:720px){.bi-cover-slider .flag{display:block}}.bi-cover-slider .flag img{width:50px;height:auto}@media only screen and (min-width:720px){.bi-cover-slider .flag img{width:auto}}.bi-cover-slider .slider{position:relative}.bi-cover-slider .slider button{display:none!important}.bi-cover-slider .slider .slick-dots{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;list-style-type:none;padding:0 15px 15px;position:absolute;bottom:0;left:0;right:0}@media only screen and (min-width:1100px){.bi-cover-slider .slider .slick-dots{padding:0 30px 30px}}.bi-cover-slider .slider .slick-dots li{width:10px;height:10px;border:2px solid #fff;border-radius:50%}.bi-cover-slider .slider .slick-dots li+li{margin-left:12px}.bi-cover-slider .slider .slick-dots li.slick-active{background:#fff}.bi-cover-slider .slider .slide{height:80vh;max-height:720px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.bi-cover-slider .slider .slide .overlay{background:rgba(0,0,0,.2);position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff}.bi-cover-slider .slider .slide .overlay .content{padding:15px;max-width:720px}main{background:#ececed;padding:0 0 30px}@media only screen and (min-width:720px){main{padding:0 0 75px}}section+section{margin-top:10px}.bi-recipe-cover{height:80vh;max-height:720px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.bi-recipe-cover .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2)}.bi-recipe-cover .flag{position:absolute;bottom:-4px;right:0}.bi-recipe-cover .flag img{width:50px;height:auto}@media only screen and (min-width:720px){.bi-recipe-cover .flag img{width:auto}}.bi-recipe-header{margin-top:30px}@media only screen and (min-width:720px){.bi-recipe-header{margin-top:75px}}.bi-recipe-header div{max-width:1100px;margin-left:auto;margin-right:auto}.bi-recipe-header div+div{margin-top:30px}.bi-recipe-header .category{padding:10px 20px;text-transform:uppercase;color:#fff}.bi-recipe-header .title{font-family:DaxCondensed-Bold;text-transform:uppercase;padding:15px 20px;background:#fff}@media only screen and (min-width:720px){.bi-recipe-header .title{padding:30px 20px}}.bi-recipe-header .title h1{max-width:430px;font-size:18px}@media only screen and (min-width:720px){.bi-recipe-header .title h1{font-size:20px}}.bi-recipe-content .content{background:#fff;max-width:1100px;margin-left:auto;margin-right:auto;padding:15px 20px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bi-recipe-content .content .info{color:#008ac9;width:100%}@media only screen and (min-width:720px){.bi-recipe-content .content .info{width:40%;padding:15px 40px}}.bi-recipe-content .content .info .products{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bi-recipe-content .content .info .products a+a{margin-left:20px}.bi-recipe-content .content .info .products a img{width:40px;height:auto}@media only screen and (min-width:720px){.bi-recipe-content .content .info .products a img{width:60px}}.bi-recipe-content .content .info .intensity{margin-top:15px;display:-ms-flexbox;display:flex}.bi-recipe-content .content .info .intensity>*+*{margin-left:20px}@media only screen and (min-width:720px){.bi-recipe-content .content .info .intensity>*+*{margin-left:40px}}.bi-recipe-content .content .info .intensity img{height:18px;width:auto;vertical-align:top}.bi-recipe-content .content .info .intensity img+img{margin-left:2px}@media only screen and (min-width:720px){.bi-recipe-content .content .info .intensity{margin-top:30px}}.bi-recipe-content .content .info .ingredients{margin-top:15px}@media only screen and (min-width:720px){.bi-recipe-content .content .info .ingredients{margin-top:30px}}.bi-recipe-content .content .info .ingredients p{max-width:200px;display:-ms-flexbox;display:flex}.bi-recipe-content .content .info .ingredients p span:first-child{width:30%;text-align:right;padding-right:20px}.bi-recipe-content .content .info .ingredients p span:last-child{width:70%}.bi-recipe-content .content .steps{padding:15px 20px}@media only screen and (min-width:720px){.bi-recipe-content .content .steps{width:60%;padding:90px 40px}}.bi-recipe-content .content .steps ol{list-style:none;counter-reset:steps-counter}.bi-recipe-content .content .steps ol li{position:relative}.bi-recipe-content .content .steps ol li:before{content:counter(steps-counter);counter-increment:steps-counter;color:#008ac9;font-family:DaxCondensed-Bold;font-size:18px;position:absolute;left:-15px;line-height:1}@media only screen and (min-width:720px){.bi-recipe-content .content .steps ol li:before{font-size:20px;left:-20px}}.bi-recipe-content .content .steps ol li+li{margin-top:30px}.bi-recipe-tip .content{background:#c4dae6;max-width:1100px;margin-left:auto;margin-right:auto;padding:30px;position:relative}@media only screen and (min-width:720px){.bi-recipe-tip .content{padding:30px 60px}}.bi-recipe-tip .content:after{content:'>';position:absolute;top:30px;left:15px;color:#008ac9;font-size:30px;line-height:25px;font-family:DaxCondensed,Helvetica,Arial,sans-serif}@media only screen and (min-width:720px){.bi-recipe-tip .content:after{left:30px}}.bi-recipe-video .content{background:#fff;max-width:1100px;margin-left:auto;margin-right:auto;padding:15px 20px;position:relative}@media only screen and (min-width:720px){.bi-recipe-video .content{padding:30px 20px}}.bi-recipe-video .content .wrapper{position:relative;padding-bottom:56.25%;height:0;overflow: hidden;background-color: #000;}.bi-recipe-video .content .wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.bi-recipe-video .content .wrapper video{
	height: 100%;
    width: auto;
    position: absolute;
    background-color: #000;
    left: 0;
    right: 0;
    margin: auto;
}    

.box-collaborazione {
	display: -ms-flexbox;
    display: flex;
    background-image: url('../img/texture1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
/*    align-items: center;
    align-items: -ms-center;*/
}

.box-collaborazione .logo {
	max-width: 140px;
	margin: 0px;
}

.box-collaborazione .logo img {
	width: 100%;
}

.box-collaborazione .font22 {
	font-size: 22px;
}

.box-collaborazione .description {
    margin: auto 30px;
}

.box-collaborazione .description .social {
    width: auto;
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}

.box-collaborazione .description .box-social {
	display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-items: -ms-center;
    margin: 0px 15px 5px 0px;
}

.box-collaborazione .description .box-social .logo {
	width: 35px;
	margin-right: 5px;
}

.box-collaborazione .description .box-social a {
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.box-collaborazione .description .box-social a:hover {
	text-decoration: underline;
}

.box-collaborazione .description .website {
	text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}

.box-collaborazione .description .website:hover {
	text-decoration: underline;
}

/*.gallery-flexslider {
    margin: 100px 0px 25px;
}

.gallery-flexslider .slick-slide img {
    display: block;
    margin: auto;
   	height: 450px;
    width: auto;
}

.gallery-flexslider .slick-slide.background {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 450px;
}*/

/*.slider-nav-thumbnails .slick-track {
	display: flex;
    justify-content: center;
    width: 100% !important;
}

.slider-nav-thumbnails .slick-slide {
	width: auto !important; 
	height: 200px;
	margin: 0px 5px;
}*/

/*.slider-nav-thumbnails .slick-slide img {
	height: 100%;
    width: auto;
}*/

.content-gallery {
    background: #fff;
    width: 1100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
	margin-top: 20px;
}

.content-gallery h3 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}

.content-gallery .swiper-container.gallery-top {
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
}

.content-gallery .swiper-container.gallery-top .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.content-gallery .swiper-container.gallery-thumbs {
    height: 160px;
    box-sizing: border-box;
    padding: 10px 0px 25px 0px;
}

.content-gallery .swiper-container.gallery-thumbs .swiper-slide {
	height: 100%;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-thumbs .swiper-slide-thumb-active {
 	opacity: 0.5;
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #008ac9 !important;
    background-color: #fff;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
}

@media(max-width: 991px){

	.content-gallery .swiper-container.gallery-top {
    	height: 400px;
    }

    .content-gallery .swiper-container.gallery-thumbs {
    	height: 140px;
    }

    .box-collaborazione .logo {
    	max-width: 120px;
    	margin: 0px auto 15px auto;
	}
}

@media(max-width: 767px) {
	.box-collaborazione {
    	flex-direction: column;
    	flex-direction: -ms-column;
    }

	.box-collaborazione .description {
    	margin: auto 10px;
	}

	.box-collaborazione .description .box-social .logo {
    	width: 30px;
    	margin: 3px;
	}

	.bi-recipe-video .content .wrapper {
	    position: relative;
	    padding-bottom: 0;
	    height: auto;
	    overflow: auto;
	    background-color: #000;
	}

	.bi-recipe-video .content .wrapper video{
		position: static;
		display: block;
		width: 100%;
    	height: auto;
	}

}

@media(max-width: 567px){
	.content-gallery .swiper-container.gallery-top {
    	height: 330px;
	}

	.content-gallery .swiper-container.gallery-thumbs {
    	height: 110px;
	}
}

.bi-menu .desktop nav ul.main .search-bar {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.search-bar li {
    display: flex;
    align-items: center;
    margin-left: 0 !important;
}


.bi-menu .desktop nav ul.main div input[type="text"] {
    width: 100%;
    padding: 4px 8px;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    color:#000;
    font-family: DaxCondensed;
}


.bi-menu .desktop nav ul.main div input[type="submit"] {
    background: url('../img/glass.svg') no-repeat;
    color: transparent; /* Nasconde il testo */
    background-size: contain;
    border: none;
    cursor: pointer;
    height: 20px;
}

.recipe-hero {
    height: 80vh;
    max-height: 720px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.recipe-hero__background{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    filter:brightness(0.75);
}
.recipe-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
}

.recipe-hero__inner{
    position:relative;
    z-index:2;
    color: #fff;
    padding:40px 40px 50px;
    display:flex;
    gap:15px;
    height:100%;
    justify-content: space-between;
    align-items: end;
}

.recipe-hero__inner_left{
    display:flex;
    flex-direction:column;
    justify-content: end;
    gap:15px;
    max-width:720px;
    height:100%;
}
.recipe-hero__tag{
    width:190px;
    background:#008ac9;
    padding:15px 25px;
    transform:skew(-8deg);
    border-radius:14px 14px 14px 0;
}
.recipe-hero__tag img{
    width:100%;
    transform:skew(8deg);
}
.recipe-hero__category{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    font-family:DaxCondensed-Bold;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-size:14px;
    background:var(--recipe-hero-category,#008ac9);
    padding:6px 18px;
    border-radius:999px;
}
.recipe-hero h1{
    font-family:DaxCondensed-Bold;
    font-size:42px;
    line-height:1.1;
    margin:0;
}
.recipe-hero h1 span{
    display:block;
    font-family:DaxCondensed;
    font-size:22px;
}
.recipe-hero__meta{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:10px 0 0;
    padding:0;
}
.recipe-hero__meta li{
    display:flex;
    align-items:center;
    gap:10px;
}
.recipe-hero__meta-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.recipe-hero__meta-icon img{
    width:20px;
    height:20px;
}
.recipe-hero__meta-label{
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:0.05em;
    margin:0;
}
.recipe-hero__meta-value{
    font-size:16px;
    margin:0;
}
.recipe-hero__flag{
    position: absolute;
    bottom: -4px;
    right: 0;
}
.recipe-hero__flag img{
    width:auto;
}

.steps{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.steps ol{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.steps li::marker{
    content: none;
}

.recipe-info-grid{
    position:relative;
    z-index:3;
    padding: 32px 0;
}
.recipe-info-grid__layout{
    display:flex;
    flex-direction:column;
    gap:64px;
}
.recipe-info-grid__sidebar{
    display:flex;
    flex-direction:column;
    gap:32px;
}

.recipe-info-grid__main{
    display:flex;
    flex-direction:column;
    gap:50px;
}
.recipe-card{
    border-radius:24px;
    padding:24px;
    border: 1px solid #E5E5E6;
    background: #FFFBF0;
}
.recipe-card__eyebrow{
    font-weight: 700;
    font-size:20px;
    color:#002333;
    margin-bottom:24px;
}
.recipe-card__author{
    display:flex;
    gap:18px;
    align-items:center;
}
.recipe-card__avatar{
    flex-shrink:0;
}
.recipe-card__avatar img{
    width:80px;
    height:80px;
    border-radius:50%;
    object-fit:cover;
    background:#fff;
    padding:6px;
}
.recipe-card__title{
    font-family:DaxCondensed-Bold;
    font-size:26px;
    margin:0;
}
.recipe-card__link{
    display:inline-flex;
    font-size:16px;
    color:#c48c1e;
    text-decoration:none;
    font-family:DaxCondensed-Bold;
}
.recipe-card__social{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 12px;
}
.recipe-card__social a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 10px;
    border-radius:999px;
    background:#D9A12D;
    text-decoration:none;
    font-size:14px;
    color:#FFFFFF;
}
.recipe-card__social img{
    width:20px;
    height:20px;
}
.recipe-card__products{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:16px;
}
.recipe-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    background:#fff;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    color:#000;
}
.recipe-chip img{
    width:28px;
    height:28px;
    object-fit:contain;
}
.recipe-card__ingredients{
    list-style: none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.recipe-card__ingredients li{
    display:flex;
    gap:8px;
    font-size:16px;
    position:relative;
    padding-left:24px;
}
.recipe-card__ingredients li:before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f2c94c;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.recipe-card__ingredients .quantity{
    font-family:DaxCondensed-Bold;
}

.recipe-info-grid__media .bi-recipe-video .content{
    background:#000;
    border-radius:24px;
    overflow:hidden;
    padding:0;
}
.bi-recipe-video .content .wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0;
}
.bi-recipe-video .content .wrapper iframe,
.bi-recipe-video .content .wrapper video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.bi-recipe-content .content{
    background:#fff;
    max-width:1100px;
    margin:0 auto 30px;
    padding:30px;
    border-radius:32px;
}
.bi-recipe-content .content .steps h2{
    font-family:DaxCondensed-Bold;
    font-size:32px;
    color:#002b45;
    margin-bottom:20px;
}
.bi-recipe-content .content .steps ol{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:18px;
}
.bi-recipe-content .content .steps li{
    margin:0;
}
.step-card{
    display: flex;
    padding: 24px;
    align-items: flex-start;
    gap:24px;
    border-radius: 24px;
    border: 1px solid #E5E5E6;
    background: #FFFBF0;
}

.step-card__index{
    width:48px;
    height:48px;
    border-radius:999px;
    background:#D9A12D;
    color:white;
    font-family:DaxCondensed-Bold;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 48px;
}
.step-card p{
    margin:0;
    font-size:18px;
    color:#333;
}

.bi-recipe-tip .content{
    border-radius:24px;
    background:#e3f1ff;
    color:#002b45;
}
.bi-recipe-tip .content:after{
    display:none;
}

.content-gallery{
    border-radius:32px;
    box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

@media(max-width:960px){
    .bi-single-recipe .recipe-info-grid{
        padding:80px 15px 40px;
    }
    .recipe-hero{
        min-height:360px;
        padding-bottom:30px;
    }
    .recipe-hero__inner{
        padding:30px;
        flex-direction: column;
    }
    .recipe-hero h1{
        font-size:34px;
    }
    .recipe-info-grid{
        margin:-40px auto 30px;
    }
    .recipe-card{
        padding:20px;
    }
    .recipe-hero__flag img{
        width:50px;
    }
    .step-card__index {
        width:32px;
        height:32px;
        flex:0 0 32px;
    }
}

@media(min-width:1024px){
    .recipe-info-grid__layout{
        flex-direction:row;
        align-items:stretch;
    }
    .recipe-info-grid__sidebar{
        width:35%;
    }
    .recipe-info-grid__main{
        width:65%;
    }
}