@charset "UTF-8";
:root{
    /*palette*/
    --biffi-giallo:#FFF200;
    --biffi-blu:#00203E;
    --biffi-azzurro:#EBF5FF;
    --biffi-grigio-chiaro:#F2F2F2;

    /*text 20-24-32-40*/
    --main-font-family: "Lato", sans-serif; /*regular, semibold, bold*/
    --secondary-font-family: "Source Serif 4", serif; /*400 600 700*/

    --main-font-size:18px;
    --secondary-font-size:24px;
    --title-font-size:40px;
    --font-size-B: 16px;
    --font-size-C: 28px;

    --lineheight-font-size-B:19px;
    --lineheight-font-size-C:36px;
    --lineheight-main-font-size: 28px;
    --lineheight-title-font-size:45px;

    --main-text-color:#00203E;


    /*altro*/
    --extra-top-liner-height:45px;
    --borderRadius:5px;
    --spaceside-outside-grid:calc(((100% - 1350px) / 2) + 24px);
}

body{color:var(--main-text-color);background-color:#fff;font-size: var(--main-font-size);font-family:var(--main-font-family);font-weight:var(--font-weight-regular);line-height: var(--lineheight-main-font-size);}
p{padding-bottom:20px}
a:hover{color:var(--biffi-blu)}

* :focus-visible{border-color: #000!important; box-shadow: 0 0 0 2px #fff, 0 0 0 5px #000!important; outline: 3px solid rgba(0, 0, 0, 0)!important; outline-offset: 3px!important;transition:all 0.1s linear .2s}
.focus-click:focus-visible{outline:0!important;box-shadow:none!important;border:none;outline:none}

.skip-link {transition:none;position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;z-index: -9999;background-color:#fff;padding: 10px;display:inline-block;text-decoration: none;color: var(--main-text-color);}
.skip-link:focus {position: relative;width: auto;height: auto;left: 10px;top:10px;z-index: 9999;outline:none!important}

.asidePanel{z-index:9999999}
.windowLayerOpened{overflow-y:hidden;}
.windowLayerOpened:before, .menuOpened:before, .searchOpened:before{z-index:999999;opacity:.4}
.bg-blu{background-color:var(--biffi-blu)!important;}
.bg-gray{background-color:var(--biffi-grigio-chiaro)!important}
.bg-grey-h{background-color:var(--color-H)!important;}
.bg-light-blu{background-color:var(--biffi-azzurro)!important}
.border-radius{border-radius:var(--borderRadius);}
.ds-icon{width:22px;height:22px;stroke-width:1.7px}
.ds-icon.icon-filled{fill:currentColor;}
.ds-btn.ds-btn-arrow{line-height:normal;}
.ds-btn.ds-btn-arrow .ds-icon{margin:3px 0 0 0}


/*reset font*/
.ds-component {padding-top:100px;padding-bottom:100px}
.ds-component .text-area .main-title,.ds-component.text-component .text-block .text-area .main-title,.ds-page-product .product-description .main-title{font-size:var(--title-font-size);line-height:var(--lineheight-title-font-size);font-family:var(--secondary-font-family);font-weight:400}
.ds-component.cta-component .text-area .main-title{font-size:var(--title-font-size)!important;line-height:var(--lineheight-title-font-size)!important;}
.ds-btn,a.ds-btn,.ds-btn.ds-btn-arrow,.card-A .card-el .text-area .ds-btn{font-weight:600}
.main-column .main-title,.main-column .filter-block .filter-active-list li,.main-column .filter-block .btn-reset,.ds-dropdowm .dropDownBlock .dropDownButton,.ds-component.ds-maps .text-area .main-title,.ds-component.ds-tab .tab-list li span,.ds-table th,.ds-page-product .product-description .sub-title,.ds-footer span.main-title,.ds-footer .super-bottom .policy-link,.ds-footer .list-link.list-contact li a,.ds-gallery-grid-B .text-area .didascalia{font-weight:600}

.ds-component.ds-breadcrumbs{font-size:var(--font-size-B)}
.ds-component.ds-breadcrumbs .ds-breadcrumbs-list li{line-height:1}

.top.ds-component .navbar-header{z-index:99999}
.menu-mobile-opened .top.ds-component .navbar-header{z-index:9999;max-height: calc(100vh - var(--extra-top-liner-height));background-color:#fff}
.menu-mobile-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{top:0}
.menu-mobile-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li span{font-size:16px}
.menu-mobile-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav{padding-top:20px;padding-bottom:20px}

.top.ds-component .super-top-mobile .logo img{height:38px}
.top.ds-component .super-top-mobile .mobile-top-icon{margin-left:0}
.top.ds-component .super-top-mobile .mobile-top-icon a, .top.ds-component .super-top-mobile .mobile-top-icon button{display:flex;align-items:center;margin:0;padding:0}
.top.ds-component .super-top-mobile .mobile-top-icon .ds-icon{width:20px;height:20px}
.top.ds-component .super-top-mobile .mobile-top-icon.open-mobile,.top.ds-component .super-top-mobile .mobile-top-icon.close-mobile {margin-left:20px}
.top.ds-component .super-top-mobile .mobile-top-icon.open-mobile .ds-icon,.top.ds-component .super-top-mobile .mobile-top-icon.close-mobile .ds-icon{margin-right:0}

.top.ds-component .navbar-header .logo a img{height:77px;width:auto!important}
.top.ds-component .extra-top-liner{background:var(--biffi-blu);font-weight:bold;position:sticky;top:0}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{top:70px}
.top.ds-component .navbar-header .btn-group-menu{font-size:var(--font-size-B);}
.top.ds-component .navbar-header .menu-wrapper .nav li span{color:var(--biffi-blu);}
.top.ds-component .navbar-header .menu-wrapper .nav li .span{font-size: var(--font-size-B);  line-height: var(--lineheight-font-size-B);   text-transform: uppercase; background:transparent; border:0;}
.top.ds-component .navbar-header .btn-group-menu a{margin-left:40px}
.top.ds-component .navbar-header .btn-group-menu a:first-of-type{border-left:1px solid var(--biffi-blu);margin-left:30px!important;padding-left:30px}
/* .top.ds-component .navbar-header .cart-top-btn{position:relative;} */
 .cart-top-btn{position:relative;}
/* .top.ds-component .navbar-header .cart-top-btn .ncart{background:var(--biffi-giallo);font-weight:600;position:absolute;left:18px;width: 22px;height: 22px;border-radius:100%;display:flex;justify-content:center;font-size: 12px;align-items: center;top:-5px;line-height: 1;} */
.cart-top-btn .ncart{background:var(--biffi-giallo);font-weight:600;position:absolute;left:18px;width: 22px;height: 22px;border-radius:100%;display:flex;justify-content:center;font-size: 12px;align-items: center;top:-5px;line-height: 1;}

.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li span{font-size:var(--secondary-font-size);}

.top.ds-component .navbar-header .menu-wrapper .nav li a span,.top.ds-component .navbar-header .menu-wrapper .nav span.open-sub{transition:color 0.3s linear;}
.top.ds-component .navbar-header .menu-wrapper .nav li a:hover span,.top.ds-component .navbar-header .menu-wrapper .nav span.open-sub:hover,.top.ds-component .navbar-header .menu-wrapper .nav .open-tree:hover{color:var(--color-E)}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .active-tree .selected-tree,.tree-dad.active-tree > .open-tree,.top.ds-component .navbar-header .menu-wrapper .nav li .open-sub.sel{color:var(--color-E)!important}

.slider-main .full-width-slider {height: calc(100vh - 115px);min-height: 650px}
.full-width-slider .swiper-slide .text-area-wrap{padding-bottom:0}
.full-width-slider .swiper-wrapper .text-area {padding:60px 60px 120px 60px;background-color:rgba(0, 32, 62, .9);border-radius:var(--borderRadius) var(--borderRadius) 0 0}
.full-width-slider .swiper-wrapper .text-area .ds-btn.btn-biffi-white{color:var(--biffi-blu);background-color:#fff}
.full-width-slider .swiper-wrapper .text-area .ds-btn.btn-biffi-white:hover{background-color:var(--biffi-giallo)}
.full-width-slider .group-navigation{left:60px;right:unset;bottom:30px}
.full-width-slider .swiper-pagination-bullet-active{background:var(--biffi-giallo);width:65px}
.full-width-slider .img-prodotto{position:absolute;right:5%;top:0;height:100%;max-width:870px;width:auto}
.full-width-slider .img-prodotto img{object-fit:contain!important;}
.full-width-slider .swiper-wrapper .text-area .main-title{font-size:var(--title-font-size);line-height:var(--lineheight-title-font-size);color:var(--biffi-giallo);margin-bottom:30px;margin-top:20px}
.full-width-slider .wrap-swiper-nav{display:none!important}
.full-width-slider .group-navigation .row-in .swiper-fraction{font-size:14px}
.full-width-slider .swiper-pagination .swiper-pagination-bullet{background:#fff}
.full-width-slider .swiper-pagination .swiper-pagination-bullet-active{background:var(--biffi-giallo);}

.ds-paginations .ds-icon{width:12px;height:12px}

.ds-component.cta-component .text-area .sub-title{font-size:var(--secondary-font-size);line-height:var(--lineheight-secondary-font-size);font-weight:normal;margin-bottom:40px}

.ds-component.cta-component.header-banner{min-height:600px;overflow:hidden;width:100%}
.ds-component.cta-component.header-banner.cta-component-boxed-text .text-area{padding:100px 60px;border-radius:var(--borderRadius) var(--borderRadius) 0 0;color:#fff;background-color:var(--biffi-blu);}
.ds-component.cta-component.header-banner.cta-component-boxed-text .text-area .main-title{color:var(--biffi-giallo);margin-bottom:20px;}
.ds-component.cta-component.header-banner .img-area{position:absolute;left:0;top:0;width:100%;height:100%}
.ds-component.cta-component.header-banner .img-area img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.ds-component.cta-component.header-banner .img-area img.bg-main{position:relative;}
.ds-component.cta-component.header-banner .img-area img.product-img{width:auto;height:100%;padding:35px;right:calc((100% - 1300px) / 2);margin:auto 0 auto auto}
.ds-component.cta-component .ds-btn.btn-biffi-white:hover{background-color:var(--biffi-giallo);color:var(--biffi-blu);}
.ds-component.cta-component .text-carousel .text-area{max-width:900px;margin:0 auto;color:#fff;}
.ds-component.cta-component .text-carousel .text-area p{padding-bottom:10px;font-size:28px;font-weight:var(--font-weight-bold);line-height:36px;}
.ds-component.cta-component .text-carousel .text-area span{display:block;font-size:24px;font-family:var(--secondary-font-family);font-weight:normal;}
.ds-component.cta-component .text-carousel .swiper-pagination-bullet{background:#fff}
.ds-component.cta-component .text-carousel .swiper-pagination .swiper-pagination-bullet-active{background:var(--biffi-giallo);}

.carousel-component .swiper-scrollbar{display:none!important}
.carousel-component .carousel-swiper .swiper-slide{height:unset}
.carousel-component .card-A.card-product .card-el.card-product-shop{width:300px;margin:10px}
.full-width-slider .group-navigation .row-in{margin-bottom:0}
.full-width-slider .group-navigation .row-in .ds-icon{width:20px;height:20px;margin:0;fill:#fff;stroke:none}
.swiper-pagination{position:relative;margin-top:40px;}
.full-width-slider .swiper-pagination{margin-top:20px;}
.swiper-pagination .swiper-pagination-bullet{background:var(--biffi-blu);opacity:1}
.swiper-pagination .swiper-pagination-bullet-active{background:var(--biffi-giallo);}
.bg-light-blu .swiper-pagination-bullet-active{background:#fff;}

.carousel-component .card-C-var1 .swiper-slide{max-width:450px;width:32.9%;padding-right:calc(var(--bs-gutter-x) * 0.5);margin-right:calc(var(--bs-gutter-x) * 0.5)}

.ds-page-catalogo .card-component .card-wrap {margin-top:50px}

.card-A.card-product .card-el.card-product-shop .img-area{margin:0 auto auto auto}
.card-A.card-product .card-el.card-product-shop .img-area img{max-height:270px}
.card-A.card-product .card-el.card-product-shop .text-area{padding-top:0}
.card-A.card-product .card-el.card-product-shop .text-area .details{font-weight:400;text-transform:none;font-size:var(--main-font-size);}
/* .card-A.card-product .card-el.card-product-shop{background:transparent;} */
.card-A.card-product .card-el.card-product-shop{background:#fff;}
.card-A.card-product .card-el.card-product-shop a{justify-content:flex-end}
.card-A.card-product .card-el.card-product-shop .card-option .label{background-color:var(--biffi-blu);color:var(--biffi-giallo);}
.card-A.card-product .card-el.card-product-shop .card-option .label.label-red{background-color:#880000;color:#fff}
.card-A.card-product .card-el.card-product-shop:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}
.card-A.card-product .card-el.card-product-shop .product-action{padding:20px 0;margin:0 30px;border-top:2px solid var(--biffi-blu)}
.card-A.card-product .card-el.card-product-shop .card-option{padding:30px}
.card-A.card-product .card-el.card-product-shop .buy-btn-card {padding:0;opacity:0;width:calc(100% - 60px);position:absolute;left:30px;bottom:30px;background-color:transparent;border:2px solid var(--biffi-blu);color:var(--biffi-blu);font-weight:bold;min-height:56px;display:flex;justify-content:center;align-items:center}
.card-A.card-product .card-el.card-product-shop .buy-btn-card:hover{color:#fff;background-color:var(--biffi-blu);}
.card-A.card-product .card-el.card-product-shop .quantity-wrap {margin-right:40px;opacity:0;background-color:transparent;}
.card-A.card-product .card-el.card-product-shop .product-action .price-product .price-product-sale{font-weight:normal;margin-left:5px}
.card-A.card-product .card-el.card-product-shop .product-action .price-product .price-product-sale:before{margin-top:0}


.menu-1-step .top.ds-component .super-top-mobile {
    top: -200px;
    position: fixed;
    left: 0;
}
.menu-2-step-show .top.ds-component .super-top-mobile {
    top: 0;
}

/* .order-by-btn{width:100%;background:var(--biffi-blu);color: #fff;text-transform: uppercase;font-weight:bold;padding-left:20px} */
.order-by-btn{width:320px;background:var(--biffi-blu);color: #fff;text-transform: uppercase;font-weight:bold;padding-left:20px}
.order-by-btn .ds-icon{stroke:#fff!important;width:10px;stroke-width:3px}
.order-by-btn .dropDownButton span{color:#fff}
.order-by-btn .dropDownEl{padding:0 20px;background:#F2F2F2;color:#000;font-weight:normal;font-size:var(--main-font-size);text-transform:none}
.order-by-btn .dropDownEl li{padding:22px 0;border-bottom:1px solid #DDDDDD}
.order-by-btn .dropDownEl li:last-child{border-bottom:0}

.main-column .main-title{font-weight:normal;font-family:var(--secondary-font-family)}
.main-column .filter-block{margin-bottom:40px}
.main-column .filter-block .filter-active-list{margin-bottom:18px}
.main-column .filter-block .filter-active-list li{color:var(--biffi-blu);}
.main-column .filter-block .btn-reset{font-size:var(--main-font-size);font-weight:normal;color:var(--biffi-blu);}
.main-column .filter-block.dropDownBlock{border-bottom:1px solid #DDDDDD;margin-bottom:0px;padding-top:20px}
.main-column .filter-block.dropDownBlock .main-title{font-size:var(--main-font-size);font-family:var(--main-font-family);line-height:normal;font-weight:bold;color:#000;text-transform:uppercase;}
.main-column .filter-block.dropDownBlock .dropDownButton{margin-bottom:20px;}
.main-column .filter-block.dropDownBlock .dropDownEl{padding-bottom:20px}
.main-column .filter-block .filter-list{color:#000;font-weight:normal;font-size:var(--font-size-B);}
.main-column .filter-block .filter-active-list li .ds-icon{height:7px;stroke-width:4px}
.main-column .filter-block.dropDownBlock .ds-icon{width:10px;stroke-width:3px}

.dropDownBlock .dropDownButton.visibleEl .open-drop {display: none;}
.dropDownBlock .dropDownButton .close-drop {display:none;}
.dropDownBlock .dropDownButton.visibleEl .close-drop {display: inline-block;}

.card-component.card-C{}
.card-C .card-el{position:relative;background:var(--color-H);border-radius:var(--borderRadius);overflow:hidden;}
.card-C .img-area{opacity:0;display:flex;}
.card-C .img-area:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:#000;opacity:.6}
.card-C .img-area img{display: block;width: 100%;height: 100%;object-fit: cover;}
.card-C .card-el .text-area {padding:40px 30px 30px 30px;color:var(--main-text-color);z-index:999;position:absolute;left:0;bottom:0;width:100%;height:100%;display: flex;height: 100%;flex-flow: column;align-items: flex-start;justify-content: flex-end;}
.card-C .card-el .text-area .main-title{font-size:var(--secondary-font-size);line-height:var(--lineheight-secondary-font-size);margin:0 0 10px 0}
.card-C .card-el .text-area p{font-size:var(--main-font-size);line-height:var(--lineheight-main-font-size);opacity:1;max-height:100%}
.card-C .card-el .text-area .ds-btn{height:auto;}
    .card-C.card-C-var1 .card-el{background:transparent;color:#fff;}
    .card-C.card-C-var1 .card-el .text-area, .card-C.card-C-var1 .card-el .text-area .ds-btn{color:#fff}
    .card-C.card-C-var1 .card-el .img-area{opacity:1}
    .card-C.card-C-var1 .card-el .img-area:after{background: linear-gradient(0deg, rgba(0,0,0,0.6) 30%, rgba(242,0,0,0) 100%);opacity:1;}
    .card-C.card-C-var1 .card-el .text-area p{margin-bottom:10px;}
    .card-C.card-C-var1 .card-el .text-area p,.card-C.card-C-var1 .card-el .text-area .ds-btn{opacity:0;padding-bottom:0}
    .card-C.card-C-var1 .card-el:hover .text-area p,.card-C.card-C-var1 .card-el:hover .text-area .ds-btn{opacity:1;}
    .card-C.card-C-var1 .card-el .img-area:before{content:"";position:absolute;left:0;bottom:-100%;height:100%;width:100%;background:#000;opacity:0}
    .card-C.card-C-var1 .card-el:hover .img-area:before{bottom:0}

.card-A .card-el .text-area .main-title{font-size:var(--main-font-size);line-height:var(--lineheight-main-font-size);font-weight:bold!important;font-family:var(--main-font-family);}


.expand-el-container .expand-el .text-area{flex-wrap:wrap;justify-content:center;flex-flow:column;align-items:center;font-size:28px;font-weight:600;font-family:var(--secondary-font-family);}
.expand-el-container .expand-el .text-area span{text-align:center;}
.expand-el-container .expand-el .text-area .ds-btn{font-size:20px;color:#fff;font-family:var(--main-font-family);font-weight:600;padding-right:40px}
.expand-el-container .expand-el .text-area .ds-btn .ds-icon{right:0;width:24px}

.ds-component.text-component .text-block .wrap-text-area .main-title{font-size:var(--font-size-C);font-weight:500;line-height:var(--lineheight-font-size-C);margin-bottom:15px}
.ds-component.text-component .text-block .wrap-text-area .secondary-title{font-weight:var(--font-weight-bold);font-size:var(--main-font-size);line-height: var(--lineheight-main-font-size);margin:0 0 10px 0}
.ds-component.text-component .text-block .wrap-text-area .main-subtitle{text-transform:uppercase;font-size:var(--main-font-size);line-height:var(--lineheight-main-font-size);font-weight:600;}
.ds-component.text-component .text-block .wrap-text-area.pe-custom{padding:0 55px 0 0}
.ds-component.text-component .text-block .wrap-text-area.ps-custom{padding:0 0 0 55px}
.ds-component.text-component .text-block .img-area{border-radius:var(--borderRadius);}
.ds-component.text-component .text-block .animated-img{position:relative;width:100%;height:100%;display:flex;justify-content:center}
.ds-component.text-component .text-block .animated-img img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;}
.ds-component.text-component .text-block .animated-img img.product-img{max-width: 400px;margin: auto;max-height: 90%;position: relative;height: auto;width: 100%;}

.card-C.card-C-var1 .card-el .img-area.animated-img .product-img{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);position:absolute;max-height:75%;max-width:75%;height:350px;width:auto;}
.card-C.card-C-var1 .card-el:hover .img-area.animated-img .product-img{transform:translate(-50%, -50%)!important}
.card-C.card-C-var1 .card-el .img-area.animated-img:before{z-index:9;opacity:.3}

.card-B .card-el .text-area .main-title{font-family:var(--main-font-family);}
.card-B .card-el .img-area img{height:80px;width:auto;margin-bottom:40px}

.generic-slider-component .generic-slider-w100{height:100vh;position:relative;}
.generic-slider-component .generic-slider-w100 .animated-img{position:relative;width:100%;height:100%;display:flex;justify-content:center}
.generic-slider-component .generic-slider-w100 .animated-img img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;}
.generic-slider-component .generic-slider-w100 .animated-img img.product-img{object-fit: contain;width:80%;max-width:800px;margin:auto;max-height:90%;height: auto;position:relative}
.generic-slider-component .generic-slider-w100 .slide-action-area{position:absolute;bottom:12px;left:10px;z-index:999}
.generic-slider-component .generic-slider-w100 .slide-action-area button{background:rgba(255, 255, 255, .7);border-radius:100%;width:40px;height:40px}
.generic-slider-component .generic-slider-w100 .slide-action-area button.ds-icon{stroke:var(--biffi-blu)}

.ds-page.ds-page-product .generic-slider-component{position:sticky;top:0;}
.ds-page.ds-page-product .generic-slider-component .swiper-pagination{position:absolute;bottom:30px}
.ds-page.ds-page-product .generic-slider-component .swiper-pagination .swiper-pagination-bullet{background:#fff}
.ds-page.ds-page-product .generic-slider-component .swiper-pagination .swiper-pagination-bullet-active{background:var(--biffi-blu)}
.main-product-box{padding:100px 20% 100px 100px;position:relative;}
.main-product-box:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-size:100% auto;z-index:-1;background-repeat:repeat-y}
.main-product-box.bg-scheda-01:after{background-image:url("../img/bg-scheda-basilico.png")}
.main-product-box .main-product-info .add-to-cart {margin-bottom: 30px;margin-top: 37px; display: flex;justify-content: space-between}
.main-product-box .main-product-info .add-to-cart .quantity-wrap {border:2px solid var(--biffi-blu);border-radius:var(--borderRadius);font-weight:normal;font-size: 24px;width: 125px;background: #fff;align-items: center;padding: 0px 10px;height: 60px;display: flex;justify-content: space-between}
.main-product-box .main-product-info .add-to-cart .quantity-wrap input {all: unset;width: 50px;text-align: center;}
.main-product-box .main-product-info .add-to-cart .quantity-wrap span {cursor: pointer;}
.main-product-box .main-product-info .add-to-cart .quantity-wrap input[type="number"]::-webkit-inner-spin-button, .main-product-box .main-product-info .add-to-cart .quantity-wrap input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}
.main-product-box .main-product-info .add-to-cart .quantity-wrap input[type="number"] { -moz-appearance: textfield;}
.main-product-box .main-product-info .add-to-cart .add-to-cart-btn {height: 60px}
.main-product-box .main-product-info hgroup .price-prod{order:3;margin:20px 0 0 0;font-size:var(--secondary-font-size);font-weight:bold}
.main-product-box .main-product-info hgroup .sub-title{margin-top:8px;font-weight:normal}
.main-product-box .main-product-info .main-product-text{margin:35px 0;padding-top:35px;padding-bottom:35px;border-top:2px solid var(--color-H);border-bottom:2px solid var(--color-H);}
.main-product-box .main-product-info .main-product-text p:last-of-type{padding-bottom:0}
.main-product-box .main-product-info .extra-info a{display:inline-block;margin-left:5px;text-transform:uppercase;font-weight:bold;text-decoration:none;}
.main-product-box .main-product-info .review-mean-block {display:flex;flex-wrap:wrap;align-items:center;margin:0 0 20px 0}
.main-product-box .main-product-info .review-mean-block .btn-as-link{border-left:2px solid var(--color-H);padding-left:20px;margin-left:20px;color:var(--color-E);}
.main-product-box .main-product-info .review-mean-block .btn-as-link:hover{color:var(--main-text-color);}
.main-product-box .main-product-info .review-mean-block .review-stars {cursor:pointer;}
.main-product-box .main-product-info .review-mean-block .review-stars .ds-icon{margin:0 4px 0 0}
.main-product-box .product-specs{margin-top:40px}
.main-product-box .dropDownBlock{border-radius:var(--borderRadius);background-color:#f1f1f1;padding:23px 30px 0 30px;margin-bottom:10px}
.main-product-box .dropDownBlock .dropDownButton{text-transform:uppercase;font-weight:bold;padding-bottom:23px}
.main-product-box .dropDownBlock .dropDownEl{padding-bottom:23px}
.main-product-box .dropDownBlock .review-el{border-top:2px solid #fff;padding:23px 0;}
.main-product-box .dropDownBlock .review-el .asTitle{font-weight:bold;margin-bottom:15px}
.main-product-box .dropDownBlock .review-el .review-stars{margin:15px 0}
.main-product-box .dropDownBlock .review-el .review-stars .ds-icon{margin:0 4px 0 0}
.main-product-box .dropDownBlock .review-el span{font-size:var(--font-size-B);font-weight:bold}

.btn-biffi-white{background-color:#fff;color:var(--biffi-blu);text-transform:uppercase;font-size:var(--font-size-B);}
.btn-biffi-white:hover{background:var(--biffi-blu);color:var(--biffi-giallo);}
.btn-biffi-blu /*, .btn-biffi-blu:focus*/{background-color:var(--biffi-blu);color:#fff;text-transform:uppercase;font-size:var(--font-size-B);border:2px solid var(--biffi-blu)}
.btn-biffi-blu:hover{background-color:#fff;color:var(--biffi-blu);}
.btn-biffi-yellow{background-color:var(--biffi-giallo);color:var(--biffi-blu);text-transform:uppercase;font-size:var(--font-size-B);border:2px solid var(--biffi-giallo)}
.btn-biffi-yellow:hover{background-color:var(--biffi-blu);color:var(--biffi-giallo);border-color:var(--biffi-blu);}
.btn-as-link{padding:0;min-width:1px;color:var(--main-text-color);text-decoration:none;border:none;outline:none;background:transparent;font-weight:normal;height:auto;}

.dropDownBlock .dropDownButton .circle-minus{display:none}
.dropDownBlock .dropDownButton.visibleEl .circle-minus{display:flex;}
.dropDownBlock .dropDownButton.visibleEl .circle-plus{display:none;}

.quantity-wrap {background: #fff;align-items: center;display: flex;justify-content: space-between}
.quantity-wrap:not(.cart-quantity-wrap) {font-size:var(--main-font-size);font-weight:bold;width:6px;}
.quantity-wrap input {all: unset;width:30px;text-align: center;}
.quantity-wrap span {cursor: pointer;}
.quantity-wrap input[type="number"]::-webkit-inner-spin-button, .main-product-box .main-product-info .add-to-cart .quantity-wrap input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.quantity-wrap input[type="number"] {-moz-appearance: textfield;}

/*Panel e popup custom*/
.asidePanel.popup-style{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.asidePanel.popup-style .main-title{font-size:var(--font-size-C)!important;font-family:var(--secondary-font-family)!important;line-height:var(--lineheight-font-size-C)!important;display:block;margin:30px 0;line-height:1}
.asidePanel.popup-style .wrap-panel{position:relative;width:600px;max-width:90%;padding:30px;background-color:#fff;border-radius:var(--borderRadius);max-height: 90%;overflow: auto;}
.asidePanel.popup-style .text-area .main-title{font-size:20px;margin:0 0 3px 0;font-family:var(--main-font-family);line-height:22px}
.asidePanel.popup-style .text-area .sub-title{color:var(--color-E);margin-bottom:20px;display:block;}
.asidePanel.popup-style a.ds-btn{width:auto}
.asidePanel.popup-style .closeAsidePanel{position:absolute;right:10px;top:10px}
.asidePanel.popup-style button.ds-btn{margin-top:20px}
.asidePanel.popup-style a.ds-btn.btn-biffi-blu{color:#fff;text-decoration:none}
.asidePanel.popup-style a.ds-btn.btn-biffi-blu:hover{color:var(--biffi-blu)}
.main-column .asidePanel .closeAsidePanel.x-close{right:7px}

.asidePanel#add-review-form .rating-stars {margin:10px 0 20px 0}
.asidePanel#add-review-form .rating-stars input{display:none}
.asidePanel#add-review-form .rating-stars .ds-icon{margin:0 5px 0 0;width:28px;height:28px;transition: all .2s linear;cursor:pointer;}
.asidePanel#add-review-form label{font-weight:normal;font-size:var(--font-size-A);}
.asidePanel#add-review-form .rating-stars label:is(:hover, :has(~ :hover)) .ds-icon {fill:var(--biffi-blu);}
.asidePanel#add-review-form .rating-stars label:has(~ :checked) .ds-icon {fill:var(--biffi-blu);}
.asidePanel#add-review-form .rating-stars input:checked + label .ds-icon{fill:var(--biffi-blu);}
.asidePanel#add-review-form .rating-stars label:hover .ds-icon{transform:scale(1.1);}

.asidePanel#add-product-notice .product-add-view{display:flex;align-items:center;flex-wrap:wrap;}
.asidePanel#add-product-notice .product-add-view .img-area{padding: 10px;width: 150px;display:flex;align-items:center;justify-content:center;margin-right:30px;border:2px solid var(--color-H);border-radius:var(--borderRadius);overflow:hidden;}
.asidePanel#add-product-notice .product-add-view .img-area img{width:90%;height:auto;}
.asidePanel#add-product-notice .product-add-view .text-area{width:calc(100% - 180px)}
/*Fine panel e popup custom*/

.footer-newsletter{background:var(--color-H);padding-top:50px;border-bottom:0;padding-bottom:50px}
.ds-footer{padding-top:50px!important;padding-bottom:50px!important;background-color:var(--biffi-blu);color:#fff}
.ds-footer .footer-logo img{max-width:236px;width:100%;height:auto}
.ds-footer .bold-text{font-size:18px;font-weight:bold}
.ds-footer .text-area p:last-child{padding-bottom: 0}
.ds-footer .text-area p span.bold-text{display:block;margin-bottom:10px}
.ds-footer .text-area span.menu-title, .ds-footer .text-area a{margin-bottom:30px;display:block;text-decoration:none}
.ds-footer .super-bottom{margin-top:50px;background:#fff;color:var(--main-text-color);display:flex;align-items:center;min-height:var(--extra-top-liner-height);}
.ds-footer .super-bottom p{padding:0}
.ds-footer .list-social{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.ds-footer .list-social li{width:auto;margin:15px 0 0 15px!important}
.ds-footer .list-social li a{width:55px;height:55px;border-radius:100%;background:currentColor;display:flex;align-items:center;justify-content:center}
.ds-footer .list-link.columnli2{column-count:2;padding-right:80px}
.ds-footer .list-link.columnli2 li{display:block;}
.ds-footer .list-link li{margin:0 0 15px 0}
.ds-footer .text-area,.ds-footer .list-link{padding-right:30px} 
.ds-footer .list-social .ds-icon{fill:var(--main-text-color);stroke:none;}
.ds-footer .list-social a:hover .ds-icon{fill:#fff;stroke:none;}
.ds-footer.ds-footer-second-footer{background:var(--biffi-azzurro);color:var(--main-text-color);padding-bottom:0!important}

.footer-newsletter .form-control{height:56px;border-color:#fff}
/*.footer-newsletter .form-control:focus{border-color:#d5d5d5 !important}*/

.ds-footer .super-bottom div:last-child{margin:auto}

.ds-component.ds-breadcrumbs {min-height: 56px;align-items: center;padding-top: 10px;padding-bottom: 10px;margin: 0;}
.ds-breadcrumbs .ds-breadcrumbs-list li a,.ds-breadcrumbs .ds-breadcrumbs-list span{min-height:20px}

.asidePanel.search-top-panel{z-index:9999999999}

.ds-component.cta-component.mask-wave .container{z-index:999}

.mask-wave:before{content:"";height:100%;width:100%;top:-1px;left:0;
    -webkit-mask-imagw: url(../img/banner-wave-mask-top.svg);mask-image: url(../img/banner-wave-mask-top.svg);
        -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size:100% auto;
        mask-position:center top;position: absolute; background: #fff;z-index: 99;mask-size:100% auto}
.mask-wave:after{content:"";height:100%;width:100%;bottom:-1px;left:0;
    -webkit-mask-imagw: url(../img/banner-wave-mask-bottom.svg);mask-image: url(../img/banner-wave-mask-bottom.svg);
        -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size:100% auto;
        mask-position:center bottom;position: absolute; background: #fff;z-index: 99;mask-size:100% auto}
.mask-wave.mask-wave-top-lightblu:before{background:var(--biffi-azzurro);}
.mask-wave-bottom-grey:after{background:var(--color-H);}
.mask-wave-top-grey:before{background:var(--color-H);}
.mask-wave-no-bottom:after{display:none}
.mask-wave-no-top:before{display:none}

.ds-paginations ul li a{padding:0;width:25px;height:25px;border:none;background-color:none}
.ds-paginations ul li .disabled-btn .ds-icon{stroke:#cccccc}
.ds-paginations ul li a.sel{background:transparent;color:#cccccc}

.asidePanel.search-top-panel .search-result {top:110px}

@media (max-width:1530px) {  
}

@media (min-width:1400px) {  
    .ds-container-large.container{padding-left:24px;padding-right:24px}
   
}

@media (max-width:1300px) {  
   :root{
    --main-font-size:18px;
    --lineheight-main-font-size:28px;
    --title-font-size:37px;
    --lineheight-title-font-size:43px;
    --font-size-E: 37px;
    --lineheight-font-size-E:40px;
    --font-size-B:16px;
    --font-size-C:25px;
    --lineheight-font-size-C:30px;
    }
    .top.ds-component .navbar-header .logo a img{height:50px}

    .ds-component.cta-component.header-banner .img-area img.product-img{right:calc((100% - 1140px) / 2);}
  
    .main-product-box{padding:100px 50px}
}

@media (min-width:1199px) {  

}
@media (max-width:1199px) {  
   :root{
    --spaceside-outside-grid:calc(((100% - 960px) / 2) + 24px);
    --main-font-size:16px;
    --title-font-size:32px;
    --lineheight-title-font-size:38px;
    --lineheight-main-font-size:24px;
    --extra-top-liner-height: 50px;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .back-btn:focus-visible,
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .description .description-el:focus-visible{width: calc(100% - 10px);margin-left: 5px;z-index:99}

    .full-width-slider .swiper-wrapper .text-area .main-title{font-size:var(--title-font-size);line-height:var(--lineheight-title-font-size);}

    .ds-component.text-component .text-block .wrap-text-area.pe-custom{padding:30px}
    .ds-component.text-component .text-block .wrap-text-area.ps-custom{padding:30px}

    .menu-1-step{margin-top:0}

    .asidePanel.search-top-panel form.ds-form .ds-btn{background:transparent;}
    .ds-footer .list-link.columnli2{column-count:1}
	
	.cart-top-btn .ncart{color: var(--biffi-blu); width: 20px; height: 20px; top: 4px;}
	
	.asidePanel.search-top-panel form.ds-form .ds-btn{order:3}
	.asidePanel.search-top-panel form.ds-form input{order:1}
	.asidePanel.search-top-panel form.ds-form .load{order:2}
	.asidePanel.search-top-panel form.ds-form input{padding-left:0!important}
	#form-cerca-sito .load{right: 30px; left: auto; margin-top: -15px;}
	
	
	.asidePanel.search-top-panel .search-result {
		top: 90px;
	}
	
}
@media (min-width:993px) {  
    .main-column {z-index:1}
}
@media (max-width:992px) {  


    .top.ds-component .extra-top-liner{font-size:14px;line-height:17px;text-align:center;}
    .slider-main .full-width-slider{height:calc(100vh - 120px)}
    .full-width-slider .swiper-wrapper .swiper-slide .img-container-wrapper{height:80%}
    .full-width-slider .swiper-slide .text-area-wrap .text-area{width:calc(100% - 16px);margin-left:8px;padding:30px 30px 90px 30px;border-radius:var(--borderRadius);}
    .full-width-slider .pagination-container .justify-content-end{justify-content:start!important}
    .full-width-slider .swiper-pagination-bullet-active{width:80px}
    .full-width-slider .group-navigation{left:35px;bottom: 25px;}

    .card-C.card-C-var1 .card-el .text-area p,.card-C.card-C-var1 .card-el .text-area .ds-btn{opacity:1;}
    .card-C.card-C-var1 .card-el .img-area:before{bottom:0}
    .card-C.card-C-var1 .card-el .text-area p{max-height:100%!important;height:auto!important;opacity:1!important}
    .carousel-component .carousel-swiper.card-A.card-product .swiper-slide{max-width:310px}

    .carousel-component .card-C-var1 .swiper-slide{padding:0;width:100%}

    .ds-component.cta-component{aspect-ratio:10/12;align-items:center;}

    .ds-component.cta-component.header-banner .img-area img.product-img{right:inherit;left:6%;width:88%;height:auto;max-width:900px;margin:30px auto auto auto}
    .ds-component.cta-component.header-banner.cta-component-boxed-text .text-area{padding:60px 30px}

    .carousel-component .card-C-var1 .swiper-slide{max-width:350px}

    .ds-page.ds-page-product .main-product-box{padding:50px 24px}
    .main-product-box .main-product-info .main-product-text{padding-bottom:0;border-bottom:0}
    .ds-page.ds-page-product .generic-slider-component .generic-slider-w100{height:auto}
    .generic-slider-component .generic-slider-w100 .animated-img img.product-img{padding:80px 0}
    .main-product-box .main-product-info{transform:none!important}
    .main-product-box .main-product-info .add-to-cart {position:fixed;bottom: 0;left: 0;background:#fff;z-index: 999;width:100%;padding:24px;background:#fff;margin: 0;border-top:2px solid var(--color-H)}
    .main-product-box .main-product-info .add-to-cart .add-to-cart-btn{padding:0 10px;margin-left:3px;line-height:1}
    .ds-page.ds-page-product + .footer-newsletter + .ds-footer{padding-bottom:110px!important}
    .main-product-box:after{display:none}

    .ds-footer .footer-logo{padding-bottom:30px;margin-bottom:30px;border-bottom:2px solid #fff}
    .ds-footer .list-social li{margin:30px 15px 0 0!important}
    .ds-footer.ds-footer-second-footer .text-area a,.ds-footer.ds-footer-second-footer .list-link li{margin-bottom:10px}
    /* .ds-footer.ds-footer-second-footer .list-link{margin-top:30px;padding-top:30px;border-top:2px solid var(--main-text-color)} */
    .ds-footer .bold-text{font-size:16px}
    .ds-footer .super-bottom{padding-top:20px;padding-bottom:20px}


  
}

@media (max-width:520px) {
    .asidePanel#add-product-notice{text-align:center;}
    .asidePanel#add-product-notice .product-add-view .img-area{width:100%;max-width:190px;margin:0 auto}
    .asidePanel#add-product-notice .product-add-view .text-area{width:100%;margin-top:30px}
}

/* selettore prezzo */
.range_container {  display: flex; flex-direction: column; width100%; margin:25px 0;}
.range_container .sliders_control {position: relative;min-height: 20px;}
.range_container .form_control { position: relative; display: flex; justify-content: space-between; font-size:var(--font-size-B);color: #000;}
.range_container input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;pointer-events: all;border-top: none;border-right: 14px solid transparent;border-left:none;border-bottom: 14px solid var(--biffi-blu);background-color: transparent;width: 0;height: 0;cursor: pointer;transform: rotate(45deg);margin:0 0 0 6px;}
.range_container input[type=range]::-moz-range-thumb{border-radius:0;-webkit-appearance: none;pointer-events: all;border-top: none;border-right: 14px solid transparent;border-left:none;border-bottom: 14px solid var(--biffi-blu);background-color: transparent;width: 0;height: 0;cursor: pointer;transform: rotate(45deg);}
.range_container input[type=range]:first-child::-webkit-slider-thumb{transform: rotate(225deg);margin-left:-7px}
.range_container input[type=range]:first-child::-moz-range-thumb{transform: rotate(225deg);}
.range_container input[type="number"] {font-size:var(--font-size-B);color: #000; width:40px; height: 30px;  font-size: 20px; border: none;-moz-appearance: textfield; }

/* .range_container input[type="number"]:last-child{text-align:right!important;} */
.range_container .form_control_container:last-child input[type="number"]{text-align:right!important;}

.range_container input[type=number]::-webkit-inner-spin-button, .range_container input[type=number]::-webkit-outer-spin-button {opacity: 0; -webkit-appearance: none; margin: 0;height:0;width:0}
.range_container input[type="range"] { -webkit-appearance: none; appearance: none; height: 2px; width: 100%; position: absolute; background-color: #000;pointer-events: none;}
.range_container #fromSlider {height: 0; z-index: 1;}

/* embed mailchimp */
.compleanno_input{    width: calc(50% - 7px);    display: inline-block;}
.checkbox.subfield input[type="checkbox"]{margin-left: 0; position: static;  vertical-align: sub;    margin-right: 10px;}

.response{border: 2px solid var(--biffi-blu); padding:20px; border-radius: var(--borderRadius);}
.small{font-size:80%}



/*accessibilità*/
.fake-btn{border:0; background:transparent;}
/*.fake-btn:focus{outline: 5px auto var(--biffi-blu);    outline-offset: -2px;}
.btn-focusable:focus{outline: 5px auto var(--biffi-blu);    outline-offset: -2px;}
.btn-focusable.btn-focusable-black:focus{outline: 5px auto #000;    outline-offset: -2px;}
.btn-focusable.btn-focusable-yellow:focus{outline: 5px auto var(--biffi-giallo);    outline-offset: -2px;}*/
.asidePanel.search-top-panel .closeAsidePanel{height:40px;}


.card-A.card-product .card-el.card-product-shop.focused {outline: 5px auto var(--biffi-blu);    outline-offset: -2px;  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);}
.card-A.card-product .card-el.card-product-shop.focused .img-area { transform: scale(.77);}
.card-A.card-product .card-el.card-product-shop.focused .text-area {    margin-top: -90px;}
.card-A.card-product .card-el.card-product-shop.focused .product-action { margin-bottom: 90px;}
.card-A.card-product .card-el.card-product-shop.focused .buy-btn-card  { opacity: 1;  transition: opacity .3s ease-in .2s, background .3s linear;}
.card-A.card-product .card-el.card-product-shop.focused .add-to-cart-btn{display:none;}
/*.card-A.card-product .card-el.card-product-shop .buy-btn-card:focus{outline: 5px auto var(--biffi-blu);    outline-offset: -4px;}*/
.card-A.card-product .card-el.card-product-shop.focused .quantity-wrap{opacity:1;}
/*.swiper-pagination .swiper-pagination-bullet:focus{outline: 2px auto #000;    outline-offset: 2px;}*/
.h40{height:40px!important;}


.card-C .card-el.focused .img-area {
    opacity: 1;
}
.card-C-var1 .card-el.focused .animated-img img.bg-main {
    transform: scale(1.12) !important;
}
.card-C.card-C-var1 .card-el.focused .img-area.animated-img .product-img {
    transform: translate(-50%, -50%) !important;
}
.card-C .card-el.focused .text-area * {
    color: #fff;
    transition: color .4s 
linear;
}
.card-C.card-C-var1 .card-el.focused .text-area p {
    max-height: 100%;
    transition: max-height 2s 
linear, opacity .6s 
ease-out .4s;
    opacity: 1;
}
.card-C.card-C-var1 .card-el.focused .text-area .ds-btn {
    max-height: 100%;
    transition: max-height .4s 
linear, opacity .4s 
linear .4s;
}

.card-C.card-C-var1 .card-el.focused .text-area .ds-btn {
    opacity: 1; height:27px;
}

.card-C.card-C-var1 .card-el.focused .text-area .ds-btn:focus {
    opacity: 1;
    height: 27px;
    border: 2px solid #fff;
    outline: 0;
}
.card-C.card-C-var1 .card-el.focused{border: 2px solid var(--biffi-blu); }

.warning-esaurito{ border-top: 2px solid #e34127; background:#f1f1f1;     padding: 1em 2em ;  border-radius: var(--borderRadius); font-weight: 400;}
.warning-esaurito p:last-child{padding-bottom:0;}


/*Card prodotto mobile su due colonne*/
@media (max-width:767px){
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop a{
        flex-flow: row;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop .img-area{
        padding: 30px 15px 0 10px;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop:hover .img-area{
        transform: none;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop .text-area{
        padding: 30px 15px 15px;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop:hover .text-area{
        margin-top: 0;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop .product-action{
        padding: 15px 0;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop .card-option{
        padding: 15px;
    }
    .catalogo-wrap .col-12{
        margin-top:15px;
    }
    .catalogo-wrap .card-A.card-product .card-el.card-product-shop{
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .main-content .showAsidePanel.show-filter-panel{
        margin-left: 15px;
    }
}