@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

:root {
    --white: #fff;
    --azz: #2FB5D2;
    --giallo: #f3e601;
    --rosso: #e53132;
    --black: #191919;
    --light: #f3f3f3;
    --light-grey: #f5f5f5;
    --green: #65cf72;
    --dark-red: #932020;
    --footer: #a42525;
    --tooltip-bg: #111827;   /* grigio molto scuro */
    --tooltip-text: #f9fafb; /* quasi bianco */
    --tooltip-accent: #22d3ee; /* ciano acceso */
    --tooltip-shadow: rgba(0,0,0,.35);
}

* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 62.5%; scroll-behavior: smooth;}
body {font-family: 'Roboto', sans-serif; color: var(--black); background: #c5c5c5; font-size: 1.6rem; line-height: 1.5; }
hr {margin: 3rem auto;}
ul, ol {list-style: none;}
.body {max-width: 200rem; margin: 0 auto; background: var(--white); overflow: hidden;}

a { text-decoration: none; color: var(--black); transition: all .3s; cursor: pointer;}
button {border: none; cursor: pointer; font-family: 'Roboto', sans-serif; background: transparent; transition: all .4s;}
input {font-family: 'Roboto', sans-serif;}
textarea {font-family: 'Roboto', sans-serif; resize: vertical;}
.clear { clear: both;}
.clearfix::after { content: ""; display: table; clear: both; }
.center { text-align: center;}
.container {width: 100%; max-width: 142rem; padding: 0 2%; margin: 0 auto;}
.container-2 {width: 95%; padding: 0; margin: 0 auto;}
.container.dettaglio h2 {font-size: 2rem; line-height: 1.4; color: var(--rosso); margin-bottom: 2rem!important; }
.container.dettaglio p {font-size: 1.6rem; line-height: 1.8; font-weight: 400; margin-bottom: 2rem!important;}
.errore { font-weight: 600; font-size: 9rem;}
.flex {display: inline-flex; width: 100%; flex-wrap: wrap;}
.hidden { opacity: 0;}
.visible { opacity: 1;}
.display_none{ display: none !important; }
.upper {text-transform: uppercase;}
.pointer{ cursor: pointer;}
.mt-1rem{ margin-top: 1rem !important;}
.mt-2rem{ margin-top: 2rem !important;}
.mt-3rem{ margin-top: 3rem !important;}
.mt-10rem{ margin-top: 10rem !important;}
.mb-3rem{ margin-bottom: 3rem !important;}
.mb-10rem{ margin-bottom: 10rem !important;}

.p-2rem{ padding: 2rem !important;}

/* TOOLTIP */
.tooltip__bubble{
    position:absolute; inset:auto auto calc(100% + 10px) 50%; /* sopra e centrato */
    translate:-20% 0; 
    background:var(--tooltip-bg); color:var(--tooltip-text);
    padding:8px 10px; border-radius:10px; font-size:14px; line-height:1.2; white-space:nowrap;
    box-shadow:0 10px 30px var(--tooltip-shadow), 0 0 0 1px rgba(255,255,255,.04) inset;
    outline: 1px solid rgba(255,255,255,.06);

    /* Stato iniziale: nascosto ma presente nel flow per accessibilità */
    opacity:0; visibility:hidden; transform:translateY(6px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s step-end;
    pointer-events:none; z-index:10;
}

/* Freccetta */
.tooltip__bubble::after{
    content:""; position:absolute; left:20%; bottom:-6px; translate:-50% 0;
    width:10px; height:10px; rotate:45deg; background:var(--tooltip-bg);
    box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
}

/* Mostra su hover o focus del trigger */
.tooltip:where(:hover, :focus-within) .tooltip__bubble{
    opacity:1; visibility:visible; transform:translateY(0);
    transition: opacity .15s ease, transform .15s ease, visibility .15s step-start;
}

/* Variante: posizione in basso */
.tooltip[data-placement="bottom"] .tooltip__bubble{
    inset: calc(100% + 10px) auto auto 50%;
}
.tooltip[data-placement="bottom"] .tooltip__bubble::after{
    top:-6px; bottom:auto; 
}

/* Accessibilità: ridurre movimento se richiesto */
@media (prefers-reduced-motion: reduce){
    .btn{ transition:none }
    .tooltip__bubble{ transition:none }
}

/* CHECKBOX */
.checkbox {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  user-select: none;
  position: relative;
}

/* nasconde il checkbox nativo */
.checkbox input {
  display: none;
}

/* stile del riquadro visivo */
.checkbox .checkmark {
  width: 24px;             /* grandezza */
  height: 24px;
  border: 1px solid #6d6c6c;
  border-radius: 6px;      /* metti 0 se vuoi angoli retti */
  /* margin-right: 10px; */
  position: relative;
  transition: all 0.2s ease;
}

/* cursore quando il checkbox è abilitato */
.checkbox input:not(:disabled) ~ .checkmark,
.checkbox input:not(:disabled) ~ * {
  cursor: pointer;
}

/* effetto hover */
.checkbox:hover .checkmark {
  border-color: #43a047;
  box-shadow: 0 0 4px rgba(66, 165, 245, 0.4);
}

/* stato selezionato */
.checkbox input:checked + .checkmark {
  background-color: #43a047;
  border-color: #43a047;
}

/* spunta interna */
.checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* mostra la spunta quando checked */
.checkbox input:checked + .checkmark::after {
  display: block;
}

/* cursore quando è disabilitato */
.checkbox input:disabled ~ .checkmark,
.checkbox input:disabled ~ * {
  cursor: not-allowed !important;
}

/* stato disabilitato (non checked) */
.checkbox input:disabled + .checkmark {
  border-color: #bdbdbd;
  background-color: #f5f5f5;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.3;
}
.checkbox input:disabled + .checkmark::after {
  display: none;
}

/* stato disabilitato e checked */
.checkbox input:checked:disabled + .checkmark {
  background-color: #43a047;
  border-color: #43a047;
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox input:checked:disabled + .checkmark::after {
  display: block;
  border-color: white;
  opacity: 0.8;
}

/* testo disabilitato */
.checkbox input:disabled ~ span,
.checkbox input:disabled ~ label {
  color: #9e9e9e;
  cursor: not-allowed;
}
.checkbox[for],
.checkbox input:disabled ~ * {
  pointer-events: none;
}

/* MENU RESPONSIVE */
.menuresponsive {display: none;}
#mySidenav {display: none;}
.dropdown {display: inline-block; margin: 0;}
.dropdown-content { position: absolute; background-color: rgb(255 255 255 / 80%); z-index: 11; height: 0;
  left: 0; width: 100%; margin-left: -10px;
  overflow: hidden;
  transition: all 0.3s ease-in-out; opacity: 0; top: 100%;}
.dropdown-content .container {width: 100%; display: flex; justify-content: center; text-align: left; flex-wrap: wrap; padding: 2rem 2%; align-items: center;}
.dropdown-content .cl { margin: 0; padding: 0 2rem; width: 33.3%; display: flex; justify-content: flex-end; align-items: center; }
.dropdown-content .cl a { font-size: 1.6rem; padding: 0; display: block; color: var(--black);}
.dropdown-content a {border-bottom: none!important;}
.dropdown-content a:hover { color: #e40a1a!important;}
.dropdown:hover .dropdown-content { height: auto; margin: 0; opacity: 1}
.voce-menu {width: 50%; padding: 0 2rem; margin: 1rem 0;}
.voce-menu img {width: 2rem; height: 2rem; position: absolute;}
.dropdown-content .voce-menu a { display: flex; align-items: center;}
.dropdown-content .voce-menu a img.ico-1 {opacity: 0; transition: all .3s; z-index: 2;}
.dropdown-content .voce-menu a:hover img.ico-1 {opacity: 1;}
.dropdown-content .voce-menu a .txt { font-weight: 700; margin: 0 0 0 2rem; padding: 0 0 0 1.5rem; border-left: 1px solid #8ba1b5;}
.dropdown-content .voce-menu a:hover .txt {border-left: 1px solid #e40a1a;}

header{ position: relative;z-index: 10; }
header .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; overflow-x: hidden; transition: .5s;}
header .sidenav .closebtn { position: absolute; top: 0; color: #fcfcf5; right: 20px; font-size: 60px; margin-left: 50px; }
header .sidenav a { text-decoration: none; color: var(--white);  display: block; transition: .3s;}
header .sidenav a.cta-menu { position: absolute; bottom: 1rem; color: var(--black); display: flex; align-items: center; padding: 1px 1rem; font-weight: 500; margin: 0; height: auto;}
header .sidenav a.cta-menu img {width: 1.8rem; height: 1.8rem;}
header .sidenav .flexnav { display: flex;}
header .sidenav .flexnav .bgcolor { position: fixed; background-color: rgb(243 230 4 / 65%); width: 20%; min-height: 100vh; height: 100%;}
header .sidenav .flexnav .bgblack { background-color: #961b17; margin-left: 20%; width: 80%; min-height: 100vh; height: 100%; padding: 20px 20px 100px; }
ul.accordion { list-style: none; padding: 0; width: 100%; display: block;}
header .sidenav .logo { width: 22rem; margin-bottom: 2rem;}
ul.accordion li { margin: 5px 0;}
.mainbox { padding: 0.8rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #555; }
ul.accordion a { font-size: 2rem;padding: 1rem 0;}
ul.accordion a:hover {color:#f05d66;}
.voce { width: 50%; display: inline-block;}
ul.accordion li .toggle { cursor: pointer; width: 50%; display: inline-block; color: #fefefe; border-radius: .15em; transition: background .3s ease;}
.toggle { opacity: 1!important;}
ul.accordion li .toggle img { width: 20px; float: right;}
ul.accordion .inner { overflow: hidden; display: none; padding: 1rem 0;}
ul.inner { width: 100%; }
ul.inner p { font-size: 1.6rem; text-transform: uppercase; font-weight: 600; color: #949494; border-bottom: 2px solid; display: inline-block; margin: 2rem 0 1rem;}
ul.inner p:first-of-type {margin: 0;}
ul.accordion li { margin: 0; }
.li.flex { justify-content: space-between; flex-wrap: wrap; align-items: center; }
.inner a { font-size: 1.6rem!important; margin: 0; opacity: .8;}
  ul.accordion li ul li {padding: 5px 0;}


/*MARGINI*/
.mrg-top-small {margin-top: 1.5rem!important;}
.mrg-top-medium {margin-top: 2rem!important;}
.mrg-top-large {margin-top: 6rem!important;}
.mrg-top-xlarge {margin-top: 9rem!important;}

.mrg-btm-small {margin-bottom: 1.5rem!important;}
.mrg-btm-medium {margin-bottom: 2rem!important;}
.mrg-btm-large {margin-bottom: 6rem!important;}
.mrg-btm-xlarge {margin-bottom: 9rem!important;}

/*BOTTONI*/
.btn { display: inline-block; font-weight: 700; font-size: 1.6rem; text-transform: uppercase; text-align: center; padding: 2rem 4rem; border-radius: 50rem;}
.btn:hover {transform: scale(1.05) translateY(-5px); box-shadow: 0 0 1rem rgb(0 0 0 / 30%);}
.brd {border: 2px solid;}

.btn.padding-small{ padding: 1rem 4rem; }

/*COLORI*/
.white-bg {background: var(--white);}
.white {color: var(--white) !important;}
.black {color: var(--black);}
.red {color: var(--rosso);}
.red-bg {background-color: var(--rosso) !important;}
.giallo {color: var(--giallo);}
.giallo-bg {background-color: var(--giallo);}
.light-bg {background-color: var(--light);}
.green {color: var(--green);}
.green-bg {background-color: var(--green);}
.dark-red {color: var(--dark-red);}
.dark-red-bg {background-color: var(--dark-red);}
.azz{ color: var(--azz); }
.azz-bg{ background-color: var(--azz); }
.footer-bg {background-color: var(--footer);}


/*TITOLI*/
.tit1 {font-size: 4.5rem; line-height: 1.2; position: relative;}
.tit2 {font-size: 2rem; line-height: 1.4;}
.tit3 {font-size: 3.5rem; line-height: 1.4;}
.tit4 {font-size: 2.2rem; line-height: 1.4;}
.tit5 {font-size: 1.8rem; line-height: 1.4;}
.txt {font-size: 1.6rem; line-height: 1.8; font-weight: 400;}
.space {letter-spacing: 2px;}


/*-------STILE SITO--------*/
.top {padding: 1px 0 4px; width: 100%;}

.top .flex {justify-content: flex-end;}
.top .flex a {font-size: 1.3rem; text-decoration: underline;color: #383838;display: flex;align-items: center;}
.top .flex a img {width: 1.3rem;height: 1.3rem;margin: 0 5px 0 0;}

.fascia-logo { padding: 1rem 0; position: relative;z-index: 1;}
.fascia-logo .flex {align-items: center; justify-content: space-between;}
.fascia-logo .bl { width: 33.3%;}
.fascia-logo .bl#search {text-align: center;}
.fascia-logo .bl#icon-menu {display: inline-flex; justify-content: right;}
.logo { width: 21rem; height: auto; aspect-ratio: 155 / 81;}
.searchbar {display: inline-flex; /*min-width: 30rem;*/ min-width: 100%; align-items: center; border-radius: 5px; background: var(--white); padding: 0 1.5rem;}
.searchbar #myInput {border: none; font-size: 1.6rem; padding: 1.5rem 0; background: transparent; width: calc(100% - 2.8rem);}
.searchbar #myInput:focus {outline: none;}
.ico { width: 2.8rem; height: 2.8rem;}
.ico-box {text-align: center; margin: 0 2rem; transition: all .3s; padding: 1rem 0}
.ico-box p {line-height: 1;}
.ico-box:hover {transform: scale(1.05);}
.ico-box.carrello {margin: 0 1rem;padding: 1rem;background-color: #ff2223;border: 2px solid var(--giallo);border-radius: 1rem;position: relative;}
.ico-box.carrello a {position: relative;}
.ico-box.carrello .ico {position: relative;}
.ico-box.carrello span {position: absolute;top: -1.8rem;right: 0.5rem;padding: 0 2px;border-radius: 1rem;display:inline-block;background-color: var(--black);color: var(--white);font-size: 1.2rem;font-weight: 700;}
.drop_carrello h3 { text-align: left;color: var(--rosso);margin: 0 0 1rem;}
.drop_carrello {display: block;
    position: absolute;
    width: 100%;
    min-width: 30rem;
    height: 0;
    overflow: auto;
    background-color: var(--white);
    opacity: 0;
    top: calc(100% + 2px);
    right: 0;
    z-index: 3;
    box-shadow: 0px 8px 1rem rgb(0 0 0 / 10%);
    border-radius: 1rem; transition: all .3s;padding: 2rem 2rem 4rem;pointer-events: none;}
.ico-box.carrello:hover .drop_carrello, .ico-box.carrello .drop_carrello.open {opacity: 1;height: 30rem;pointer-events: all;}

.drop_carrello .row {margin: 0 0 1rem;padding: 0;border-bottom: 2px solid var(--light);}
.drop_carrello .row a {display: flex;flex-wrap: wrap;align-items: flex-start;}
.drop_carrello .img_riep_cart { width: 7rem;height: auto;aspect-ratio: 4 / 3;margin: 0 1rem 1rem 0;}
.drop_carrello .riep_txt { width: calc(100% - 8rem); display: inline-block; text-align: right;}
p.tit_riep_cart { max-width: 100%;line-height: 1.2;padding: 5px 0;font-size: 1.4rem; text-align: left;}
.prezzo_riep_cart { padding: 5px 0;font-weight: 700;font-size: 1.4rem; text-align: right;}
.btn_riep_cart {display: block;width: 100%;font-size: 1.4rem;font-weight: 700;background-color: var(--green);color: var(--white);padding: 1rem; text-align: left; border-radius: 0.8rem;}
.no_prod { margin: 4rem 0;text-align: left;}
.no_prod .btn{padding: 1rem 2rem;}

/* TOP ARROW */
#myBtn { opacity: 0; visibility: hidden; position: fixed; bottom: 9rem; right: 2.8rem; z-index: 99; transition: all .3s; background: var(--black); border-radius: 10rem; height: 3.5rem; width: 3.5rem; box-shadow: 0 0 1rem rgb(0 0 0 / 20%);}
#myBtn img { width: 2.5rem; height: 2.5rem; }
#myBtn.arrow-visible {opacity: 1; visibility: visible;}


.fascia-menu {padding: 1.5rem 0;}
.menu {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu li {display: inline-block; vertical-align: middle; position: relative;}
.menu li a { padding: 0 2.5rem; font-weight: 500; font-size: 1.4rem;}
.menu li a:first-child { padding: 0 2.5rem 0 0;}
.menu li a.active { font-weight: 700;}
.menu li a:hover {color: var(--rosso);}

.menu_nav { width: calc(100% - 12rem);}

.menu_nav li a.menu_vetrina_offerte { display: block; text-align: center; padding: 5px 1rem !important; margin-right: 1rem; background: var(--rosso); color: var(--white);  }
.menu_nav li a.menu_shop { display: block; text-align: center; padding: 5px 1rem !important; margin-right: 1rem; background: var(--rosso); color: var(--white); width: 12rem; }

.menu_nav_mobili_kit {width: 12rem; }
.menu_nav_mobili_kit li {display: block; width: 100%; text-align: center;}
.menu_nav_mobili_kit a {display: block; text-align: center; padding: 5px 1rem !important; background: var(--azz); color: var(--white); font-size: 1.4rem;}

.fascia-avviso {padding: 2rem 0;  font-size: 2.0rem; line-height: 2.8rem; }

header .sidenav a.vetrina_offerte_resp {padding: 5px 1rem;background: var(--rosso);display: inline-block;}
header .sidenav a.shop_resp {padding: 5px 1rem;background: var(--rosso);display: inline-block;}
header .sidenav a.mobili_resp {padding: 5px 1rem;background: var(--azz);display: inline-block;}

.fascia_prodotti {padding: 15rem 0;}
.fascia_prodotti p {margin: 1.5rem 0 3rem;font-size: 1.8rem;}
.fascia_prodotti.bg-image {background-position: bottom center;}
.fascia_prodotti .btn {background-color: var(--azz);}

.first-section-home {padding: 3rem 0;}
.bl-slide {width: 55%;}
.bl-dx-slide {width: 45%; padding: 0 5rem;}

.splide#slide-home, .splide#slide-home .splide__track, .splide#slide-home .splide__list, .splide#slide-home .splide__slide { height: 100%;}
.splide#slide-home .splide__slide {position: relative;}
.splide#slide-home .my-arrows .my-prev {position: absolute; top: 50%; z-index: 9; left: 1rem; /* transform: rotate(180deg) translate(0,50%); */}
.splide#slide-home .my-arrows .my-next {position: absolute; top: 50%; z-index: 9; right: 1rem; /* transform: translate(0,43%); */}
.splide#slide-home .my-arrows .my-prev svg, .splide#slide-home .my-arrows .my-next svg { /*fill: rgb(255 255 255 / 70%); */ fill: rgb(189 189 189 / 60%); }
.splide#slide-home .my-arrows .my-prev svg {transform: rotate(180deg);}
.splide#slide-home .box-txt { position: absolute; /*top: 50%;*/ bottom: 0; left: 50%; transform: translate(-50%,-15%); z-index: 9; min-width: 70rem;}
.splide#slide-home .box-txt .tit2.giallo-bg { padding: 5px;}
.overlay-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(25, 25, 25, 30%); z-index: 8;}
.splide__slide img {width: 100%; height: 100%; object-fit: cover; object-position: top;} 

.splide#slide-home picture{ position: absolute; top: 0; width: 100%; height: 70%; object-fit: cover;}
.splide#slide-home .splide__slide img{ height: 95%; }
.splide#slide-home .box-txt{ max-height: 25%; bottom: 0; width: 100% !important; height: 100% !important;}
.splide#slide-home .box-txt .box-txt-center{ position:absolute; width:90%; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.splide#slide-home .box-txt .tit1{ font-size: 3.5rem; }

.box-sei-icon {margin: 3rem auto 0;}
.box-sei-icon .tit2{font-size: 1.8rem;}
.box-sei-icon__icon {width: calc(33.3% - 2rem); margin: 1rem; text-align: center; padding: 2rem 1rem; border-radius: 1rem;}
.ico-big {width: 8rem; height: 8rem;}

section.slide-promo, section.slide-correlati {padding: 6rem 0;}
.splide#slide-promo, .splide#slide-correlati {width: 90%; margin: 0 auto 5rem; padding: 0 6rem;}
.splide__slide img.img-promo { width: 100%; height: 23rem; object-fit: cover; margin: 0 0 1.5rem;}
.splide#slide-promo .splide__slide, .splide#slide-correlati .splide__slide {position: relative;}
.splide#slide-promo .splide__slide .box, .splide#slide-correlati .splide__slide .box { padding: 0 0 3rem; border-bottom: 4px solid #efefef;}
.splide#slide-promo .my-arrows .my-prev, .splide#slide-correlati .my-arrows .my-prev {position: absolute; top: 50%; z-index: 9; left: 0; transform: rotate(180deg);}
.splide#slide-promo .my-arrows .my-next, .splide#slide-correlati .my-arrows .my-next {position: absolute; top: 50%; z-index: 9; right:0;}
.splide#slide-promo .my-arrows .my-prev svg, .splide#slide-promo .my-arrows .my-next svg {fill: rgb(189, 189, 189); }
.splide#slide-correlati .my-arrows .my-prev svg, .splide#slide-correlati .my-arrows .my-next svg {fill: rgb(189, 189, 189); }
.prezzi { display: inline-flex; width: 100%; align-items: flex-end;}
.prezzo-old {font-size: 1.8rem; text-decoration: line-through; padding: 0 2rem 0 0;}
.prezzo-new {font-size: 2rem; font-weight: 500; 
    color: var(--black);
    padding: 0 5px;
    background-color: var(--giallo);
}
.prezzo-mobili-kit {font-size: 2rem; font-weight: 500;
    color: var(--white);
    padding: 0 5px;
    background-color: var(--azz);
}
.prezzo_mobili {font-size: 2.4rem; font-weight: 500; display: inline-block;
    color: var(--white);
    padding: 0 5px;
    background-color: var(--azz);
}
.btn-scopri {display: inline-block; padding: 0 1rem; border-radius: 3rem; margin: 1rem 0 0; transition: all .3s;}
.btn-scopri.volantino {padding: 1rem 3rem; }
.btn-scopri:hover {transform: scale(1.1);}
.truncate-vert {display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}

section.slide-servizi {padding: 6rem 0;}
.splide#slide-servizi {width: 90%; margin: 0 auto 5rem; padding: 0 6rem;}
.splide__slide img.img-promo { width: 100%; height: 23rem; object-fit: cover; margin: 0 0 1.5rem;}
.splide#slide-servizi .splide__slide {position: relative;}
.splide#slide-servizi .splide__slide .box { padding: 0 0 3rem; border-bottom: 4px solid #efefef;}
.splide#slide-servizi .my-arrows .my-prev {position: absolute; top: 50%; z-index: 9; left: 0; transform: rotate(180deg);}
.splide#slide-servizi .my-arrows .my-next {position: absolute; top: 50%; z-index: 9; right:0;}
.splide#slide-servizi .my-arrows .my-prev svg, .splide#slide-servizi .my-arrows .my-next svg {fill: rgb(189, 189, 189); }

section.slide-settori {padding: 10rem 0;}
.splide#slide-settori {width: 90%; margin: 0 auto 5rem; padding: 0 4rem;}
.splide__slide img.ico-settore {/* max-width: 12rem; max-height: 12rem; */ margin: 0 auto 1rem; /*height: 15vw;*/}
.box-icon { padding: 1rem 2.5rem; border-radius: 5px;}
.splide#slide-settori .splide__slide {position: relative;}
.splide#slide-settori .my-arrows .my-prev {position: absolute; top: 30%; z-index: 9; left: 0; transform: rotate(180deg);}
.splide#slide-settori .my-arrows .my-next {position: absolute; top: 30%; z-index: 9; right: 0;}
.splide#slide-settori .my-arrows .my-prev svg, .splide#slide-settori .my-arrows .my-next svg {fill: rgb(189, 189, 189); }

section.news-home {padding: 3rem 0 6rem;}
section.news-home .flex .bl {width: 50%; padding: 0 5rem 0 0;}
.splide#slide-news {width: 90%; margin: 0 auto; padding: 2rem 4rem;}
.splide#slide-news .splide__slide {position: relative; text-align: center;}
.splide#slide-news .box-slide, .box-slide {padding: 3rem; box-shadow: 0 0 1rem rgb(0 0 0 / 10%); width: 90%; margin: 0 auto; margin: 5% auto; border-radius: 8px;}
.splide#slide-news .my-arrows .my-prev {position: absolute; top: 47%; z-index: 9; left: 0; transform: rotate(180deg);}
.splide#slide-news .my-arrows .my-next {position: absolute; top: 47%; z-index: 9; right: 0;}
.splide#slide-news .my-arrows .my-prev svg, .splide#slide-news .my-arrows .my-next svg {fill: rgb(189, 189, 189); }
.box-img {display: inline-flex; align-items: flex-start;}
img.img-news { width: calc(100% - 2rem); height: 100%; max-height: none; object-fit: contain; margin: 0 2rem 2.5rem 0;}
.data {text-align: left; padding: 0 0 3rem; border-bottom: 2px solid #efefef;}
.data .giorno {font-size: 3.5rem;}
.data .meseanno {font-size: 1.8rem; text-transform: uppercase;}
#slide-news .box-txt {text-align: left;}
#slide-news .box-txt .truncate-vert { -webkit-line-clamp: 2;}
#slide-news .box-txt .btn-scopri {padding: 0; font-weight: 600;}

section.slide-marchi {padding: 3rem 0 0;}
section.slide-marchi .light-bg {padding: 6rem 0; text-align: center;}
.splide#slide-marchi {width: 90%; margin: 0 auto; padding: 0 6rem;}
.splide#slide-marchi .splide__slide {position: relative; display: flex; align-items: center; justify-content: center;}
.splide#slide-marchi .splide__slide a {width: 100%;}
.splide#slide-marchi .my-arrows .my-prev {position: absolute; top: 30%; z-index: 9; left: 0; transform: scale(0.7) rotate(180deg);}
.splide#slide-marchi .my-arrows .my-next {position: absolute; top: 30%; z-index: 9; right:0; transform: scale(0.7);}
.splide#slide-marchi .my-arrows .my-prev svg, .splide#slide-marchi .my-arrows .my-next svg {fill: rgb(189, 189, 189); }
.splide__slide img.marchio {width: 100%; object-fit: contain; max-height: 10rem;}

section.prefooter {padding: 8rem 0;}
section.prefooter.webp {background-image: url(../images/prefooter.webp);}
section.prefooter.no-webp {background-image: url(../images/jpg/prefooter.jpg);}
.bg-image {background-size: cover; background-position: center; background-repeat: no-repeat;}
.input-newsletter {    display: block;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    padding: 2.5rem 3rem;
    border-radius: 30rem;
    background: rgb(255 255 255 / 80%);
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600; border: none;}
 

footer {width: 100%; padding: 6rem 0 4rem;}
footer a {color: var(--white);}
footer a:hover {color: #fadf2d;}
footer .flex .bl { width: 20%; padding: 0 3rem;}
footer .flex .bl:first-of-type { padding: 0 3rem 0 0;}
footer .flex .bl:last-of-type { padding: 0 0 0 3rem;}
.logo-ft { width: 100%; max-width: 20rem;}
.txt-ft {font-size: 14px;}

.bl-big-1 {width: 40%; padding: 0 2rem 0 0;}
.bl-big-2 {width: 60%; padding: 0; display: inline-flex; flex-wrap: wrap; align-content: flex-start;}
.bl-big-2 .bl-100 {    width: 100%;
    padding: 0 0 2rem 0;
    margin: 0 0 2rem;
    border-bottom: 1px solid;}
.bl-big-2 .bl-33 {width: 33.3%; padding: 0 4rem 0 0;}
.bl-big-2 .bl-33 span { display: block; margin: 0 0 1rem;}
.ico-ft-img {width: 6rem; height: 6rem; margin: 0 1rem 0 0; transition: all .3s;}
.ico-ft-img:hover {transform: scale(1.1);}
.social-bl {margin: 0 3rem 0 0;}
footer .dark-red-bg {padding: 2rem 0; margin: 5rem auto 0;}
ul.txt-ft li {display: inline-block;}
ul.txt-ft li a {display: inline-block; padding: 0;}
ul.txt-ft span {display: inline-block; padding: 0 2rem;}

/*CREDITS*/
p.credits {font-size: 12px; color: #e5aaaa; margin: 0 auto; padding: 2rem 0 0;}
p.credits a {color: #e5aaaa;}
p.credits a:hover {color: #fadf2d;}


/* PRODOTTI */
.prodotti .bl_totale {width: 27%;margin: 0 3% 0 0;}
.prodotti .box-promozioni {width: 70%;padding: 0;margin: 0;}
.prodotti .box-promozioni.w100 {width: 100%; }
.prodotti .box-promozioni .flex {justify-content: flex-start;align-items: flex-start;}
.prodotti .box-promozioni .bl { position: relative; width: 31.3%;padding: 0 2rem 3rem;margin: 0 1% 5rem; border-bottom: 2px solid #efefef;}
.prodotti .box-promozioni .bl.w25 { width: 22%; }
.prodotti .box-promozioni .bl .img {position: relative;}
.prodotti .box-promozioni .bl .img_princi {width: 100%;height: auto;aspect-ratio: 4 / 3; object-fit: contain;}
.prodotti .box-promozioni .bl .ico_eye {position: absolute; top: 1rem; right: 1rem; width: 2.5rem;height: 2.5rem}
.prodotti .prezzo {font-size: 1.8rem;color: var(--white);background-color: var(--azz);font-weight: 700;display: inline-block;padding: 0 5px;}
.prodotti .tit2 {margin: 0 0 5px;font-size: 1.8rem;}
.prodotti .btn_cart { display: inline-block;width: 100%; padding: 2px 8px;background-color: var(--green);color: var(--white);font-weight: 700;margin: 1.5rem 0 0;border-radius: 2rem; font-size: 1.6rem;line-height: 1.5; text-align: center; }
.prodotti .btn_cart img { width: 1.5rem;height: 1.2rem;margin: 0 5px;}
.prodotti .box-promozioni .box-prodotto{ text-align: right; }
.prodotti .box-promozioni .box-prodotto .tit2{ text-align: left; }

.prodotti .box-promozioni.bl-100{ width: 100%; }
.prodotti .box-promozioni.bl-100 .bl { width: 23.3%;}

.etichette_prodotto{
    position: absolute; top: 10px; left: 0; z-index: 99;
}
.prodotto_offerta {
    position: relative;
    background-color: var(--rosso);
    color: white;
    text-transform: uppercase;
    font-size: 16px; font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 3px;
}
.prodotto_novita {
    position: relative;
    background-color: var(--giallo);
    text-transform: uppercase;
    font-size: 16px; font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 3px;
}
.prodotto_solo_ritiro {
    position: relative;
    background-color: var(--black);
    color: white;
    text-transform: uppercase;
    font-size: 16px; font-weight: bold;
    text-align: center;
    display: block;
    padding: 3px 10px;
    margin-bottom: 3px;
}


.label_product span {
    position: relative;
}
.label_product span.label_sale {
    text-transform: uppercase;
    color: #ffffff;
    background: #ff7c3b;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 3px 10px;
    margin-bottom: 3px;
}
.label_product span.label_new {
    text-transform: uppercase;
    color: #ffffff;
    background: #90b7ff;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 3px 10px;
    margin-bottom: 3px;
}

.bl_totale h5 { font-size: 1.8rem;margin: 0 0 1.5rem;color: #a9a9a9;}

#formCercaMobiliKit, .formCercaInterno{ border: 1px solid #DEDEDE; border-radius: 5rem; }
.ordina_wrap {display: flex;justify-content: flex-end;margin: 2rem 0 2rem;}
.ordina_wrap select { display: inline-block;position: relative;border: 1px solid #DEDEDE;padding: 1.3rem 1.5rem;border-radius: 5rem;margin: 0 0 10px 0; min-width:200px; cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 1.6rem;}
.ordina_wrap .select {position: relative;display: inline-block;}
.down {width: 1.5rem;height: 1.5rem;position: absolute; top: 1.5rem;right: 1.5rem;opacity: 40%;pointer-events: none;}

#filtro_macrocategorie .box .box{padding: 2rem !important;}
#filtro_macrocategorie .active{ color: var(--rosso); }

.resp_filtro {display: none;}
.filtro_cat {display: inline-block;position: relative;border: 1px solid #DEDEDE;padding: 1rem 1.5rem; border-radius: 5rem;margin: 0;cursor: pointer;}
.filtro_cat label img {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 40%;
}
input[type=checkbox]#toggle-filtri {display: none;cursor: pointer;}
.filtro_cat label#not {cursor: pointer;}
.filtro_cat input[type=checkbox]:checked ~ ul {
    display: block;
}
ul.toggle-filtri-list {
    position: absolute;
    left: 0;
    top: 5.2rem;
    list-style: none;
    text-align: left;
    width: 100%;
    z-index: 12;
    margin: 0;
    display: none;
    background: #fff;
    border-radius: 5px;
    padding: 1rem 0;
    box-shadow: 0 0 1rem rgb(221 221 221 / 30%);
    max-height: 20rem;
    overflow: scroll;
    min-width: 20rem;
}
ul.toggle-filtri-list li {
    padding: 0.5rem 1.6rem;
    background-color: transparent;
    color: #121212;
    cursor: pointer;
    font-size: 15px;
    text-align: left;
    display: inline-flex;
    width: 100%;
    align-items: flex-start;
}
.toggle-filtri-list input[type=checkbox] {
    margin-right: 5px;
    margin-top: 5px;
}

.toggle-filtri-list label:not(#not) {
    display: inline-block;
    width: calc(100% - 1.8rem);
    cursor: pointer;
}

/* modale */
.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 8887;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .3s ease-in-out;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .modal h3 {font-size: 3rem; color: #555; margin: 0 0 3rem;}
  .modal h4 {font-size: 1.6rem; margin: 2rem 0 1rem; color: #555; font-weight: normal;text-transform: uppercase;}
  .modal.visible {opacity: 1;visibility: visible;pointer-events: all;}
  .modal-content {
    background: var(--white);
    overflow-y: auto;
    padding: 2rem 4rem 6rem;
    width: 98%;
    max-width: 90rem; max-height: 80%;
    margin: 0;
  }
  .modal-top {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .modal-close:hover, .modal-close:focus {
    cursor: pointer;
  }
  .modal-title {
    color: #FFF;
  }
  .modal-container .row {display: flex;flex-wrap: wrap;align-items: center;}
  .modal-container .row img.img_pag_cart { width: calc(40% - 4rem);height: auto;margin: 0 4rem 0 0;}
  .modal-container .row .box_2 {margin: 5px 0 0;border-top: 1px solid #ddd;padding: 5px 0 0;text-align: left;}
  .modal-container .row form p { font-size: 1.6rem;color: var(--black);margin: 1rem 0 0;}


/* CARRELLO */
.content_carrello {margin: 3rem 0 8rem;}
.bl_cart {width: 65%;}
.bl_totale {width: 32%;margin: 0 0 0 3%; transition: opacity 0.3s ease;}
.bl_totale .box { padding: 3rem;background: #f5f5f5;}
.bl_cart .row {display: flex;flex-wrap: wrap; align-items: center;}
.bl_cart .row.legenda { font-size: 1.8rem;font-weight: 700;margin: 2rem 0 1rem;}
.bl_cart .row:not(.legenda) { padding: 1rem 0;border-bottom: 1px solid #eaeaea;}
.bl_cart .box_0 {-ms-flex: 0 0 2.6666666667%;flex: 0 0 2.6666666667%;max-width: 2.6666666667%;padding: 0 1rem}
.bl_cart .box_1 {-ms-flex: 0 0 46.6666666667%;flex: 0 0 46.6666666667%;max-width: 46.6666666667%;padding: 0 1rem; position: relative;}
.bl_cart .box_1.pagamento {-ms-flex: 0 0 63.6666666667%;flex: 0 0 63.6666666667%;max-width: 63.6666666667%;padding: 0 1rem}
.bl_cart .box_1.ritiro {-ms-flex: 0 0 10.3333333333%;flex: 0 0 10.3333333333%;max-width: 10.3333333333%;padding: 0 1rem; display: inline; align-items: center;}
.bl_cart .box_2 {-ms-flex: 0 0 16.6666666667%;flex: 0 0 16.6666666667%;max-width: 16.6666666667%;padding: 0 1rem; text-align: right; }
.bl_cart .box_3 {-ms-flex: 0 0 8.3333333333%;flex: 0 0 8.3333333333%;max-width: 8.3333333333%;padding: 0 1rem}
.bl_cart .box_1.ritiro span.testo{ margin-right: 1rem; display: none;}
.bl_cart .box_1.prod {padding: 0 1.5rem 0 0;}
.bl_cart .box_1.prod a, .bl_cart .box_1.prod div {display: flex; align-items: center;}
.bl_cart .box_1.prod .qta{ font-weight: bold; font-size: 16px; background-color: var(--giallo); padding: 1px 6px;}
.bl_cart .box_2.sub {font-weight: 500; text-align: right;}
.box_2.quant form label {display: none;}
.box_2 span.label, .box_1 label.label span {display: none;}
.bl_cart .box_all {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0; background-color: var(--light-grey);padding: 0 1rem; font-weight: bold;}
.bl_cart .title {font-size: 14px;}
.bl_cart .box_1, .bl_cart .box_2, .bl_cart .box_3 {font-size: 14px;}

/* stato disabilitato */
.bl_totale.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* spinner di caricamento */
.bl_totale::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  border: 3px solid #1e88e5;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

/* mostra lo spinner quando è disabilitato */
.bl_totale.disabled::after {
  display: block;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.btn_rimuovi{
    background: transparent; border: 0; color: var(--rosso); cursor: pointer;
}
.btn_rimuovi:hover { color: #ff6e6e; }
.btn_rimuovi:active { transform: scale(0.96); }

.ico-negozio{
    vertical-align: middle; color: #43a047; transition: color 0.2s;
}
.ico-furgone{
    vertical-align: middle; color: #1e88e5; transition: color 0.2s;
}

.img_pag_cart { width: 10rem;height: 7.5rem;aspect-ratio: 4 / 3;object-fit: cover;margin: 0 1rem 0 0;}

.bl_totale h4 { font-size: 1.8rem;font-weight: 700;margin: 0 0 2rem;}
.bl_totale .row {display:flex;flex-wrap: wrap; padding: 0 0 1rem;}
.bl_totale .row.totale {padding: 1.5rem 0 2.5rem;font-size: 1.8rem;font-weight: 500;}
.bl_totale .row p {-ms-flex: 0 0 58.3333333333%;flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.bl_totale .row span { -ms-flex: 0 0 41.6666666667%;flex: 0 0 41.6666666667%;max-width: 41.6666666667%;text-align: right;font-weight: 500;}
.bl_totale .btn {width: 100%; padding: 1rem; text-align: center; border-radius: 0; background-color: var(--green);color: var(--white);margin: 2rem 0 0;}
.bl_totale .btn:hover {transform: none; background-color: var(--azz);box-shadow: none;}
.bl_totale ul.box li:not(:last-child) { padding: 0 0 1rem;margin: 0 0 1rem;border-bottom: 1px solid rgb(0 0 0 /15%);}

.bl_pagamento {width: 100%;margin: 5rem 0; padding: 0 3rem;}
.bl_pagamento .fieldCheckNews {margin: 1rem 0 0;}
.registrazione .bl_100 .bl_totale { width: 100%;margin: 0 0 3rem;color: var(--black);}
form.registrazione .bl_100 .bl_totale p {color: var(--black);}
.btn.btn_100 {width: 100%; border-radius: 5px;padding: 1.5rem;}
.ico_pagamento {display: inline-block;width: 3rem;height: 2rem;object-fit: contain;vertical-align: middle;}

.bl_totale.login {margin: 0 3% 0 0;}


/* REGISTRAZIONE */
.accesso_openclose {margin: 0 0 5rem;}
.accesso_openclose ul.accordion li .toggle {color: var(--black); width: 100%;font-size: 1.6rem;}
.accesso_openclose ul.accordion li form { width: 98%; }
.form_accesso input {border: none; background-color: #e8f5f8; color: var(--black); padding: 1.5rem;font-size: 1.6rem;border-radius: 8px;width: 100%;max-width: 45rem;}
form.form_accesso {text-align: left;}
form.form_accesso .flex {justify-content: space-between;}
form.form_accesso label {display: block;}
form.form_accesso .box-100 {display: flex;flex-direction: column-reverse; position: relative; }
form.form_accesso .btn {background-color: var(--azz);color: var(--white);margin: 0 1rem 0 0;}
form.form_accesso .btn:hover {transform: none; box-shadow: none;background-color: var(--green);}

form.registrazione .flex {justify-content: space-between;}
form.registrazione label {display: block;text-align: left;}
form.registrazione .box-100, form.registrazione .box-50 {display: flex;flex-direction: column-reverse;align-items: flex-start;justify-content: flex-end;position: relative;}
form.registrazione input:not(.coupon_question, .coupon_question2, .checkNews) {border: none; background-color: #f1f1f1; color: var(--black); padding: 1.5rem;font-size: 1.6rem;border-radius: 8px;width: 100%;/* max-width: 45rem; */}
form.registrazione select:not(.coupon_question, .coupon_question2, .checkNews) {border: none; background-color: #f1f1f1; color: var(--black); padding: 1.5rem;font-size: 1.6rem;border-radius: 8px;width: 100%;/* max-width: 45rem; */}

form.registrazione .question label, form.registrazione .question2 label {display: inline-block;}
fieldset {border: none;}
.question, .question2 {margin: 0 0 4rem;}
.answer, .answer2 {margin: 2rem 0 0;}

.eye {content: url(../images/eye.svg);}
.eye-slash {content: url(../images/eye-slash.svg);}
.field-icon {position: absolute;z-index: 2;right: 1.5rem;top: 3.9rem;width: 1.8rem;height: 1.8rem;}
p.txt_small {font-size: 1.4rem; color: var(--black);}
form.registrazione .btn {background-color: var(--green);color: var(--white);}
form.registrazione .btn:hover {background-color: var(--azz);transform: none;box-shadow: none;}
.fieldCheckNews {margin: 2rem 0;}
form.registrazione .fieldCheckNews label {display: inline-block;}
.form_accesso .box-50 input {max-width: none;}

.bonifico .btn {background-color: var(--green); color: var(--white);margin: 4rem 0 7rem;}
.txt_bonifico span {display: inline-block; padding: 3rem;background-color: #efefef;}


/* PAGAMENTO */
form.pagamento .flex {justify-content: space-between;}
form.pagamento label {display: block;text-align: left;}
form.pagamento .box-100, form.pagamento .box-50 {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;position: relative;}
form.pagamento input:not(.checkNews){border: none; background-color: #f1f1f1; color: var(--black); padding: 1.5rem;font-size: 1.6rem;border-radius: 8px;width: 100%;/* max-width: 45rem; */}
form.pagamento select:not(.checkNews) {border: none; background-color: #f1f1f1; color: var(--black); padding: 1.5rem;font-size: 1.6rem;border-radius: 8px;width: 100%;/* max-width: 45rem; */}

form.pagamento .btn {background-color: var(--green);color: var(--white);}
form.pagamento .btn:hover {background-color: var(--azz);transform: none;box-shadow: none;}
form.pagamento .fieldCheckNews {margin: 1rem 0;}
form.pagamento .fieldCheckNews label {display: inline-block;}


/* AREA PERSONALE */
.area_personale {margin: 3rem 0 8rem;}
.area_personale .bl_totale {margin: 0 3% 0 0;}
.area_personale .bl_totale a:hover {color: var(--rosso);}
.accesso_openclose .box-50 {display: flex;flex-direction: column-reverse;align-items: flex-start;position: relative;}

.indirizzi .box-50 {width: 50%;padding: 0 3rem;}
.indirizzi .box-50 span {width: 100%;display: block;}
.indirizzi .box-100 {width: 100%;padding: 0 3rem;}
.indirizzi .box-100 span {width: 100%;display: block;}
.nuovo_ind {    margin: 4rem 3rem;padding: 1rem 2rem;display: inline-block;background: #f4e500;}
.nuovo_ind input {display: none;}
.answer.indirizzi .txt_small, .answer.indirizzi h3, .pdd {padding: 0 3rem;}
.indirizzi .btn {margin: 3rem 3rem 6rem;}
.indirizzi .btn.mod { text-transform: none;font-weight: 400;background: #ededed;padding: 1rem 2rem;margin: 2rem 0 0;}
a.select {font-size: 1.3rem;text-decoration: underline;display: block;margin: 1rem 0 0;}
.indirizzi.altri .box-50 {margin: 0 0 3rem;}

.area_personale.storico .bl_cart .row {border-bottom: none;margin: 0 0 3rem;}
.area_personale.storico .bl_cart .row:first-of-type {padding: 0 0 1rem;}
.legenda_ordine { width: 100%;display: flex;justify-content: space-between;padding: 1.5rem 2rem;background: #fdf2f2;}
.legenda_ordine .txt, .legenda_ordine .num { max-width: 48%;}
.area_personale.storico .bl_cart .box_1.prod { padding: 1rem;flex: 0 0 100%;max-width: 100%;border-bottom: 1px solid #eaeaea;}
.area_personale.storico .bl_cart .box_1.prod a, .area_personale.storico .bl_cart .box_1.prod div { align-items: center;}


.storico .pagination { display: flex;justify-content: center;align-items: center;}
.storico .pagination li a{ display: block;line-height: 1;padding: 5px 1rem;background: #efefef;margin: 0 8px 0 0;border-radius: 5px;}
.storico .pagination li a.active {background-color: var(--rosso);color: var(--white);}


/* CHI SIAMO */
section.breadcrumb {padding: 1.5rem 0;}
ul.ul-breadcrumb li {display: inline-block;}
ul.ul-breadcrumb li a {display: inline-block; padding: 0 1rem 0 0;}
.el-absolute {    position: relative;
   /*  top: -5.3rem;
    right: 0; */
    width: 100%; /* height: 15rem; */
    /* border-radius: 0 0 1rem 1rem; */}
.el-absolute img {width: 100%; height: 100%; object-fit: cover; /* border-radius: 0 0 0 30rem; */}
.el-absolute.no-img{ height: 1rem; background-color: var(--rosso);}
section.first-section {padding: 3rem 0 3rem; position: relative;}
/* section.first-section .container {position: relative;} */
/* section.first-section .container > .tit2 { max-width: 50%;} */
.gallery-chisiamo {margin: 5rem auto; display: inline-flex; flex-wrap: wrap; justify-content: center;}
.gallery-chisiamo a {width: 20rem; height: 20rem; margin: 1rem;}
.gallery-chisiamo a img {width: 100%; height: 100%; object-fit: cover; border-radius: 1rem;}
.pin-big {width: 10rem; height: 10rem;}
.fascia-negozi {padding: 4rem; border-radius: 5px; margin: 4rem auto;}

.condivisione_social{ padding: 2rem; margin: 0 auto; text-align: right; }
.condivisione_social span, .condivisione_social a{ vertical-align: middle;}
.condivisione_social a{ margin-left: 10px; }
.condivisione_social img{ width: 40px;}

.condivisione_social.volantino{ text-align: center;}
.condivisione_social.volantino span{ display: block;}
.condivisione_social.volantino a{ margin: 0 5px; }
.condivisione_social.volantino img{ width: 28px;}

/* SERVIZI */
.box-servizi {padding: 2rem 0;}
.box-servizi .flex .bl-33 {width: calc(33.3% - 6rem); padding: 0 0 2rem; margin: 4rem 3rem 5rem;  border-bottom: 4px solid #efefef;}
.box-servizi .flex .bl-25 {width: calc(25% - 6rem); padding: 0 0 2rem; margin: 2rem 3rem 2rem;  border-bottom: 4px solid #efefef;}
.card {width: 100%; position: relative;border-radius: 1rem; height: 25vw; max-height: 30rem;}
.card img {width: 100%; height: 25vw; max-height: 30rem; object-fit: cover; position: relative; z-index: 3; transition: all .3s;}
.card .btn {    position: absolute;
    bottom: 3.3rem;
    right: 1rem;
    z-index: 4;
    padding: 0.5rem 3rem; transition: all .3s;}
.box-servizi .flex .bl-25 .card{ height: 13vw; }
.box-servizi .flex .bl-25 .card img{ height: 13vw; }
.box-servizi .flex .bl-25 .card .btn{ bottom: -3.8rem; }
.rett {width: 96%; height: 96%; position: absolute;border-radius: 1rem; transition: all .3s; left: 0; right: 0; margin: 0 auto;}
.box-servizi .flex .bl-33:hover .card img {transform: translateY(-2.5rem)/*  scale(1.05) */; box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-servizi .flex .bl-33:hover .card .btn {transform: scale(1.05) translateY(-5px); box-shadow: 0 0 1rem rgb(0 0 0 / 30%);}
.box-servizi .flex .bl-25:hover .card img {transform: translateY(-2.5rem)/*  scale(1.05) */; box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-servizi .flex .bl-25:hover .card .btn {transform: scale(1.05) translateY(-5px); box-shadow: 0 0 1rem rgb(0 0 0 / 30%);}
.chevron {display: inline-block; margin: 0 0.5rem 0 0; vertical-align: middle;}
.chevron img {width: 2rem; height: 2rem;}
.card-txt {margin: 6rem 0 0;}
.card-txt .tit4 {display: inline;}
.card-txt .txt.truncate-vert {  -webkit-line-clamp: 2;}


/* SERVIZIO DETTAGLIO */
.box-servizio-dettaglio {margin: 0 0 6rem;}
.box-servizio-dettaglio .desc {font-size: 1.6rem; line-height: 1.8; font-weight: 400; margin-bottom: 2rem!important;}
.box-servizio-dettaglio .desc ul {list-style: disc inside;}
.box-servizio-dettaglio .desc ol {list-style: decimal inside;}
.box-servizio-dettaglio .desc a {text-decoration: underline; font-weight: 600; color: var(--dark-red);}
.box-servizio-dettaglio .box-img {width: 50%; position: relative; border-radius: 1rem; height: 100%; /*height: 25vw; max-height: 50rem;*/ margin: 0 3rem 3rem 0; float: left;}
.box-servizio-dettaglio .box-img picture {width: 100%;}
/* .box-servizio-dettaglio .box-img img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 3; transition: all .3s;} */

.box-servizio-dettaglio.dett-prodotto .box-img {display: block; position: relative; text-align: center; }
.box-servizio-dettaglio.dett-prodotto .box-img img {max-width: 100%; height: 100%; /*height: 25vw; max-height: 50rem;*/ object-fit: cover; position: relative; z-index: 3; transition: all .3s;}

/* SETTORI */
.box-settori {margin: 5rem auto 6rem;}
.box-settori .bl-20 { width: 29.3%; margin: 3rem 4% 6rem 0; padding: 0 0 2rem; border-bottom: 4px solid #efefef;}
.box-settori .bl-20 a {display: inline-flex; flex-wrap: wrap; width: 100%;}
.box-settori .bl-20 .btn {transition: all .3s; padding: 1rem 3rem; }
.box-settori .card img { width: 90%; height: 100%; background: #f7f7f7;}
.box-settori .card { margin: 0 2rem 0 0; width: calc(52% - 2rem);}
.box-settori .card .rett { width: 100%;}
.box-settori .flex .bl-20:hover .card img {transform: translateY(-2.5rem); box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-settori .card-txt {margin: 0; width: 48%;}

/* PROMOZIONI */
.box-promozioni {padding: 2rem 0;}
.box-promozioni .flex {justify-content: space-evenly;}
.box-promozioni .bl-50 {width: calc(25% - 4rem); padding: 0 0 3rem; margin: 3rem 0 5rem; border-bottom: 4px solid #efefef; }
.box-promozioni .bl-50 img.img-promo { width: 100%; height: 30rem; object-fit: cover; transition: all .3s; max-height: inherit;}
.box-promozioni .bl-50:hover img.img-promo {transform: translateY(-1.5rem); box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-promozioni .bl-50 .prezzi { margin: 0 0 1.5rem; }
.box-promozioni .bl-50 .card { height: 30rem; max-height: inherit; margin: 0 0 2.5rem;}
#promo-dett .prezzo-old, #promo-dett .prezzo-new {display: inline-block;}
.space {width: 100%; display: block; padding: 1.5rem 0;}
.box-promozioni .flex .bl-25 {width: calc(25% - 6rem); padding: 0 0 2rem; margin: 2rem 3rem 2rem;  border-bottom: 4px solid #efefef;}
.box-promozioni .flex .bl-25 .card{ height: 13vw; }
.box-promozioni .flex .bl-25 .card img{ height: 13vw; }
.box-promozioni .flex .bl-25 .card .btn{ bottom: -3.8rem; }
.box-promozioni .flex .bl-25:hover .card img {transform: translateY(-2.5rem)/*  scale(1.05) */; box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-promozioni .flex .bl-25:hover .card .btn {transform: scale(1.05) translateY(-5px); box-shadow: 0 0 1rem rgb(0 0 0 / 30%);}

/* SCHEDE TECNICHE */
.box-scheda-tecnica {padding: 2rem 0;}
.box-scheda-tecnica .flex {justify-content: space-evenly;}
.box-scheda-tecnica .bl-50 {width: calc(25% - 4rem); padding: 0 0 3rem; margin: 3rem 0 5rem; border-bottom: 4px solid #efefef; }
.box-scheda-tecnica .bl-50 img.img-promo { width: 100%; height: 30rem; object-fit: cover; transition: all .3s; max-height: inherit;}
.box-scheda-tecnica .bl-50:hover img.img-promo {transform: translateY(-1.5rem); box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-scheda-tecnica .bl-50 .prezzi { margin: 0 0 1.5rem; }
.box-scheda-tecnica .bl-50 .card { height: 30rem; max-height: inherit; margin: 0 0 2.5rem;}
#promo-dett .prezzo-old, #promo-dett .prezzo-new {display: inline-block;}
.space {width: 100%; display: block; padding: 1.5rem 0;}
.box-scheda-tecnica .flex .bl-25 {width: calc(15% - 4rem); padding: 0 0 2rem; margin: 2rem 3rem 2rem;  border-bottom: 4px solid #efefef; text-align: center;}
.box-scheda-tecnica .flex .bl-25 .card{ height: auto; max-height: 100% !important; }
.box-scheda-tecnica .flex .bl-25 .card img{ height: auto; max-height: 100% !important; }
.box-scheda-tecnica .flex .bl-25.dettaglio .card img{ width: 300px; }
.box-scheda-tecnica .flex .bl-25 .card .btn{ bottom: -3.8rem; }
.box-scheda-tecnica .flex .bl-25:hover .card img {transform: translateY(-2.5rem)/*  scale(1.05) */; box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-scheda-tecnica .flex .bl-25:hover .card .btn {transform: scale(1.05) translateY(-5px); box-shadow: 0 0 1rem rgb(0 0 0 / 30%);}

.box-scheda-tecnica .flex .bl-25.dettaglio{ width: 50%; }
.box-scheda-tecnica .flex .bl-25.dettaglio .card{ text-align: center; }


/* VOLANTINI */
.box-volantini .flex {justify-content: space-evenly;}
.box-volantini .bl {width: calc(33.3% - 4rem); padding: 0 0 3rem; margin: 3rem 0 5rem; border-bottom: 4px solid #efefef; }
.box-volantini .bl img.img-promo { width: 100%; height: 50rem; object-fit: cover; transition: all .3s; max-height: inherit;}
.box-volantini .bl:hover img.img-promo {transform: translateY(-1.5rem); box-shadow: 0px 6px 1rem rgb(0 0 0 / 35%);}
.box-volantini .bl .prezzi { margin: 0 0 1.5rem; }
.box-volantini .bl .card { height: 50rem; max-height: inherit; margin: 0 0 2.5rem;}
#promo-dett .prezzo-old, #promo-dett .prezzo-new {display: inline-block;}
.space {width: 100%; display: block; padding: 1.5rem 0;}

/* NEGOZI */
.box-negozi .row {margin: 6rem auto;}
.box-negozi .row .flex {align-items: flex-start;}
.box-negozi .row:nth-child(2) .flex {flex-direction: row-reverse;}
.box-negozi .row:nth-child(2) .box-txt p {text-align: right;}
.box-negozi .row:nth-child(2) .foto-negozio {text-align: left;}
.foto-negozio {width: 45%; text-align: right;}
.foto-negozio img.foto { width: 100%; height: 40vw; max-height: 50rem;object-fit: cover;}
img.pin-red { width: 10rem; height: 10rem; margin: 1rem 0 0;}
.box-negozi .row .flex .box-txt {width: 55%;}
.box-negozi .row .flex .box-txt .tit3 {padding: 0 3rem;}
.mappa {    width: 100%;
    height: 40vw;
    max-height: 42rem;
    padding: 0 3rem;
    border: none;
    margin: 2rem 0 0;
}
.box-negozi .row .flex .box-txt .txt {padding: 3rem;}

/* TAGLIO */
.form {padding: 4rem;}
.form .flex {justify-content: space-between;}

/* FIDELITY */
.box-servizio-dettaglio .box-img img.tessera {width: 100%; object-fit: contain; }


/* NEWS */
.box-news .bl-50 {width: 48%; margin: 4rem 1% 1rem;}
.box-news .bl-50 .box-slide { transition: all .3s;}
.box-news .bl-50:hover .box-slide {box-shadow: 0px 6px 2rem rgb(0 0 0 / 25%); transform: translateY(-1.5rem);}
.pagination {text-align: center; margin: 4rem auto 0;}
.pagination ul li {display: inline-block;}
.pagination ul li a {display: inline-block; padding: 5px 10px; margin: 0 3px;}
.pagination ul li a:hover {color: var(--rosso);}
.pagination ul li a.active {background-color: var(--rosso); color: var(--white); font-weight: 600;}

.container-txt-news {max-width: 100rem; margin: 6rem auto;}
.container-txt-news p {font-size: 1.6rem; line-height: 1.8; font-weight: 400; margin-bottom: 2rem!important;}
.container-txt-news h3 { font-size: 2.5rem; padding: 5px 0;}
.container-txt-news h4 { font-size: 2.1rem; padding: 5px 0;}
.container-txt-news h5 { font-size: 1.8rem; padding: 5px 0;}
.container-txt-news ul { list-style-type: disc; list-style-position: inside; padding: 1rem 0;}
.container-txt-news ol { list-style-type: decimal; list-style-position: inside; padding: 1rem 0;}
.img-dett-news {width: 100%; height: 40rem; object-fit: cover;}


/* TUTORIAL */
.box-tutorial .bl-50 {width: 48%; margin: 4rem 1% 1rem;}
.box-tutorial .bl-50 .box-slide { transition: all .3s;}
.box-tutorial .bl-50:hover .box-slide {box-shadow: 0px 6px 2rem rgb(0 0 0 / 25%); transform: translateY(-1.5rem);}
img.img-tutorial { width: calc(100% - 2rem); height: 20vw; max-height: 23rem; object-fit: cover; margin: 0 2rem 2.5rem 0;}

.box-tutorial-dettaglio {margin: 0 0 6rem;}
.box-tutorial-dettaglio .desc {font-size: 1.6rem; line-height: 1.8; font-weight: 400; margin-bottom: 2rem!important;}
.box-tutorial-dettaglio .desc ul {list-style: disc inside;}
.box-tutorial-dettaglio .desc ol {list-style: decimal inside;}
.box-tutorial-dettaglio .desc a {text-decoration: underline; font-weight: 600; color: var(--dark-red);}
.box-tutorial-dettaglio .box-img {width: 50%; position: relative; border-radius: 1rem; height: 100%; /*height: 25vw; max-height: 50rem;*/ margin: 0 3rem 3rem 0; float: left;}
.box-tutorial-dettaglio .box-img picture {width: 100%;}
.box-tutorial-dettaglio .box-img img {width: 100%; height: 100%; /*height: 25vw; max-height: 50rem;*/ object-fit: cover; position: relative; z-index: 3; transition: all .3s;}
.box-tutorial-dettaglio .img-copertina{ margin: 0 0 6rem; }
.box-tutorial-dettaglio .img-copertina img{ max-width: 600px; width: 100%; }


/* PRODOTTI */
.sez_carrello { margin: 5rem 0 0;}
.sez_carrello--dett {display: inline-block;}
.sez_carrello--dett .row {display: inline-flex;width: 100%;justify-content: flex-start}
.quantita-input {border: none;background: var(--light);padding: 1rem 2rem;margin: 0 2rem 0 0;font-size: 1.6rem;min-width: 10rem;}
.quantita-input:focus-visible { outline-color: lightgrey;background: var(--white);}
#main-carousel {width: 100%;}
#thumbnail-carousel .splide__track {width: 90%;margin: 0 auto;position: relative;}
#thumbnail-carousel .splide__arrows {width: 100%;}
#thumbnail-carousel .splide__arrows svg path {fill: #e7e7e7;}
#thumbnail-carousel .splide__arrow--prev {position: absolute;left: 0;top: 1.3rem;transform: scale(0.7) rotate(180deg);}
#thumbnail-carousel .splide__arrow--next {position: absolute;right: 0;top: 1.3rem;transform: scale(0.7)}
#thumbnail-carousel .splide__slide {cursor: pointer;}
#thumbnail-carousel .splide__slide:not(.is-active) {opacity: .6;}



/*FORM*/
.form-box {padding: 3rem; border-radius: 1rem;}
.form-box .flex {justify-content: space-between;}
form {margin: 0 auto; text-align: left;}
form#formNewsletter {text-align: center;}
form .box-50 {width: 48%; padding: 0; text-align: left; align-items: center; margin: 0 0 3rem;}
form .box-100 {width: 100%; padding: 0; text-align: left; align-items: flex-start; margin: 0 0 3rem;}
form p { font-size: 1.5rem; color: var(--white); display: block; margin: 0 0 5px;}
form a { text-decoration: underline; }
form label {display: none;} 
.input__text {width: 100%; border: none; padding: 1rem; font-size: 1.6rem; background: rgb(255 255 255 / 100%); border-radius: 5px;}
select.input__text { color: var(--black);}
textarea.input__text { resize: vertical; min-height: 12rem;}
.txt-small {font-size: 1.2rem;}


/*SITEMAP*/
ul.sitemap li a:hover {color: #88ccd3;}
ul.sitemap li {font-size: 1.8rem; text-transform: uppercase;}
ul.sitemap li.sublink {font-size: 1.6rem; padding: 0 0 0 3rem;}

/*RICERCA*/
.box-ricerca { padding: 2rem 0; }
.bl-ricerca { width: 100%; padding: 0 0 0 0; margin: 0 2rem 2rem 2rem; border-bottom: 1px solid lightgrey;}
.bl-ricerca .card-txt { margin: 1rem 0 0; }
.bl-ricerca ul.accordion li .toggle {width: 100%;color: var(--black);}


/*ERRORI*/



@media screen and (min-width: 1920px) {
	html {font-size: 75%;}

	
}


@media screen and (max-width: 1600px) {


}
	
	
@media screen and (max-width: 1420px) {
    /* .splide__slide img.ico-settore {height: 20vw;} */

}


@media screen and (max-width: 1280px) {
    .ico-box {margin: 0 1rem;}
    .ico-box.carrello {margin: 0 .5rem;}
    .splide#slide-home .box-txt {/*min-width: inherit;*/ min-width: 80%; }
    .box-sei-icon__icon {width: calc(50% - 2rem);}
    section.slide-settori { padding: 5rem 0; }
    /* .splide__slide img.ico-settore {height: 25vw;} */
    .menu li a:first-child {padding: 0 1.5rem 0 0;}

    .box-promozioni .bl-50 .card {height: 30vw;}
    .box-promozioni .bl-50 img.img-promo {height: 30vw;}

    .box-scheda-tecnica .bl-50 .card {height: 30vw;}
    .box-scheda-tecnica .bl-50 img.img-promo {height: 30vw;}

    .box-volantini .bl .card {height: 40vw;}
    .box-volantini .bl img.img-promo {height: 40vw;}	
    
    .box-scheda-tecnica .flex .bl-25 {width: calc(18% - 2rem); padding: 0 0 2rem; margin: 2rem 3rem 2rem;  border-bottom: 4px solid #efefef;}

    .quantita-input {min-width: 8rem;}

    .prodotti .box-promozioni .bl.w25 { width: 31.3%; }
}


@media screen and (max-width: 1024px) {
    .fascia-menu {padding: 0.5rem 0 0 0;}
    
    .menu {display: none;}
    .menuresponsive { display: inline-block; width: 100%; text-align: center; padding: 0;}
    .menuresponsive img { width: 3rem; height: 3rem;}
    #mySidenav { display: block; z-index: 1000;}
    .ico-box .txt {display: none;}
    .ico-box.carrello span { top: -3rem;right: -2rem;}

    .bl-slide {width: 100%;}
    .splide#slide-home picture{ height: 60%; }
    .splide#slide-home .box-txt {/*min-width: 60rem;*/ min-width: 80%; max-height: 35%;}
    .bl-dx-slide {width: 100%;padding: 0 3%;margin: 3rem auto 0; text-align: center;}
    .bl-dx-slide .tit1 {text-align: left;}
    .bl-dx-slide .txt {text-align: left;}
    .splide#slide-home, .splide#slide-home .splide__track, .splide#slide-home .splide__list, .splide#slide-home .splide__slide { height: 80vh;}
    .splide#slide-promo, .splide#slide-correlati {width: 100%; margin: 0 auto 5rem; padding: 0 6rem;}
    .splide#slide-promo .my-arrows .my-prev, .splide#slide-correlati .my-arrows .my-prev {transform: rotate(180deg) scale(0.8);}
    .splide#slide-promo .my-arrows .my-next, .splide#slide-correlati .my-arrows .my-next {transform: scale(0.8);}
    section.news-home .flex .bl {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .splide#slide-servizi {width: 100%; margin: 0 auto 5rem; padding: 0 6rem;}
    .splide#slide-servizi .my-arrows .my-prev {transform: rotate(180deg) scale(0.8);}
    .splide#slide-servizi .my-arrows .my-next {transform: scale(0.8);}
    section.news-home .flex .bl .tit1, section.news-home .flex .bl .txt {text-align: left;}
    .box-img {width: 100%; }
    .box-img picture { width: calc(100% - 2rem);}
    /*img.img-news {height: 40rem; max-height: 30vw;}*/
    .splide#slide-news, .splide#slide-marchi {width: 100%;}
    .splide#slide-settori {width: 100%;}
    .splide#slide-news .my-arrows .my-prev {transform: rotate(180deg) scale(0.8);}
    .splide#slide-news .my-arrows .my-next {transform: scale(0.8);}
    section.news-home {padding: 3rem 0;}
    
    .splide#slide-home, .splide#slide-home .splide__track, .splide#slide-home .splide__list, .splide#slide-home .splide__slide{ height: auto !important; max-height: none !important;}
    .splide#slide-home picture{ height: auto !important; position: relative !important; object-fit: contain !important; }
    .splide#slide-home .splide__slide img{ height: auto !important; object-fit: contain !important; object-position: top !important;}
    .splide#slide-home .box-txt{ position: relative !important; max-height: none !important; transform: none !important; margin-top: 20px !important; left: 0px !important;}
    .splide#slide-home .box-txt .box-txt-center{ position: relative !important; transform: none !important; top: 0px !important; left: 5% !important;}

    .bl-big-1 {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .social-bl {
        margin: 0 3rem 0 0;
        width: calc(50% - 3rem);
    }
    .social-bl .flex {    justify-content: center;}
    .bl-big-2 {width: 100%; margin: 4rem auto 0;}
    .bl-big-2 .bl-100 {text-align: center;}

    section.first-section {padding: 3rem 0;}
    .box-promozioni .bl-50 {width: calc(50% - 2rem);}
    .box-volantini .bl {width: calc(33.3% - 2rem);}
    /* .box-servizio-dettaglio .box-img, .box-servizio-dettaglio .box-img img {height: 45rem; max-height: 35vw;} */

    .box-servizi .flex .bl-33 {width: calc(50% - 6rem);}
    .box-servizi .flex .bl-25, .box-promozioni .flex .bl-25 {width: calc(50% - 6rem);}
    .box-servizi .flex .bl-25 .card, .box-servizi .flex .bl-25 .card img{ height: auto; max-height: 100% !important; /*height: 40rem; max-height: 30vw;*/ }
    .box-promozioni .flex .bl-25 .card, .box-promozioni .flex .bl-25 .card img{ height: auto; max-height: 100% !important; /*height: 40rem; max-height: 30vw;*/ }

    .box-scheda-tecnica .flex .bl-25 {width: calc(25% - 6rem);}
    .box-scheda-tecnica .flex .bl-25 .card{ height: auto; max-height: 100% !important; }
    .box-scheda-tecnica .flex .bl-25 .card img{ height: auto; max-height: 100% !important;}
    
    .card, .card img {height: 40rem;max-height: 30vw;}

    .box-settori .bl-20 {width: 46%;}

    .box-news .box-img {flex-wrap: wrap;}
    .box-news .box-img picture {width: 100%;}
    .box-news .box-img picture img.img-news {width: 100%; margin: 0 auto;}
    .box-news .data .giorno, .box-news .data .meseanno {display: inline-block;}
    .box-news .data {padding: 0; margin: 0 0 2rem;}

    .box-tutorial .box-img {flex-wrap: wrap;}
    .box-tutorial .box-img picture {width: 100%;}
    .box-tutorial .box-img picture img.img-tutorial {width: 100%; margin: 0 auto;}
    .box-tutorial .data .giorno, .box-tutorial .data .meseanno {display: inline-block;}
    .box-tutorial .data {padding: 0; margin: 0 0 2rem;}
    img.img-tutorial {height: 40rem; max-height: 30vw;}

    .box-servizio-dettaglio.dett-prodotto .box-img {width: 100%; float: none; max-width: 80rem; margin: 0 auto 8rem;}

    .bl_cart {width: 100%;}
    .bl_totale {width: 100%;margin: 5rem auto 0;}
    .area_personale .bl_totale {margin: 0 0 5rem;}


    .prodotti .bl_totale {display: none;}
    .prodotti .box-promozioni {width: 100%;}
    .resp_filtro {display: block;}
    .ordina_wrap {justify-content: space-between; margin: 2rem 0 4rem;}
    
}


@media screen and (max-width: 768px) {
    .splide#slide-home .box-txt {/*min-width: 45rem;*/ min-width: 80%;}
    .splide#slide-home .btn{ padding: 1rem 2rem; }
    .box-icon {padding: 0;}
    /* .splide__slide img.ico-settore {height: 45vw;} */
    .logo {width: 16rem;}
    .fascia-logo { padding-bottom: 5rem; }
    .fascia-logo .bl#search{ position: absolute; bottom: 10px; width: calc(100% - 2rem - 7.5rem); }
    .searchbar #myInput{ padding: 1rem 0; width: calc(100% - 2rem); }
    .searchbar .ico { width: 2.0rem; height: 2.0rem; }
    .ico-box.carrello { position: absolute;bottom: 10px;right:1rem;padding: 5px 1.5rem 3px;background-color: var(--giallo);border-radius: 3rem;}
    .ico-box.carrello .ico {width: 2.2rem;height: 2.2rem;object-fit: contain; filter: invert(1);}
    .ico-box.carrello span {top: -1.5rem;right: -2.3rem;}
    

    .splide#slide-home .my-arrows .my-prev {transform: translate(0,-50%) scale(0.7);}
    .splide#slide-home .my-arrows .my-next {transform: translate(0,-50%) scale(0.7);}
    
    .splide#slide-home picture{ height: 62%; }
    .splide#slide-home .box-txt{ max-height: 35%; }
    .splide#slide-home .box-txt .tit1{ font-size: 3.0rem; }
    .splide#slide-home .box-txt .tit2 { font-size: 1.8rem; }

    .box-servizi .flex .bl-33 {width: calc(50% - 2rem);margin: 4rem 1rem 5rem;}
    .box-servizi .flex .bl-25, .box-promozioni .flex .bl-25{width: calc(50% - 2rem);margin: 4rem 1rem 5rem;}
    .box-scheda-tecnica .flex .bl-25 {width: calc(25% - 2rem);margin: 4rem 1rem 5rem;}

    .box-settori .card {margin: 0px 1rem 0 0; width: calc(52% - 1rem);}
    .card-txt .tit4 {font-size: 1.9rem;}

    .foto-negozio {width: 100%;}
    .foto-negozio img.foto {height: 50vw;}
    img.pin-red {display: none;}
    .box-negozi .row .flex .box-txt {width: 100%;}
    .box-negozi .row .flex .box-txt .tit3, .mappa {padding: 0;}
    .box-negozi .row .flex .box-txt .txt {padding: 3rem 0;}
    .box-negozi .row:nth-child(2) .box-txt p {text-align: left;}

    .row.legenda {display: none;}
    .bl_cart .box_1.prod {-ms-flex: 0 0 99.6666666667%;flex: 0 0 99.6666666667%;max-width: 99.6666666667%;order: 1;}
    .bl_cart .box_3 {
        order: 2;
        display: flex;
        flex-direction: row;
        /* align-items: center; */
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-end;
    }
    .bl_cart .box_1.ritiro {-ms-flex: 0 0 99.6666666667%;flex: 0 0 99.6666666667%;max-width: 99.6666666667%;order: 3;}
    .bl_cart .box_2 {-ms-flex: 0 0 33.3%;flex: 0 0 33.3%;max-width: 33.3%;}
    .box_2.quant {order: 3;}
    .box_2.prezzo {order: 4;}
    .box_2.sub {order: 5;}
    .box_2.quant form {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .box_2.quant form label {display: block;text-align: right;}
    .quantita-input {margin: 0 0 0 auto; min-width: inherit;max-width: 8rem;}
    .box_2.prezzo { text-align: right;}
    .box_2 {text-align: right;margin: 1rem auto 0;}
    .box_1 label.label span { display: inline-block; margin-right: 1rem;}
    .box_2 span.label { display: block;text-align: right;}
    .bl_cart .box_1.ritiro{ display: inline-flex;}
    .bl_cart .box_1.ritiro span.testo{ display: inline; }

    .bonifico {text-align: center;}
    
    .ordina_wrap {flex-wrap: wrap;}
    .filtro_cat {margin: 0 0 1.5rem;}
    .prodotti .box-promozioni .bl {width: 48%; }
    .prodotti .box-promozioni .bl.w25 {width: 48%; }

    .modal {    align-items: flex-start;    }
    .modal-container .row img.img_pag_cart {
        width: 100%;
        height: auto;
        margin: 0 0 4rem 0;
    }
    .modal-container .box_1.prod {width: 100%;text-align: center;}
    .modal-container .row .box_2, .modal-container .row form {text-align: center;}
    .modal-container .quantita-input {max-width: inherit;}
}

@media screen and (max-width: 580px) {
    .tit1 {font-size: 4rem;}
    
    /* .ico-box {margin: 0 1rem;}
    .ico-box .txt {display: none;} */
    header .sidenav .logo {width: 16rem;}
    .splide#slide-home .box-txt {/*min-width: inherit;*/ min-width: 70%; transform: translate(-50%,-10%);}
    .splide#slide-home, .splide#slide-home .splide__track, .splide#slide-home .splide__list, .splide#slide-home .splide__slide {height: 70vh;}
    .splide#slide-home picture{ height: 58%; }
    .splide#slide-home .box-txt{ max-height: 38%; }
    /* .splide__slide img.ico-settore {height: 60vw;} */
    .splide#slide-news .box-slide, .box-slide {padding: 2rem;margin: 0 auto 1rem;}
    .box-img {flex-wrap: wrap;}
    .box-img picture {width: 100%;}
    img.img-news { /*height: 50rem; max-height: 50vw;*/ width: 100%; margin: 0 auto 1rem; }
    .data {width: 100%; padding: 0 0 1rem;}
    .data .giorno, .data .meseanno {display: inline-block;}
    .splide#slide-marchi .my-arrows .my-prev {transform: scale(0.55) rotate(180deg);}
    .splide#slide-marchi .my-arrows .my-next {transform: scale(0.55);}
    .social-bl {margin: 0 auto 2rem;width: 100%;}
    .bl-big-2 .bl-33 {width: 100%;padding: 0;margin: 0 auto 2rem;text-align: center;}

    .gallery-chisiamo a {width: 16rem;height: 16rem;}
    .box-promozioni .bl-50 {width: 100%; margin: 0 auto 5rem;}
    .box-promozioni .bl-50 .card {height: 80vw;}
    .box-promozioni .bl-50 img.img-promo {height: 80vw;}
    
    .box-scheda-tecnica .bl-50 {width: 100%; margin: 0 auto 5rem;}
    .box-scheda-tecnica .bl-50 .card {height: 80vw;}
    .box-scheda-tecnica .bl-50 img.img-promo {height: 80vw;}

    .box-volantini .bl {width: 70%; margin: 0 auto 5rem;}
    .box-volantini .bl .card {height: 80vw;}
    .box-volantini .bl img.img-promo {height: 80vw;}

    .box-servizio-dettaglio .box-img {width: 100%;}
    /* .box-servizio-dettaglio .box-img, .box-servizio-dettaglio .box-img img {max-height: 65vw;} */

    .box-servizi .flex .bl-33 {width: 100%;}
    .box-servizi .flex .bl-25, .box-promozioni .flex .bl-25{width: 100%;}
    .box-scheda-tecnica .flex .bl-25 {width: 40%;}
    .box-scheda-tecnica .flex .bl-25.dettaglio {width: 100%;}
    .box-servizi .flex .bl-25 .card .btn, .box-promozioni .flex .bl-25 .card .btn, .box-scheda-tecnica .flex .bl-25 .card .btn{ bottom: -3.3rem; }
    .box-servizi .flex .bl-25 .card, .box-servizi .flex .bl-25 .card img {max-height: 60vw;}
    .box-promozioni .flex .bl-25 .card, .box-promozioni .flex .bl-25 .card img {max-height: 80vw;}
    .box-scheda-tecnica .flex .bl-25 .card, .box-scheda-tecnica .flex .bl-25 .card img {max-height: 80vw;}
    .card, .card img {max-height: 60vw;}
    
    /*.box-promozioni .flex .bl-25*/

    .box-settori .bl-20 {width: 100%;}

    .box-news .bl-50 {width: 100%;margin: 4rem auto 1rem;}

    .box-tutorial .bl-50 {width: 100%;margin: 4rem auto 1rem;}
    img.img-tutorial { height: 50rem; max-height: 50vw; width: 100%; margin: 0 auto 1rem; }
    .box-tutorial-dettaglio .box-img {width: 100%;}

    form .box-50 {width: 100%;}

    .bl_cart .box_2 {display: flex;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;justify-content: space-between;}
    .box_2.quant form {width: 100%;flex-wrap: nowrap;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
    .quantita-input {margin: 0;}
    .bl_cart .row:not(.legenda){padding: 2rem 0;}

    .indirizzi .box-50 {width: 100%;padding: 0; margin: 0 0 3rem;}
    .indirizzi .box-100 {width: 100%;padding: 0; margin: 0 0 3rem;}
    .answer.indirizzi .txt_small, .answer.indirizzi h3, .pdd {padding: 0;}
    .nuovo_ind {margin: 0 0 6rem;}
    
    .legenda_ordine {flex-wrap: wrap;}
    .legenda_ordine .txt, .legenda_ordine .num { max-width: unset;}
    
	
}
	
@media screen and (max-width: 500px) {
    .splide#slide-home, .splide#slide-home .splide__track, .splide#slide-home .splide__list, .splide#slide-home .splide__slide {height: 100vh; max-height: 650px;}
    .splide#slide-home picture{ height: 60%; }
    .splide#slide-home .box-txt{ max-height: 40%; }
    .splide#slide-home .my-arrows .my-prev {transform: translate(0,-70px) scale(0.7);}
    .splide#slide-home .my-arrows .my-next {transform: translate(0,-70px) scale(0.7);}

    .prodotti .box-promozioni .bl {width: 100%; margin: 0 auto 5rem;}
    .prodotti .box-promozioni .bl.w25 {width: 100%; margin: 0 auto 5rem;}

}
	
@media screen and (max-width: 400px) {

    .ico-box.carrello:hover .drop_carrello { min-width: 92vw;right: -3vw;}

    .splide#slide-home picture{ height: 55%; }
	
	.tit2 { font-size: 1.8rem;}
	.tit1 {font-size: 3rem;}
	.space {letter-spacing: 1px;}

	.g-recaptcha {transform: scale(0.8); margin-left: -10%;}

    .ico-box {margin: 0 5px;}
    .box-sei-icon__icon {width: 100%;}
    /* .splide__slide img.ico-settore {height: 110vw;} */

    .gallery-chisiamo a {width: 13rem;height: 13rem;}
    .fascia-negozi {margin: 2rem auto 0;} 

    .box-servizi .flex .bl-33 {margin: 2rem auto;}
    .box-servizi .flex .bl-25, .box-promozioni .flex .bl-25 {margin: 2rem auto;}
    .box-scheda-tecnica .flex .bl-25, .box-scheda-tecnica .flex .bl-25.dettaglio {margin: 2rem auto;}

    .form {padding: 2rem;}

    #thumbnail-carousel .splide__track {width: 80%;}
    #thumbnail-carousel .splide__arrow--prev {transform: scale(0.5) rotate(180deg);}
    #thumbnail-carousel .splide__arrow--next {transform: scale(0.5)}

    .bl_cart .box_1.prod {
        -ms-flex: 0 0 98.666667%;
        flex: 0 0 98.666667%;
        max-width: 98.666667%;}

        .inner a.btnPswDim {display: block;margin: 2rem 0 0;}

}

@media screen and (max-width: 330px) {
    .splide#slide-home picture{ height: 46%; }
    
    .splide#slide-home .box-txt .tit1 { font-size: 2.5rem; }
}

@media screen and (max-height: 475px) {
    .overlay a { font-size: 2rem;}
}