:root {
            --max-width: 1440px;
            --bradius: 16px;
            --section-margin: 15px;
            --btn-radius: 20px;
            --h-padding:15px;
            --banner-height:550px;
            --blue-farmina:#0072CA;
        }
        body {
            margin: 0;
            font-family: system-ui, -apple-system, sans-serif;
            background-color: #888;
            
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        body {
           font-family: "Google Sans", sans-serif;
           font-optical-sizing: auto;
           font-weight: 400;
           font-style: normal;
           font-variation-settings:
             "GRAD" 0;
        }
        form.subscribe input,form.subscribe select {
         border:1px solid #aaa;
         padding:0.5rem 0.75rem;
         border-radius:10px;
        }
        input,select {
         border:0;
         font-weight:bold;
         color: var(--blue-farmina);
          outline: none;
        }
        input::placeholder,select::placeholder {
         font-weight:normal;
         color: #aaa;
        }
        .search.nav-link:hover {
         text-decoration:none;
        }
        body section:first-of-type {
            padding-top: 80px !important;
        }
        .bi-cart::before {
         content: url(../imgs/cart.svg);
        }
        .bi-person::before {
         content: url(../imgs/person.svg);
        }
        .bi-burger::before {
         content: url(../imgs/burger.svg);
         top:-3px;
         position:relative;
        }
        .bi-search::before {
         content: url(../imgs/search.svg);
        }
        .bi-close::before {
         content: url(../imgs/close.svg);
        }
        .full-section {
            background: #f1f1f1;
            overflow: hidden;
            margin: auto;
            max-width: var(--max-width);
            width: 100%;
            /*box-shadow: 0 8px 32px rgba(0,0,0,0.1);*/
            border-radius:0 !important;
        }
           section.eshop a.toggle { display:none }
        @media (max-width: 576px) {
           .eshop-head {
            min-height:100px !important;
           }
           .eshop-plist {margin-bottom:70px;}
           #eshop-filters {
            position: fixed;
            z-index: 1;
            background-color: white;
            left: 0;
            top: 0;
            margin: 0;
            padding: 80px 0;
            overflow-y: auto;
            height: 100vh;
            width: 0;
           }
           #eshop-filters.show {width: 100vw;}
           a.toggle.fix {bottom:0 !important;}
           section.eshop a.toggle{
            display: block;
            position: fixed;
            left:0;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 20px 0;
            background: linear-gradient(0, #f1f1f1 0%, #f1f1f1 50%, transparent);
            z-index:1;
           }

           .locator-head {
            flex-direction:column;
            align-items:start !important;
           }
           .locator-head h1 {padding-left:0 !important;}

            .full-section {
                margin: calc(var(--section-margin) * 0.75rem) 1rem;
                border-radius: 16px;
            }
            .full-section.prodotto div.content-container>div.row.sm-reverse {
             flex-flow:column-reverse;
            }
            .full-section.prodotto div.content-container>div.row div.col-lg-1 {display:none;}
        }
        .content-container {
            padding: calc(var(--section-margin) * 1rem);
        }
        .navbar-custom {
            /*max-height: 40px;*/
            /*background: red;*/
            max-width: var(--max-width);
            margin: auto;
            padding:20px 0;
        }
        .navbar>.container-fluid {
            align-items: center;
            background: white;
            top: 20px;
            z-index: 2;
            border-radius: 10px;/*0 0 10px 10px;*/
            padding: 0 1.5rem;
            backdrop-filter: blur(10px);
            margin:0 var(--h-padding);
            			max-width: var(--max-width);
               padding-left:80px;
        }
        .nav-link {
            font-weight:bold;
            color:var(--blue-farmina);
        }
        #buy-now-menu {margin:0 10px;}
        li.nav-item i.bi::before {
         width:24px;
         /*margin-right:5px;*/
         position:relative;
         top:3px;
        }
        ul.navbar-nav i::before {
         font-weight:bold !important;
        }
        #brand-logo {
            height: 70px;
            opacity:0;
            transition:opacity 0.3s;
        }
        .brand-logo {
            height: 70px;
            
        }
        #scrolled-logo {
         opacity:0;
         position: absolute;
         top: 5px;
            transition:opacity 0.3s;
         left: 24px;
         height:24px;
        }
        #scrolled-logo h4_ {
         background: var(--blue-farmina);
         color: white;
         padding: 0 5px;
         border-radius: 10px;
        }
        #scrolled-logo.show,#brand-logo.show {
         opacity:1;
        }
        .navbar #brand-logo {
            margin: -15px 0 -12px 0;
            position: absolute;
            left: 20px;
            top: -2px;
        }
        .navbar-brand {
            z-index:3;
        }
        .navbar-nav .nav-link {
            padding: 0.375rem 1rem;
            /*font-size: 0.875rem;*/
            border-radius: var(--btn-radius);
            transition: all 0.2s;
        }
        .navbar-nav .nav-link:hover {
            /*background: rgba(0,123,255,0.1);*/
            color:var(--blue-farmina);
        }
        .navbar-nav .nav-item {
            /*display: flex;*/
            /*align-items: center;*/
            height:100%;
        }
        .dropdown-menu {
            border:0;
            padding-left:1rem;
        }
        .dropdown-item {
         color:var(--blue-farmina);
        }
        .only-mobile .lang-selector {
         text-decoration:none;
        }
        .lang-selector {
            text-decoration: underline;
            font-size: 1rem !important;
            font-weight:normal !important;
            color: var(--blue-farmina) !important;
            padding: 0.375rem 0.75rem;
        }
        .banner-section {
            /*margin: 0 !important;*/
        }
        .banner-section>div.row {
            gap:15px;
        }
        .row>div>img {max-width:100%;}
        .banner-left {
            background-position:center;
            background-size: cover;
            min-height: var(--banner-height);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1rem;
            color: white;
            position: relative;
        }
        .banner-right {
            min-height: calc(var(--banner-height) * 2 / 3);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1rem;
            color: white;
        }
        section.tipologia .product-grid {
            display: flex;
            flex-direction: column;
            height: 100%;
            gap: 0;
        }
        section.tipologia .product-item {
            flex: 1;
            gap:20px;
            display: flex;
            padding: 2rem;
            border-radius: var(--btn-radius);
            transition: transform 0.2s;
        }
        
        section.sidebyside .row:nth-child(odd) {
         flex-flow:row-reverse;
        }
        
        section.genius-btns {
        }
        section.genius-btns img {
         max-width:80px;
        }
        section.genius-btns h3 {
         flex:1 1 auto;
        }

        section.multi-panel-3 div.row>div {
         display: flex;
         flex-direction: column;  
             align-items: flex-start;
        }
        section.multi-panel-3 img {
        }
        section.multi-panel-3 div.content{
         /*flex:1 1 auto;*/
        }
        
        .product-item:hover {
            /*transform: translateY(-4px);*/
        }
        section.tipologia .product-item:nth-child(1) { background: linear-gradient(135deg, #ff6b6b, #ee5a24); }
        section.tipologia .product-item:nth-child(2) { background: linear-gradient(135deg, #4ecdc4, #26de81); }
        section.tipologia .product-item:nth-child(3) { background: linear-gradient(135deg, #a55eea, #4834d4); }
        section.tipologia .product-item>div:nth-child(1) {
         flex:2;
        }
        section.tipologia .product-item>div:nth-child(2) {
         flex:1;
        }
        section.tipologia .product-col {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            text-align: left;
        }
        .btn-white {
            background: white;
            color: #000;
            border: none;
            border-radius: var(--btn-radius);
            padding: 0.75rem 2rem;
            font-weight: 600;
            color:var(--blue-farmina);
        }
        input.btn-check+label {
         color:#aaa !important;
         font-weight:bold;
         padding:10px 10px;
        }
        input.btn-check:checked+label {
         color:var(--blue-farmina) !important;
        }
        input.btn-check+label.btn>div {
         display:flex;
        }
        input.btn-check+label.btn>div>p {
         padding:0 10px;
         margin:0;
        }
        input.btn-check+label.btn>div>p:first-child {
         flex:1;
         text-align:left;
        }
        input.btn-check+label.btn>div>p:nth-child(2) {
         text-align:right;
        }
        footer {
            background: #f1f1f1;
            color: black;
            border-radius: 0;
            overflow: hidden;
            margin: auto;
            max-width: var(--max-width);
        }
        .linea-links {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .linea-links img {
         height: 100px;
        }
        .linea-links>div {
         margin-top:0;
        }
        @media (min-width: 768px) {
            .linea-links {
                flex-direction: row;
                justify-content: center;
            }
        }
        .navbar-toggler {
            border-radius: var(--btn-radius);
            padding: 0.2rem;
            z-index:3;
        }
        
		.navbar.scrolled {
   box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		}
  .pill {back}
  .btn,.pill {
   border-radius: var(--btn-radius) !important;
   padding: 3px 12px;
  }
  .btn.bg-blue-farmina:hover {
   background-color:var(--blue-farmina) !important;
  }
  a.btn-white:hover {
   color:var(--blue-farmina);
   background-color:white;
  }
  a.how-much {
   padding-left: 50px;
    background: url(../imgs/scodella.svg) no-repeat 0 5px;
        white-space: nowrap;
  }
  a.how-much::after {
   content:">";
   position:relative;
   left:15px;
   display:inline-block; 
   text-decoration:none;
  }
  section.prodotto .accordion-button:not(.collapsed) {
   background-color:white;
  }
  section.prodotto .accordion-button::after {
   background-image:url(../imgs/plus.svg);
   transition:all 0.2s;
  }
  section.prodotto .accordion-button:not(.collapsed)::after {
   background-image:url(../imgs/minus.svg);
   position:relative;
   top:-9px;
  }
  section.eshop .accordion-item,section.eshop .accordion-button{
   background-color:transparent;
   border:0;
  }
  section.eshop .accordion-body {
   padding: 5px ;
  }
  section.eshop .accordion div.filter-item {
   display:block;
  }
  section.eshop .accordion-collapse button {
   border:0;
   font-size:small;
   color:#888;
   margin-right:0;
       margin-left: auto;
    display: block;
  }
  section.eshop .accordion div.filter-item {
   white-space:nowrap;
   overflow:hidden;
  }
  section.eshop #eshop-plist>div {
   display:flex;
   flex-direction:column;
  }
  section.eshop div.img-prod {
   position:relative;
   height:260px;
   display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  section.eshop div.img-prod img {
   max-width: 80%;
    max-height: 80%;
  }
  section.eshop #eshop-plist div.formats {
   width:80px;
  }
  section.eshop #eshop-plist div.addtocart {
   width:calc(100% - 90px);
   margin-left:10px;
  }
  section.eshop #eshop-plist div.text-start {
   flex:1;
  }
  section.eshop div.img-prod div.tag {
   position:absolute;
       font-size: small;
    padding: 0px 5px;
    left: 15px;
    top: 15px;
    background-color: var(--blue-farmina);
    color: white;
    border-radius: 5px;
  }
  section.eshop .formati {
    padding: 0px 10px;
    left: 15px;
    top: 15px;
    background-color: white;
    display:inline-block;
    border-radius: var(--bradius);
    padding:5px 5px 5px 10px;
  }
  
  form input,form select {
   margin-top:0.75rem;
   padding: 0.25rem 0.75rem;
   border-radius:var(--bs-border-radius);
  }
  form input[type="text"] {
  }
  
  input+label .banned {
   color:#aaa;
   position:relative;
  }
  input+label .banned:before {
    content: '';
    position: absolute;
    margin-top: 12px;
    width: 100%;
    border-bottom: 2px solid #8888;
  }
  input+label span.hl{
    background-color:#aaa;
    white-space: nowrap;
    color: white;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 10px;
    font-size:small;
    font-weight:normal;
  }
  input:checked+label span.hl{
    background-color: var(--blue-farmina);
  }
  .btn:active {
   border-width:1px !important;
   border-color:transparent !important;
  }
  .qty-updn {
  }
  .qty-updn>button:first-of-type {
   padding-right:0;
  }
  .qty-updn>button:nth-of-type(2) {
   padding-left:0;
  }
  button:focus {
   box-shadow:none !important;
  }
  
  .btn.bg-blue-farmina:active {
   background-color:var(--blue-farmina) !important;
  }
  .srounded {
   border-radius:1000px !important;
  }
  .rounded {
   border-radius:var(--bradius) !important;
   overflow:hidden;
  }
  .bg-blue-farmina {
   background-color:#0072CA;
   color:white !important;
  }
  a.bg-blue-farmina:hover {
   background-color:#0072CAb0;
   color:white !important;
  }
  .blue-farmina {
   color:#0072CA;
  }
  a.blue-farmina:hover {
   color:#0072CA;
  }
  .bi-list::before {
   color:transparent;
  }
  .navbar-toggler-icon {
   color:var(--blue-farmina);
  }
  .navbar-collapse {
   background-color: white;
   z-index:2;
   width:100%;
   padding-top: 20px;
  }
  .navbar-collapse.show {
   margin-top: 20px;
   border-radius: var(--bradius);
   padding: 20px;
   position: absolute;
   width: 100%;
   left: 0;
   top: 40px;
   height: calc(100vh - 100px);
   overflow-y:auto;
  }
  #bk-mobile-menu {
   /*position:absolute;*/
   /*left:0;*/
   /*top:0;*/
    display:none;
    position: fixed;
    z-index: 1;
    background-color: #ddd;
    pointer-events: all;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
  }
  #search-box {
   /*position:absolute;*/
   /*display:block;*/
   /*width:350px;*/
   min-height:50px;
   right:0;
   top:35px; 
   background-color:white;
   /*border-radius:0 0 var(--bradius) var(--bradius);*/
   padding:10px;
   display:none;
  }
  #search-box.show {
   display:block;
  }
  #search-box div.search-results ul {
   list-style:none;
   padding-left:0;
  }
  #search-box input {
   width:100%;
   border-bottom:1px solid var(--blue-farmina);
   margin-bottom:5px;
  }
  #bk-mobile-menu.show {
  display:block;
  }
  .navbar-toggler:focus {
   box-shadow:none;
  }
  .only-mobile.search {
   border-radius:0;
   border-bottom: 1px solid var(--blue-farmina);
   padding-right: 60px;
  }
  .only-mobile.search a {
  border-bottom:0;
  }
  
  body.expand-sections-bk section.full-section {
   max-width: none;
  }
  section.full-section>div {
   max-width: var(--max-width);
   margin:auto;
  }
  
  .collapsing {
  transition:none !important;
  }
  
  .flex-expand {
   flex:1 1 auto;
       align-items: anchor-center;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.nav-link:focus, .nav-link:hover {
   color:var(--blue-farmina);
   text-decoration:underline;
  }
  
  button.navbar-toggler.collapsed .open {
   display:none;
  }
  button.navbar-toggler:not(.collapsed) .close {
   display:none;
  }
  #mobile-lang-selector {
   position: absolute;
   top: 18px;
   right: 5px;
       height: 50px;
  }
  
  section.tipologia .product-col img {
   max-height:180px;
  }
  
  section.tipologia .product-grid {
   gap:15px;
  }
  
  .eshop-head h1 {
   margin-bottom:0;
  }
  .eshop-head {
   min-height:420px;
  }
  .eshop-head>div {
   margin-top:0;
       display: flex;
    align-items: anchor-center;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover; 
  }
  
@media (max-width: 991px) {
  section.sidebyside .row {flex-flow:column !important;}
  section.genius-btns .row>* {
   width:50%;
   display:flex;
   flex-direction:column;
   align-items:center;
  }

  .only-desktop {display:none !important;}
  #buy-now-menu {        
   position: fixed;
   height: 40px;
           top: calc(100vh - 90px);
   left: 16px;
   width: calc(100% - 32px);
          /* filter: drop-shadow(2px 4px 6px #0006);*/
  }
  #buy-now-menu a {
   /*width:100%;*/
   padding:0 40px;
  }
  
  ::-webkit-scrollbar {
    display: none !important;
  }
}

.carousel-indicators {
 margin-bottom:4rem;
}
.carousel-inner {
 margin-bottom:3rem;
 display:flex;
 flex:1 1 auto;
}
.carousel-item.active,.carousel-item-prev,.carousel-item-next {
 display:flex !important;
 flex-direction:column;
}
.carousel-item {
    position: relative;
}
.carousel-item *{
}
.carousel-item>div{
 background-position:center;
 background-size:contain;
 background-repeat:no-repeat;
 flex: 1 1 auto;
 width: 100%;
}
.carousel-item  img {
 
}
  
@media (min-width: 992px) {
#expandable-menu>div.flex-md-column:first-child {
   line-height:36px;
   /*max-width: calc(100% - 240px);*/
  }
  .only-mobile {display:none !important;}
  .navbar-collapse:before {display:none;}
  #expandable-menu {
   padding: 0;
   /*transition: max-height 0.2s;*/
   max-height:240px;
   /*max-height: 200px;*/
   overflow: hidden;
   /*align-items:flex-start;*/
   border-radius:10px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
   padding: 0 0.375rem 0 0.375rem !important;
  }
  .sub-menu {display:none;}
  .sub-menu.show {display:flex;}
  #expandable-menu.expanded {
   transition: max-height 1s;
   max-height:200px;
  }
  .navbar-expand-lg .navbar-nav {
   justify-content: center;
   align-items:center;
   //height:40px;
   flex-wrap: wrap;
   padding: 0 !important;
  }
  
  
}

@media (min-width: 768px) {
.banner-right {
   min-height: var(--banner-height);
   width: calc(33.33% - 20px);
   margin-left: 20px;
   gap:0;
  }
  .banner-section>div.row {
   gap:0;
  }
}