:root {

    /* kebhouze color */
    /*--bg_color: #fde7da;*/
    --bg_color: #feedd9;
    --blu:#251B5B;

    /*--rosa:#fc2e58;*/
    --rosa:#eb1247;
    --giallo:#ffce00;
    --bianco:white;
    --arancione: #f8ab63;

    --main-color:var(--blu);
    --hover-color:var(--rosa);
    
    --font_color: #000000;
    --avana: #F5EBDC; 
    --rosso: #D62300; 
    /*--giallo: #ffaa00; */
    --verde: #198737; 
    --submenu: #F8F1E7;
    --main_color_40: rgb(80 35 21 / 40%); 
    --loader: #414942;

    --unnamed-color-ffaa00: #FFAA00;
    --unnamed-color-198737: #198737;
    ---f5ebdc: #F5EBDC;
    ---ff8732: #FF8732;
    ---d62300: #D62300;
    ---502314: #502314;
    --background-dark: #E8DFCF;
    --disabled: #C9C9C9;
    --hover-cta: #951800;
    --unnamed-color-000000de: #000000DE;
    --unnamed-color-141414: #141414;
    --unnamed-color-555555: #555555;
    --unnamed-color-000000: #000000;
    --unnamed-color-333333: #333333;
  

    --giallo-header:#ffca34;
    --padding-section:4.5rem;
  }
  
  @font-face{
    font-family: 'Garnett Bold';
    src: url('fonts/Garnett/Garnett\ Bold.otf');
  }

  @font-face{
    font-family: 'Garnett Semibold';
    src: url('fonts/Garnett/Garnett\ Semibold.otf');
  }
  /* CUSTOM */
   
  button{
    font-family: 'Garnett Semibold';
  }

  #storelocator{
    cursor: pointer;
  }

  /* slider promo homepage */
  .carousel-home-news{
    --swiffy-slider-item-gap:2.5rem !important;
  }

  .carousel-home-main{
    /*background-color: var(--hover-color);*/
    color:var(--bianco);
    border-radius: 25px;
  }

  /* filtra la riga dello slider */ 
  .slider-container > li > div{
    padding-left: unset;
    padding-right:unset;
  }

  .rounded-header{
    /* height:500px; */
    color:var(--bianco);
    font-family: 'Garnett Semibold';
    font-size:5rem;

    display:flex;
    align-items: center;
    justify-content: center;
  }

  .text-highlighted{
    color:var(--hover-color);
  }

  .footer-content{

    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .kebz-border, .footer-content{
    border-radius: 25px;
  }

  .kebz-border{
    border:5px solid var(--hover-color);
  }

  .badge-big{
    font-weight: normal;
    color:var(--main-color);
    background-color: var(--arancione);
    font-size:5rem !important;
    /* letter-spacing: 0.28rem; */
    line-height: 3rem !important;
    text-transform: uppercase;
  }

  .zig-zag {
    
    background-color: var(--hover-color);
    color:var(--bg_color);

    text-align: center;

    text-transform: uppercase;
    display:flex;
    align-items: content;
    justify-content: center;
    width:auto;
    height: auto;
    clip-path: polygon(50% 0%, 46.93% 3.1%, 43.47% 0.43%, 40.83% 3.9%, 37.06% 1.7%, 34.89% 5.49%, 30.87% 3.81%, 29.21% 7.85%, 25% 6.7%, 23.89% 10.92%, 19.56% 10.33%, 19.01% 14.66%, 14.64% 14.64%, 14.66% 19.01%, 10.33% 19.56%, 10.92% 23.89%, 6.7% 25%, 7.85% 29.21%, 3.81% 30.87%, 5.49% 34.89%, 1.7% 37.06%, 3.9% 40.83%, 0.43% 43.47%, 3.1% 46.93%, 0% 50%, 3.1% 53.07%, 0.43% 56.53%, 3.9% 59.17%, 1.7% 62.94%, 5.49% 65.11%, 3.81% 69.13%, 7.85% 70.79%, 6.7% 75%, 10.92% 76.11%, 10.33% 80.44%, 14.66% 80.99%, 14.64% 85.36%, 19.01% 85.34%, 19.56% 89.67%, 23.89% 89.08%, 25% 93.3%, 29.21% 92.15%, 30.87% 96.19%, 34.89% 94.51%, 37.06% 98.3%, 40.83% 96.1%, 43.47% 99.57%, 46.93% 96.9%, 50% 100%, 53.07% 96.9%, 56.53% 99.57%, 59.17% 96.1%, 62.94% 98.3%, 65.11% 94.51%, 69.13% 96.19%, 70.79% 92.15%, 75% 93.3%, 76.11% 89.08%, 80.44% 89.67%, 80.99% 85.34%, 85.36% 85.36%, 85.34% 80.99%, 89.67% 80.44%, 89.08% 76.11%, 93.3% 75%, 92.15% 70.79%, 96.19% 69.13%, 94.51% 65.11%, 98.3% 62.94%, 96.1% 59.17%, 99.57% 56.53%, 96.9% 53.07%, 100% 50%, 96.9% 46.93%, 99.57% 43.47%, 96.1% 40.83%, 98.3% 37.06%, 94.51% 34.89%, 96.19% 30.87%, 92.15% 29.21%, 93.3% 25%, 89.08% 23.89%, 89.67% 19.56%, 85.34% 19.01%, 85.36% 14.64%, 80.99% 14.66%, 80.44% 10.33%, 76.11% 10.92%, 75% 6.7%, 70.79% 7.85%, 69.13% 3.81%, 65.11% 5.49%, 62.94% 1.7%, 59.17% 3.9%, 56.53% 0.43%, 53.07% 3.1%);
  }

  /*
  .slider-item-show9{
    --swiffy-slider-item-count:9;
  }

  .slider-item-show44{
    --swiffy-slider-item-count:4;
  }

  .swiffy-slider{
    --swiffy-slider-item-gap:2rem;
  }
  */

  .header_rounded{
    margin-top:3rem !important;
    margin-bottom:3rem !important;
    text-align: center;
    padding:3rem;
    height:396px;
    background-color: var(--rosa);
    color:white;
    line-height:5rem;
  }

  .header_full_width{
    /*height:396px;*/
    height:267px;

    text-align: center;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .header_cannettato{
    color:var(--giallo-header);
    /*font-size:7rem;*/
    font-size:clamp(4rem, 3vw + 0.5rem, 7rem);
    font-family: 'Garnett Bold';
    text-transform: uppercase;
  }

  .pin_category{
    position:absolute;
    z-index:100;
    left:7px;
    bottom:10px;
    width:5.5rem;
  }

  /* CUSTOM */
  

  html {
      /* 62.5% of 16px browser font size is 10px */
      font-size: 62.5%;
      
      position: relative;
      min-height: 100%;
  }
  
  body {
      /*min-height: 100vh;*/
      /*height:auto;*/
      /*margin: 0;*/
      font-family: 'Garnett Semibold';
      font-style: normal; 
      font-weight: normal; 
      font-size: 1.4rem; 
      line-height: 1.7rem;
      background-color: var(--bg_color);
      touch-action: manipulation; /* per disattivare zoom su mobile */
      -webkit-touch-callout: none !important;

      margin-bottom:25rem;
  }
  
  a {
    color: var(--main-color);
  }
  
  a:hover {
    color: var(--hover-color);
  }
  
  hr {
    opacity: 0.1;
  }
  
  h1 {
      font-size: 5rem;
      line-height: 4.9rem;
  }
  
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    line-height: normal;
  }
  
  .container-1600 {
   max-width: 1600px;
   --bs-gutter-x: 3rem;
  }
  .section-carousel .container-1600 {
    padding-right: 0;
    padding-left: 0;
  }
  .section-carousel .container-1600 .div-banner .row {
    --bs-gutter-x: 0;
  }
  
  /* Remove outline for non-keyboard :focus */
  *:focus:not(.focus-visible) {
    outline: none;
  }
  button:focus:not(.focus-visible) {
    outline: none;
    box-shadow: none;
  }
  
  .svg-main-color{
    filter: invert(11%) sepia(24%) saturate(7457%) hue-rotate(242deg) brightness(83%) contrast(97%);
  }

  a:hover .svg-main-color, a:active .svg-main-color{
    filter: invert(28%) sepia(75%) saturate(3451%) hue-rotate(332deg) brightness(101%) contrast(98%);
  }

  .svg-brown {
    filter: invert(15%) sepia(16%) saturate(3503%) hue-rotate(338deg) brightness(96%) contrast(93%);
  }
  a:hover .svg-brown, a.active .svg-brown {
    filter: invert(54%) sepia(95%) saturate(569%) hue-rotate(336deg) brightness(101%) contrast(101%);
  }
  .svg-orange {
    filter: invert(54%) sepia(95%) saturate(569%) hue-rotate(336deg) brightness(101%) contrast(101%);
  }
  .svg-avana {
    filter: invert(88%) sepia(2%) saturate(4008%) hue-rotate(324deg) brightness(112%) contrast(92%);
  }
  .svg-white {
    filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(109deg) brightness(105%) contrast(98%);
  }
  .svg-red {
    filter: invert(24%) sepia(99%) saturate(7490%) hue-rotate(21deg) brightness(97%) contrast(101%);
  }
  .no-decoration {
    text-decoration: none;
  }
  .font50 {
    font-size: 5rem;
    line-height: 4.9rem;
  }
  .font40 {
    font-size: 4rem;
    line-height: 3.9rem;
  }
  .font35 {
    font-size: 3.5rem;
    /* line-height: 3.4rem; */
    line-height: 4.5rem;
  }
  .font30 {
    font-size: 3.0rem;
    /* line-height: 2.9rem; */ 
    line-height: 4rem;
  }
  .font24 {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
  .font20 {
    font-size: 2.0rem;
    line-height: 2.4rem;
  }
  .font22 {
    font-size: 2.2rem;
    line-height: 2.1rem;
  }
  .font15 {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .font14 {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
  .font12 {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
  
  /*
  .font-flame {
    font-family: 'Flame';
  }
  .font-flamebold {
    font-family: 'Flame-Bold';
  }
  
  */

  .font-flame{
    font-family: 'Garnett Semibold';
  }

  .font-flamebold{
    font-family: 'Garnett Bold';
    font-weight:bold;
  }
  

  
  .font-orange {
    color: var(--arancione) !important;
  }
  .font-green {
    color: var(--verde);
  }
  .font-avana {
    color: var(--avana);
  }
  .font-black {
    /*color: var(--unnamed-color-000000de);*/
    color:var(--blu);

  }
  .font-red {
    color: var(--rosso);
  }
  .font-brown {
    color: var(--main-color);
  }
  .font-white {
    color: #fff;
  }
  
  #mobile-bar {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 900;
    left: 0;
    width: 100%;
  }
  
  #mobile-bar .title-item {
    font-size: 0.8rem;
    line-height: 1rem;
  }
  
  #mobile-bar .colonna-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      text-align: center;
  }
  
  #mobile-bar .icon-item-img {
    height: 20px;
  }
  
  .div-product-filter, .button__badge {
    display: none;
  }
  
  .btn-main {
    border-radius: 19px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 9px 24px;
    color: #fff;
    background-color: var(--rosso);
    border: 2px solid var(--rosso);
    text-decoration: none;
  }
  .btn-main:hover {
    background-color: var(--hover-cta);
    border: 2px solid var(--hover-cta);
    color: #fff;
  }
  .btn-main.btn-xl {
    border-radius: 25px;
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 14px 26px;
    display: inline-block;
  }
  
  .btn-main-outline {
    /* border-radius: 19px; */
    border-radius: 10px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 9px 24px;
    color: var(--rosso);
    background-color: transparent;
    border: 2px solid var(--rosso);
    text-decoration: none;
  }
  .btn-main-outline:hover {
    border: 2px solid var(--hover-cta);
    color: var(--hover-cta);
  }
  
  .btn-main-outline:disabled , .btn-main-outline:disabled:hover {
    border: 2px solid var(--disabled);
    color: var(--disabled);
  }
  
  .btn-tag-outline {
    /* border-radius: 18px;*/ 
    border-radius: 10px;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 6px 16px;
    color: var(--main-color);
    background-color: transparent;
    border: 2px solid var(--main-color);
    text-decoration: none;
    /* text-wrap: nowrap; */
  }

  .btn-tag-outline.active {
    border: 2px solid var(--main-color);
    background-color: var(--main-color);
    color: var(--giallo);
  }

  .btn-white, .btn-white:hover, .btn-white-outline:hover {
    border-radius: 19px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 9px 24px;
    color: var(--main-color);
    background-color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
  }
  .btn-white-outline {
    border-radius: 19px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 9px 24px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    text-decoration: none;
  }
  

  .btn-prodotto-outline{
    border-radius: 10px;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 6px 16px;
    color: var(--main-color);
    background-color: transparent;
    border: 2px solid var(--main-color);
    text-decoration: none;
  }

  .btn-prodotto-outline:hover{
    border:2px solid var(--hover-color);
    color:var(--hover-color);
  }  

  .text-danger {
    color: var(--rosso) !important;
  }
  
  .img-logo {
    transform:scale(1.25);
    width: 100%;
    min-width: 75px;
  }

  img.img-logo-mobile {
    max-width: 44px;
    width: 100%;
    min-width: 44px;
  }
  
  #header {
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: var(--main-color);
    font-family: 'Garnett Semibold'; 
    padding-top:0;
    /*background-color: var(--avana);*/
    background-color: var(--bg_color);
    z-index:5000;
  }
  
  .topbar {
    background-color: var(--main-color);
    color: var(--avana);
    font-family: 'Flame-Sans'; 
  }
  
  .topbar .nav-item a {
    color: var(--avana);
    font-size: 1.4rem;
  }
  
  .col-6.topbar-col2 {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
  }
  
  .nav-down {
    position: sticky;
    top: 0;
    transition: top 0.2s ease-in-out;
  }
  

  .header-col {

    font-family: 'Garnett Semibold';
    color:var(--main-color);
    
    display: flex;
    align-items: center;
  }
  
  .header-col1 {
    flex: 0 0 auto;
    width: 40%;
  }
  .header-col1f {
    flex: 0 0 auto;
    width: 44%;
  }
  
  .header-col2 {
    flex: 0 0 auto;
    width: 20%;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem;
  }
  .header-col3 {
    flex: 0 0 auto;
    width: 40%;
    justify-content: right;
    flex-wrap: wrap;
  }
  .overmenu-icon {
    margin-right: 10px;
  }
  
  .overmenu-icon-topbar {
    margin-right: 5px;
    width: 6px;
    top: -1px;
    position: relative;
  }
  
  .overmenu-mobile {
      font-family: 'Flame-Sans';
      margin-left: 15px;
  }

  /* cambia il colore dell'immagine*/ 
  .svg-main-color.active{
    filter: invert(28%) sepia(75%) saturate(3451%) hue-rotate(332deg) brightness(101%) contrast(98%);
  }
  
  .header-col1 a {
    padding-left: 2.5rem;
    border-left: 1px solid var(--main-color);
    margin-left: 2.5rem;
    text-decoration: none;
  }
  
  .header-col1 a:first-child {
    padding-left: 0;
    border-left: 0px solid var(--main-color);
    margin-left: 0;
  }
  
  .nav-item a {
    color: var(--main-color);
    text-wrap: nowrap;
  }
  
  .navbar-nav>.nav-item {
    margin-left:1.5rem;
  }
  
  .nav-item a.active, .navbar-nav .nav-link.active, .nav-item:has(.dropdown-item.active) .dropdown-toggle {
    /* color: var(--arancione); */
    color: var(--hover-color);
  }

  .nav-link:focus {
    color: var(--main-color);
  }
  .nav-link:hover , .header-col a:hover, .header-col .active {
    /*color: var(--arancione);*/
    color:var(--hover-color);
  }

  .nav-icon-link:hover{
    filter: invert(20%) sepia(88%) saturate(6460%) hue-rotate(338deg) brightness(94%) contrast(95%);
  }

  .dropdown-item.active, .dropdown-item:active {
    /* color: var(--arancione);*/ 
    color:var(--hover-color);
    background-color: transparent;
  }
  
  .dropdown-toggle.show {
    /* color: var(--arancione); */
    color:var(--hover-color);

  }
  
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0;
    content: url(/assets/images/icon_open-menu.svg);
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
  }
  
  .dropdown-toggle:hover::after, .dropdown-toggle.active::after, .dropdown-toggle.show::after {
    content: url(/assets/images/icon_open-menu-active.svg);
  }
  
  .div-arrow-top {
    background: var(--submenu);
    border: 1px solid transparent;
    box-shadow: 0px 2px 10px #00000029;
    padding-bottom: 20px;
  }
  .div-arrow-top:before, .div-arrow-top:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
  }
  /* .div-arrow-top:before {
    right: 49px;
    border: 11px solid transparent;
    border-bottom-color: red;
  } */
  .div-arrow-top:after {
    right: calc(50% - 4px);
    border: 8px solid transparent;
    border-bottom-color:var(--submenu);
  }
  
  .header-fsz .header-col1f .div-arrow-top:after {
    right: calc(60% - 4px);
  }
  
  .header-fsz .header-col3 .div-arrow-top:after {
    right: calc(30% - 4px);
  }
  
  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    margin-top: 5px;
    right: 0px;
  }
  
  .header-col1f .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0px;
    margin-top: 5px;
    right: auto;
  }
  
  a.dropdown-item {
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    padding: 1rem 2.5rem;
    border-bottom: 1px solid #d7d7d79e;
    font-family: 'Flame-Sans';
    text-align: center;
  }
  
  .dropdown-item:focus, .dropdown-item:hover {
    color: var(--main-color);
    background-color: transparent;
  }
  .navbar .btn-close {
    opacity: 1;
    background: transparent url(/assets/images/icon-close.svg) center/2rem auto no-repeat;
  }
  
  .btn-close:hover {
    color: inherit;
    opacity: .75;
  }
  
  .navbar-toggler-icon {
    /*
    width: 2.6rem;
    height: 1.9rem;
    */
    background-image: url(/assets/img/public/menu.svg);
  }
  
  button.navbar-toggler {
    border: 0;
  }
  
  .navbar .offcanvas {
    /* background-color: var(--main-color); */
    background-color: white;

  }

  #submenu {
    position:relative !important;
    transform:translate(20px) !important;
    border:0 !important;
  }

  #submenu > li{
    border-bottom: 1px solid #f5ebdc3b;
  }

  #submenu > li:last-child{
    border-bottom: 0px solid #f5ebdc3b;
  }
  
  .offcanvas-header  {
    padding: 1rem 2rem;
  }
  .offcanvas-body  {
    padding: 1rem 0rem;
  }
  
  .offcanvas.show .nav-item a {
    /* color: white; */
    font-family: 'Garnett Semibold';
  }
  
  .offcanvas.show li.nav-item, #storelocator li.nav-item {
    padding: 1rem 3rem;
    border-bottom: 1px solid #f5ebdc3b;
    margin: 0;
  }
  
  .offcanvas.show li.nav-item:last-child, #storelocator li.nav-item:last-child {
    border-bottom: 0px solid #f5ebdc3b;
  }
  
  .offcanvas.show .dropdown-toggle::after {
    content: url(/assets/images/icon_open-menu-mobile.svg);
    margin-left: 0.5em;
  }
  
  .offcanvas.show .div-arrow-top {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    padding-bottom: 0px;
  }
  
  .offcanvas.show a.dropdown-item {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    padding: 1rem 0rem;
    border-bottom: 0px solid #d7d7d79e;
    text-align: left;
    color: var(--hover-color);
  }
  .offcanvas.show .div-arrow-top:before, .offcanvas.show .div-arrow-top:after {
    display: none;
  }
  .offcanvas-banner-title, .offcanvas-banner-subtitle, .offcanvas-banner-img {
    color: var(--avana);
  }
  
  .offcanvas-banner-imgcontent {
    float: left;
  }
  
  .offcanvas-banner-content {
    padding: 1rem;
    float: left;
  }
  
  .offcanvas-banner {
    display: flex;
    align-items: center;
    background-color: var(--rosso);
    border-radius: 12px;
    margin: 3.5rem 1rem 1rem 1rem;
  }
  
  img.offcanvas-banner-img {
    z-index: 20;
    margin-top: -30px;
    position: relative;
    max-width: 150px;
  }
  
  .offcanvas-banner-title {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
  .offcanvas-banner-subtitle {
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-family: 'Flame-Sans';
  }
  .footer-container {
    --bs-gutter-x: 1.5rem;
  }
  .footer-line-1 {
    height: 29px;
    background-color: var(--arancione);
  }
  
  .footer-line-2 {
    height: 29px;
    background-color: var(--rosso);
  }
  
  footer {

    position: absolute;
    bottom: 0;
    margin:0 auto;
    width: 100%;

    padding-top: 4rem;
  }
  .footer-content {
    background-color: var(--main-color);
    color: var(--avana);
    padding: 3rem 3rem 4rem 3rem;
  }
  .footer-content>div {
    padding: 1rem;
  }
  .footer-content .title {
    font-size: 2.4rem;
    line-height: 2.3rem;
    color: var(--arancione);
    padding-bottom:1rem;
    font-family: 'Flame';
  }
  .footer-content .subtitle {
    font-size: 1.4rem;
    line-height: 2.3rem;
    padding-bottom:2rem;
  }
  
  .icon-social-img {
    margin-right: 15px;
  }
  .footer-menu {
    padding: 0;
    list-style: none;
  }
  .footer-menu li {
    padding-bottom: 0.5rem;
  }
  a.footer-menu-item {
    color: var(--avana);
    font-size: 1.3rem;
    line-height: 1.4rem;
    text-decoration: none;
  }
  .title-newsletter {
    font-size: 1.5rem;
    line-height: 1.2rem;
    color: var(--arancione);
    padding-bottom:1rem;
    padding-top: 1rem;
    font-family: 'Flame';
  }
  
  .buttonIn {
    width: 100%;
    position: relative;
    max-width: 280px;
  }
  
  .buttonIn input[type="text"] {
    margin: 0px;
    padding: 0px 40px 0px 2rem;
    width: 100%;
    outline: none;
    height: 38px;
    border-radius: 22px;
    border: 1px solid #fff;
    font-size: 1.3rem;
    color: var(--disabled);
  }
  
  .buttonIn input[type="image"] {
    position: absolute;
    right: 2px;
    z-index: 2;
    border: none;
    top: 2px;
    height: 34px;
  }
  
  #sidebar-filtri button {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    text-transform: none !important;
  }
  .btn-download {
    display: inline-flex;
  }
  .btn-download img {
    max-width: 14px;
    margin-left: 7px;
  }
  
  .btn-filtro-serizio img, .btn-filtro img, .btn-filtro-prod img {
    max-width: 21px;
    margin-right: 7px;
  }
  
  .btn-filtro-prod {
    margin-bottom: 1rem;
  }

  .subtitle15{
    font-size:1.5rem;
    font-family: 'Garnett Semibold';
  }

  .title18 {
    font-size: 1.8rem;
    line-height: 1.9rem;
    font-family: 'Garnett Bold';
    color: var(--main-color);
  }
  
  .title20 {
    font-size: 2rem;
    line-height: 1.9rem;
    font-family: 'Garnett Bold';
    color: var(--main-color);
  }
  
  .sidebar-locator {
    padding: 4rem 1rem 4rem 3rem;
  }
  
  #map {
    height: 100%;
    /* max-height: 800px;*/
    min-height: 650px;
  }
  
  #sidebar-map {
    background-color: #fff;
  }
  #sidebar-filtri {
    background-color: var(--background-dark);
  }
  
  div#lista-elementi-sidebar {
    max-height: 70vh;
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
    display: block;
  }
          
  .scrollbar-custom::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
  }
  
  .scrollbar-custom::-webkit-scrollbar-track {
    border-radius: 10px;
    border: 0px solid var(---f5ebdc);
    background-color: transparent;
  }
  
  .scrollbar-custom::-webkit-scrollbar-thumb {
     background: var(---f5ebdc);
  }
  
  #carousel-categorie-home {
    overflow-x: scroll;
    width: 100%;
    overflow-y: hidden;
    display: block;
    text-wrap: nowrap;
    white-space: nowrap;
  }
  
  .scrollbar-custom2::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  
  .scrollbar-custom2::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  .scrollbar-custom2::-webkit-scrollbar-thumb:horizontal {
     background: var(--main_color_40);
     max-width: 50px;
      border-radius: 10px;
  }
  
  
  .div-map-locator .gm-control-active.gm-fullscreen-control, .div-map-locator .gm-svpc, .div-map-locator .gmnoprint.gm-style-mtc-bbw, .div-map-locator .gm-style-cc {
    display: none;
  } 
  
  .div-map-locator .gmnoprint {
    top: 100px !important;
  }
  
  .locator-search {
    position: absolute;
    display: flex;
    align-items: stretch;
    width: 400px;
    top: 2rem;
    right: 2rem;
    z-index: 200;
    flex-direction: row-reverse;
  }
  
  .container-store-locator {
    position: relative;
    --bs-gutter-x: 1.5rem;
  }
  
  #input-ricerca-ristorante {
    color: inherit;
  }
  
  #input-group-ricerca-ristorante span {
    background-color: var(--rosso);
    border: none;
    border-radius: 20px;
    margin-left: 10px;
  }
  
  #input-group-ricerca-ristorante .btn {
    border-radius: 0px 20px 20px 0px;
    background-color: #fff;
    border: none;
  }
  
  .icon-item-list {
    margin-right: 8px;
    width: 20px;
    max-height: 20px;
  }
  
  .titolo-elemento-sidebar-map {
    font-size: 1.4rem;
    color: var(--unnamed-color-000000de);
    font-family: 'Flame';
  }
  
  .sottotitolo-elemento-sidebar-map {
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: var(--unnamed-color-000000de);
  }
  
  .list-col1 ul {
    list-style-type: none; /* no default bullets */
  }
  
  .list-col1 .list-store {
    display: list-item;
    /* margin-left: 20px; */
    color: var(--disabled);
  }
  
  .list-col1 .list-store.store_closed {
    color: var(--rosso);
  }
  
  .list-col1 .list-store.store_open {
    color: var(--verde);
  }
  
  .elemento-sidebar-map {
    padding-top: 1em;
    padding-bottom: 1em;
    cursor: pointer;
    border-bottom: 1px solid var(---f5ebdc);
  }
  .elemento-sidebar-map:first-child {
    padding-top: 0;
  }
  
  .div-button-filtri {
    margin-top: -50px;
    z-index: 200;
    position: relative;
    padding: 0 2rem;
    text-align: center;
  }
  
  .button-filtri {
    font-size: 1.8rem;
    font-family: "Flame";
    width: 100%;
  }
  
  .modal-dialog-bottom {
    display:flex;
    align-items: flex-end;
  }
  
  #modale_filtri .btn-filtro {
    margin: 5px;
    text-transform: none !important;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
  
  #modale_filtri .modal-header {
    border: 0;
  }
  
  #modale_filtri .modal-header .btn-close {
    margin: 0 auto;
  }
  
  #modale_filtri .modal-dialog {
    --bs-modal-margin: 2rem;
  }
  
  .button__badge {
    background-color: var(--arancione);
    border-radius: 50px;
    color: #fff;
    padding: 2px 8px;
    font-size: 1rem;
    position: absolute;
    top: -8px;
    right: -5px;
  }
  
  #dettagli-elemento-shop, .div-app-sidebar {
    background-color: #fff;
    padding:3rem;
  }
  
  #dettagli-elemento-name {
    font-size: 5rem;
    line-height: 4.9rem;
    font-family: 'Garnett Bold';
    color:var(--main-color);
  }

  #dettagli-elemento-indirizzo, #dettagli-elemento-phone {
    font-size: 2rem;
    line-height: 2.4rem;
    display: flex;
    align-items: baseline;
  }
  
  .chiudi-sidebar-dettaglio span {
    text-decoration: underline;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
  .breadcrumb img,.chiudi-sidebar-dettaglio img {
    height: 12px;
    margin-right: 5px;
  }
  .dettagli-icon {
    height: 14px;
    margin-right: 10px;
  }
  
  .dettagli-elemento-servizio {
    float: left;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.9rem;
    margin: 2rem 3rem 0 0;
  }
  .dettagli-elemento-servizio .icon-item-dettaglio {
    height: 40px;
    max-width: 40px;
  }
  .dettagli-elemento-title {
    font-size: 3rem;
    line-height: 2.9rem;
    color: var(--hover-color);
    font-family: 'Garnett Bold';
  }
  
  #dettagli-elemento-servizi {
    display: inline-block;
  }
  
  .table-times td{
   padding: 5px 20px 5px 5px;
  }
  #dettagli-elemento-phone a {
    text-decoration: none;
  }
  #dettagli-elemento-indicazioni a {
    display: inline-flex;
    align-items: center;
  }
  #dettagli-elemento-indicazioni a img  {
    margin-left:5px;
    width:15px;
  }
  
  .div-button-filter {
    position: absolute;
    z-index: 203;
    top: -46px;
    right: 20px;
  }
  
  .div-ritira-come-vuoi {
    padding: 3rem;
  }
  
  .table-ritira-come-vuoi .col1 img {
    width:50px;
    max-height: 50px;
  }
  
  .table-ritira-come-vuoi .col2 {
    padding: 2rem 0 2rem 3rem;
  }
  
  .dettagli-elemento-subtitle.pb-5, .table-times, .table-ritira-come-vuoi .subtitle {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  .div-app-banner {
    padding:1rem;
    border-radius: 12px;
    text-align: center;
  }
  .div-app-banner .img-banner-app {
    width: 50%;
  }
  
  .div-app-banner .banner-button-cta {
    display: inline-flex;
  }
  .carousel-home-banner .slider-container>li>.container-fluid, .carousel-home-banner .slider-container>li>.container-fluid>.row, .carousel-home-banner .slider-container>li>.container-fluid>.row>div,
  .carousel-common .slider-container>li>.container-fluid, .carousel-common .slider-container>li>.container-fluid>.row, .carousel-common .slider-container>li>.container-fluid>.row>div,
  .carousel-common2 .slider-container>li>.container-fluid, .carousel-common2 .slider-container>li>.container-fluid>.row, .carousel-common2 .slider-container>li>.container-fluid>.row>div {
    height: 100%;
  }
  .btn-strores {
    padding: 5px;
    display: inline-block;
  }
  .btn-strores img {
    max-width: 120px;
  }

  /* 
  .carousel-home-main {
    height: 550px;
  }
  .carousel-home-main .carousel-cell {
    width: 100%;
    height: 100%;
    margin-right: 10px;
    border-radius: 12px;
  }
  .carousel-home-main .flickity-page-dots {
    bottom: 0px;
    display: none;
  }
  .carousel-home-main .flickity-viewport {
    position: absolute;
    width: 100%;
  } */
  
  .carousel-home-main .slider-image {
    max-height: 620px;
    max-width:1400px;
    width: 100%;
    height: auto;
    border-radius: 22px;
  }
  
  .carousel-home-main .col-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--avana);
  }
  .carousel-home-main .colonna1 {
    /*padding: 2rem;*/
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
  .carousel-home-main .colonna2 {
    padding:3rem 8rem 3rem 2rem;
    text-align: center;
  }
  .carousel-home-main .slider-overtitle, .carousel-home-main .slider-subtitle {
    background-color: yellow;
    font-family: 'Garnett Semibold';
  }

  .carousel-home-main .slider-title, .titolo-section {
    
    /*
      font-family: 'Flame-Bold';
      color: var(--arancione);
    */
    font-family: 'Garnett Semibold';
    color:var(--blu);
    padding:1rem 0;
  }
  .carousel-home-main .slider-container, .carousel-main .slider-container, .rounded-header, .rounded-img {
    border-radius: 25px;
  }
  .carousel-home-main .slider-description {
    padding:3rem 0;
  }
  
  .swiffy-slider.slider-nav-round .slider-nav::after, .swiffy-slider.slider-nav-square .slider-nav::after {
    background-color: #fff;
  }
  .swiffy-slider.slider-nav-round .slider-nav::before, .swiffy-slider.slider-nav-square .slider-nav::before {
    background-color: var(--main-color);
  }
  .swiffy-slider .slider-nav:hover {
    opacity: 0.8;
  }
  .swiffy-slider .slider-nav {
    opacity: 1;
    -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
  }
  
  .swiffy-slider.slider-nav-round .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
  }
  .slider-indicators>.active {
    /* background-color:var(--giallo);*/ 
    background-color:var(--blu);
  }
  
  .slider-nav-outsideleft .slider-container {
    margin: 0 0 0 var(--padding-section);
  }
  
  .slider-nav-outside-left li {
    margin-left: var(--padding-section);
  }
  .slider-item-reveal {
    --swiffy-slider-item-reveal: 15rem;
  }
  .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next), .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
    visibility: visible;
  }
  .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next)::before, .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next::before {
    background-color: var(--disabled);
  }
  .swiffy-slider {
    --swiffy-slider-item-gap: 2rem;
  }
  .swiffy-slider .slider-nav {
    -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
  }
  .carousel-home-main .slider-nav {
    padding: 2rem;
  }
  .swiffy-slider .div-img-news, .news-card .div-img-news {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 12px 12px 0 0;
    /*background-color: #fff;*/
  }
  
  .swiffy-slider .div-content-news, .news-card .div-content-news {
    padding: 2rem;
    border-radius: 0 0 12px 12px;
    color:var(--unnamed-color-000000de)
  }
  
  .swiffy-slider .news-title{
    font-family: 'Garnett Semibold';
    color:var(--main-color); 
  }

  section {
    padding: 2rem var(--padding-section);
  }

  section .div-titolo-section {
    padding-left: var(--padding-section);
    padding-bottom: 3rem;
  }

  section .element-section {  
    padding-left: var(--padding-section);
  }

  section.section-carousel {
    padding: 2rem 0;
  }
  
  .section-pari {
      background-color: var(--background-dark);
  }
  .col-banner-text-center {
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 4rem;
  }
  .col-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem;
    align-items: flex-start;
  }
  .col-banner-img {
    padding: 0;
    align-items: center;
  }
  .banner_type_1 .col-banner-img img {
    border-radius: 10px;
  }
  img.img-fluid.home-image-locator {
    padding: 1rem 0 0 4rem;
    border-left: 1px solid var(--avana);
    max-width: 300px;
  }
  .div-banner, .li-banner, #carousel-news .slide-immagine {
    border-radius:12px;
  }
  
  .testata, .testata-scheda {
    /*background-color: var(--main-color);*/
    
    /* imposta lo sfondo del tavolo con il banner rosso*/
    background-image: url("/assets/img/public/sfondo_prodotto.png");
    background-repeat: repeat-x;

    min-height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem;
    color: var(--avana);
  }
  
  .testata.testata-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15rem 4rem;
    border-radius: 25px;
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
  }
  
  .bg-brown {
    background-color: var(--main-color);

  }
  .testata-img {
    margin-bottom: -130px;
  }
  .testata-img img {
    max-width: 550px;
  }
  .testata-scheda {
    margin-bottom: 100px;
  }
  
  /* custom testata */

  table .col2{
    font-size: smaller;
  }

  .testata-title{
    color: var(--main-color);
  }
  
  /* */
  .main-policy table {
    width:100%;
  }
  .main-policy table td {
    border: 1px solid var(--disabled);
  }
  
  .main-policy h2 {
    font-family: 'Flame';
    color: var(--main-color);
  }
  
  .main-policy ol {
    margin-top: 4rem;
  }
  
  .img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
  }

  .img-round {
    border-radius: 12px;
  }
  
  .slider-item-show9 {
    --swiffy-slider-item-count: 9;
  }
  
  .slider-item-show10 {
    --swiffy-slider-item-count: 10;
  }
  
  .slider-item-show12 {
    --swiffy-slider-item-count: 12;
  }
  .swiffy-slider.slider-item-show12 {
    --swiffy-slider-item-gap: 0.5rem;
  }
  
  #categorie-prod-app, #carousel-categorie-prod, #carousel-prodotti{
    background-color: var(--giallo);
  }

  #carousel-categorie-prod .title {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  
  .img-carousel-prod {
    /* max-width: 70px;*/ 
    max-width: 200px;
    margin-bottom: 1rem;
  }

  .img-prod{
    max-width:275px;
  }
  
  .section-carousel-categorie-prod {
    background-color: var(--background-dark);
    margin-bottom:2rem;
  }

  .section-carousel-ingredient{

    border-top:2px solid var(--blu);
    border-bottom:2px solid var(--blu);
  
  }
  
  .sidebar-prodotti {
    padding: 2rem 1rem;
  }
  .main-prodotti, .main-pressroom {
    padding: 2rem 4rem 2rem 2rem;
    border-left:var(--background-dark) 1px solid;
  }
  .col-prodotto {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  
  .btn-filtro-categoria {
    cursor: pointer;
  }
  a.link-categoria-prod.active>div {
    border-bottom: 10px solid var(--blu);
  }
  .carousel-ingredienti .slider-indicators>.active {
    background-color: var(--main-color);
  }
  .img-carousel-ingredienti {
    max-height: 60px;
    max-height:140px;
  }
  .tabs-scheda-prod .nav-pills .nav-link {
    font-size: 2.5rem;
    font-family: 'Flame';
    color: var(--disabled);
  }
  .tabs-scheda-prod .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--arancione);
    background-color: transparent;
  }
  
  .tabs-scheda-prod .nav-pills .nav-link {
    font-size: 2.5rem;
    font-family: 'Flame';
    color: var(--disabled);
    border-radius: 0px;
  }
  .tabs-scheda-prod .nav-pills .nav-item, .tabs-scheda-prod .colonna2 {
    border-left: 1px solid var(--main_color_40);
  }
  .tabs-scheda-prod .nav-pills .nav-item:first-child {
    border:0;
  }
  .tabs-scheda-prod #pills-tabContent {
    border-top: 1px solid var(--main_color_40);
  }
  .img-grammi img {
    width: 36px;
  }
  .img-allergeni {
    width: auto;
    height: 40px;
  }
  #carousel-prodotti .news-title {
    /* min-height: 36px; */
  }
  .section-nutrienti-allergeni {
    background-color: #fff;
  }
  .span-mostra-n-risultati {
    float: right;
  }
  .main-news .news-card {
    padding: 2rem 1rem;
  }
  
  select.form-control {
    /* Arrow */
    /*
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
    */
    appearance: none;
    background-image: url(/assets/images/Arrow-gallery-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.2rem top 0.1rem;
    background-size: auto auto;
  }
  
  .form-control, .easy-autocomplete input {
    width: 100%;
    padding: 10px 40px 10px 2rem;
    border-radius: 22px;
    font-size: 1.3rem;
    outline: none;
    border: 1px solid var(--disabled);
  }
  .form-control:focus {
    background-color: #fff;
    border-color: var(--main-color);
    box-shadow: 0 0 0 0rem rgba(13,110,253,.25);
  }
  
  ::placeholder {
    color: var(--disabled); /* Firefox */
  }
  ::-ms-input-placeholder { /* Edge 12-18 */
    color: var(--disabled)
  }
  
  textarea.form-control {
    padding: 10px 10px 10px 2rem;
    border-radius: 12px;
  }
  #contact-form .easy-autocomplete-container {
    background-color: #fff;
    border-radius: 12px;
  }
  #contact-form .easy-autocomplete-container ul {
    border-radius: 12px;
    border: 0;
    max-height: 300px;
    position: relative;
    overflow: auto;
    margin-top: 20px;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
  }
  
  #contact-form .easy-autocomplete-container ul li, #contact-form .easy-autocomplete-container ul .eac-category {
    padding: 10px 0;
  }
  #contact-form .easy-autocomplete-container ul li {
    border: 0;
    border-bottom: 1px solid var(--disabled);
  }
  
  .easy-autocomplete-container ul li.selected, .easy-autocomplete-container ul li.selected:hover, .easy-autocomplete-container ul li:hover {
    background: transparent;
    cursor: pointer;
    color: var(--arancione);
  }
  
  /* --------------Create a custom radio and checkbox button-------------- */
    .label-container {
      display: inline;
      position: relative;
      padding-left: 20px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding-right: 20px;
    }
  
    /* Hide the browser's default radio button */
    .label-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
    }
  
    /* Create a custom radio button */
    .checkmark {
      position: absolute;
      top: 0px;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #fff;
      border-radius: 50%;
    }
  
    /* On mouse-over, add a grey background color */
    .label-container:hover input ~ .checkmark {
      background-color: #ccc;
    }
  
    /* When the radio button is checked, add a blue background */
    .label-container input:checked ~ .checkmark {
      background-color: #fff;
    }
  
    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
  
    /* Show the indicator (dot/circle) when checked */
    .label-container input:checked ~ .checkmark:after {
      display: block;
    }
  
    /* Style the indicator (dot/circle) */
    .label-container .checkmark:after {
      top: 3px;
      left: 3px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--rosso);
    }
  /* ------------------------------------------------------ */
  #contact-form .row {
    padding-top: 1.5rem;
  }
  
  input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0)) !important;
  }
  
  .select2-container--default .select2-selection--multiple {
    border-radius: 22px;
    padding: 6px 40px 6px 2rem;
  }
  .slide-carousel2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 22px;
  }
  .slide-carousel2 .colonna1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 22px 0 0 22px;
  }
  
  .slide-carousel2 a {
    height: 100%;
    display: block;
  }
  
  .banner-image-radius {
    border-radius: 12px 0 0 12px;
  }
  .banner-image-radius22 {
    border-radius: 22px 0 0 22px;
  }
  .equal .news-card {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
  }
  .col-card {
    padding:2rem;
  }
  .col-card .div-content-news {
    padding: 1rem;
  }
  .label_date {
    background-color: var(--background-dark);
    padding: 1rem 2rem;
    border-radius: 12px;
    display: inline-block;
  }
  .col-pressroom {
    padding: 4rem 1rem;
    border-bottom: 1px solid var(--main_color_40);
  }
  .col-pressroom:first-child {
    padding-top: 0;
  }
  .div-button a {
    margin-right:10px
  }
  .div-input-search-modal {
    padding: 0 5px;
  }
  
  #videoModal {
    z-index: 999999;
    --bs-modal-bg: rgba(0, 0, 0, .6);
  }
  
  #videoModal .modal-header {
    border: 0;
    padding: 5px 20px;
  }
  #videoModal .modal-body {
    padding: 0;
  }
  
  ul.storeclosed li::marker {
    color: var(--rosso);
  }
  
  ul.storeopen li::marker {
    color: var(--verde);
  }
  
  .header-col1f .navbar-nav>.nav-item:first-child, .topbar-col1 .navbar-nav>.nav-item:first-child {
    margin-left: 0;
  }
  
  .topbar-col2 .navbar-nav>.nav-item {
    margin-left: 4rem;
  }
  .container-1600 .banner_type_2 {
    border-radius: 0;
  }
  
  .ratio>.img-card-prod {
    top: auto;
    bottom: 0;
  }
  
  .banner-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 12px 0 0 12px;
    background-color: transparent;
  }
  
  .banner_type_3 .banner-bg, .banner-only-image {
    min-height: 550px;
  }
  .banner_type_3 .col-banner-text-center {
    padding:7rem;
  }
  
  .banner-only-image {
    border-radius: 12px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  
  .banner_type_4 .col-banner-text-center-mobile {
    padding:7rem 2rem;
  }
  
  .banner-elenco li {
    list-style-type: none;
    padding: 3rem;
    background-color: var(--background-dark);
    border-radius: 12px;
    margin-top: 30px;
  }
  .banner-elenco ul {
    padding-left: 0;
  }
  
  .div-faq .panel-heading a, 
  .div-faq .panel-heading a:hover, 
  .div-faq .panel-heading a:active, 
  .div-faq .panel-heading a:focus  {
    text-decoration:none;
    color: var(---502314);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .div-faq .panel-heading {
    padding: 30px 15px;
  }
  
  .div-faq .panel-body {
    padding: 30px 40px;
    background: var(--background-dark);
    border-radius: 12px;
    margin-bottom: 20px;
    margin-left: 15px;
  }
  .div-faq .panel {
    border-bottom: 1px solid var(--background-dark);
  }
  
  .div-faq .arrow {
    -webkit-transform: rotate(180deg);    
    -moz-transform: rotate(180deg);        
    -o-transform: rotate(180deg);          
    -ms-transform: rotate(180deg);         
    transform: rotate(180deg);
  /*   position: relative;
    top:-10px; */
  }
  
  .div-faq .collapsed .arrow {
    -webkit-transform: rotate(0deg);     
    -moz-transform: rotate(0deg);        
    -o-transform: rotate(0deg);          
    -ms-transform: rotate(0deg);   
    transform: rotate(0deg);
  }
  
  .banner_type_stories {
    padding: 0 5rem;
  }
  
  .container-form-franchisee .label-container {
    display: block;
    margin-top: 10px;
  }
  
  .container-form-franchisee #contact-form .row {
    padding-top: 4rem;
  }
  
  #cookie-banner {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #dee2e6f7;
    text-align: center;
    padding: 20px;
    border-top: 2px solid #502314;
  }
  
  .col-desc-categoria {
    background-color: var(--background-dark);
    padding: 1rem;
    border-radius: 10px;
  }
  #submitbtn:disabled {
    display: flex;
  }
  /* LOADER */
  .loader {
    width: 18px;
    height: 18px;
    border: 3px solid var(--loader);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: none;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  #submitbtn:disabled .loader {
    margin-right: 5px;
    display: inline-block;
  }
  @keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} 
  /* END LOADER */
  /* .nav-item:has(.dropdown-item) .dropdown-toggle {
    color:red !important;
  } */
  
  /* .flickity-prev-next-button {
    width: 38px;
    height: 38px;
  }
  .flickity-button {
    background: var(--rosso);
    color: #fff;
  }
  
  .flickity-button:hover {
    background: var(--rosso);
    opacity: 0.9;
  } */
  @media (max-width: 62rem) {
    .slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>* {
        width: 10px;
        height: 10px;
    }
    .swiffy-slider.slider-item-show2-sm {
      --swiffy-slider-item-count: 2;
    }
    .swiffy-slider.slider-item-show3-sm {
      --swiffy-slider-item-count: 3;

    }
    .swiffy-slider.slider-item-show4-sm {
      --swiffy-slider-item-count: 4;

    }

    .slider-item-show9 {
      --swiffy-slider-item-count: 6;
    }
    .slider-item-show10 {
      --swiffy-slider-item-count: 7;
    }
  }
  @media (max-width: 1400px) {
    #header {
      font-size: 1.4rem;
      line-height: 1.7rem;
    }
    .navbar-nav>.nav-item {
        margin-left: 1rem;
    }
    .carousel-home-main .slider-image {
      max-height: 350px;
      width: auto;
    }
  }
  
  @media (max-width: 1024px) {
    .carousel-home-main .colonna2 {
      padding:2rem;
      text-align: center;
    }
    .font50 {
      font-size: 3.5rem;
      line-height: 3.4rem;
    }
    .font40, .font30 {
      font-size: 2.2rem;
      line-height: 2.1rem;
    }
    .font35 {
      font-size: 1.8rem;
      line-height: 1.9rem;
      letter-spacing: 0.18px;
    }
    .font24 {
      font-size: 1.6rem;
      line-height: 1.7rem;
    }
    .font20, .font22, .div-about1 .font15, .body-franchising .font15{
      font-size: 1.4rem;
      line-height: 1.7rem;
    }
    .font15 {
      font-size: 1.2rem;
      line-height: 1.4rem;
    }
    .div-banner-storelocator .font35, .div-about1 .font35, .div-app-banner .font35 {
        font-size: 3.5rem;
        line-height: 3.4rem;
    }
    .col-12.col-banner {
        padding: 2rem 3rem;
    }
  
    .banner_type_1 .col-12.col-banner,.banner_type_2 .col-12.col-banner {
      padding: 2rem;
    }
    .banner_type_1 .col-banner-img img {
      width: 100% !important;
    }
    .banner_type_3 .col-banner-text-center {
      padding:4rem;
    }
  
    .banner_type_3 .banner-bg,.banner-only-image {
      aspect-ratio: 4 / 3;
      min-height: unset;
    }
  
    .banner_type_4 .banner-bg {
      aspect-ratio: 4 / 3;
      background-position: top;
    }
  
    .banner_type_4 .col-banner-text-center-mobile {
      padding:2rem 2rem;
    }
    
    .header-fsz .header-col2 {
  
      justify-content: left;
    }
  
    .div-banner.banner_type_3, .banner_type_3 .col-12 {
      border-radius: 0 0 0 0;
    }
    .div-faq .panel-body {
        margin-left: 0px;
    }
  
    .banner_type_stories {
      padding: 0 2rem;
    }
    .banner_type_stories .col-12.col-banner {
      padding: 0.5rem 1rem !important;
    }
    .banner-only-image {
      border-radius: 0px;
    }
    .banner-button-cta {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .banner-button-cta a {
        width: 100%;
    }
   
  }
  
  @media (max-width: 768px) {
    #sidebar-map {
      z-index: 201;
      position: absolute;
      bottom: -4rem;
      border-radius: 12px 12px 0 0;
      /* display: block !important; */
    }
    div#lista-elementi-sidebar {
      display: none;
    }
    #dettagli-elemento-name {
      font-size: 3.5rem;
      line-height: 3.4rem;
    }
    .slider-item-reveal {
      --swiffy-slider-item-reveal: 5rem;
    }
    .swiffy-slider {
      --swiffy-slider-item-gap: 1rem;
    }
    /* .carousel-home-main .flickity-page-dots {
      display: inherit;
    } */
    .carousel-home-main .slider-image {
      max-height: 250px;
      width: auto;
      max-width: 100%;
    }
    .carousel-home-main .slider-container {
      border-radius: 0px;
    }
    section {
      padding: 2rem 0;
    }
    section .div-titolo-section {
      padding-left:calc(var(--bs-gutter-x) * .5);
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-bottom: 1rem;
    }
    section .element-section {
      padding-left:calc(var(--bs-gutter-x) * .5);
      padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .link-view-all {
      float: right;
    }
    .slider-nav-outsideleft .slider-container, .slider-nav-outside-left li {
      margin-left:calc(var(--bs-gutter-x) * .5);
    }
  
    .slider-container .col-banner {
      text-align: left;
    }
    .col-banner {
        padding: 2rem 1rem;
    }
    .col-banner-text-center, .slider-container .col-banner.col-banner-text-center, .col-banner-text-center-mobile {
      align-items: center;
      text-align: center;
      padding: 2rem 3rem;
    }
    .slide-carousel2 .col-banner-text-center-mobile.colonna2 {
      padding: 1rem;
    }
    .slider-item-show9 {
      --swiffy-slider-item-count: 4;
    }
    .slider-item-show10 {
      --swiffy-slider-item-count: 5;
    }
    #carousel-categorie-prod .title {
      font-size: 1.1rem;
      line-height: 1.3rem;
    }
    .main-prodotti, .main-pressroom {
      padding: 2rem 2rem 2rem 2rem;
      border-left:var(--background-dark) 0px solid;
    }
    .testata-img {
      margin-bottom: -80px;
    }
    .testata-scheda {
      margin-bottom: 50px;
    }
    .tabs-scheda-prod .colonna-titolo {
      display: flex;
      align-items: center;
      text-align: left;
    }
    .tabs-scheda-prod .nav-pills .nav-link {
        font-size: 1.8rem;
    }
    .btn-white, .btn-white:hover {
      padding: 5px 9px;
    }
    .tabs-scheda-prod .colonna2 {
      border-left: 0;
    }
    .scrollbar-custom2::-webkit-scrollbar-thumb:horizontal {
      background: transparent;
    }
    .carousel-common .slider-container>li>.container-fluid, .carousel-common .slider-container>li>.container-fluid>.row, .carousel-common .slider-container>li>.container-fluid>.row>div {
      height: auto;
    }
    .main-news .news-card {
      padding: 1rem 0;
    }
    .testata.testata-bg {
      padding: 10rem 2rem;
      border-radius: 0;
    }
    .div-contact-submit {
      padding-top: 3rem;
      text-align: center;
    }
    .col-card {
      padding: 1rem 0.5rem;
    }
    .form-control, .easy-autocomplete input {
      font-size: 1.1rem;
      line-height: 2rem;
    }
    .btn-main.btn-xl {
      border-radius: 25px;
      font-size: 1.4rem;
      line-height: 1.7rem;
      padding: 9px 24px;
    }
    div#cookie-banner button {
        width: 100%;
        margin-top: 5px;
    }
  
  }
  
  @media (max-width: 600px) {
    .navbar .offcanvas {
      width: 100%;
    }
    .locator-search {
        width: 90%;
    }
    #map {
      min-height: 700px;
    }
  }
  
  @media (min-width: 1200px) {
    .carousel-ingredienti .slider-container {
      justify-content: center;
    }
  }