:root {
  --sasaco-blue: #082c68;
  --sasaco-blue-hover: #061f4b;
  --sasaco-red: #e30613;
  --sasaco-orange: #ff7a00;
  --sasaco-green: #16a765;
  --sasaco-bg: #f5f7fb;
  --sasaco-card: #ffffff;
  --sasaco-border: #e2e7ef;
  --sasaco-text: #172033;
  --sasaco-muted: #697386;
  --sasaco-radius: 14px;
  --sasaco-shadow: 0 6px 24px rgba(20, 38, 70, 0.07);
}

body#body-search,
body.search {
  background: var(--sasaco-bg);
}

body#body-search #main,
body.search #main {
  padding-top: 20px;
  padding-bottom: 48px;
}

body#body-search #main .relative2,
body.search #main .relative2 {
  background: var(--sasaco-card);
  border: 1px solid var(--sasaco-border);
  border-radius: var(--sasaco-radius);
  box-shadow: var(--sasaco-shadow);
  padding: 22px 24px;
  margin-bottom: 18px;
}

body#body-search #main .titles-top,
body.search #main .titles-top {
  margin: 0;
}

body#body-search #main .titles-top h1,
body.search #main .titles-top h1 {
  margin: 0;
  color: var(--sasaco-text);
  font-family: Poppins, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
}

body#body-search .filter-remove,
body.search .filter-remove {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

body#body-search .filter-remove a,
body.search .filter-remove a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 7px 12px;
  border: 1px solid var(--sasaco-border);
  border-radius: 999px;
  background: #f8fafc;
  color: var(--sasaco-text);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

body#body-search #search-sort,
body.search #search-sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--sasaco-border);
}

body#body-search #search-sort .user-type,
body.search #search-sort .user-type {
  display: flex;
  align-items: center;
  gap: 7px;
}

body#body-search #search-sort .user-type a,
body.search #search-sort .user-type a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0;
  padding: 8px 15px;
  border: 1px solid var(--sasaco-border);
  border-radius: 10px;
  background: #fff;
  color: var(--sasaco-muted);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

body#body-search #search-sort .user-type a:hover,
body#body-search #search-sort .user-type a.active,
body.search #search-sort .user-type a:hover,
body.search #search-sort .user-type a.active {
  border-color: var(--sasaco-blue);
  background: var(--sasaco-blue);
  color: #fff;
}

body#body-search #search-sort .sort-it,
body.search #search-sort .sort-it {
  margin-left: auto;
}

body#body-search #search-sort .sort-title,
body.search #search-sort .sort-title {
  border: 1px solid var(--sasaco-border);
  border-radius: 10px;
  background: #fff;
}

body#body-search #search-sort .title-keep,
body.search #search-sort .title-keep {
  min-height: 38px;
  padding: 8px 14px;
  color: var(--sasaco-text);
  font-size: 13px;
  font-weight: 600;
}

body#body-search #search-sort .list-grid,
body.search #search-sort .list-grid {
  display: flex;
  align-items: center;
  gap: 6px;
}

body#body-search #search-sort .list-grid a.lg,
body.search #search-sort .list-grid a.lg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 38px;
  border: 1px solid var(--sasaco-border);
  border-radius: 9px;
  background: #fff;
}

body#body-search #search-sort .list-grid a.lg:hover,
body#body-search #search-sort .list-grid a.lg.active,
body.search #search-sort .list-grid a.lg:hover,
body.search #search-sort .list-grid a.lg.active {
  border-color: var(--sasaco-blue);
  background: #eef4ff;
}

body#body-search .paginate,
body.search .paginate {
  margin-top: 28px;
  text-align: center;
}

body#body-search .paginate a,
body#body-search .paginate span,
body.search .paginate a,
body.search .paginate span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 3px;
  border: 1px solid var(--sasaco-border);
  border-radius: 9px;
  background: #fff;
  color: var(--sasaco-text);
  font-weight: 600;
  text-decoration: none;
}

/*
|--------------------------------------------------------------------------
| DESKTOP LAYOUT
|--------------------------------------------------------------------------
*/

@media screen and (min-width: 1024px) {
  body#body-search section.content > .inside,
  body.search section.content > .inside {
    width: calc(100% - 48px);
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  body#body-search .search-side,
  body.search .search-side {
    width: 300px;
    margin-right: 22px;
  }

  body#body-search #main,
  body.search #main {
    width: calc(100% - 322px);
    min-width: 0;
    padding: 24px;
    margin-bottom: 30px;
    border: 1px solid var(--sasaco-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--sasaco-shadow);
  }
}

/*
|--------------------------------------------------------------------------
| CARD UNICA — VISTA LISTA
|--------------------------------------------------------------------------
*/

body#body-search .products.list.standard {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 0;
  background: transparent;
}

body#body-search .products.list .sasaco-card {
  position: relative;
  float: none;
  clear: both;
  width: 100%;
  min-height: 190px;
  margin: 0;
  border: 1px solid var(--sasaco-border);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(20, 38, 70, 0.04);
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body#body-search .products.list .sasaco-card:hover {
  border-color: #cbd6e6;
  box-shadow: 0 8px 24px rgba(20, 38, 70, 0.09);
  transform: translateY(-1px);
}

body#body-search .products.list .sasaco-card .simple-wrap {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  width: 100%;
  min-height: 190px;
  padding: 0;
}

body#body-search .products.list .sasaco-card .img-wrap {
  position: relative;
  float: none;
  width: 220px;
  height: 190px;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #f2f4f8;
}

body#body-search .products.list .sasaco-card .img-wrap .img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

body#body-search .products.list .sasaco-card .img-wrap .img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

body#body-search .products.list .sasaco-card-product .img-wrap .img img {
  object-fit: contain;
  padding: 12px;
  background: #fff;
}

body#body-search .products.list .sasaco-card .data {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  grid-template-rows: auto 1fr;
  column-gap: 24px;
  float: none;
  width: 100%;
  min-width: 0;
  min-height: 190px;
  padding: 22px 22px 18px;
}

body#body-search .products.list .sasaco-card .title {
  grid-column: 1;
  grid-row: 1;
  display: block;
  width: 100%;
  margin: 0 0 8px;
  color: var(--sasaco-text);
  font-family: Poppins, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

body#body-search .products.list .sasaco-card .description.isList {
  grid-column: 1;
  grid-row: 2;
  display: block;
  width: 100%;
  max-height: 66px;
  margin: 0;
  color: var(--sasaco-muted);
  font-size: 13px;
  line-height: 1.55;
  overflow: hidden;
}

body#body-search .products.list .sasaco-card .extra.isList {
  position: absolute;
  left: 22px;
  right: 235px;
  bottom: 17px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  width: auto;
  margin: 0;
  color: var(--sasaco-muted);
  font-size: 12px;
}

body#body-search .products.list .sasaco-card .action.isList {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  float: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 20px;
  border-left: 1px solid var(--sasaco-border);
}

body#body-search .products.list .sasaco-card .action .price {
  float: none;
  width: 100%;
  margin: 0 0 14px;
  color: var(--sasaco-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}

body#body-search .products.list .sasaco-card .action .bt {
  float: none;
  width: 100%;
  margin: 0;
}

body#body-search .products.list .sasaco-card .action .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--sasaco-blue);
  border-radius: 8px;
  background: var(--sasaco-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

body#body-search .products.list .sasaco-card-product .action .btn {
  border-color: var(--sasaco-orange);
  background: var(--sasaco-orange);
}

body#body-search .products.list .sasaco-card .action .hit,
body#body-search .products.list .sasaco-card .action .time,
body#body-search .products.list .sasaco-card .sasaco-merchant {
  float: none;
  width: 100%;
  margin: 10px 0 0;
  color: var(--sasaco-muted);
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
}

body#body-search .products.list .sasaco-card > .simple-wrap > .label,
body#body-search .products.list .sasaco-card .sasaco-type-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 24px;
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: #1677ee;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

body#body-search .products.list .sasaco-card-product .sasaco-type-badge {
  background: var(--sasaco-green);
}

body#body-search .products.list .sasaco-card .publish.isGrid,
body#body-search .products.list .sasaco-card .price.isGrid,
body#body-search .products.list .sasaco-card .details.isGrid {
  display: none !important;
}

body#body-search .sasaco-old-price {
  margin-left: 10px;
  color: #9aa3b2;
  text-decoration: line-through;
}

body#body-search .sasaco-discount {
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fff0ec;
  color: #e84b2c;
  font-size: 11px;
  font-weight: 700;
}

/*
|--------------------------------------------------------------------------
| MOBILE BASE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 767px) {
  body#body-search #main,
  body.search #main {
    padding-top: 10px;
    padding-bottom: 80px;
  }

  body#body-search #main .relative2,
  body.search #main .relative2 {
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 12px;
  }

  body#body-search #main .titles-top h1,
  body.search #main .titles-top h1 {
    font-size: 18px;
  }

  body#body-search #search-sort,
  body.search #search-sort {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
  }

  body#body-search #search-sort .user-type,
  body.search #search-sort .user-type {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  body#body-search #search-sort .sort-it,
  body.search #search-sort .sort-it {
    margin-left: 0;
    flex: 1;
  }
}

/* SASACO HIDE LEGACY SEARCH BAR */

body#body-search #home-search,
body.search #home-search {
  display: none !important;
}


/* ==========================================================
   SASACO SEARCH ALIGN WITH HEADER
========================================================== */

@media screen and (min-width:1024px){

  body#body-search #main,
  body.search #main{
      max-width:none !important;
      width:calc(100% - 322px) !important;
  }

  body#body-search #main .wrap,
  body.search #main .wrap{
      max-width:none !important;
      width:100% !important;
  }

  body#body-search .search-list,
  body.search .search-list{
      width:100% !important;
      max-width:none !important;
  }

}


/* ==========================================================
   SASACO SEARCH FULL WIDTH LIKE HEADER
========================================================== */

@media screen and (min-width:1024px){

  body.search #main{
      width:calc(100% - 322px) !important;
      max-width:none !important;
      flex:1 1 auto !important;
  }

  body.search .search-side{
      width:300px !important;
      flex:0 0 300px !important;
  }

  body.search section.content > .inside{
      display:flex !important;
      align-items:flex-start !important;
      gap:22px !important;
  }

}


/* SASACO SEARCH REAL CONTAINER ALIGNMENT */

@media screen and (min-width: 1024px) {

  /*
  |--------------------------------------------------------------------------
  | CONTENITORE COMPLETO: FILTRI + RISULTATI
  |--------------------------------------------------------------------------
  */

  body#body-search .inside.search,
  body.search .inside.search {
    width: calc(100% - 48px) !important;
    max-width: 1680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;
  }

  /*
  |--------------------------------------------------------------------------
  | SIDEBAR REALE
  |--------------------------------------------------------------------------
  */

  body#body-search .inside.search > #filter,
  body.search .inside.search > #filter {
    float: none !important;
    width: 300px !important;
    min-width: 300px !important;
    flex: 0 0 300px !important;
    margin: 0 !important;
  }

  /*
  |--------------------------------------------------------------------------
  | RISULTATI
  |--------------------------------------------------------------------------
  */

  body#body-search .inside.search > #main,
  body.search .inside.search > #main {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 0 30px 0 !important;
  }

  body#body-search .inside.search > #main > .relative2,
  body.search .inside.search > #main > .relative2,
  body#body-search #search-items,
  body.search #search-items {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}

/* ===== SASACO GRID CARDS START ===== */

/*
|--------------------------------------------------------------------------
| SASACO — CARD GRIGLIA UNIFICATA
|--------------------------------------------------------------------------
| Privato  = blu
| Azienda  = verde
| Prodotto = arancione
| Premium  = oro
|--------------------------------------------------------------------------
*/

body#body-search {
  --sasaco-private: #2563eb;
  --sasaco-company: #16a765;
  --sasaco-product: #ff6b00;
  --sasaco-premium: #d99a00;

  --sasaco-card-border: #e2e7ef;
  --sasaco-card-radius: 14px;
  --sasaco-card-shadow: 0 3px 14px rgba(8, 44, 104, 0.08);
  --sasaco-card-shadow-hover: 0 12px 28px rgba(8, 44, 104, 0.15);
}


/*
|--------------------------------------------------------------------------
| CONTENITORE GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;

  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
}


/*
|--------------------------------------------------------------------------
| CARD GENERALE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard > .sasaco-card {
  position: relative;

  display: flex;
  flex-direction: column;

  float: none;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;

  overflow: hidden;

  background: #fff;
  border: 1px solid var(--sasaco-card-border);
  border-radius: var(--sasaco-card-radius);
  box-shadow: var(--sasaco-card-shadow);

  line-height: normal;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

body#body-search #search-items .products.grid.standard > .sasaco-card:hover {
  z-index: 3;

  transform: translateY(-4px);
  border-color: #cbd5e1;
  box-shadow: var(--sasaco-card-shadow-hover);
}

body#body-search #search-items .products.grid.standard > .sasaco-card > .simple-wrap {
  position: relative;

  display: flex;
  flex-direction: column;

  width: 100%;
  height: 100%;
}


/*
|--------------------------------------------------------------------------
| IMMAGINE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .img-wrap {
  position: relative;

  display: block;
  float: none;

  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  margin: 0;

  overflow: hidden;

  background: #f3f5f8;
  border: 0;
  border-bottom: 1px solid var(--sasaco-card-border);
  border-radius:
    var(--sasaco-card-radius)
    var(--sasaco-card-radius)
    0
    0;
}

body#body-search #search-items .products.grid.standard .sasaco-card .img-wrap .img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;
}

body#body-search #search-items .products.grid.standard .sasaco-card .img-wrap .img img {
  display: block;

  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;

  object-fit: cover;
  object-position: center;

  border-radius: 0;

  transition: transform 0.25s ease;
}

body#body-search #search-items .products.grid.standard .sasaco-card:hover .img-wrap .img img {
  transform: scale(1.025);
}

/* I prodotti con fondo bianco non vengono tagliati */
body#body-search #search-items .products.grid.standard .sasaco-card-product .img-wrap {
  background: #fff;
}

body#body-search #search-items .products.grid.standard .sasaco-card-product .img-wrap .img img {
  object-fit: contain;
  padding: 14px;
}


/*
|--------------------------------------------------------------------------
| BADGE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card > .simple-wrap > .label,
body#body-search #search-items .products.grid.standard .sasaco-card .sasaco-type-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  right: auto;

  z-index: 12;

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

  width: auto;
  min-width: 78px;
  height: 27px;
  padding: 0 10px;

  color: #fff;
  background: #64748b;

  border: 0;
  border-radius: 7px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.18);

  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 27px;
  letter-spacing: 0.35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

body#body-search #search-items .products.grid.standard .sasaco-badge-private {
  background: var(--sasaco-private) !important;
}

body#body-search #search-items .products.grid.standard .sasaco-badge-company {
  background: var(--sasaco-company) !important;
}

body#body-search #search-items .products.grid.standard .sasaco-badge-product {
  background: var(--sasaco-product) !important;
}

body#body-search #search-items .products.grid.standard .sasaco-badge-premium {
  color: #fff !important;
  background: var(--sasaco-premium) !important;
}


/*
|--------------------------------------------------------------------------
| CONTENUTO CARD
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .data {
  position: relative;

  display: flex;
  flex: 1 1 auto;
  flex-direction: column;

  float: none;
  width: 100%;
  min-height: 245px;
  padding: 17px 16px 16px;

  overflow: visible;

  background: #fff;
  border-radius: 0 0 var(--sasaco-card-radius) var(--sasaco-card-radius);
}


/*
|--------------------------------------------------------------------------
| TITOLO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .title {
  order: 1;

  display: -webkit-box;
  float: none;
  clear: none;

  width: 100%;
  min-height: 46px;
  max-height: 46px;
  margin: 0 0 10px;
  padding: 0;

  overflow: hidden;

  color: #172033;

  font-family: inherit;
  font-size: 16px;
  font-weight: 750;
  line-height: 23px;
  text-decoration: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  text-overflow: initial;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body#body-search #search-items .products.grid.standard .sasaco-card .title:hover {
  color: #082c68;
  text-decoration: underline;
}


/*
|--------------------------------------------------------------------------
| PREZZO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .price.isGrid {
  order: 2;

  display: block !important;
  float: none;
  clear: none;

  width: 100%;
  min-height: 32px;
  margin: 0 0 12px;
  padding: 0;

  color: #082c68;

  font-family: inherit;
  font-size: 25px;
  font-weight: 850;
  line-height: 32px;
}

body#body-search #search-items .products.grid.standard .sasaco-card .price.isGrid > span {
  display: block;

  max-width: 100%;
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}


/*
|--------------------------------------------------------------------------
| DETTAGLI E PULSANTE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid {
  order: 3;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 7px 10px;

  float: none;
  clear: none;

  width: 100%;
  margin: auto 0 0;
  padding: 12px 0 0;

  border-top: 1px solid #edf0f4;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > div {
  display: flex;
  align-items: center;

  float: none;
  width: 100%;
  min-width: 0;
  height: 32px;
  margin: 0;
  padding: 0;

  overflow: hidden;

  border: 0;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > div > span {
  display: -webkit-box;

  width: 100%;
  max-height: 32px;
  margin: 0;

  overflow: hidden;

  color: #697386;

  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  white-space: normal;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .dt {
  justify-content: flex-end;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .dt > span {
  text-align: right;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .bt {
  grid-column: 1 / -1;

  display: block;

  width: 100%;
  height: auto;
  margin-top: 4px;
  padding: 0;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .bt .btn {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 42px;
  padding: 0 14px;

  color: #fff;
  background: #082c68;

  border: 0;
  border-radius: 9px;

  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 42px;
  text-decoration: none;

  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .bt .btn:hover {
  background: #061f4b;
  transform: translateY(-1px);
}

body#body-search #search-items .products.grid.standard .sasaco-card-product .details.isGrid > .bt .btn {
  background: var(--sasaco-product);
}

body#body-search #search-items .products.grid.standard .sasaco-card-product .details.isGrid > .bt .btn:hover {
  background: #e85f00;
}


/*
|--------------------------------------------------------------------------
| ELEMENTI NASCOSTI IN GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .isList,
body#body-search #search-items .products.grid.standard .sasaco-card .publish.isGrid {
  display: none !important;
}


/*
|--------------------------------------------------------------------------
| PREFERITI
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .fi_save_favorite,
body#body-search #search-items .products.grid.standard .sasaco-card .svi-save-btn {
  top: 11px;
  right: 11px;
  left: auto;

  width: 35px;
  height: 35px;
  padding: 0;

  color: #172033;
  background: rgba(255, 255, 255, 0.92);

  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
}


/*
|--------------------------------------------------------------------------
| VENDUTO E RISERVATO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard .sasaco-card .label.lab-sold,
body#body-search #search-items .products.grid.standard .sasaco-card .label.lab-res {
  top: 16px;
  left: -43px;

  width: 180px;
  height: 29px;
  padding: 0;

  border-radius: 0;

  font-size: 11px;
  line-height: 29px;

  transform: rotate(-45deg);
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1180px) {
  body#body-search #search-items .products.grid.standard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 620px) {
  body#body-search #search-items .products.grid.standard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card {
    border-radius: 11px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .img-wrap {
    aspect-ratio: 1 / 1;
    border-radius: 11px 11px 0 0;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card-product .img-wrap .img img {
    padding: 8px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .data {
    min-height: 218px;
    padding: 11px 10px 10px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .title {
    min-height: 38px;
    max-height: 38px;
    margin-bottom: 7px;

    font-size: 14px;
    line-height: 19px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .price.isGrid {
    min-height: 26px;
    margin-bottom: 8px;

    font-size: 20px;
    line-height: 26px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card > .simple-wrap > .label,
  body#body-search #search-items .products.grid.standard .sasaco-card .sasaco-type-badge {
    top: 7px;
    left: 7px;

    min-width: 0;
    height: 23px;
    padding: 0 7px;

    border-radius: 6px;

    font-size: 9px;
    line-height: 23px;
    letter-spacing: 0.15px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .fi_save_favorite,
  body#body-search #search-items .products.grid.standard .sasaco-card .svi-save-btn {
    top: 7px;
    right: 7px;

    width: 30px;
    height: 30px;

    font-size: 15px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid {
    grid-template-columns: 1fr;
    gap: 4px;

    padding-top: 8px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .lc,
  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .dt {
    height: 17px;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .dt {
    display: none;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .lc > span {
    max-height: 17px;

    font-size: 10px;
    line-height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .bt {
    grid-column: 1;
  }

  body#body-search #search-items .products.grid.standard .sasaco-card .details.isGrid > .bt .btn {
    height: 36px;
    padding: 0 7px;

    border-radius: 7px;

    font-size: 12px;
    line-height: 36px;
  }
}


/*
|--------------------------------------------------------------------------
| TELEFONI MOLTO PICCOLI
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 370px) {
  body#body-search #search-items .products.grid.standard {
    grid-template-columns: 1fr;
  }
}

/* ===== SASACO GRID CARDS END ===== */

/* ===== SASACO GRID HIDE BUTTONS START ===== */

/*
|--------------------------------------------------------------------------
| NASCONDI PULSANTI SOLO NELLA VISTA GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid > .bt {
  display: none !important;
}

/*
|--------------------------------------------------------------------------
| RIDISTRIBUISCI I DETTAGLI SENZA PULSANTE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 46px;
  padding-top: 12px;
}

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid > .lc {
  justify-content: flex-start;
}

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid > .dt {
  justify-content: flex-end;
}

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid > .dt > span {
  text-align: right;
}

/*
|--------------------------------------------------------------------------
| RIDUCI ALTEZZA DEL CONTENUTO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .data {
  min-height: 190px;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 620px) {
  body#body-search #search-items .products.grid.standard
  .sasaco-card .data {
    min-height: 175px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .details.isGrid {
    grid-template-columns: 1fr;
    min-height: 24px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .details.isGrid > .dt {
    display: none;
  }
}

/* ===== SASACO GRID HIDE BUTTONS END ===== */

/* ===== SASACO GRID REFINEMENT START ===== */

/*
|--------------------------------------------------------------------------
| CARD PIÙ COMPATTE
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard > .sasaco-card {
  min-height: 0;
}

body#body-search #search-items .products.grid.standard
.sasaco-card > .simple-wrap {
  min-height: 0;
}


/*
|--------------------------------------------------------------------------
| IMMAGINI
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .img-wrap {
  width: 100%;
  height: 225px;
  min-height: 225px;
  aspect-ratio: auto;
}

/* Annunci: foto piena */
body#body-search #search-items .products.grid.standard
.sasaco-card-listing .img-wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
}

/* Prodotti: immagine intera su fondo bianco */
body#body-search #search-items .products.grid.standard
.sasaco-card-product .img-wrap {
  background: #fff;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .img-wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 20px;
}


/*
|--------------------------------------------------------------------------
| BADGE A PILLOLA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card > .simple-wrap > .label,
body#body-search #search-items .products.grid.standard
.sasaco-card .sasaco-type-badge {
  top: 12px;
  left: 12px;

  min-width: 0;
  width: auto;
  height: 29px;
  padding: 0 12px;

  border-radius: 999px;
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.18);

  font-size: 11px;
  font-weight: 800;
  line-height: 29px;
  letter-spacing: 0.25px;
}


/*
|--------------------------------------------------------------------------
| CONTENUTO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .data {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;

  min-height: 218px;
  padding: 17px 16px 15px;
}


/*
|--------------------------------------------------------------------------
| TITOLO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .title {
  order: 1;

  min-height: 46px;
  max-height: 46px;
  margin: 0 0 10px;

  font-size: 16px;
  font-weight: 750;
  line-height: 23px;

  -webkit-line-clamp: 2;
}


/*
|--------------------------------------------------------------------------
| PREZZO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .price.isGrid {
  order: 2;

  min-height: 36px;
  margin: 0 0 14px;

  color: #082c68;

  font-size: 29px;
  font-weight: 850;
  line-height: 36px;
  letter-spacing: -0.35px;
}


/*
|--------------------------------------------------------------------------
| NASCONDI I VECCHI DETTAGLI DELTA IN GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid {
  display: none !important;
}


/*
|--------------------------------------------------------------------------
| FOOTER NUOVO DELLA CARD
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .sasaco-grid-footer {
  order: 3;

  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  width: 100%;
  min-height: 42px;
  margin: auto 0 0;
  padding: 12px 0 0;

  color: #687386;
  border-top: 1px solid #e9edf3;

  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-location {
  display: block;

  min-width: 0;
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-location i {
  margin-right: 4px;

  color: #2563eb;
  font-size: 12px;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-date {
  flex: 0 0 auto;

  color: #7c8798;
  white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| FOOTER PRODOTTO
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-grid-footer-product {
  justify-content: flex-start;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-merchant {
  display: block;

  width: 100%;
  min-width: 0;
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-merchant i {
  margin-right: 5px;

  color: #ff6500;
}

body#body-search #search-items .products.grid.standard
.sasaco-grid-merchant strong {
  color: #344054;
  font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| NESSUN PULSANTE IN GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card .details.isGrid .bt,
body#body-search #search-items .products.grid.standard
.sasaco-card .action.isList {
  display: none !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1180px) {
  body#body-search #search-items .products.grid.standard
  .sasaco-card .img-wrap {
    height: 215px;
    min-height: 215px;
  }
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 620px) {
  body#body-search #search-items .products.grid.standard
  .sasaco-card .img-wrap {
    height: 170px;
    min-height: 170px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .img-wrap .img img {
    padding: 10px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .data {
    min-height: 180px;
    padding: 11px 10px 10px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .title {
    min-height: 38px;
    max-height: 38px;
    margin-bottom: 7px;

    font-size: 14px;
    line-height: 19px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .price.isGrid {
    min-height: 29px;
    margin-bottom: 8px;

    font-size: 22px;
    line-height: 29px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card .sasaco-grid-footer {
    display: block !important;

    min-height: 34px;
    padding-top: 8px;

    font-size: 10px;
    line-height: 15px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-grid-date {
    display: none;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card > .simple-wrap > .label,
  body#body-search #search-items .products.grid.standard
  .sasaco-card .sasaco-type-badge {
    top: 7px;
    left: 7px;

    height: 24px;
    padding: 0 8px;

    font-size: 9px;
    line-height: 24px;
  }
}

/* ===== SASACO GRID REFINEMENT END ===== */

/* =====================================================
   SASACO - NASCONDI DESCRIZIONE NELLA VISTA LISTA
   ===================================================== */

#search-items .products.list .simple-prod .description{
    display:none !important;
}

/* ===== SASACO PRODUCT PRICES START ===== */

/*
|--------------------------------------------------------------------------
| PREZZI PRODOTTI — BASE
|--------------------------------------------------------------------------
*/

body#body-search .sasaco-card-product .sasaco-product-price {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 9px;
}

body#body-search .sasaco-card-product .sasaco-price-current {
  color: #082c68;
  font-weight: 850;
  white-space: nowrap;
}

body#body-search .sasaco-card-product .sasaco-price-old {
  color: #8a94a6;
  font-weight: 500;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

body#body-search .sasaco-card-product .sasaco-price-discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 48px;
  height: 25px;
  padding: 0 8px;

  color: #fff;
  background: #e53935;

  border-radius: 999px;

  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 25px;
  white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid.sasaco-product-price {
  display: flex !important;

  min-height: 60px;
  margin: 0 0 13px;
  padding: 0;

  line-height: normal;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid .sasaco-price-old {
  width: 100%;

  font-size: 15px;
  line-height: 18px;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid .sasaco-price-current {
  width: auto;

  font-size: 29px;
  line-height: 34px;
  letter-spacing: -0.35px;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid:not(:has(.sasaco-price-old)) {
  min-height: 60px;
  align-content: center;
}


/*
|--------------------------------------------------------------------------
| LISTA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.list
.sasaco-card-product .action.isList
.sasaco-product-price-list {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;

  float: none;
  clear: both;

  width: 100%;
  margin: 0 0 14px;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-old {
  width: 100%;

  font-size: 14px;
  line-height: 18px;
  text-align: right;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-current {
  font-family: inherit;
  font-size: 23px;
  line-height: 28px;
  text-align: right;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-discount {
  height: 23px;
  min-width: 45px;
  padding: 0 7px;

  font-size: 11px;
  line-height: 23px;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 620px) {
  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid.sasaco-product-price {
    min-height: 50px;
    gap: 4px 6px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid .sasaco-price-old {
    font-size: 12px;
    line-height: 15px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid .sasaco-price-current {
    font-size: 21px;
    line-height: 27px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .sasaco-price-discount {
    min-width: 40px;
    height: 21px;
    padding: 0 6px;

    font-size: 10px;
    line-height: 21px;
  }
}

/* ===== SASACO PRODUCT PRICES END ===== */

/* ===== SASACO PRODUCT PRICES FINAL START ===== */

/*
|--------------------------------------------------------------------------
| PREZZI PRODOTTI
|--------------------------------------------------------------------------
*/

body#body-search .sasaco-card-product .sasaco-product-price {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;

  width: 100%;
}

body#body-search .sasaco-card-product .sasaco-price-main-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  width: 100%;
}

body#body-search .sasaco-card-product .sasaco-price-current {
  display: inline-block;

  color: #082c68;

  font-family: inherit;
  font-weight: 850;
  white-space: nowrap;
}

body#body-search .sasaco-card-product .sasaco-price-old {
  display: block;

  color: #8b95a7;

  font-family: inherit;
  font-weight: 500;
  line-height: 18px;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

body#body-search .sasaco-card-product .sasaco-price-discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 49px;
  height: 25px;
  padding: 0 8px;

  color: #fff;
  background: #e53935;

  border-radius: 999px;

  font-family: inherit;
  font-size: 12px;
  font-weight: 850;
  line-height: 25px;
  white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid.sasaco-product-price {
  order: 2;

  display: flex !important;

  min-height: 62px;
  margin: 0 0 12px;
  padding: 0;

  color: inherit;

  font-family: inherit;
  line-height: normal;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid
.sasaco-price-old {
  font-size: 14px;
}

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid
.sasaco-price-current {
  font-size: 29px;
  line-height: 35px;
  letter-spacing: -0.4px;
}


/*
|--------------------------------------------------------------------------
| LISTA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list {
  display: flex !important;
  align-items: flex-end;

  float: none;
  clear: both;

  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-main-row {
  justify-content: flex-end;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-old {
  width: 100%;

  font-size: 14px;
  text-align: right;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-price-list
.sasaco-price-current {
  font-size: 24px;
  line-height: 30px;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-list-merchant {
  display: block !important;

  height: auto;
  max-height: none;
  margin: 4px 0 0;

  color: #727d90;

  font-size: 13px;
  line-height: 18px;
}

body#body-search #search-items .products.list
.sasaco-card-product .sasaco-product-list-merchant i {
  margin-right: 5px;
  color: #ff6500;
}


/*
|--------------------------------------------------------------------------
| EVITA PREZZI NASCOSTI DAL CSS DELTA
|--------------------------------------------------------------------------
*/

body#body-search #search-items .products.grid.standard
.sasaco-card-product .price.isGrid {
  visibility: visible !important;
  opacity: 1 !important;
}

body#body-search #search-items .products.list
.sasaco-card-product .action.isList .price {
  visibility: visible !important;
  opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

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

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid.sasaco-product-price {
    min-height: 53px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid
  .sasaco-price-old {
    font-size: 12px;
    line-height: 15px;
  }

  body#body-search #search-items .products.grid.standard
  .sasaco-card-product .price.isGrid
  .sasaco-price-current {
    font-size: 21px;
    line-height: 27px;
  }

  body#body-search .sasaco-card-product .sasaco-price-discount {
    min-width: 40px;
    height: 21px;
    padding: 0 6px;

    font-size: 10px;
    line-height: 21px;
  }

}

/* ===== SASACO PRODUCT PRICES FINAL END ===== */

/* ===== SASACO DELTA PRICE FIX START ===== */

/*
|--------------------------------------------------------------------------
| RESET CONFLITTI PREZZO DELTA
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.sasaco-card-product .sasaco-product-price {
  position: static !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  float: none !important;
  clear: both !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;

  white-space: normal !important;
  text-align: left !important;
}

body#body-search #search-items
.sasaco-card-product .sasaco-product-price
.sasaco-price-main-row {
  position: static !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  float: none !important;
  clear: both !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
  transform: none !important;
  text-align: left !important;
}


/*
|--------------------------------------------------------------------------
| PREZZO VECCHIO
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.sasaco-card-product .sasaco-price-old {
  position: static !important;

  display: block !important;

  float: none !important;
  clear: both !important;

  width: auto !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 0 3px 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  color: #8b95a7 !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 18px !important;

  text-align: left !important;
  text-decoration: line-through !important;
  white-space: nowrap !important;
}


/*
|--------------------------------------------------------------------------
| PREZZO ATTUALE
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.sasaco-card-product .sasaco-price-current {
  position: static !important;

  display: inline-block !important;
  flex: 0 1 auto !important;

  float: none !important;

  width: auto !important;
  max-width: calc(100% - 65px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  color: #082c68 !important;

  font-family: inherit !important;
  font-weight: 800 !important;

  text-align: left !important;
  white-space: nowrap !important;
  text-overflow: initial !important;
  transform: none !important;
}


/*
|--------------------------------------------------------------------------
| PERCENTUALE DI SCONTO
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.sasaco-card-product .sasaco-price-discount {
  position: static !important;

  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;

  float: none !important;

  width: auto !important;
  min-width: 48px !important;
  max-width: none !important;
  height: 25px !important;

  margin: 0 !important;
  padding: 0 8px !important;

  overflow: visible !important;

  color: #fff !important;
  background: #e53935 !important;

  border: 0 !important;
  border-radius: 999px !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 25px !important;

  text-align: center !important;
  white-space: nowrap !important;
}


/*
|--------------------------------------------------------------------------
| GRIGLIA
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.products.grid.standard
.sasaco-card-product
.price.isGrid.sasaco-product-price {
  order: 2 !important;

  display: flex !important;

  width: 100% !important;
  min-height: 61px !important;

  margin: 0 0 12px 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

body#body-search #search-items
.products.grid.standard
.sasaco-card-product
.price.isGrid.sasaco-product-price
.sasaco-price-current {
  max-width: calc(100% - 65px) !important;

  font-size: 29px !important;
  line-height: 35px !important;
  letter-spacing: -0.4px !important;
}


/*
|--------------------------------------------------------------------------
| LISTA — COLONNA PREZZO PIÙ LARGA
|--------------------------------------------------------------------------
*/

body#body-search #search-items
.products.list
.sasaco-card-product .data {
  padding-right: 240px !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product .action.isList {
  position: absolute !important;
  top: 24px !important;
  right: 14px !important;

  display: block !important;

  width: 205px !important;
  max-width: 205px !important;

  overflow: visible !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.sasaco-product-price-list {
  display: flex !important;
  align-items: flex-end !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 14px 0 !important;

  overflow: visible !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.sasaco-product-price-list
.sasaco-price-main-row {
  justify-content: flex-end !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.sasaco-product-price-list
.sasaco-price-old {
  width: 100% !important;

  margin-bottom: 4px !important;

  font-size: 14px !important;
  text-align: right !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.sasaco-product-price-list
.sasaco-price-current {
  max-width: calc(100% - 60px) !important;

  font-size: 24px !important;
  line-height: 30px !important;
  text-align: right !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 900px) {
  body#body-search #search-items
  .products.list
  .sasaco-card-product .data {
    padding-right: 205px !important;
  }

  body#body-search #search-items
  .products.list
  .sasaco-card-product .action.isList {
    width: 175px !important;
    max-width: 175px !important;
  }

  body#body-search #search-items
  .products.list
  .sasaco-card-product
  .sasaco-product-price-list
  .sasaco-price-current {
    font-size: 21px !important;
  }
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 620px) {
  body#body-search #search-items
  .products.grid.standard
  .sasaco-card-product
  .price.isGrid.sasaco-product-price {
    min-height: 52px !important;
  }

  body#body-search #search-items
  .products.grid.standard
  .sasaco-card-product
  .price.isGrid.sasaco-product-price
  .sasaco-price-current {
    max-width: calc(100% - 48px) !important;

    font-size: 20px !important;
    line-height: 27px !important;
  }

  body#body-search #search-items
  .sasaco-card-product .sasaco-price-old {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body#body-search #search-items
  .sasaco-card-product .sasaco-price-discount {
    min-width: 40px !important;
    height: 21px !important;
    padding: 0 6px !important;

    font-size: 10px !important;
    line-height: 21px !important;
  }
}

/* ===== SASACO DELTA PRICE FIX END ===== */

/* =====================================================
   SASACO - PREZZO PRODOTTO SOLO NELLA COLONNA DESTRA
   VISTA LISTA
   ===================================================== */

/* Nasconde il prezzo duplicato dentro l'area centrale */
body#body-search #search-items
.products.list
.sasaco-card-product
.data > .price.isGrid {
    display: none !important;
}

/* Mantiene visibile solo il prezzo nella action a destra */
body#body-search #search-items
.products.list
.sasaco-card-product
.action.isList
.sasaco-product-price-list {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Allineamento sopra il pulsante */
body#body-search #search-items
.products.list
.sasaco-card-product
.action.isList {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.action.isList
.sasaco-product-price-list {
    order: 1;
    margin: 0 0 12px 0 !important;
}

body#body-search #search-items
.products.list
.sasaco-card-product
.action.isList
.bt {
    order: 2;
}

/* Nasconde il merchant duplicato sotto il pulsante */
body#body-search #search-items
.products.list
.sasaco-card-product
.action.isList
.sasaco-merchant {
    display: none !important;
}

/* ===== SASACO MOBILE CONTROLS V2 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | MOBILE CONTROLS ROW
  |--------------------------------------------------------------------------
  */

  body#body-search #search-sort {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body#body-search .sasaco-mobile-controls-row {
    display: grid !important;

    grid-template-columns:
      auto
      minmax(0, 1fr)
      auto !important;

    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;

    margin: 0 0 12px 0 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | FILTER BUTTON
  |--------------------------------------------------------------------------
  */

  body#body-search .sasaco-mobile-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    height: 44px !important;

    padding: 0 13px !important;

    border: 1px solid #d8dee8 !important;
    border-radius: 10px !important;

    background: #fff !important;

    color: #17263e !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
  }

  body#body-search .sasaco-mobile-filter-btn i {
    font-size: 15px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | SORT
  |--------------------------------------------------------------------------
  */

  body#body-search .sasaco-mobile-controls-row .sort-it {
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
  }

  body#body-search .sasaco-mobile-controls-row .sort-title {
    width: 100% !important;
    min-width: 0 !important;
  }

  body#body-search .sasaco-mobile-controls-row .title-keep {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;

    padding: 0 12px !important;

    border: 1px solid #d8dee8 !important;
    border-radius: 10px !important;

    background: #fff !important;

    color: #17263e !important;

    overflow: hidden !important;
  }

  body#body-search .sasaco-mobile-controls-row .title-keep > span {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;
    width: 100% !important;
  }

  body#body-search .sasaco-mobile-controls-row .title-keep > span:before {
    content: "Ordina: ";
    flex: 0 0 auto;

    margin-right: 4px !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    color: #26334a !important;
  }

  body#body-search .sasaco-mobile-controls-row .title-keep .kind {
    display: block !important;

    min-width: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #17263e !important;
  }

  body#body-search .sasaco-mobile-controls-row .title-keep > span:after {
    content: "\f107";

    flex: 0 0 auto;

    margin-left: auto !important;
    padding-left: 8px !important;

    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;

    color: #26334a !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LIST / GRID
  |--------------------------------------------------------------------------
  */

  body#body-search .sasaco-mobile-controls-row .list-grid {
    float: none !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    width: auto !important;

    margin: 0 !important;
  }

  body#body-search .sasaco-mobile-controls-row .list-grid a.lg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d8dee8 !important;
    border-radius: 10px !important;

    background: #fff !important;
  }

  body#body-search .sasaco-mobile-controls-row .list-grid a.lg.active {
    border-color: #0d4f8b !important;
    background: #f4f8fc !important;
  }


  /*
  |--------------------------------------------------------------------------
  | SELLER TYPE ROW
  |--------------------------------------------------------------------------
  */

  body#body-search #search-sort .user-type {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body#body-search #search-sort .user-type a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    height: 42px !important;

    padding: 0 16px !important;

    border: 1px solid #dce2eb !important;
    border-radius: 10px !important;

    background: #fff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #687386 !important;

    text-decoration: none !important;
  }

  body#body-search #search-sort .user-type a.active {
    background: #082c68 !important;
    border-color: #082c68 !important;

    color: #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | MOBILE TABS COMPACT
  |--------------------------------------------------------------------------
  */

  body#body-search .sasaco-content-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 0 14px 0 !important;

    border-bottom: 1px solid #e1e6ed !important;
  }

  body#body-search .sasaco-content-tabs a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    min-width: 0 !important;

    padding: 10px 3px !important;

    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;

    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #27354c !important;
  }

  body#body-search .sasaco-content-tabs a.active {
    border-bottom-color: #0b63f6 !important;
    color: #0b63f6 !important;
  }

  body#body-search .sasaco-content-tabs a em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 26px !important;
    height: 22px !important;

    padding: 0 7px !important;

    border-radius: 11px !important;

    background: #edf3ff !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 800 !important;

    color: #0b63f6 !important;
  }

  body#body-search .sasaco-content-tabs a:last-child em {
    background: #e9f8ef !important;
    color: #11a857 !important;
  }

}

/* ===== SASACO MOBILE CONTROLS V2 END ===== */

/* ===== SASACO MOBILE SEARCH LIST V2 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | LIST CONTAINER
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list {
    display: block !important;
    width: 100% !important;
  }

  body#body-search #search-items .products.standard.list > .sasaco-card {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 190px !important;

    margin: 0 0 12px 0 !important;

    border: 1px solid #e1e6ed !important;
    border-radius: 14px !important;

    background: #fff !important;

    overflow: hidden !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CARD LAYOUT
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  > .sasaco-card > .simple-wrap {

    display: grid !important;

    grid-template-columns: 38% minmax(0, 62%) !important;

    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | IMAGE
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .img-wrap {

    position: relative !important;

    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;

    margin: 0 !important;

    border: 0 !important;
    border-right: 1px solid #edf0f4 !important;
    border-radius: 0 !important;

    overflow: hidden !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card .img-wrap > a.img,
  body#body-search #search-items .products.standard.list
  .sasaco-card .img-wrap .switch-bars {

    width: 100% !important;
    height: 100% !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card .img-wrap img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }

  /* Prodotti: non tagliare la foto prodotto */

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .img-wrap img {

    object-fit: contain !important;

    padding: 10px !important;

    background: #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | DATA COLUMN
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .data {

    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 190px !important;

    margin: 0 !important;
    padding: 12px 12px 10px 12px !important;

    overflow: hidden !important;
  }


  /*
  |--------------------------------------------------------------------------
  | TITLE
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .data > a.title {

    display: -webkit-box !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 7px 0 !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;

    color: #14233b !important;

    text-overflow: ellipsis !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HIDE OLD DESKTOP LIST CONTENT
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .description.isList,

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .extra.isList {

    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | USE GRID PRICE + FOOTER IN MOBILE LIST
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .price.isGrid {

    display: block !important;

    position: static !important;

    width: 100% !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    color: #082c68 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card .sasaco-grid-footer.isGrid {

    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    color: #687386 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-grid-footer.isGrid > span {

    min-width: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HIDE OLD GRID DETAILS
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .details.isGrid {

    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LIST ACTION AREA
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .action.isList {

    display: flex !important;
    align-items: center !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;

    margin: auto 0 0 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HIDE DUPLICATE LIST PRICE
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .action.isList > .price {

    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LISTING CONTACT
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList .bt {

    width: 100% !important;
    margin: 0 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList .bt .btn {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList .hit,

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList .time {

    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PRODUCT LIST
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .description.isList.sasaco-product-list-merchant {

    display: none !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList {

    margin-top: auto !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .bt {

    width: 100% !important;
    margin: 0 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .sasaco-shop-button {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .sasaco-merchant {

    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HIDE IMAGE GRID-ONLY DATE
  |--------------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .img-wrap .publish.isGrid {

    display: none !important;
  }

}

/* ===== SASACO MOBILE SEARCH LIST V2 END ===== */

/* ===== SASACO MOBILE SEARCH LIST V2.1 START ===== */

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

  /* Più spazio al contenuto testuale */
  body#body-search #search-items .products.standard.list
  > .sasaco-card > .simple-wrap {
    grid-template-columns: 36% minmax(0, 64%) !important;
  }


  /*
  |----------------------------------------------------------------------
  | ANNUNCI: ordine Titolo > Prezzo > Località
  |----------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .data > a.title {
    order: 1 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .data > .price.isGrid {
    order: 2 !important;

    margin-top: 2px !important;
    margin-bottom: 6px !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .data > .sasaco-grid-footer.isGrid {
    order: 3 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .data > .action.isList {
    order: 10 !important;
    margin-top: auto !important;
  }


  /*
  |----------------------------------------------------------------------
  | PRODOTTI: Titolo > Prezzo > Merchant > CTA
  |----------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .data > a.title {
    order: 1 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .data > .price.isGrid {
    order: 2 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .data > .sasaco-grid-footer.isGrid {
    order: 3 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .data > .action.isList {
    order: 10 !important;

    justify-content: flex-end !important;

    margin-top: auto !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .bt {
    width: auto !important;
    margin-left: auto !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .sasaco-shop-button {
    width: auto !important;
    min-width: 132px !important;

    padding: 0 15px !important;
  }


  /*
  |----------------------------------------------------------------------
  | TYPOGRAPHY
  |----------------------------------------------------------------------
  */

  body#body-search #search-items .products.standard.list
  .sasaco-card .data > a.title {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card .price.isGrid {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }


  /*
  |----------------------------------------------------------------------
  | FIX "ORDINA: SORT BY"
  | Nasconde il testo Delta residuo "Sort by"
  |----------------------------------------------------------------------
  */

  body#body-search .sasaco-mobile-controls-row
  .title-keep .lab {
    display: none !important;
  }

}

/* ===== SASACO MOBILE SEARCH LIST V2.1 END ===== */

/* ===== SASACO MOBILE SEARCH STRUCTURE V3 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | MOBILE SEARCH HEADER ORDER
  |--------------------------------------------------------------------------
  */

  body#body-search #main .relative2 {
    display: flex !important;
    flex-direction: column !important;
  }

  /*
  | #search-sort non crea più un box proprio su mobile.
  | I suoi figli entrano nell'ordinamento della testata.
  */

  body#body-search #main .relative2 > #search-sort {
    display: contents !important;
  }


  /*
  | 1. FILTRI / ORDINA / LISTA-GRIGLIA
  */

  body#body-search .sasaco-mobile-controls-row {
    order: 10 !important;

    margin: 0 0 14px 0 !important;
  }


  /*
  | 2. CONTEGGIO RISULTATI
  */

  body#body-search #main .titles-top {
    order: 20 !important;

    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }

  body#body-search #main .titles-top h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    color: #172238 !important;
  }


  /*
  | 3. TUTTI / ANNUNCI / PRODOTTI
  */

  body#body-search .sasaco-content-tabs {
    order: 30 !important;

    margin: 0 0 12px 0 !important;
  }


  /*
  | 4. TUTTO / PRIVATO / AZIENDA
  */

  body#body-search #search-sort .user-type,
  body#body-search .relative2 > .user-type {
    order: 40 !important;

    margin: 0 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | ACTIVE FILTER CHIPS
  |--------------------------------------------------------------------------
  */

  body#body-search .filter-remove {
    order: 50 !important;
  }

}

/* ===== SASACO MOBILE SEARCH STRUCTURE V3 END ===== */

/* ===== SASACO MOBILE SELLER FILTER CLEANUP V1 START ===== */

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

  /*
  | I filtri venditore restano nel PHP e quindi disponibili al sistema,
  | ma non occupano spazio nella testata mobile.
  */

  body#body-search #search-sort .user-type,
  body#body-search .relative2 > .user-type {
    display: none !important;
  }

  body#body-search #main .titles-top {
    margin-bottom: 10px !important;
  }

  body#body-search .sasaco-content-tabs {
    margin-bottom: 0 !important;
  }

}

/* ===== SASACO MOBILE SELLER FILTER CLEANUP V1 END ===== */

/* ===== SASACO MOBILE LISTING CTA V1 START ===== */

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

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList .sasaco-listing-actions {

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .action.isList
  .sasaco-listing-actions .btn {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border-radius: 9px !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-contact-btn {

    background: #fff !important;
    border: 1px solid #0b63f6 !important;

    color: #0b63f6 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-view-listing-btn {

    background: #fff !important;
    border: 1px solid #ff5a00 !important;

    color: #ff5a00 !important;
  }

}

/* ===== SASACO MOBILE LISTING CTA V1 END ===== */

/* ===== SASACO MOBILE SELLER FILTER RESTORE V2 START ===== */

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

  body#body-search #search-sort .user-type,
  body#body-search .relative2 > .user-type {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;

    width: 100% !important;

    margin: 10px 0 0 0 !important;
    padding: 0 !important;
  }

  body#body-search #search-sort .user-type a,
  body#body-search .relative2 > .user-type a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border: 1px solid #dce2eb !important;
    border-radius: 10px !important;

    background: #fff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #687386 !important;
    text-decoration: none !important;
  }

  body#body-search #search-sort .user-type a.active,
  body#body-search .relative2 > .user-type a.active {
    background: #082c68 !important;
    border-color: #082c68 !important;
    color: #fff !important;
  }

}

/* ===== SASACO MOBILE SELLER FILTER RESTORE V2 END ===== */

/* ===== SASACO MOBILE LISTING CTA V3 START ===== */

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

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-listing-actions {

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-listing-actions .btn {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 6px !important;

    border-radius: 9px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-contact-btn {

    background: #fff !important;
    border: 1px solid #0b63f6 !important;
    color: #0b63f6 !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-listing .sasaco-view-listing-btn {

    background: #fff !important;
    border: 1px solid #ff5a00 !important;
    color: #ff5a00 !important;
  }

}

/* ===== SASACO MOBILE LISTING CTA V3 END ===== */

/* ===== SASACO SHOP BUTTON LIKE CONTACT START ===== */

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

  /* Vai allo shop: stesso modello compatto di Contatta */
  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .sasaco-shop-button {
    width: auto !important;
    min-width: 130px !important;
    height: 44px !important;
    min-height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    padding: 0 18px !important;
    margin: 0 !important;

    border: 1px solid #ff6b00 !important;
    border-radius: 9px !important;

    background: #fff !important;
    color: #ff6b00 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .sasaco-shop-button i {
    color: #ff6b00 !important;
    font-size: 15px !important;
  }

  /* Posizionamento CTA prodotto come CTA annuncio */
  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
}

/* ===== SASACO SHOP BUTTON LIKE CONTACT END ===== */

/* ===== SASACO SHOP BUTTON CENTER V1 START ===== */

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

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body#body-search #search-items .products.standard.list
  .sasaco-card-product .action.isList .sasaco-shop-button {
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* ===== SASACO SHOP BUTTON CENTER V1 END ===== */

/* ===== SASACO GLOBAL MOBILE BOTTOM NAV V1 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | GLOBAL FIXED BOTTOM NAV
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile {
    display: block !important;

    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;

    z-index: 9999 !important;

    background: #fff !important;

    border-top: 1px solid #e3e7ed !important;

    box-shadow: 0 -4px 18px rgba(8, 44, 104, .08) !important;

    padding-bottom: env(safe-area-inset-bottom) !important;
  }


  /*
  |--------------------------------------------------------------------------
  | NAV WRAPPER
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile .wrap {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

    align-items: end !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 68px !important;

    margin: 0 !important;
    padding: 5px 8px 4px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | STANDARD ITEMS
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile .wrap > a {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 4px 2px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #33445c !important;

    text-decoration: none !important;
  }

  #mmenu.isMobile .wrap > a > i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 0 2px 0 !important;

    font-size: 22px !important;
    line-height: 1 !important;

    color: #33445c !important;
  }

  #mmenu.isMobile .wrap > a > span {
    display: block !important;

    width: 100% !important;

    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;

    text-align: center !important;

    color: inherit !important;

    white-space: nowrap !important;
  }


  /*
  |--------------------------------------------------------------------------
  | ACTIVE ITEM
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile .wrap > a.active {
    color: #ff5a00 !important;
  }

  #mmenu.isMobile .wrap > a.active > i {
    color: #ff5a00 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CENTER PUBLISH BUTTON
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile .wrap > a.l3 {
    overflow: visible !important;

    height: 68px !important;

    transform: translateY(-10px) !important;

    z-index: 2 !important;
  }

  #mmenu.isMobile .wrap > a.l3 > i {
    width: 54px !important;
    height: 54px !important;

    margin: 0 0 2px 0 !important;

    border-radius: 50% !important;

    background: #ff5a00 !important;

    color: #fff !important;

    font-size: 25px !important;

    box-shadow: 0 4px 12px rgba(255, 90, 0, .28) !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    color: #24324a !important;

    font-weight: 700 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | NOTIFICATION DOTS
  |--------------------------------------------------------------------------
  */

  #mmenu.isMobile .circle {
    position: absolute !important;

    top: 1px !important;
    right: 1px !important;

    width: 7px !important;
    height: 7px !important;

    border-radius: 50% !important;

    background: #ff3b4f !important;

    border: 1px solid #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PAGE BOTTOM SPACE
  |--------------------------------------------------------------------------
  |
  | Evita che la barra fissa copra contenuti e pulsanti.
  |
  */

  body {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }

}

/* ===== SASACO GLOBAL MOBILE BOTTOM NAV V1 END ===== */

/* ===== SASACO BOTTOM NAV POSITION FIX V1 START ===== */

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

  #mmenu.isMobile {
    top: auto !important;
    bottom: 0 !important;

    position: fixed !important;

    left: 0 !important;
    right: 0 !important;

    z-index: 99999 !important;
  }

}

/* ===== SASACO BOTTOM NAV POSITION FIX V1 END ===== */

/* ===== SASACO BOTTOM NAV SIZE LABEL FIX V2 START ===== */

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

  #mmenu.isMobile {
    height: 78px !important;
    min-height: 78px !important;
    overflow: visible !important;
  }

  #mmenu.isMobile .wrap {
    height: 78px !important;
    min-height: 78px !important;

    padding: 7px 8px 5px !important;

    align-items: center !important;
    overflow: visible !important;
  }

  #mmenu.isMobile .wrap > a {
    height: 64px !important;
    min-height: 64px !important;

    padding: 5px 2px 3px !important;

    overflow: visible !important;
  }

  #mmenu.isMobile .wrap > a > i {
    flex: 0 0 auto !important;

    width: 30px !important;
    height: 30px !important;

    margin: 0 auto 4px !important;

    font-size: 24px !important;
    line-height: 30px !important;
  }

  #mmenu.isMobile .wrap > a > span {
    display: block !important;
    position: static !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    overflow: visible !important;

    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Pulsante Pubblica centrale */
  #mmenu.isMobile .wrap > a.l3 {
    height: 72px !important;
    min-height: 72px !important;

    transform: translateY(-10px) !important;
  }

  #mmenu.isMobile .wrap > a.l3 > i {
    width: 56px !important;
    height: 56px !important;

    margin-bottom: 3px !important;

    line-height: 56px !important;
  }

  /* Spazio pagina coerente con la nuova barra */
  body {
    padding-bottom:
      calc(90px + env(safe-area-inset-bottom)) !important;
  }

}

/* ===== SASACO BOTTOM NAV SIZE LABEL FIX V2 END ===== */

/* ===== SASACO BOTTOM NAV FINAL ALIGN V3 START ===== */

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

  #mmenu.isMobile {
    height: 72px !important;
    min-height: 72px !important;

    background: #fff !important;
    border-top: 1px solid #e5e9ef !important;

    box-shadow: 0 -3px 12px rgba(8,44,104,.06) !important;

    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  #mmenu.isMobile .wrap {
    height: 72px !important;
    min-height: 72px !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: center !important;

    padding: 4px 6px 3px !important;
  }

  #mmenu.isMobile .wrap > a {
    height: 62px !important;
    min-height: 62px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 2px !important;

    padding: 2px 1px !important;
  }

  #mmenu.isMobile .wrap > a > i {
    width: 28px !important;
    height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    font-size: 23px !important;
    line-height: 1 !important;
  }

  #mmenu.isMobile .wrap > a > span {
    display: block !important;

    margin: 1px 0 0 0 !important;

    font-size: 10px !important;
    line-height: 11px !important;
    font-weight: 700 !important;

    text-align: center !important;
  }

  /* Pubblica centrale */
  #mmenu.isMobile .wrap > a.l3 {
    height: 72px !important;

    transform: translateY(-7px) !important;
  }

  #mmenu.isMobile .wrap > a.l3 > i {
    width: 52px !important;
    height: 52px !important;

    border-radius: 50% !important;

    background: #ff5a00 !important;
    color: #fff !important;

    font-size: 24px !important;

    box-shadow: 0 4px 10px rgba(255,90,0,.22) !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    margin-top: 1px !important;
  }

  /* Colore voce attiva */
  #mmenu.isMobile .wrap > a.active,
  #mmenu.isMobile .wrap > a.active > i {
    color: #ff5a00 !important;
  }

  /* Spazio pagina */
  body {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }

}

/* ===== SASACO BOTTOM NAV FINAL ALIGN V3 END ===== */

/* ===== SASACO BOTTOM NAV CENTER FIX V4 START ===== */

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

  #mmenu.isMobile {
    height: 76px !important;
    min-height: 76px !important;
    bottom: 0 !important;
    top: auto !important;
    padding: 0 !important;
  }

  #mmenu.isMobile .wrap {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: center !important;

    padding: 0 6px !important;
    margin: 0 auto !important;
  }

  #mmenu.isMobile .wrap > a {
    width: 100% !important;
    height: 76px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 4px !important;

    padding: 0 !important;
    margin: 0 !important;

    float: none !important;
  }

  #mmenu.isMobile .wrap > a > i {
    position: relative !important;

    width: 30px !important;
    height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 30px !important;
  }

  #mmenu.isMobile .wrap > a > span {
    width: 100% !important;
    height: auto !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 12px !important;
    text-align: center !important;
  }


  /* PULSANTE CENTRALE PUBBLICA */

  #mmenu.isMobile .wrap > a.l3 {
    height: 76px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    transform: none !important;
  }

  #mmenu.isMobile .wrap > a.l3 > i {
    width: 52px !important;
    height: 52px !important;

    position: absolute !important;
    top: -17px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    border-radius: 50% !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    position: absolute !important;

    top: 49px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
  }

}

/* ===== SASACO BOTTOM NAV CENTER FIX V4 END ===== */

/* ===== SASACO GLOBAL MOBILE HEADER V1 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | NASCONDE HEADER DELTA ORIGINALE SOLO MOBILE
  |--------------------------------------------------------------------------
  */

  header .sasaco-header-main {
    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HEADER SASACO
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-header {
    display: block !important;
    width: 100% !important;

    padding: 10px 12px 14px !important;
    margin: 0 !important;

    background: #082c68 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | RIGA SUPERIORE
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-header-top {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    height: 48px !important;

    margin: 0 0 10px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | MENU + ACCOUNT
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-menu-btn,
  header .sasaco-mobile-account {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #fff !important;

    font-size: 22px !important;
    line-height: 1 !important;

    text-decoration: none !important;
  }

  header .sasaco-mobile-menu-btn {
    cursor: pointer !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LOGO CENTRALE
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;

    text-decoration: none !important;
    white-space: nowrap !important;
  }

  header .sasaco-logo-white {
    color: #fff !important;
  }

  header .sasaco-logo-red {
    color: #e30613 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | BARRA RICERCA
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-search-form {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(82px, 30%)
      44px !important;

    align-items: center !important;

    width: 100% !important;
    height: 48px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 9px !important;

    overflow: hidden !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.10) !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CAMPO COSA CERCHI
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-query,
  header .sasaco-mobile-location {
    min-width: 0 !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 10px !important;
  }

  header .sasaco-mobile-query {
    border-right: 1px solid #e2e6eb !important;
  }

  header .sasaco-mobile-query > i {
    flex: 0 0 auto !important;

    margin-right: 7px !important;

    color: #7a8797 !important;
    font-size: 15px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LOCALITA
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-location > i {
    flex: 0 0 auto !important;

    margin-right: 6px !important;

    color: #ff5a00 !important;
    font-size: 15px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | INPUT
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-query input,
  header .sasaco-mobile-location input {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: #26354a !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
  }

  header .sasaco-mobile-query input::placeholder,
  header .sasaco-mobile-location input::placeholder {
    color: #7b8795 !important;
    opacity: 1 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PULSANTE CERCA
  |--------------------------------------------------------------------------
  */

  header .sasaco-mobile-search-submit {
    width: 44px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ff5a00 !important;
    color: #fff !important;

    font-size: 17px !important;

    cursor: pointer !important;
  }

}


/*
|--------------------------------------------------------------------------
| TELEFONI MOLTO STRETTI
|--------------------------------------------------------------------------
*/

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

  header .sasaco-mobile-header {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  header .sasaco-mobile-logo {
    font-size: 28px !important;
  }

  header .sasaco-mobile-search-form {
    grid-template-columns:
      minmax(0, 1fr)
      88px
      42px !important;
  }

  header .sasaco-mobile-query,
  header .sasaco-mobile-location {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

}

/* ===== SASACO GLOBAL MOBILE HEADER V1 END ===== */

/* ===== SASACO GLOBAL MOBILE HEADER VISIBILITY FIX START ===== */

.sasaco-mobile-header {
  display: none !important;
}

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

  header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header > .inside {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header .relative1,
  header .sasaco-header-main {
    display: none !important;
  }

  header .sasaco-mobile-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    min-height: 120px !important;

    position: relative !important;

    background: #082c68 !important;
  }

}

/* ===== SASACO GLOBAL MOBILE HEADER VISIBILITY FIX END ===== */

/* ===== SASACO GLOBAL MOBILE HEADER FORCE V2 START ===== */

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

  /*
  | Delta nasconde l'intero header nelle pagine diverse dalla Home.
  | SASACO deve invece avere lo stesso header su tutto il sito mobile.
  */

  body:not(#body-home) header,
  body#body-search header,
  header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header .sasaco-mobile-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /*
  | Manteniamo nascosto il vecchio header Delta.
  */

  header .relative1,
  header .sasaco-header-main {
    display: none !important;
  }

}

/* ===== SASACO GLOBAL MOBILE HEADER FORCE V2 END ===== */

/* ===== SASACO MOBILE HEADER REMOVE TOP GAP V1 START ===== */

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

  body:not(#body-home) header {
    display: block !important;
  }

  header {
    position: relative !important;
    top: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;

    min-height: 0 !important;
  }

  header > .inside {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  header .sasaco-mobile-header {
    position: relative !important;
    top: 0 !important;

    margin-top: 0 !important;
    padding-top: 10px !important;

    min-height: 0 !important;
  }

}

/* ===== SASACO MOBILE HEADER REMOVE TOP GAP V1 END ===== */

/* ===== SASACO MOBILE BODY TOP GAP FIX V1 START ===== */

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

  html,
  body {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* ===== SASACO MOBILE BODY TOP GAP FIX V1 END ===== */

/* ===== SASACO MOBILE BOTTOM NAV CONTENT SAFE AREA V1 START ===== */

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

  body {
    padding-bottom: 110px !important;
  }

  #main,
  #content,
  .content {
    margin-bottom: 0 !important;
  }

}

/* ===== SASACO MOBILE BOTTOM NAV CONTENT SAFE AREA V1 END ===== */

/* ===== SASACO MOBILE FILTER BOTTOM SAFE AREA V2 START ===== */

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

  .search-mobile-filter-box,
  .search-mobile-filter-box .modal-content,
  .search-mobile-filter-box .filter-fancy,
  .filter.filter-fancy {
    padding-bottom: 140px !important;
    min-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .search-mobile-filter-box form,
  .filter.filter-fancy form {
    padding-bottom: 40px !important;
  }

  .search-mobile-filter-box button[type="submit"],
  .filter.filter-fancy button[type="submit"] {
    margin-bottom: 30px !important;
  }

}

/* ===== SASACO MOBILE FILTER BOTTOM SAFE AREA V2 END ===== */


/* ===== SASACO MOBILE CATEGORY PICKER HEADER FIX V1 START ===== */

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

  /*
  |--------------------------------------------------------------------------
  | CATEGORY PICKER
  | Parte immediatamente sotto il nuovo header SASACO.
  |--------------------------------------------------------------------------
  */

  body#body-search .filter-fancy #category-picker.picker-v2 .shower {
    position: fixed !important;

    top: 128px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 60px !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;

    background: #fff !important;

    z-index: 9998 !important;

    overflow: hidden !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CONTENITORE DELLE CATEGORIE
  |--------------------------------------------------------------------------
  */

  body#body-search #category-picker.picker-v2 .shower .wrapper {
    position: relative !important;

    width: 100% !important;
    height: calc(100% - 55px) !important;

    margin: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CATEGORIE PRINCIPALI
  |--------------------------------------------------------------------------
  */

  body#body-search #category-picker.picker-v2 .cat-tab.root {
    position: relative !important;

    width: 100% !important;

    background: #fff !important;

    z-index: 1 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | SOTTOCATEGORIE
  | Rimangono dentro il pannello, non sotto l'header.
  |--------------------------------------------------------------------------
  */

  body#body-search #category-picker.picker-v2 .cat-tab.sub {
    top: 0 !important;

    height: 100% !important;
    max-height: 100% !important;

    overflow-y: auto !important;

    background: #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PULSANTE CONFERMA
  | Sopra la bottom navigation SASACO.
  |--------------------------------------------------------------------------
  */

  body#body-search #category-picker.picker-v2 .cat-confirm {
    position: fixed !important;

    right: 15px !important;
    bottom: 75px !important;

    z-index: 9999 !important;
  }

}

/* ===== SASACO MOBILE CATEGORY PICKER HEADER FIX V1 END ===== */


/* ===== SASACO DESKTOP CONTENT TABS V1 START ===== */

@media screen and (min-width: 768px) {

  body#body-search .sasaco-content-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 28px !important;

    width: 100% !important;

    margin: 6px 0 14px 0 !important;
    padding: 0 0 12px 0 !important;

    border-bottom: 1px solid #e1e6ed !important;
  }

  body#body-search .sasaco-content-tabs a {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    padding: 7px 2px !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #27354c !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
  }

  body#body-search .sasaco-content-tabs a:hover,
  body#body-search .sasaco-content-tabs a.active {
    color: #0b63f6 !important;
  }

  body#body-search .sasaco-content-tabs a.active:after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -13px !important;

    height: 3px !important;

    background: #0b63f6 !important;
    border-radius: 3px 3px 0 0 !important;
  }

  body#body-search .sasaco-content-tabs a em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 28px !important;
    height: 22px !important;

    padding: 0 7px !important;

    border-radius: 11px !important;

    background: #edf3ff !important;

    color: #0b63f6 !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 800 !important;
  }

  body#body-search .sasaco-content-tabs a:last-child em {
    background: #e9f8ef !important;
    color: #11a857 !important;
  }

}

/* ===== SASACO DESKTOP CONTENT TABS V1 END ===== */

/* ===== SASACO HOME DESKTOP SWITCH V1 START ===== */

.sasaco-home-desktop {
  display: none;
}

.delta-home-legacy {
  display: block;
}

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-desktop {
    display: block;
  }

  body#body-home .delta-home-legacy {
    display: none;
  }

}

/* ===== SASACO HOME DESKTOP SWITCH V1 END ===== */


/* ==========================================================
   SASACO HOME DESKTOP DESIGN V1
   ========================================================== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-desktop {
    display: block !important;
    width: 100% !important;
  }

  body#body-home #sasaco-home {
    width: calc(100% - 48px) !important;
    max-width: 1480px !important;
    margin: 22px auto 50px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
  }


  /* =========================
     HERO
     ========================= */

  body#body-home .sasaco-home-hero {
    position: relative !important;
    min-height: 290px !important;
    padding: 38px 50px 95px 50px !important;
    border-radius: 14px !important;
    overflow: hidden !important;

    background:
      radial-gradient(
        circle at 75% 50%,
        rgba(15, 76, 150, .42),
        transparent 42%
      ),
      linear-gradient(
        120deg,
        #031b3d 0%,
        #062b5c 55%,
        #02152f 100%
      ) !important;

    box-shadow: 0 6px 24px rgba(5, 30, 65, .12) !important;
    color: #fff !important;
  }

  body#body-home .sasaco-home-hero-content {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 50px !important;
  }

  body#body-home .sasaco-home-hero-copy {
    width: 42% !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    font-size: 34px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -.6px !important;

    color: #fff !important;
  }

  body#body-home .sasaco-home-hero-copy h1 strong {
    color: #ff202d !important;
    font-weight: 800 !important;
  }

  body#body-home .sasaco-home-hero-copy p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.92) !important;
  }


  /* =========================
     STATISTICHE
     ========================= */

  body#body-home .sasaco-home-stats {
    width: 54% !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;

    padding-top: 10px !important;
  }

  body#body-home .sasaco-home-stat {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body#body-home .sasaco-home-stat > i {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: rgba(15, 102, 210, .45) !important;

    font-size: 22px !important;
    color: #fff !important;
  }

  body#body-home .sasaco-home-stat:nth-child(2) > i {
    background: rgba(0, 164, 77, .65) !important;
  }

  body#body-home .sasaco-home-stat:nth-child(3) > i {
    background: rgba(102, 35, 190, .68) !important;
  }

  body#body-home .sasaco-home-stat div {
    min-width: 0 !important;
  }

  body#body-home .sasaco-home-stat strong {
    display: block !important;

    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    color: #fff !important;
  }

  body#body-home .sasaco-home-stat span {
    display: block !important;
    margin-top: 5px !important;

    font-size: 13px !important;
    color: rgba(255,255,255,.88) !important;
  }


  /* =========================
     RICERCA NEL HERO
     ========================= */

  body#body-home .sasaco-home-search {
    position: absolute !important;

    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 100px) !important;
    max-width: 930px !important;
    height: 54px !important;

    display: grid !important;
    grid-template-columns: 1.55fr 1fr 1fr 105px !important;

    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    box-shadow: 0 7px 22px rgba(0,0,0,.20) !important;
  }

  body#body-home .sasaco-home-search > div {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    border-right: 1px solid #e4e8ef !important;
  }

  body#body-home .sasaco-home-search i {
    position: absolute !important;
    left: 18px !important;
    z-index: 2 !important;

    font-size: 16px !important;
    color: #53647b !important;
  }

  body#body-home .sasaco-home-search input,
  body#body-home .sasaco-home-search select {
    width: 100% !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 0 14px 0 47px !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background: #fff !important;

    font-size: 14px !important;
    color: #18263b !important;
  }

  body#body-home .sasaco-home-search-category select {
    padding-left: 47px !important;
  }

  body#body-home .sasaco-home-search button {
    width: 100% !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ff4d0a !important;
    color: #fff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
  }


  /* =========================
     TITOLI SEZIONI
     ========================= */

  body#body-home .sasaco-home-section-title,
  body#body-home .sasaco-home-section-head h2 {
    margin: 0 !important;

    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    color: #0b1830 !important;
  }


  /* =========================
     CATEGORIE
     ========================= */

  body#body-home .sasaco-home-categories {
    margin-top: 14px !important;
    padding: 22px 26px !important;

    background: #fff !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 12px !important;

    box-shadow: 0 3px 14px rgba(20,40,70,.04) !important;
  }

  body#body-home .sasaco-home-categories .sasaco-home-section-title {
    display: none !important;
  }

  body#body-home .sasaco-home-category-grid {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-around !important;
    gap: 15px !important;
  }

  body#body-home .sasaco-home-category {
    flex: 1 1 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    text-align: center !important;
    text-decoration: none !important;

    color: #101c31 !important;
  }

  body#body-home .sasaco-home-category-icon {
    width: 52px !important;
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    background: #eef5ff !important;

    font-size: 22px !important;
    color: #0964ef !important;
  }

  body#body-home .sasaco-home-category strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }


  /* =========================
     VANTAGGI
     ========================= */

  body#body-home .sasaco-home-benefits {
    margin-top: 12px !important;

    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;

    background: #fff !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 12px !important;

    overflow: hidden !important;
  }

  body#body-home .sasaco-home-benefits > div {
    position: relative !important;

    min-height: 76px !important;
    padding: 15px 20px 15px 75px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    box-sizing: border-box !important;
  }

  body#body-home .sasaco-home-benefits > div:not(:last-child) {
    border-right: 1px solid #e5e9f0 !important;
  }

  body#body-home .sasaco-home-benefits i {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    font-size: 30px !important;
    color: #1261f2 !important;
  }

  body#body-home .sasaco-home-benefits strong {
    display: block !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    color: #111d31 !important;
  }

  body#body-home .sasaco-home-benefits span {
    display: block !important;
    margin-top: 4px !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    color: #526074 !important;
  }


  /* =========================
     CONSIGLIATI
     ========================= */

  body#body-home .sasaco-home-recommended {
    margin-top: 12px !important;
    padding: 20px 18px !important;

    min-height: 230px !important;

    background: #fff !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 12px !important;
  }

  body#body-home .sasaco-home-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin-bottom: 15px !important;
  }

  body#body-home .sasaco-home-section-head a {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    color: #075ef1 !important;
  }

  body#body-home .sasaco-home-recommended-placeholder {
    height: 160px !important;

    border-radius: 8px !important;

    background:
      linear-gradient(
        90deg,
        #f7f9fc 0%,
        #fff 50%,
        #f7f9fc 100%
      ) !important;
  }


  /* =========================
     CTA INFERIORI
     ========================= */

  body#body-home .sasaco-home-actions {
    margin-top: 12px !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  body#body-home .sasaco-home-action {
    min-height: 78px !important;

    display: grid !important;
    grid-template-columns: 55px 1fr auto !important;
    align-items: center !important;
    gap: 13px !important;

    padding: 13px 18px !important;

    box-sizing: border-box !important;

    border: 1px solid #dce6f5 !important;
    border-radius: 10px !important;

    background: #f5f9ff !important;

    text-decoration: none !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) {
    background: #f2fbf4 !important;
    border-color: #d8efdd !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) {
    background: #fff7f2 !important;
    border-color: #f5e1d5 !important;
  }

  body#body-home .sasaco-home-action > i {
    font-size: 30px !important;
    text-align: center !important;
    color: #0b63f6 !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) > i {
    color: #13a345 !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) > i {
    color: #ff4d0a !important;
  }

  body#body-home .sasaco-home-action span {
    min-width: 0 !important;
  }

  body#body-home .sasaco-home-action strong {
    display: block !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    color: #111d31 !important;
  }

  body#body-home .sasaco-home-action small {
    display: block !important;
    margin-top: 4px !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    color: #59677a !important;
  }

  body#body-home .sasaco-home-action b {
    min-width: 105px !important;
    padding: 11px 15px !important;

    border-radius: 6px !important;

    background: #0964ef !important;
    color: #fff !important;

    text-align: center !important;

    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) b {
    background: #16a447 !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) b {
    background: #ff4d0a !important;
  }

}

/* ===== SASACO HOME DESKTOP DESIGN V1 END ===== */

/* ===== SASACO HOME LEGACY TOP DESKTOP HIDE V1 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-legacy-top {
    display: none !important;
  }

}

/* ===== SASACO HOME LEGACY TOP DESKTOP HIDE V1 END ===== */

/* ===== SASACO HOME DESKTOP WIDTH FIX V2 START ===== */

@media screen and (min-width: 1024px) {

  body#body-home section.content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#body-home section.content > .inside,
  body#body-home .sasaco-home-desktop {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#body-home #sasaco-home {
    width: calc(100% - 64px) !important;
    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  body#body-home #sasaco-home > section,
  body#body-home .sasaco-home-hero,
  body#body-home .sasaco-home-categories,
  body#body-home .sasaco-home-benefits,
  body#body-home .sasaco-home-recommended,
  body#body-home .sasaco-home-actions {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

}

/* ===== SASACO HOME DESKTOP WIDTH FIX V2 END ===== */

/* ===== SASACO HOME ROOT NAV V1 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-root-nav {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    margin: 0 0 14px 0 !important;
    padding: 10px 12px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #e5e9f0 !important;
    border-radius: 10px !important;

    box-shadow: 0 2px 10px rgba(15,35,60,.04) !important;

    overflow-x: auto !important;
  }

  body#body-home .sasaco-home-root-nav a {
    min-width: 120px !important;
    height: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    padding: 0 16px !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;

    color: #10213b !important;
    background: transparent !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    transition: background .18s ease, color .18s ease !important;
  }

  body#body-home .sasaco-home-root-nav a:hover {
    background: #f3f7fd !important;
    color: #0b63f6 !important;
  }

  body#body-home .sasaco-home-root-nav a i {
    font-size: 17px !important;
    color: #123c73 !important;
  }

}

/* ===== SASACO HOME ROOT NAV V1 END ===== */

/* ===== SASACO HOME HERO V2 START ===== */

@media screen and (min-width: 1024px) {

  body#body-home .sasaco-home-hero {
    min-height: 360px !important;
    padding: 58px 70px 120px 70px !important;

    background:
      radial-gradient(
        circle at 82% 48%,
        rgba(23, 104, 208, .38),
        transparent 36%
      ),
      linear-gradient(
        115deg,
        #041a3a 0%,
        #062b61 48%,
        #041a39 100%
      ) !important;

    border-radius: 18px !important;
  }

  body#body-home .sasaco-home-hero-copy {
    width: 48% !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    font-size: 46px !important;
    line-height: 1.02 !important;
    letter-spacing: -1.4px !important;

    margin-bottom: 22px !important;
  }

  body#body-home .sasaco-home-hero-copy p {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  body#body-home .sasaco-home-stats {
    width: 48% !important;
    padding-top: 18px !important;
    gap: 28px !important;
  }

  body#body-home .sasaco-home-stat {
    align-items: center !important;
  }

  body#body-home .sasaco-home-stat > i {
    width: 62px !important;
    height: 62px !important;
    flex: 0 0 62px !important;

    font-size: 25px !important;
  }

  body#body-home .sasaco-home-stat strong {
    font-size: 26px !important;
    font-weight: 800 !important;
  }

  body#body-home .sasaco-home-stat span {
    font-size: 13px !important;
    margin-top: 3px !important;
  }

  body#body-home .sasaco-home-search {
    bottom: 34px !important;

    width: calc(100% - 140px) !important;
    max-width: 1180px !important;

    height: 62px !important;

    grid-template-columns:
      minmax(280px, 1.65fr)
      minmax(220px, 1fr)
      minmax(220px, 1fr)
      125px !important;

    border-radius: 10px !important;
  }

  body#body-home .sasaco-home-search input,
  body#body-home .sasaco-home-search select,
  body#body-home .sasaco-home-search button {
    height: 62px !important;
  }

  body#body-home .sasaco-home-search button {
    font-size: 15px !important;
  }

}

/* ===== SASACO HOME HERO V2 END ===== */

/* ===== SASACO HOME CATEGORY CARDS V2 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-categories {
    margin-top: 14px !important;
    padding: 22px !important;

    background: #fff !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 14px !important;
  }

  body#body-home .sasaco-home-category-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 14px !important;

    margin-top: 18px !important;
  }

  body#body-home .sasaco-home-category {
    min-height: 150px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    border: 1px solid #e2e8f1 !important;
    border-radius: 12px !important;

    background: #f8fbff !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease !important;
  }

  body#body-home .sasaco-home-category:hover {
    transform: translateY(-2px) !important;

    border-color: #bfd3f5 !important;

    box-shadow: 0 8px 22px rgba(20,50,90,.08) !important;
  }

  body#body-home .sasaco-home-category-icon {
    width: 64px !important;
    height: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #eaf3ff !important;
    color: #0b63f6 !important;

    font-size: 27px !important;
  }

  body#body-home .sasaco-home-category.is-immobili
  .sasaco-home-category-icon {
    background: #eaf8ef !important;
    color: #139a4b !important;
  }

  body#body-home .sasaco-home-category.is-moda
  .sasaco-home-category-icon {
    background: #fff1f6 !important;
    color: #d63679 !important;
  }

  body#body-home .sasaco-home-category.is-motori
  .sasaco-home-category-icon {
    background: #edf3ff !important;
    color: #164fad !important;
  }

  body#body-home .sasaco-home-category strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;

    color: #101c31 !important;
  }

  body#body-home .sasaco-home-category small {
    font-size: 12px !important;
    line-height: 1.35 !important;

    color: #68758a !important;
  }

}

/* ===== SASACO HOME CATEGORY CARDS V2 END ===== */

/* ===== SASACO HOME RECOMMENDED V1 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-recommended {
    margin-top: 22px !important;
  }

  body#body-home .sasaco-home-recommended-grid {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 16px !important;

    margin-top: 18px !important;
  }

  body#body-home .sasaco-home-recommended-grid > .simple-prod,
  body#body-home .sasaco-home-recommended-grid > .sasaco-card {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    float: none !important;

    box-sizing: border-box !important;
  }

  body#body-home .sasaco-home-recommended-grid .simple-wrap {
    height: 100% !important;

    background: #fff !important;

    border: 1px solid #e3e8f0 !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
      0 2px 8px rgba(15, 35, 60, .04) !important;
  }

  body#body-home .sasaco-home-recommended-grid .img-wrap {
    width: 100% !important;

    aspect-ratio: 4 / 3 !important;

    overflow: hidden !important;

    background: #f6f7f9 !important;
  }

  body#body-home .sasaco-home-recommended-grid
  .img-wrap img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
  }

  body#body-home .sasaco-home-recommended-grid
  .sasaco-card-product .data {
    padding: 12px 14px 14px !important;
  }

}


/* TABLET */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body#body-home .sasaco-home-recommended-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }

}


/* ===== SASACO HOME RECOMMENDED V1 END ===== */





/* ==========================================================
   SASACO HOME RECOMMENDED CARDS FINAL V1
   Stesso layout finale delle card Search
   ========================================================== */

@media screen and (min-width: 981px) {

  /*
  |--------------------------------------------------------------------------
  | GRIGLIA — 4 CARD PER RIGA
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;

    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CARD GENERALE
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #fff !important;

    border: 1px solid #e2e7ef !important;
    border-radius: 14px !important;

    box-shadow: 0 6px 24px rgba(20,38,70,.07) !important;

    line-height: normal !important;

    transition:
      transform .2s ease,
      box-shadow .2s ease,
      border-color .2s ease !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card:hover {
    z-index: 3 !important;

    transform: translateY(-4px) !important;

    border-color: #cbd5e1 !important;

    box-shadow:
      0 12px 30px rgba(20,38,70,.12) !important;
  }


  /*
  |--------------------------------------------------------------------------
  | WRAPPER
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  > .simple-wrap {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: #fff !important;

    box-shadow: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | IMMAGINE — 225PX COME SEARCH
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .img-wrap {
    position: relative !important;

    display: block !important;

    float: none !important;

    width: 100% !important;

    height: 225px !important;
    min-height: 225px !important;

    aspect-ratio: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f3f5f8 !important;

    border: 0 !important;
    border-bottom: 1px solid #e2e7ef !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .img-wrap
  .img {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
  }


  /* ANNUNCI */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-listing
  .img-wrap
  .img
  img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* PRODOTTI */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .img-wrap {
    background: #fff !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .img-wrap
  .img
  img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;

    padding: 20px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | BADGE A PILLOLA
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  > .simple-wrap
  > .label,

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .sasaco-type-badge {
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;
    right: auto !important;

    z-index: 12 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;

    height: 29px !important;

    padding: 0 12px !important;
    margin: 0 !important;

    color: #fff !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow:
      0 4px 11px rgba(0,0,0,.18) !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 29px !important;

    letter-spacing: .25px !important;

    text-transform: uppercase !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-badge-private {
    background: #2563eb !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-badge-company {
    background: #16a765 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-badge-product {
    background: #ff7a00 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | CONTENUTO — COME SEARCH
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .data {
    position: relative !important;

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    float: none !important;

    width: 100% !important;

    min-height: 218px !important;

    padding: 17px 16px 15px !important;

    overflow: visible !important;

    background: #fff !important;
  }


  /*
  |--------------------------------------------------------------------------
  | ORDINE ESATTO
  |
  | 1 TITOLO
  | 2 PREZZO
  | 3 FOOTER SASACO
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .title {
    order: 1 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .price.isGrid {
    order: 2 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .sasaco-grid-footer {
    order: 3 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | TITOLO
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .title {
    display: -webkit-box !important;

    float: none !important;

    width: 100% !important;

    min-height: 46px !important;
    max-height: 46px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    overflow: hidden !important;

    color: #172033 !important;

    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 23px !important;

    text-decoration: none !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .title:hover {
    color: #082c68 !important;
    text-decoration: underline !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PREZZO ANNUNCI
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card:not(.sasaco-card-product)
  .price.isGrid {
    display: block !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #082c68 !important;

    font-size: 29px !important;
    font-weight: 850 !important;
    line-height: 36px !important;

    letter-spacing: -.35px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | PREZZI PRODOTTI
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .price.isGrid.sasaco-product-price {
    order: 2 !important;

    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    float: none !important;
    clear: both !important;

    gap: 4px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 62px !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;

    text-align: left !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .sasaco-price-old {
    display: block !important;

    width: 100% !important;

    color: #8b95a7 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18px !important;

    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;

    white-space: nowrap !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .sasaco-price-main-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 8px !important;

    width: 100% !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .sasaco-price-current {
    display: inline-block !important;

    width: auto !important;

    color: #082c68 !important;

    font-size: 29px !important;
    font-weight: 850 !important;
    line-height: 35px !important;

    letter-spacing: -.4px !important;

    white-space: nowrap !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card-product
  .sasaco-price-discount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 49px !important;
    height: 25px !important;

    padding: 0 8px !important;

    color: #fff !important;
    background: #e53935 !important;

    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 25px !important;

    white-space: nowrap !important;
  }


  /*
  |--------------------------------------------------------------------------
  | NASCONDI I VECCHI DETTAGLI DELTA
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .details.isGrid {
    display: none !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .publish.isGrid,

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .isList {
    display: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | FOOTER SASACO — ANNUNCI E PRODOTTI
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  .sasaco-card
  .sasaco-grid-footer {
    order: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 8px !important;

    width: 100% !important;

    min-height: 42px !important;

    margin: auto 0 0 !important;
    padding: 12px 0 0 !important;

    color: #687386 !important;

    border-top: 1px solid #e9edf3 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
  }


  /*
  |--------------------------------------------------------------------------
  | LOCALITÀ ANNUNCIO
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-location {
    display: block !important;

    min-width: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-location
  i {
    margin-right: 4px !important;

    color: #2563eb !important;

    font-size: 12px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-date {
    flex: 0 0 auto !important;

    color: #7c8798 !important;

    white-space: nowrap !important;
  }


  /*
  |--------------------------------------------------------------------------
  | MERCHANT PRODOTTO
  |--------------------------------------------------------------------------
  */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-footer-product {
    justify-content: flex-start !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-merchant {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-merchant
  i {
    margin-right: 5px !important;

    color: #ff6500 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-grid-merchant
  strong {
    color: #344054 !important;

    font-weight: 700 !important;
  }

}

/* ===== SASACO HOME RECOMMENDED CARDS FINAL V1 END ===== */

/* ===== SASACO HOME ALIGN TO DESKTOP HEADER V1 START ===== */

@media screen and (min-width: 1024px) {

  body#body-home #sasaco-home {
    width: calc(100% - 48px) !important;
    max-width: 1080px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  body#body-home .sasaco-home-hero,
  body#body-home .sasaco-home-root-nav,
  body#body-home .sasaco-home-categories,
  body#body-home .sasaco-home-trust,
  body#body-home .sasaco-home-recommended,
  body#body-home .sasaco-home-actions {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

}

/* ===== SASACO HOME ALIGN TO DESKTOP HEADER V1 END ===== */

/* ===== SASACO HOME MATCH DESKTOP HEADER FINAL V1 START ===== */

@media screen and (min-width: 1024px) {

  body#body-home #sasaco-home {
    width: calc(100% - 20px) !important;
    max-width: 1680px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  body#body-home .sasaco-home-root-nav,
  body#body-home .sasaco-home-hero,
  body#body-home .sasaco-home-categories,
  body#body-home .sasaco-home-trust,
  body#body-home .sasaco-home-recommended,
  body#body-home .sasaco-home-actions {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

}

/* ===== SASACO HOME MATCH DESKTOP HEADER FINAL V1 END ===== */

/* ==========================================================
   SASACO HOME CATEGORY ICONS FINAL V1
   ========================================================== */

@media screen and (min-width: 768px) {

  /*
  |--------------------------------------------------------------------------
  | CONTENITORE ICONA
  |--------------------------------------------------------------------------
  */

  body#body-home .sasaco-home-category-card .sasaco-home-category-icon,
  body#body-home .sasaco-home-category-card .category-icon {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background: #eef4ff !important;

    box-shadow:
      inset 0 0 0 1px rgba(8,44,104,.03) !important;

    transition:
      transform .18s ease,
      box-shadow .18s ease !important;
  }


  /*
  |--------------------------------------------------------------------------
  | ICONA
  |--------------------------------------------------------------------------
  */

  body#body-home .sasaco-home-category-card .sasaco-home-category-icon i,
  body#body-home .sasaco-home-category-card .category-icon i {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #1267d6 !important;

    font-size: 31px !important;
    line-height: 1 !important;

    transform: none !important;
  }


  /*
  |--------------------------------------------------------------------------
  | SVG EVENTUALI
  |--------------------------------------------------------------------------
  */

  body#body-home .sasaco-home-category-card .sasaco-home-category-icon svg,
  body#body-home .sasaco-home-category-card .category-icon svg {

    width: 32px !important;
    height: 32px !important;

    fill: currentColor !important;

    color: #1267d6 !important;
  }


  /*
  |--------------------------------------------------------------------------
  | HOVER
  |--------------------------------------------------------------------------
  */

  body#body-home .sasaco-home-category-card:hover
  .sasaco-home-category-icon,

  body#body-home .sasaco-home-category-card:hover
  .category-icon {

    transform: translateY(-3px) scale(1.04) !important;

    box-shadow:
      0 7px 18px rgba(8,44,104,.12) !important;
  }


  /*
  |--------------------------------------------------------------------------
  | COLORI CATEGORIE ATTUALI
  |--------------------------------------------------------------------------
  */


  /* MODA */

  body#body-home .sasaco-home-category-card:nth-child(1)
  .sasaco-home-category-icon,

  body#body-home .sasaco-home-category-card:nth-child(1)
  .category-icon {

    background: #fdebf2 !important;
  }

  body#body-home .sasaco-home-category-card:nth-child(1)
  .sasaco-home-category-icon i,

  body#body-home .sasaco-home-category-card:nth-child(1)
  .category-icon i {

    color: #e83e73 !important;
  }


  /* IMMOBILI */

  body#body-home .sasaco-home-category-card:nth-child(2)
  .sasaco-home-category-icon,

  body#body-home .sasaco-home-category-card:nth-child(2)
  .category-icon {

    background: #e8f7ed !important;
  }

  body#body-home .sasaco-home-category-card:nth-child(2)
  .sasaco-home-category-icon i,

  body#body-home .sasaco-home-category-card:nth-child(2)
  .category-icon i {

    color: #16a05d !important;
  }


  /* MOTORI */

  body#body-home .sasaco-home-category-card:nth-child(3)
  .sasaco-home-category-icon,

  body#body-home .sasaco-home-category-card:nth-child(3)
  .category-icon {

    background: #e8f1ff !important;
  }

  body#body-home .sasaco-home-category-card:nth-child(3)
  .sasaco-home-category-icon i,

  body#body-home .sasaco-home-category-card:nth-child(3)
  .category-icon i {

    color: #1267d6 !important;
  }

}

/* ===== SASACO HOME CATEGORY ICONS FINAL V1 END ===== */

/* ===== SASACO HOME ROOT NAV ICON COLORS V1 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-root-nav a:nth-child(1) i {
    color:#e83e73 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(2) i {
    color:#1267d6 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(3) i {
    color:#16a05d !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(4) i {
    color:#1473e6 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(5) i {
    color:#ff7a00 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(6) i {
    color:#0ea7a5 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(7) i {
    color:#7c3aed !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(8) i {
    color:#e8427e !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(9) i {
    color:#e8a317 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(10) i {
    color:#0aa6b8 !important;
  }

  body#body-home .sasaco-home-root-nav a:nth-child(11) i {
    color:#1570d8 !important;
  }

}

/* ===== SASACO HOME ROOT NAV ICON COLORS V1 END ===== */

/* ===== SASACO HOME EXPLORE CATEGORY COLORS FINAL V3 START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-category.is-moda .sasaco-home-category-icon {
    background:#fdebf2 !important;
    color:#e83e73 !important;
  }

  body#body-home .sasaco-home-category.is-motori .sasaco-home-category-icon {
    background:#e8f1ff !important;
    color:#1267d6 !important;
  }

  body#body-home .sasaco-home-category.is-immobili .sasaco-home-category-icon {
    background:#e8f7ed !important;
    color:#16a05d !important;
  }

  body#body-home .sasaco-home-category.is-elettronica .sasaco-home-category-icon {
    background:#e9f2ff !important;
    color:#1473e6 !important;
  }

  body#body-home .sasaco-home-category.is-casa-giardino .sasaco-home-category-icon {
    background:#fff1e4 !important;
    color:#ff8a00 !important;
  }

  body#body-home .sasaco-home-category.is-sport .sasaco-home-category-icon {
    background:#e4f8f7 !important;
    color:#0aa6a6 !important;
  }

  body#body-home .sasaco-home-category.is-hobby .sasaco-home-category-icon {
    background:#f1eafd !important;
    color:#7c3aed !important;
  }

  body#body-home .sasaco-home-category.is-bambini .sasaco-home-category-icon {
    background:#fdebf3 !important;
    color:#e8427e !important;
  }

  body#body-home .sasaco-home-category.is-animali .sasaco-home-category-icon {
    background:#fff5db !important;
    color:#e8a317 !important;
  }

  body#body-home .sasaco-home-category.is-musica .sasaco-home-category-icon {
    background:#e2f8fa !important;
    color:#0aa6b8 !important;
  }

  body#body-home .sasaco-home-category.is-libri-media .sasaco-home-category-icon {
    background:#e8f2ff !important;
    color:#1570d8 !important;
  }

  body#body-home .sasaco-home-category .sasaco-home-category-icon i {
    color:inherit !important;
  }

}

/* ===== SASACO HOME EXPLORE CATEGORY COLORS FINAL V3 END ===== */

/* ==========================================================
   SASACO HOME CATEGORY CAROUSEL V1
   Una sola riga + scroll orizzontale
   ========================================================== */

body#body-home .sasaco-home-category-carousel {
  position: relative !important;

  width: 100% !important;

  margin-top: 18px !important;
  padding: 0 46px !important;

  box-sizing: border-box !important;
}


/* SCROLLER */

body#body-home .sasaco-home-category-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;

  gap: 14px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 2px 2px 10px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;

  scrollbar-width: none !important;

  -webkit-overflow-scrolling: touch !important;
}

body#body-home .sasaco-home-category-grid::-webkit-scrollbar {
  display: none !important;
}


/* CARD: NON VANNO MAI A CAPO */

body#body-home
.sasaco-home-category-grid
> .sasaco-home-category {

  flex: 0 0 160px !important;

  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;

  scroll-snap-align: start !important;

  margin: 0 !important;

  box-sizing: border-box !important;
}


/* FRECCE */

body#body-home .sasaco-category-scroll {
  position: absolute !important;

  top: 50% !important;

  z-index: 20 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;

  background: #fff !important;
  color: #082c68 !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 50% !important;

  box-shadow:
    0 4px 14px rgba(8,44,104,.12) !important;

  font-size: 14px !important;

  cursor: pointer !important;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

body#body-home .sasaco-category-scroll-left {
  left: 2px !important;
}

body#body-home .sasaco-category-scroll-right {
  right: 2px !important;
}

body#body-home .sasaco-category-scroll:hover {
  background: #082c68 !important;
  color: #fff !important;

  box-shadow:
    0 6px 18px rgba(8,44,104,.20) !important;
}

body#body-home .sasaco-category-scroll-left:hover {
  transform:
    translateY(-50%)
    translateX(-2px) !important;
}

body#body-home .sasaco-category-scroll-right:hover {
  transform:
    translateY(-50%)
    translateX(2px) !important;
}


/* DESKTOP GRANDE */

@media screen and (min-width: 1400px) {

  body#body-home
  .sasaco-home-category-grid
  > .sasaco-home-category {

    flex-basis: 170px !important;

    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

}


/* TABLET */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body#body-home .sasaco-home-category-carousel {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  body#body-home
  .sasaco-home-category-grid
  > .sasaco-home-category {

    flex-basis: 150px !important;

    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

}


/* MOBILE - predisposto per quando realizzeremo la Home mobile */

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

  body#body-home .sasaco-home-category-carousel {
    padding: 0 !important;
  }

  body#body-home .sasaco-home-category-grid {
    gap: 10px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body#body-home
  .sasaco-home-category-grid
  > .sasaco-home-category {

    flex-basis: 132px !important;

    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }

  body#body-home .sasaco-category-scroll {
    display: none !important;
  }

}

/* ===== SASACO HOME CATEGORY CAROUSEL V1 END ===== */

/* ==========================================================
   SASACO HOME CATEGORY CAROUSEL ELEGANT FINAL V2
   ========================================================== */

body#body-home .sasaco-category-carousel-shell {
  position: relative !important;

  width: 100% !important;

  margin-top: 18px !important;
  padding: 0 54px !important;

  box-sizing: border-box !important;
}


/* sfumature laterali */

body#body-home .sasaco-category-carousel-shell::before,
body#body-home .sasaco-category-carousel-shell::after {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;

  z-index: 8 !important;

  width: 42px !important;

  pointer-events: none !important;
}

body#body-home .sasaco-category-carousel-shell::before {
  left: 38px !important;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.82) 40%,
      rgba(255,255,255,0) 100%
    ) !important;
}

body#body-home .sasaco-category-carousel-shell::after {
  right: 38px !important;

  background:
    linear-gradient(
      270deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.82) 40%,
      rgba(255,255,255,0) 100%
    ) !important;
}


/* riga categorie */

body#body-home .sasaco-category-carousel-shell
.sasaco-home-category-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;

  gap: 14px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 2px 2px 10px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;

  scrollbar-width: none !important;

  -webkit-overflow-scrolling: touch !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-home-category-grid::-webkit-scrollbar {
  display: none !important;
}


/* card sempre su una sola riga */

body#body-home .sasaco-category-carousel-shell
.sasaco-home-category-grid
> .sasaco-home-category {
  flex: 0 0 154px !important;

  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;

  scroll-snap-align: start !important;

  margin: 0 !important;
}


/* frecce */

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll {
  position: absolute !important;

  top: 50% !important;

  z-index: 30 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;

  background: rgba(255,255,255,.96) !important;
  color: #082c68 !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 50% !important;

  box-shadow:
    0 6px 18px rgba(8,44,104,.13),
    0 1px 3px rgba(8,44,104,.06) !important;

  backdrop-filter: blur(8px) !important;

  font-size: 14px !important;

  cursor: pointer !important;

  transition:
    opacity .18s ease,
    visibility .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll-left {
  left: 6px !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll-right {
  right: 6px !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll:hover {
  background: #082c68 !important;
  color: #fff !important;

  box-shadow:
    0 8px 24px rgba(8,44,104,.22) !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll-left:hover {
  transform:
    translateY(-50%)
    translateX(-2px) !important;
}

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll-right:hover {
  transform:
    translateY(-50%)
    translateX(2px) !important;
}


/* stato disabilitato/nascosto */

body#body-home .sasaco-category-carousel-shell
.sasaco-category-scroll.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* desktop grande */

@media screen and (min-width: 1500px) {

  body#body-home .sasaco-category-carousel-shell
  .sasaco-home-category-grid
  > .sasaco-home-category {
    flex-basis: 165px !important;

    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

}


/* tablet */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body#body-home .sasaco-category-carousel-shell {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  body#body-home .sasaco-category-carousel-shell
  .sasaco-home-category-grid
  > .sasaco-home-category {
    flex-basis: 145px !important;

    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

}


/* mobile */

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

  body#body-home .sasaco-category-carousel-shell {
    padding: 0 !important;
  }

  body#body-home .sasaco-category-carousel-shell::before,
  body#body-home .sasaco-category-carousel-shell::after {
    display: none !important;
  }

  body#body-home .sasaco-category-carousel-shell
  .sasaco-home-category-grid {
    gap: 10px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body#body-home .sasaco-category-carousel-shell
  .sasaco-home-category-grid
  > .sasaco-home-category {
    flex-basis: 132px !important;

    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }

  body#body-home .sasaco-category-carousel-shell
  .sasaco-category-scroll {
    display: none !important;
  }

}

/* ===== SASACO HOME CATEGORY CAROUSEL ELEGANT FINAL V2 END ===== */

/* ===== SASACO HOME VEDI TUTTI ONE LINE FINAL START ===== */

@media screen and (min-width: 768px) {

  body#body-home .sasaco-home-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    gap: 20px !important;
  }

  body#body-home .sasaco-home-section-head h2 {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    margin-right: 0 !important;
  }

  body#body-home .sasaco-home-section-head > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

    white-space: nowrap !important;
    word-break: keep-all !important;

    line-height: 1.2 !important;

    margin-left: auto !important;
  }

}

/* ===== SASACO HOME VEDI TUTTI ONE LINE FINAL END ===== */

/* ==========================================================
   SASACO HOME MOBILE/TABLET ACTIVATION V1
   Nasconde definitivamente la vecchia Home Delta
   ========================================================== */

body#body-home .sasaco-home-desktop {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
}

body#body-home .delta-home-legacy {
  display: none !important;
}

/*
 * Nasconde anche ricerca/categorie legacy Delta
 * caricate dall'header sulla Home.
 */
body#body-home .sasaco-home-legacy-top {
  display: none !important;
}

/* ===== SASACO HOME MOBILE/TABLET ACTIVATION V1 END ===== */

/* ==========================================================
   SASACO HOME MOBILE + TABLET RESPONSIVE V1
   Desktop >= 1024px NON TOCCATO
   ========================================================== */


/* ==========================================================
   MOBILE
   0 - 767px
   ========================================================== */

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

  /* --------------------------------------------------------
     CONTENITORE GENERALE
     -------------------------------------------------------- */

  body#body-home #sasaco-home {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 14px 12px 105px !important;

    box-sizing: border-box !important;

    background: #fff !important;
  }


  /* ========================================================
     CATEGORIE RAPIDE SOPRA HERO
     Usa sasaco-home-root-nav
     ======================================================== */

  body#body-home .sasaco-home-root-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    gap: 10px !important;

    width: calc(100% + 24px) !important;

    margin: 0 -12px 16px !important;
    padding: 0 12px 6px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;

    -webkit-overflow-scrolling: touch !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    display: none !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    display: flex !important;
    flex: 0 0 94px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 94px !important;
    min-width: 94px !important;
    height: 106px !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 10px 7px !important;

    background: #fff !important;

    border: 1px solid #e3e8ef !important;
    border-radius: 13px !important;

    box-shadow: 0 2px 7px rgba(17,38,70,.025) !important;

    scroll-snap-align: start !important;

    text-align: center !important;
    text-decoration: none !important;
  }

  body#body-home .sasaco-home-root-nav > a > i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 45px !important;
    height: 45px !important;

    margin: 0 !important;

    border-radius: 50% !important;

    background: #eef4ff !important;

    font-size: 22px !important;
    line-height: 1 !important;
  }

  body#body-home .sasaco-home-root-nav > a > span {
    display: -webkit-box !important;

    width: 100% !important;

    overflow: hidden !important;

    color: #101d34 !important;

    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 15px !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }


  /* colori cerchi quick categories */

  body#body-home .sasaco-home-root-nav > a:nth-child(1) > i {
    background:#fdebf2 !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(2) > i {
    background:#e8f1ff !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(3) > i {
    background:#e8f7ed !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(4) > i {
    background:#e9f2ff !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(5) > i {
    background:#fff1e4 !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(6) > i {
    background:#e4f8f7 !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(7) > i {
    background:#f1eafd !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(8) > i {
    background:#fdebf3 !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(9) > i {
    background:#fff5db !important;
  }

  body#body-home .sasaco-home-root-nav > a:nth-child(10) > i {
    background:#e2f8fa !important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body#body-home .sasaco-home-hero {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 0 16px !important;
    padding: 24px 20px 20px !important;

    overflow: hidden !important;

    background:
      linear-gradient(
        135deg,
        #031f4c 0%,
        #073a79 100%
      ) !important;

    border: 0 !important;
    border-radius: 16px !important;

    box-shadow: none !important;
  }


  /* HERO TESTO */

  body#body-home .sasaco-home-hero-content {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body#body-home .sasaco-home-hero-copy {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    margin: 0 0 12px !important;

    color: #fff !important;

    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 34px !important;

    letter-spacing: -.5px !important;
  }

  body#body-home .sasaco-home-hero-copy h1 strong {
    color: #ff202d !important;
  }

  body#body-home .sasaco-home-hero-copy p {
    margin: 0 0 20px !important;

    color: rgba(255,255,255,.95) !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
  }

  body#body-home .sasaco-home-hero-copy p br {
    display: none !important;
  }


  /* ========================================================
     STATISTICHE
     BOX BIANCO COME MOCKUP
     ======================================================== */

  body#body-home .sasaco-home-stats {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0,1fr)) !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 8px !important;

    background: rgba(255,255,255,.98) !important;

    border: 0 !important;
    border-radius: 13px !important;

    box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
  }

  body#body-home .sasaco-home-stat {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 5px !important;
  }

  body#body-home .sasaco-home-stat > i {
    display: flex !important;
    flex: 0 0 37px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 37px !important;
    height: 37px !important;

    margin: 0 !important;

    color: #fff !important;

    border-radius: 50% !important;

    font-size: 16px !important;
  }

  body#body-home .sasaco-home-stat:nth-child(1) > i {
    background:#0752a4 !important;
  }

  body#body-home .sasaco-home-stat:nth-child(2) > i {
    background:#07964b !important;
  }

  body#body-home .sasaco-home-stat:nth-child(3) > i {
    background:#5b21b6 !important;
  }

  body#body-home .sasaco-home-stat > div {
    min-width: 0 !important;
  }

  body#body-home .sasaco-home-stat strong {
    display: block !important;

    color: #101d34 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 21px !important;

    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-stat span {
    display: block !important;

    color: #253149 !important;

    font-size: 10px !important;
    line-height: 13px !important;
  }


  /* ========================================================
     RICERCA INTERNA HERO
     Sul mobile abbiamo già la ricerca nell'header.
     La nascondiamo per non duplicarla.
     ======================================================== */

  body#body-home .sasaco-home-hero
  .sasaco-home-search {
    display: none !important;
  }


  /* ========================================================
     ESPLOra CATEGORIE COMPLETO
     MOBILE: NASCOSTO
     Usiamo la quick nav sopra Hero.
     ======================================================== */

  body#body-home .sasaco-home-categories {
    display: none !important;
  }


  /* ========================================================
     BENEFIT — 2 X 2
     ======================================================== */

  body#body-home .sasaco-home-benefits {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0,1fr)) !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
  }

  body#body-home .sasaco-home-benefits > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 155px !important;

    gap: 5px !important;

    padding: 17px 11px 14px !important;

    text-align: center !important;

    background:#fff !important;

    border:1px solid #e3e8ef !important;
    border-radius:12px !important;

    box-shadow:none !important;
  }

  body#body-home .sasaco-home-benefits > div > i {
    margin: 0 0 6px !important;

    color:#1769ff !important;

    font-size:29px !important;
  }

  body#body-home .sasaco-home-benefits > div:nth-child(3) > i {
    color:#5237e6 !important;
  }

  body#body-home .sasaco-home-benefits > div:nth-child(4) > i {
    color:#ff5a14 !important;
  }

  body#body-home .sasaco-home-benefits strong {
    display:block !important;

    color:#101d34 !important;

    font-size:13px !important;
    font-weight:750 !important;
    line-height:17px !important;
  }

  body#body-home .sasaco-home-benefits span {
    display:block !important;

    color:#526077 !important;

    font-size:11px !important;
    line-height:16px !important;
  }


  /* ========================================================
     TITOLI SEZIONI
     ======================================================== */

  body#body-home .sasaco-home-section-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:14px !important;

    width:100% !important;

    margin:0 0 12px !important;
  }

  body#body-home .sasaco-home-section-head h2 {
    margin:0 !important;

    color:#101d34 !important;

    font-size:20px !important;
    font-weight:800 !important;
    line-height:25px !important;
  }

  body#body-home .sasaco-home-section-head > a {
    flex:0 0 auto !important;

    width:auto !important;

    color:#0865f5 !important;

    font-size:13px !important;
    font-weight:650 !important;

    white-space:nowrap !important;
  }


  /* ========================================================
     CONSIGLIATI PER TE
     SCROLL ORIZZONTALE / SWIPE
     ======================================================== */

  body#body-home .sasaco-home-recommended {
    width:calc(100% + 24px) !important;

    margin:0 -12px 20px !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
  }

  body#body-home .sasaco-home-recommended
  > .sasaco-home-section-head {
    width:auto !important;

    margin:0 12px 12px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;

    gap:12px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 12px 8px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scroll-snap-type:x proximity !important;

    scrollbar-width:none !important;

    -webkit-overflow-scrolling:touch !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard::-webkit-scrollbar {
    display:none !important;
  }


  /* CARD MOBILE */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card {
    flex:0 0 220px !important;

    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#fff !important;

    border:1px solid #e0e6ee !important;
    border-radius:11px !important;

    box-shadow:none !important;

    scroll-snap-align:start !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap {
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:100% !important;

    border:0 !important;
    box-shadow:none !important;
  }


  /* immagine mobile */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .img-wrap {
    position:relative !important;

    width:100% !important;
    height:165px !important;
    min-height:165px !important;

    margin:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-bottom:1px solid #e4e8ef !important;

    background:#f5f6f8 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .img-wrap .img {
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card:not(.sasaco-card-product)
  .img-wrap img {
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .img-wrap img {
    width:100% !important;
    height:100% !important;

    padding:10px !important;

    object-fit:contain !important;
  }


  /* contenuto */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .data {
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;

    width:100% !important;
    min-height:145px !important;

    padding:11px !important;

    background:#fff !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .title {
    order:1 !important;

    display:-webkit-box !important;

    width:100% !important;

    min-height:40px !important;
    max-height:40px !important;

    margin:0 0 7px !important;

    overflow:hidden !important;

    color:#111d34 !important;

    font-size:14px !important;
    font-weight:750 !important;
    line-height:20px !important;

    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .price.isGrid {
    order:2 !important;

    min-height:28px !important;

    margin:0 0 8px !important;

    color:#082c68 !important;

    font-size:20px !important;
    font-weight:850 !important;
    line-height:28px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-current {
    font-size:20px !important;
    line-height:28px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-product-price {
    min-height:34px !important;
    margin:0 0 8px !important;
  }


  /* footer card */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer {
    order:3 !important;

    display:flex !important;

    min-height:30px !important;

    margin:auto 0 0 !important;
    padding:8px 0 0 !important;

    overflow:hidden !important;

    border-top:1px solid #edf0f4 !important;

    color:#667085 !important;

    font-size:10px !important;
    line-height:14px !important;
  }


  /* badge */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap > .label,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .sasaco-type-badge {
    top:8px !important;
    left:8px !important;

    height:22px !important;

    padding:0 8px !important;

    border-radius:999px !important;

    font-size:9px !important;
    line-height:22px !important;
  }


  /* ========================================================
     CTA MOBILE
     ======================================================== */

  body#body-home .sasaco-home-actions {
    display:flex !important;
    flex-direction:column !important;

    gap:10px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
  }

  body#body-home .sasaco-home-action {
    display:grid !important;

    grid-template-columns:50px minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:10px !important;

    width:100% !important;

    min-height:76px !important;

    margin:0 !important;
    padding:12px 13px !important;

    border:1px solid #dfe6f1 !important;
    border-radius:11px !important;

    text-decoration:none !important;
  }

  body#body-home .sasaco-home-action:nth-child(1) {
    background:#f2f7ff !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) {
    background:#f0faf3 !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) {
    background:#fff5ef !important;
  }

  body#body-home .sasaco-home-action > i {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:44px !important;
    height:44px !important;

    margin:0 !important;

    color:#0966f5 !important;

    font-size:26px !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) > i {
    color:#12a34a !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) > i {
    color:#ff5b16 !important;
  }

  body#body-home .sasaco-home-action > span {
    min-width:0 !important;
  }

  body#body-home .sasaco-home-action strong {
    display:block !important;

    color:#101d34 !important;

    font-size:13px !important;
    font-weight:750 !important;
    line-height:17px !important;
  }

  body#body-home .sasaco-home-action small {
    display:block !important;

    margin-top:2px !important;

    color:#536077 !important;

    font-size:10px !important;
    line-height:14px !important;
  }

  body#body-home .sasaco-home-action > b {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:98px !important;
    height:38px !important;

    padding:0 10px !important;

    color:#fff !important;

    background:#0865f5 !important;

    border-radius:7px !important;

    font-size:11px !important;
    font-weight:750 !important;

    white-space:nowrap !important;
  }

  body#body-home .sasaco-home-action:nth-child(2) > b {
    background:#12a34a !important;
  }

  body#body-home .sasaco-home-action:nth-child(3) > b {
    background:#ff5b16 !important;
  }

}


/* ==========================================================
   TABLET
   768 - 1023px
   ========================================================== */

@media screen and (min-width:768px) and (max-width:1023px) {

  body#body-home #sasaco-home {
    width:calc(100% - 28px) !important;
    max-width:none !important;

    margin:16px auto 50px !important;
    padding:0 !important;
  }


  /* categorie rapide */

  body#body-home .sasaco-home-root-nav {
    display:flex !important;
    flex-wrap:nowrap !important;

    gap:10px !important;

    width:100% !important;

    overflow-x:auto !important;

    scrollbar-width:none !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    display:none !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    flex:0 0 auto !important;

    white-space:nowrap !important;
  }


  /* hero */

  body#body-home .sasaco-home-hero {
    padding:28px !important;
  }

  body#body-home .sasaco-home-hero-content {
    display:grid !important;

    grid-template-columns:minmax(0,1fr) minmax(400px,1.2fr) !important;

    gap:25px !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    font-size:32px !important;
    line-height:38px !important;
  }


  /* statistiche */

  body#body-home .sasaco-home-stats {
    display:grid !important;

    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:12px !important;
  }


  /* categorie */

  body#body-home
  .sasaco-category-carousel-shell
  .sasaco-home-category-grid
  > .sasaco-home-category {
    flex:0 0 150px !important;

    width:150px !important;
    min-width:150px !important;
  }


  /* benefit */

  body#body-home .sasaco-home-benefits {
    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;
  }


  /* consigliati */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard {
    display:flex !important;
    flex-wrap:nowrap !important;

    gap:14px !important;

    overflow-x:auto !important;

    scrollbar-width:none !important;

    scroll-snap-type:x proximity !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard::-webkit-scrollbar {
    display:none !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card {
    flex:0 0 280px !important;

    width:280px !important;
    min-width:280px !important;

    scroll-snap-align:start !important;
  }


  /* CTA tablet */

  body#body-home .sasaco-home-actions {
    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;
  }

}

/* ===== SASACO HOME MOBILE + TABLET RESPONSIVE V1 END ===== */

/* ===== SASACO HOME MOBILE HEADER GAP FIX FINAL START ===== */

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

  /*
   * HOME MOBILE:
   * elimina qualsiasi spazio/altezza residua dei wrapper Delta
   * attorno al nuovo header SASACO.
   */

  body#body-home header {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;

    overflow: visible !important;
  }

  body#body-home header > .inside {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;
  }


  /* Vecchi blocchi Delta: completamente fuori dal layout */

  body#body-home header .relative1,
  body#body-home header .sasaco-header-main,
  body#body-home header .relative2.sasaco-header-main {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    float: none !important;

    overflow: hidden !important;
  }


  /* Il nuovo header mobile determina da solo l'altezza */

  body#body-home header .sasaco-mobile-header {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    float: none !important;
    clear: both !important;
  }


  /*
   * La content deve iniziare immediatamente
   * dopo la vera altezza dell'header.
   */

  body#body-home > section.content,
  body#body-home section.content.loc-home {
    position: relative !important;

    width: 100% !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    clear: both !important;
  }


  body#body-home .sasaco-home-desktop {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }


  body#body-home #sasaco-home {
    margin-top: 0 !important;
  }

}

/* ===== SASACO HOME MOBILE HEADER GAP FIX FINAL END ===== */


/* ==========================================================
   SASACO HOME MOBILE RECOMMENDED CARDS REFINED V2
   ========================================================== */

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

  /* contenitore orizzontale */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard {
    gap: 12px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;

    scroll-padding-left: 12px !important;
  }


  /* larghezza card */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card {

    flex: 0 0 72vw !important;

    width: 72vw !important;
    min-width: 72vw !important;
    max-width: 72vw !important;

    min-height: 0 !important;
    height: auto !important;

    border-radius: 13px !important;

    overflow: hidden !important;

    background: #fff !important;

    box-shadow:
      0 2px 8px rgba(15,35,60,.04) !important;
  }


  /* massimo su telefoni larghi */

  @media screen and (min-width: 430px) {

    body#body-home
    .sasaco-home-recommended-grid.products.grid.standard
    > .sasaco-card {

      flex-basis: 300px !important;

      width: 300px !important;
      min-width: 300px !important;
      max-width: 300px !important;
    }

  }


  /* wrapper */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    background: #fff !important;
  }


  /* immagine */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .img-wrap {

    flex: 0 0 auto !important;

    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;

    background: #f7f8fa !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card:not(.sasaco-card-product)
  .img-wrap img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .img-wrap img {

    width: 100% !important;
    height: 100% !important;

    padding: 14px !important;

    object-fit: contain !important;
  }


  /* contenuto */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .data {

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    min-height: 210px !important;

    padding: 14px 16px 14px !important;
  }


  /* titolo */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .title {

    display: -webkit-box !important;

    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 10px !important;

    overflow: hidden !important;

    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 22px !important;

    color: #111d34 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }


  /* prezzo annuncio */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .price.isGrid {

    min-height: 36px !important;

    margin: 0 0 12px !important;

    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 32px !important;

    color: #082c68 !important;
  }


  /* prezzo prodotto */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-product-price {

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;

    gap: 4px 7px !important;

    min-height: 52px !important;

    margin: 0 0 10px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-current {

    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 30px !important;

    color: #082c68 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-old {

    font-size: 12px !important;
    line-height: 16px !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-discount {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 22px !important;

    padding: 0 7px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }


  /* footer card */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer {

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 8px !important;

    min-height: 38px !important;

    margin-top: auto !important;
    padding-top: 10px !important;

    border-top: 1px solid #edf0f4 !important;

    font-size: 10px !important;
    line-height: 14px !important;

    overflow: hidden !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer > * {

    min-width: 0 !important;
  }


  /* merchant/location su una riga */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer span,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer div {

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }


  /* badge */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap > .label,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .sasaco-type-badge {

    top: 10px !important;
    left: 10px !important;

    height: 24px !important;

    padding: 0 9px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    line-height: 24px !important;
  }


  /* spazio dopo consigliati */

  body#body-home .sasaco-home-recommended {
    margin-bottom: 24px !important;
  }

}

/* ===== SASACO HOME MOBILE RECOMMENDED CARDS REFINED V2 END ===== */

/* ==========================================================
   SASACO HOME MOBILE - ANNUNCI E PRODOTTI STESSA DIMENSIONE V1
   Stesso formato delle card Search mobile
   ========================================================== */

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

  /* ========================================================
     CAROSELLO
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    gap: 12px !important;

    width: 100% !important;

    padding: 0 12px 10px !important;
    margin: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 12px !important;

    scrollbar-width: none !important;

    -webkit-overflow-scrolling: touch !important;
  }

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard::-webkit-scrollbar {
    display: none !important;
  }


  /* ========================================================
     TUTTE LE CARD
     ANNUNCIO + PRODOTTO = IDENTICA DIMENSIONE
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card,

  body#body-home
  .sasaco-home-recommended-grid.products.grid.standard
  > .sasaco-card-product {

    flex: 0 0 44vw !important;

    width: 44vw !important;
    min-width: 44vw !important;
    max-width: 44vw !important;

    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    overflow: hidden !important;

    background: #fff !important;

    border: 1px solid #dfe5ed !important;
    border-radius: 12px !important;

    box-shadow:
      0 2px 7px rgba(15,35,60,.05) !important;

    box-sizing: border-box !important;

    scroll-snap-align: start !important;
  }


  /* telefoni molto stretti */

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

    body#body-home
    .sasaco-home-recommended-grid.products.grid.standard
    > .sasaco-card,

    body#body-home
    .sasaco-home-recommended-grid.products.grid.standard
    > .sasaco-card-product {

      flex-basis: 46vw !important;

      width: 46vw !important;
      min-width: 46vw !important;
      max-width: 46vw !important;
    }

  }


  /* ========================================================
     WRAPPER INTERNO IDENTICO
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product > .simple-wrap {

    display: flex !important;
    flex-direction: column !important;

    position: relative !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     IMMAGINE
     STESSA ALTEZZA ESATTA
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .img-wrap,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product .img-wrap {

    position: relative !important;

    flex: 0 0 205px !important;

    width: 100% !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f7f8fa !important;

    border: 0 !important;
    border-bottom: 1px solid #e4e8ef !important;

    box-sizing: border-box !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .img-wrap .img,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product .img-wrap .img {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ANNUNCIO: foto riempie */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card:not(.sasaco-card-product)
  .img-wrap img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* PRODOTTO: immagine contenuta */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .img-wrap img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 12px !important;

    object-fit: contain !important;
    object-position: center !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     AREA DATI
     IDENTICA ALTEZZA
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .data,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product .data {

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    height: 225px !important;
    min-height: 225px !important;
    max-height: 225px !important;

    margin: 0 !important;
    padding: 12px 14px 12px !important;

    overflow: hidden !important;

    background: #fff !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     TITOLO
     SEMPRE 2 RIGHE RISERVATE
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .title {

    display: -webkit-box !important;

    order: 1 !important;

    flex: 0 0 44px !important;

    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    overflow: hidden !important;

    color: #172238 !important;

    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 20px !important;

    text-decoration: none !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .title a {

    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
  }


  /* ========================================================
     PREZZO ANNUNCIO
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card:not(.sasaco-card-product)
  .price.isGrid {

    display: flex !important;
    align-items: center !important;

    order: 2 !important;

    flex: 0 0 50px !important;

    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #082c68 !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 28px !important;

    overflow: hidden !important;
  }


  /* ========================================================
     PREZZO PRODOTTO
     STESSO SPAZIO DEL PREZZO ANNUNCIO
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-product-price {

    display: flex !important;
    flex-wrap: wrap !important;
    align-content: center !important;
    align-items: center !important;

    order: 2 !important;

    gap: 1px 6px !important;

    flex: 0 0 50px !important;

    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-main-row {

    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 6px !important;

    width: 100% !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-current {

    color: #082c68 !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 27px !important;

    white-space: nowrap !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-old {

    color: #8992a2 !important;

    font-size: 11px !important;
    line-height: 14px !important;

    text-decoration: line-through !important;

    white-space: nowrap !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card-product
  .sasaco-price-discount {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    padding: 0 6px !important;

    background: #ef3d42 !important;
    color: #fff !important;

    border-radius: 999px !important;

    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 20px !important;

    white-space: nowrap !important;
  }


  /* ========================================================
     FOOTER
     STESSA POSIZIONE IN TUTTE LE CARD
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer {

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    order: 99 !important;

    gap: 6px !important;

    flex: 0 0 38px !important;

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: auto 0 0 !important;
    padding: 9px 0 0 !important;

    overflow: hidden !important;

    border-top: 1px solid #edf0f4 !important;

    color: #6b7587 !important;

    font-size: 9px !important;
    line-height: 13px !important;

    box-sizing: border-box !important;
  }

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card
  .sasaco-grid-footer > * {

    min-width: 0 !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }


  /* ========================================================
     NASCONDE ELEMENTI CHE ALTERANO L'ALTEZZA
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .description.isList,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .extra.isList,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .action.isList,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .publish.isGrid {

    display: none !important;
  }


  /* ========================================================
     BADGE IDENTICI
     ======================================================== */

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card > .simple-wrap > .label,

  body#body-home
  .sasaco-home-recommended-grid
  .sasaco-card .sasaco-type-badge {

    position: absolute !important;

    top: 9px !important;
    left: 9px !important;

    z-index: 10 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 24px !important;

    padding: 0 9px !important;
    margin: 0 !important;

    border-radius: 999px !important;

    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  }

}

/* ==========================================================
   SASACO HOME MOBILE - ANNUNCI E PRODOTTI STESSA DIMENSIONE END
   ========================================================== */

/* ==========================================================
   SASACO ITEM ATTRIBUTES UNIVERSAL GRID V1
   Tutte le categorie / tutti gli attributi
   ========================================================== */

body#body-item #plugin-hook {
  width: 100% !important;

  margin: 22px 0 0 !important;
  padding: 0 !important;
}


/* contenitore principale plugin */

body#body-item #plugin-hook #atr-item {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 12px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

  background: transparent !important;

  border: 0 !important;

  box-sizing: border-box !important;
}


/* titolo Attributes */

body#body-item #plugin-hook #atr-title {
  grid-column: 1 / -1 !important;

  width: 100% !important;

  margin: 0 0 4px !important;
  padding: 0 !important;

  color: #13233f !important;

  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 28px !important;

  text-transform: none !important;
}


/* ogni attributo */

body#body-item #plugin-hook #atr-item > .atr-line {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  gap: 12px !important;

  min-width: 0 !important;
  min-height: 76px !important;

  margin: 0 !important;
  padding: 14px 16px !important;

  background: #fff !important;

  border: 1px solid #e1e7ef !important;
  border-radius: 12px !important;

  box-shadow:
    0 2px 8px rgba(17, 38, 70, .035) !important;

  box-sizing: border-box !important;
}


/* icona generica automatica */

body#body-item #plugin-hook #atr-item > .atr-line::before {
  content: "\f05a";

  display: flex !important;
  flex: 0 0 42px !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  color: #1667d9 !important;
  background: #edf4ff !important;

  border-radius: 50% !important;

  font-family: "Font Awesome 5 Free" !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* struttura interna */

body#body-item #plugin-hook .atr-name,
body#body-item #plugin-hook .atr-value {
  min-width: 0 !important;
}

body#body-item #plugin-hook .atr-name {
  display: block !important;

  margin: 0 0 3px !important;

  color: #6b7688 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}

body#body-item #plugin-hook .atr-name span {
  display: block !important;
}


/* valori */

body#body-item #plugin-hook .atr-value,
body#body-item #plugin-hook .atr-linked-value {
  display: block !important;

  color: #152238 !important;

  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 20px !important;
}

body#body-item #plugin-hook .atr-value-single {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 5px 3px 0 !important;

  color: inherit !important;

  font-size: inherit !important;
  font-weight: inherit !important;
}


/* select gerarchici */

body#body-item #plugin-hook .atr-value-select {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 4px 6px !important;
}

body#body-item #plugin-hook .atr-value-select
.atr-value-single:not(:last-child)::after {
  content: "›";

  margin-left: 6px !important;

  color: #9aa4b2 !important;
}


/* checkbox / radio */

body#body-item #plugin-hook .atr-value-check {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 5px !important;
}

body#body-item #plugin-hook
.atr-value-check .atr-value-single {
  display: inline-flex !important;
  align-items: center !important;

  gap: 5px !important;

  padding: 4px 8px !important;

  background: #f6f8fb !important;

  border: 1px solid #e4e9f1 !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 650 !important;
}


/* immagini check/cross */

body#body-item #plugin-hook .atr-img {
  width: 16px !important;
  height: 16px !important;

  object-fit: contain !important;
}


/* divisori plugin */

body#body-item #plugin-hook .atr-type-divider {
  grid-column: 1 / -1 !important;

  min-height: 0 !important;

  margin: 8px 0 0 !important;
  padding: 0 0 8px !important;

  border: 0 !important;
  border-bottom: 1px solid #e6ebf2 !important;

  background: transparent !important;

  box-shadow: none !important;
}

body#body-item #plugin-hook .atr-type-divider::before {
  display: none !important;
}

body#body-item #plugin-hook .atr-divider-label {
  color: #13233f !important;

  font-size: 16px !important;
  font-weight: 800 !important;
}


/* ========================================================
   ICONA IN BASE AL TIPO
   ======================================================== */

body#body-item #plugin-hook .atr-type-number::before {
  content: "\f292" !important;
}

body#body-item #plugin-hook .atr-type-date::before,
body#body-item #plugin-hook .atr-type-daterange::before {
  content: "\f073" !important;
}

body#body-item #plugin-hook .atr-type-select::before {
  content: "\f0ca" !important;
}

body#body-item #plugin-hook .atr-type-checkbox::before {
  content: "\f14a" !important;
}

body#body-item #plugin-hook .atr-type-radio::before {
  content: "\f192" !important;
}

body#body-item #plugin-hook .atr-type-phone::before {
  content: "\f095" !important;
}

body#body-item #plugin-hook .atr-type-email::before {
  content: "\f0e0" !important;
}

body#body-item #plugin-hook .atr-type-url::before {
  content: "\f0c1" !important;
}

body#body-item #plugin-hook .atr-type-textarea::before {
  content: "\f15c" !important;
}


/* ========================================================
   DESKTOP GRANDE
   ======================================================== */

@media screen and (min-width: 1200px) {

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }

}


/* ========================================================
   TABLET
   ======================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


/* ========================================================
   MOBILE
   ======================================================== */

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

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 9px !important;
  }

  body#body-item #plugin-hook #atr-item > .atr-line {
    min-height: 72px !important;

    padding: 11px !important;

    gap: 9px !important;
  }

  body#body-item #plugin-hook
  #atr-item > .atr-line::before {
    flex-basis: 34px !important;

    width: 34px !important;
    height: 34px !important;

    font-size: 14px !important;
  }

  body#body-item #plugin-hook .atr-name {
    font-size: 10px !important;
    line-height: 13px !important;
  }

  body#body-item #plugin-hook .atr-value,
  body#body-item #plugin-hook .atr-linked-value {
    font-size: 13px !important;
    line-height: 17px !important;
  }

}

/* ===== SASACO ITEM ATTRIBUTES UNIVERSAL GRID V1 END ===== */

/* ==========================================================
   SASACO ITEM ATTRIBUTES GRID FIX V2
   Corregge testi verticali / compressi
   ========================================================== */

body#body-item #plugin-hook #atr-item {
  grid-template-columns:
    repeat(3, minmax(220px, 1fr)) !important;

  gap: 12px !important;
}


/* ogni card attributo */

body#body-item #plugin-hook #atr-item > .atr-line {
  display: grid !important;

  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;

  align-items: center !important;

  column-gap: 12px !important;
  row-gap: 3px !important;

  min-width: 0 !important;
  min-height: 88px !important;

  padding: 14px 16px !important;
}


/* icona */

body#body-item #plugin-hook #atr-item > .atr-line::before {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;

  align-self: center !important;

  flex: none !important;

  width: 42px !important;
  height: 42px !important;
}


/* nome */

body#body-item #plugin-hook .atr-name {
  grid-column: 2 !important;
  grid-row: 1 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  color: #6b7688 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body#body-item #plugin-hook .atr-name span {
  display: block !important;

  width: 100% !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}


/* valore */

body#body-item #plugin-hook .atr-value,
body#body-item #plugin-hook .atr-linked-value {

  grid-column: 2 !important;
  grid-row: 2 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  color: #152238 !important;

  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 20px !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}


/* valore singolo */

body#body-item #plugin-hook .atr-value-single {
  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}


/* SELECT gerarchici */

body#body-item #plugin-hook .atr-value-select {
  display: flex !important;

  flex-wrap: wrap !important;

  gap: 3px 5px !important;

  width: 100% !important;
}

body#body-item #plugin-hook
.atr-value-select .atr-value-single {

  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

  white-space: normal !important;
}


/* checkbox */

body#body-item #plugin-hook .atr-value-check {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 5px !important;

  width: 100% !important;
}


/* divider */

body#body-item #plugin-hook .atr-type-divider {
  display: block !important;

  grid-column: 1 / -1 !important;

  min-height: 0 !important;
}


/* ========================================================
   DESKTOP MEDIO
   ======================================================== */

@media screen and (min-width: 1024px) and (max-width: 1350px) {

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      repeat(2, minmax(220px, 1fr)) !important;
  }

}


/* ========================================================
   TABLET
   ======================================================== */

@media screen and (min-width: 768px) and (max-width: 1023px) {

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


/* ========================================================
   MOBILE
   ======================================================== */

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

  body#body-item #plugin-hook #atr-item {
    grid-template-columns:
      1fr !important;

    gap: 8px !important;
  }

  body#body-item #plugin-hook #atr-item > .atr-line {
    grid-template-columns:
      38px minmax(0, 1fr) !important;

    min-height: 72px !important;

    padding: 11px 12px !important;

    column-gap: 10px !important;
  }

  body#body-item #plugin-hook
  #atr-item > .atr-line::before {

    width: 36px !important;
    height: 36px !important;
  }

  body#body-item #plugin-hook .atr-name {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  body#body-item #plugin-hook .atr-value,
  body#body-item #plugin-hook .atr-linked-value {

    font-size: 14px !important;
    line-height: 18px !important;
  }

}

/* ===== SASACO ITEM ATTRIBUTES GRID FIX V2 END ===== */

/* ==========================================================
   SASACO ITEM UNIVERSAL DETAILS V3
   Core Osclass + Attributes Plugin in una sola sezione
   ========================================================== */

body#body-item .sasaco-item-details {
  width: 100% !important;

  margin: 28px 0 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* UNICO TITOLO */

body#body-item .sasaco-item-details-title {
  display: block !important;

  width: 100% !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  color: #13233f !important;

  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
}


/*
 * Nasconde il secondo titolo "Attributi"
 * generato automaticamente dal plugin.
 */

body#body-item
.sasaco-item-details
#atr-title {
  display: none !important;
}


/* elimina vecchia grafica Delta */

body#body-item
.sasaco-item-details
.custom-fields {

  width: 100% !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* CORE ATTRIBUTES GRID */

body#body-item
.sasaco-item-details
.custom-fields > .list {

  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(220px, 1fr)) !important;

  gap: 12px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* Condizione / Transazione / Meta */

body#body-item
.sasaco-item-details
.custom-fields .field {

  position: relative !important;

  display: grid !important;

  grid-template-columns:
    42px minmax(0, 1fr) !important;

  grid-template-rows:
    auto auto !important;

  column-gap: 12px !important;
  row-gap: 3px !important;

  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;

  min-height: 88px !important;

  margin: 0 !important;
  padding: 14px 16px !important;

  background: #fff !important;

  border: 1px solid #e1e7ef !important;
  border-radius: 12px !important;

  box-shadow:
    0 2px 8px rgba(17,38,70,.035) !important;

  box-sizing: border-box !important;
}


/* icona */

body#body-item
.sasaco-item-details
.custom-fields .field::before {

  content: "\f05a";

  grid-column: 1 !important;
  grid-row: 1 / 3 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;

  background: #edf4ff !important;
  color: #1667d9 !important;

  border-radius: 50% !important;

  font-family:
    "Font Awesome 5 Free" !important;

  font-size: 18px !important;
  font-weight: 900 !important;
}


/* Condizione */

body#body-item
.sasaco-item-details
.custom-fields
.item-condition::before {

  content: "\f058" !important;
}


/* Transazione */

body#body-item
.sasaco-item-details
.custom-fields
.item-transaction::before {

  content: "\f362" !important;
}


/* nome */

body#body-item
.sasaco-item-details
.custom-fields .field > .name {

  grid-column: 2 !important;
  grid-row: 1 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #6b7688 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;

  white-space: normal !important;
  word-break: normal !important;
}


/* valore */

body#body-item
.sasaco-item-details
.custom-fields .field > .value {

  grid-column: 2 !important;
  grid-row: 2 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #152238 !important;

  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 20px !important;

  white-space: normal !important;
  word-break: normal !important;
}


/* plugin subito sotto senza nuovo titolo */

body#body-item
.sasaco-item-details
#plugin-hook {

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ========================================================
   DESKTOP MEDIO
   ======================================================== */

@media screen and (min-width:1024px) and (max-width:1350px) {

  body#body-item
  .sasaco-item-details
  .custom-fields > .list {

    grid-template-columns:
      repeat(2, minmax(220px,1fr)) !important;
  }

}


/* ========================================================
   TABLET
   ======================================================== */

@media screen and (min-width:768px) and (max-width:1023px) {

  body#body-item
  .sasaco-item-details
  .custom-fields > .list {

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}


/* ========================================================
   MOBILE
   ======================================================== */

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

  body#body-item
  .sasaco-item-details-title {

    font-size: 20px !important;
    line-height: 25px !important;

    margin-bottom: 12px !important;
  }


  body#body-item
  .sasaco-item-details
  .custom-fields > .list {

    grid-template-columns:
      1fr !important;

    gap: 8px !important;
  }


  body#body-item
  .sasaco-item-details
  .custom-fields .field {

    grid-template-columns:
      38px minmax(0,1fr) !important;

    min-height: 72px !important;

    padding: 11px 12px !important;

    column-gap: 10px !important;
  }


  body#body-item
  .sasaco-item-details
  .custom-fields .field::before {

    width: 36px !important;
    height: 36px !important;

    font-size: 14px !important;
  }


  body#body-item
  .sasaco-item-details
  .custom-fields .field > .name {

    font-size: 11px !important;
    line-height: 14px !important;
  }


  body#body-item
  .sasaco-item-details
  .custom-fields .field > .value {

    font-size: 14px !important;
    line-height: 18px !important;
  }

}

/* ===== SASACO ITEM UNIVERSAL DETAILS V3 END ===== */

/* ==========================================================
   SASACO ITEM - BARRA SOTTO HEADER MODERNA V1
   Mantiene Cerca / Breadcrumb / Avanti
   ========================================================== */

@media screen and (min-width: 768px) {

  /* fascia generale */

  body#body-item #bread {
    width: 100% !important;

    margin: 0 0 24px !important;
    padding: 12px 0 !important;

    background: #fff !important;

    border-top: 1px solid #edf0f5 !important;
    border-bottom: 1px solid #e5eaf1 !important;

    box-shadow:
      0 4px 14px rgba(15,35,60,.035) !important;
  }


  /* contenitore allineato al nuovo header */

  body#body-item #bread > .wrap,
  body#body-item #bread ul {

    width: calc(100% - 40px) !important;
    max-width: 1360px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }


  body#body-item #bread > .wrap {

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    min-height: 40px !important;
  }


  /* ========================================================
     CERCA
     ======================================================== */

  body#body-item #bread .back,
  body#body-item #bread a.back {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 38px !important;

    padding: 0 14px !important;
    margin: 0 !important;

    background: #f5f8fc !important;
    color: #082c68 !important;

    border: 1px solid #dce4ef !important;
    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;

    text-decoration: none !important;

    transition:
      background .18s ease,
      border-color .18s ease,
      transform .18s ease !important;
  }

  body#body-item #bread .back:hover,
  body#body-item #bread a.back:hover {

    background: #eef4fb !important;
    border-color: #bfd0e5 !important;

    transform: translateX(-2px) !important;

    text-decoration: none !important;
  }


  /* ========================================================
     BREADCRUMB CENTRALE
     ======================================================== */

  body#body-item #bread .bread-text {

    display: flex !important;
    align-items: center !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;

    overflow: hidden !important;
  }

  body#body-item #bread .bread-text ul {

    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;
  }

  body#body-item #bread .bread-text li {

    display: inline-flex !important;
    align-items: center !important;

    float: none !important;

    color: #7b8594 !important;

    font-size: 12px !important;
    line-height: 18px !important;
  }

  body#body-item #bread .bread-text a {

    color: #34445e !important;

    font-weight: 600 !important;

    text-decoration: none !important;
  }

  body#body-item #bread .bread-text a:hover {

    color: #0a63d8 !important;

    text-decoration: none !important;
  }


  /* breadcrumb corrente */

  body#body-item #bread .bread-text li:last-child,
  body#body-item #bread .bread-text li:last-child span {

    min-width: 0 !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    color: #8a94a3 !important;
  }


  /* ========================================================
     AVANTI
     ======================================================== */

  body#body-item #bread .next,
  body#body-item #bread a.next {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 38px !important;

    padding: 0 14px !important;
    margin: 0 !important;

    background: #fff !important;
    color: #082c68 !important;

    border: 1px solid #dce4ef !important;
    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;

    text-decoration: none !important;

    transition:
      background .18s ease,
      border-color .18s ease,
      transform .18s ease !important;
  }

  body#body-item #bread .next:hover,
  body#body-item #bread a.next:hover {

    background: #f5f8fc !important;
    border-color: #bfd0e5 !important;

    transform: translateX(2px) !important;

    text-decoration: none !important;
  }


  /* frecce più moderne */

  body#body-item #bread .back i,
  body#body-item #bread a.back i {

    margin-right: 6px !important;

    font-size: 11px !important;
  }

  body#body-item #bread .next i,
  body#body-item #bread a.next i {

    margin-left: 6px !important;

    font-size: 11px !important;
  }

}

/* ===== SASACO ITEM - BARRA SOTTO HEADER MODERNA V1 END ===== */






/* ==========================================================
   SASACO ITEM PAGE - DESKTOP LAYOUT FIX
   Main content + sidebar venditore
   Mantiene la struttura HTML originale Delta:
   #listing
      .item
      .side
   ========================================================== */

@media screen and (min-width: 768px) {

  /* CONTENITORE GENERALE */
  body#body-item #listing.inside {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 1360px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    gap: 24px !important;
  }


  /* COLONNA PRINCIPALE ANNUNCIO */
  body#body-item #listing.inside > .item {
    float: none !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 0 30px 0 !important;
  }


  /* SIDEBAR DESTRA */
  body#body-item #listing.inside > .side {
    float: none !important;

    flex: 0 0 360px !important;

    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;

    margin: 0 0 30px 0 !important;
  }


  /* SICUREZZA CONTENUTI SIDEBAR */
  body#body-item #listing .side,
  body#body-item #listing .side * {
    box-sizing: border-box !important;
  }


  body#body-item #listing .side > div {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* TESTI: MAI VERTICALI / SPEZZATI LETTERA PER LETTERA */
  body#body-item #listing .side h2,
  body#body-item #listing .side .user-box,
  body#body-item #listing .side .user-box .wrap,
  body#body-item #listing .side .user-box .name,
  body#body-item #listing .side .user-box .counts,
  body#body-item #listing .side .user-box .times,
  body#body-item #listing .side .bottom-menu,
  body#body-item #listing .side .bottom-menu .elem {
    min-width: 0 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }


  /* TITOLO BOX VENDITORE */
  body#body-item #listing .side h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    float: none !important;

    width: 100% !important;

    line-height: 22px !important;
  }


  /* BOTTONE DETTAGLI */
  body#body-item #listing .side h2 .hbtn {
    float: none !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }


  /* PROFILO VENDITORE */
  body#body-item #seller .user-box {
    float: none !important;
    width: 100% !important;
  }


  body#body-item #seller .user-box .wrap {
    display: block !important;
    width: 100% !important;
    min-height: 54px !important;
  }


  body#body-item #seller .user-box .name {
    display: block !important;
    width: 100% !important;

    font-size: 16px !important;
    line-height: 20px !important;
  }


  /* MENU TELEFONO / PROFILO */
  body#body-item #seller .bottom-menu {
    width: 100% !important;
  }


  body#body-item #seller .bottom-menu .elem {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    line-height: 20px !important;
  }

}


/* ==========================================================
   SASACO ITEM PAGE - MOBILE/TABLET
   Lascia le colonne una sotto l'altra
   ========================================================== */

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

  body#body-item #listing.inside {
    display: block !important;
    width: 100% !important;
  }


  body#body-item #listing.inside > .item,
  body#body-item #listing.inside > .side {
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}


/* ==========================================================
   SASACO ITEM DESKTOP TOP MODERN V2
   Titolo / prezzo / meta / gallery
   NON modifica sidebar, mobile, dettagli
   ========================================================== */

@media screen and (min-width: 1024px) {

  /* ========================================================
     BOX PRINCIPALE ANNUNCIO
     ======================================================== */

  body#body-item #listing > .item > .wbox.imgbox {
    width: 100% !important;

    margin: 0 !important;
    padding: 26px !important;

    background: #fff !important;

    border: 1px solid #e0e6ee !important;
    border-radius: 14px !important;

    box-shadow:
      0 4px 18px rgba(17, 38, 70, .035) !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     TITOLO + PREZZO
     ======================================================== */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
  }


  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop h1 {

    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 30px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #13213a !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    letter-spacing: -.4px !important;
  }


  /* testo titolo */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop h1
  > span:not(.price) {

    min-width: 0 !important;
  }


  /* prezzo */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  .price {

    flex: 0 0 auto !important;

    margin-left: auto !important;

    color: #ef3340 !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    letter-spacing: -.4px !important;

    white-space: nowrap !important;
  }


  /* ========================================================
     METADATI SOTTO TITOLO
     ======================================================== */

  body#body-item
  #listing
  .imgbox
  > .pre-basic.isDesktop {

    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    gap: 0 !important;

    margin: 10px 0 22px !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
  }


  body#body-item
  #listing
  .pre-basic.isDesktop
  > div:not(.qr-code) {

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    float: none !important;

    width: auto !important;

    margin: 0 !important;

    padding-left: 14px !important;
    padding-right: 14px !important;

    color: #68758a !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }


  body#body-item
  #listing
  .pre-basic.isDesktop
  > div:not(.qr-code):first-child {

    padding-left: 0 !important;
  }


  /* divisori */

  body#body-item
  #listing
  .pre-basic.isDesktop
  > div:not(.qr-code):not(:last-child)::after {

    content: "";

    position: absolute !important;

    top: 50% !important;
    right: 0 !important;

    width: 1px !important;
    height: 15px !important;

    transform: translateY(-50%) !important;

    background: #dce2ea !important;
  }


  body#body-item
  #listing
  .pre-basic.isDesktop a {

    color: #2c70cc !important;

    font-weight: 500 !important;

    text-decoration: none !important;
  }


  body#body-item
  #listing
  .pre-basic.isDesktop a:hover {

    color: #0b55b2 !important;

    text-decoration: underline !important;
  }


  body#body-item
  #listing
  .pre-basic.isDesktop
  .qr-code {

    display: none !important;
  }


  /* ========================================================
     AREA GALLERY
     ======================================================== */

  body#body-item
  #listing
  .imgbox
  .main-data {

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      116px !important;

    gap: 14px !important;

    align-items: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     FOTO PRINCIPALE
     ======================================================== */

  body#body-item
  #listing
  #slideimg {

    position: relative !important;

    width: 100% !important;
    height: 560px !important;

    min-width: 0 !important;
    min-height: 560px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f5f7fa !important;

    border: 1px solid #dfe5ed !important;
    border-radius: 12px !important;

    box-sizing: border-box !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-container,

  body#body-item
  #listing
  #slideimg
  .swiper-wrapper,

  body#body-item
  #listing
  #slideimg
  .swiper-slide {

    width: 100% !important;
    height: 100% !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-slide {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background: #f5f7fa !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-slide a {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-slide img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* ========================================================
     FRECCE GALLERY
     ======================================================== */

  body#body-item
  #listing
  #slideimg
  .swiper-button {

    position: absolute !important;

    top: 50% !important;

    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    background:
      rgba(20, 31, 49, .58) !important;

    color: #fff !important;

    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 50% !important;

    box-shadow:
      0 4px 14px rgba(0,0,0,.16) !important;

    opacity: 1 !important;

    cursor: pointer !important;

    transition:
      background .18s ease,
      transform .18s ease !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-button:hover {

    background:
      rgba(8,44,104,.88) !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-prev {

    left: 14px !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-next {

    right: 14px !important;
  }


  body#body-item
  #listing
  #slideimg
  .swiper-button i {

    color: #fff !important;

    font-size: 17px !important;
  }


  /* ========================================================
     CONTATORE 1 / N
     ======================================================== */

  body#body-item
  #listing
  #slideimg
  .swiper-pg {

    position: absolute !important;

    left: 14px !important;
    bottom: 14px !important;

    z-index: 50 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 46px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background:
      rgba(17, 29, 48, .78) !important;

    color: #fff !important;

    border-radius: 7px !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 30px !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     MINIATURE
     ======================================================== */

  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs {

    display: block !important;

    width: 116px !important;
    height: 560px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }


  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs ul {

    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }


  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs li {

    display: block !important;

    width: 100% !important;
    height: 88px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f5f7fa !important;

    border: 2px solid transparent !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

    transition:
      border-color .15s ease,
      box-shadow .15s ease,
      transform .15s ease !important;
  }


  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs li:hover {

    border-color: #a9c6ea !important;

    transform: translateY(-1px) !important;
  }


  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs
  li.active {

    border-color: #176be8 !important;

    box-shadow:
      0 0 0 1px rgba(23,107,232,.12) !important;
  }


  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs li img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* nasconde vecchi controlli verticali miniature */

  body#body-item
  #listing
  .main-data
  .thumbs.swiper-thumbs
  > .scroll {

    display: none !important;
  }


  /* ========================================================
     LABEL RESERVED / SOLD
     ======================================================== */

  body#body-item
  #listing
  .item-status {

    margin-bottom: 16px !important;
  }

}


/* ===== SASACO ITEM DESKTOP TOP MODERN V2 END ===== */


/* ==========================================================
   SASACO ITEM PAGE
   FIX DEFINITIVO TITOLO + PREZZO DESKTOP
   Struttura Delta reale:
   <h1>
     <div class="price">...</div>
     TESTO TITOLO
   </h1>
   ========================================================== */

@media screen and (min-width: 768px) {

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
  }


  /*
   * IMPORTANTE:
   * il titolo è un nodo testo diretto dentro H1.
   * NON usare flex su H1.
   */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  > h1 {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    min-height: 46px !important;

    margin: 0 !important;

    /*
     * spazio riservato al prezzo sulla destra
     */
    padding:
      0
      230px
      0
      0 !important;

    box-sizing: border-box !important;

    color: #13213a !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;

    letter-spacing: -.4px !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
  }


  /*
   * PREZZO
   * viene estratto visivamente dal flusso del titolo
   * e posizionato in alto a destra
   */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  > h1
  > .price {

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    display: block !important;

    float: none !important;

    width: auto !important;
    max-width: 220px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ef3340 !important;

    font-family:
      Poppins,
      Arial,
      sans-serif !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;

    letter-spacing: -.4px !important;

    white-space: nowrap !important;

    text-align: right !important;
  }


  /*
   * Titoli molto lunghi:
   * possono andare su 2 righe senza entrare nel prezzo.
   */

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  + .pre-basic.isDesktop {

    clear: both !important;
  }

}


/* ==========================================================
   TABLET
   Riduciamo lo spazio riservato al prezzo
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  > h1 {

    padding-right: 190px !important;

    font-size: 26px !important;
  }

  body#body-item
  #listing
  .imgbox
  > .basic.isDesktop
  > h1
  > .price {

    max-width: 180px !important;

    font-size: 26px !important;
  }

}


/* ==========================================================
   SASACO ITEM SELLER CARD V2
   ========================================================== */

body#body-item #seller.sasaco-seller-card {
  width: 100% !important;
  overflow: hidden !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  background: #fff !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 14px !important;

  box-shadow:
    0 4px 16px rgba(8,44,104,.055) !important;
}


/* HEADER */

body#body-item #seller .sasaco-seller-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 12px !important;

  width: 100% !important;

  padding: 18px 20px !important;

  background: #fff !important;

  border-bottom: 1px solid #edf1f5 !important;

  box-sizing: border-box !important;
}

body#body-item #seller .sasaco-seller-head h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #0b1f3a !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 22px !important;

  border: 0 !important;
}

body#body-item #seller .sasaco-seller-details {
  flex: 0 0 auto !important;

  color: #1769d2 !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}


/* BODY */

body#body-item #seller .sasaco-seller-main {
  width: 100% !important;

  padding: 20px !important;

  box-sizing: border-box !important;
}


/* IDENTITÀ */

body#body-item #seller .sasaco-seller-identity {
  display: flex !important;
  align-items: center !important;

  gap: 14px !important;

  width: 100% !important;
}

body#body-item #seller .sasaco-seller-avatar {
  flex: 0 0 58px !important;

  width: 58px !important;
  height: 58px !important;

  overflow: hidden !important;

  background: #f1f4f8 !important;

  border-radius: 50% !important;
}

body#body-item #seller .sasaco-seller-avatar img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}

body#body-item #seller .sasaco-seller-info {
  flex: 1 1 auto !important;

  min-width: 0 !important;
}

body#body-item #seller .sasaco-seller-name {
  display: block !important;

  margin: 0 0 3px !important;

  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 20px !important;
}

body#body-item #seller .sasaco-seller-name a {
  color: #082c68 !important;
  text-decoration: none !important;
}

body#body-item #seller .sasaco-seller-type {
  margin-top: 2px !important;

  color: #35445c !important;

  font-size: 13px !important;
  line-height: 18px !important;
}

body#body-item #seller .sasaco-seller-since,
body#body-item #seller .sasaco-seller-online {
  margin-top: 2px !important;

  color: #7e8999 !important;

  font-size: 11px !important;
  line-height: 16px !important;
}


/* BOTTONI */

body#body-item #seller .sasaco-seller-actions {
  display: grid !important;

  grid-template-columns: 1fr !important;

  gap: 9px !important;

  width: 100% !important;

  margin-top: 18px !important;
}

body#body-item #seller .sasaco-contact-primary,
body#body-item #seller .sasaco-phone-button,
body#body-item #seller .sasaco-all-items {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  width: 100% !important;
  min-height: 46px !important;

  padding: 10px 14px !important;

  box-sizing: border-box !important;

  border-radius: 8px !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;

  text-decoration: none !important;
}


/* CONTATTA */

body#body-item #seller .sasaco-contact-primary {
  color: #fff !important;

  background: #16a765 !important;

  border: 1px solid #16a765 !important;
}

body#body-item #seller .sasaco-contact-primary:hover {
  background: #118d54 !important;
}


/* TELEFONO */

body#body-item #seller .sasaco-phone-button {
  color: #082c68 !important;

  background: #fff !important;

  border: 1px solid #ccd5e2 !important;
}

body#body-item #seller .sasaco-phone-button:hover {
  background: #f6f8fb !important;
}


/* TUTTI GLI ANNUNCI */

body#body-item #seller .sasaco-all-items {
  min-height: 38px !important;

  color: #1769d2 !important;

  background: transparent !important;

  border: 0 !important;

  font-size: 12px !important;
}


/* LINK SECONDARI */

body#body-item #seller .sasaco-seller-links {
  margin:
    18px
    -20px
    -20px !important;

  border-top:
    1px solid #edf1f5 !important;
}

body#body-item #seller .sasaco-seller-link {
  display: flex !important;
  align-items: center !important;

  gap: 11px !important;

  padding: 14px 20px !important;

  border-bottom:
    1px solid #edf1f5 !important;
}

body#body-item #seller
.sasaco-seller-link:last-child {
  border-bottom: 0 !important;
}

body#body-item #seller
.sasaco-seller-link i {
  flex: 0 0 20px !important;

  width: 20px !important;

  text-align: center !important;

  color: #74839a !important;
}

body#body-item #seller
.sasaco-seller-link a {
  min-width: 0 !important;

  color: #082c68 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 17px !important;

  text-decoration: none !important;

  overflow-wrap: anywhere !important;
}


/* EVITA TESTI VERTICALI */

body#body-item #seller,
body#body-item #seller * {
  box-sizing: border-box !important;

  word-break: normal !important;
}


/* MOBILE */

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

  body#body-item #seller .sasaco-seller-head {
    padding: 16px !important;
  }

  body#body-item #seller .sasaco-seller-main {
    padding: 16px !important;
  }

  body#body-item #seller .sasaco-seller-links {
    margin-left: -16px !important;
    margin-right: -16px !important;
    margin-bottom: -16px !important;
  }

}


/* ==========================================================
   SASACO SELLER CARD REFINEMENT V3
   ========================================================== */

body#body-item #seller .sasaco-seller-head {
  background: #fff !important;

  padding: 18px 20px 16px !important;

  border-bottom: 1px solid #edf1f5 !important;

  box-shadow: none !important;
}

body#body-item #seller .sasaco-seller-head h2 {
  display: block !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  color: #0b1f3a !important;

  font-size: 18px !important;
  font-weight: 750 !important;
  line-height: 24px !important;
}

body#body-item #seller .sasaco-seller-details {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 30px !important;

  padding: 0 10px !important;

  background: #f5f8fc !important;
  color: #1769d2 !important;

  border: 1px solid #dbe5f1 !important;
  border-radius: 7px !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}

body#body-item #seller .sasaco-seller-main {
  padding-top: 22px !important;
}

body#body-item #seller .sasaco-seller-identity {
  align-items: flex-start !important;
}

body#body-item #seller .sasaco-seller-avatar {
  width: 60px !important;
  height: 60px !important;
  flex-basis: 60px !important;
}

body#body-item #seller .sasaco-seller-name {
  margin-top: 1px !important;

  font-size: 17px !important;
  line-height: 22px !important;
}

body#body-item #seller .sasaco-seller-type {
  margin-top: 3px !important;
}

body#body-item #seller .sasaco-seller-since,
body#body-item #seller .sasaco-seller-online {
  color: #8993a2 !important;
}

body#body-item #seller .sasaco-seller-actions {
  gap: 8px !important;
  margin-top: 20px !important;
}

body#body-item #seller .sasaco-contact-primary {
  min-height: 48px !important;

  border-radius: 9px !important;

  font-size: 14px !important;
}

body#body-item #seller .sasaco-phone-button {
  min-height: 46px !important;

  border-radius: 9px !important;

  font-size: 13px !important;
}

body#body-item #seller .sasaco-all-items {
  justify-content: flex-start !important;

  min-height: 34px !important;

  margin-top: 2px !important;
  padding: 4px 2px !important;

  color: #1769d2 !important;

  font-size: 12px !important;
}

body#body-item #seller .sasaco-seller-links {
  margin-top: 16px !important;
}

body#body-item #seller .sasaco-seller-link {
  min-height: 46px !important;
}

body#body-item #seller .sasaco-seller-link a {
  font-size: 13px !important;
}


/* ==========================================================
   SASACO ITEM LOCATION CARD V2
   ========================================================== */

body#body-item .sasaco-location-card {
  width: 100% !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 14px !important;

  box-shadow:
    0 4px 16px rgba(8,44,104,.045) !important;
}


/* HEADER */

body#body-item
.sasaco-location-card
.sasaco-location-head {

  padding: 18px 20px 16px !important;

  border-bottom:
    1px solid #edf1f5 !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-head h2 {

  margin: 0 !important;
  padding: 0 !important;

  color: #0b1f3a !important;

  font-family:
    Poppins,
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 22px !important;

  border: 0 !important;
}


/* BODY */

body#body-item
.sasaco-location-card
.sasaco-location-body {

  padding: 18px 20px 20px !important;

  box-sizing: border-box !important;
}


/* LOCALITÀ */

body#body-item
.sasaco-location-card
.sasaco-location-place {

  display: flex !important;
  align-items: flex-start !important;

  gap: 12px !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-place
> i {

  flex: 0 0 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  background: #edf4ff !important;
  color: #1769d2 !important;

  border-radius: 50% !important;

  font-size: 15px !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-place
> div {

  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-place strong {

  display: block !important;

  color: #13213a !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-coordinates {

  display: block !important;

  margin-top: 3px !important;

  color: #8b95a4 !important;

  font-size: 11px !important;
  line-height: 16px !important;
}


/* LINK MAPPA */

body#body-item
.sasaco-location-card
.sasaco-location-map-link {

  display: flex !important;
  align-items: center !important;

  gap: 9px !important;

  width: 100% !important;

  margin-top: 18px !important;
  padding: 12px 14px !important;

  box-sizing: border-box !important;

  background: #f7f9fc !important;
  color: #1769d2 !important;

  border: 1px solid #dde5ef !important;
  border-radius: 9px !important;

  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 18px !important;

  text-decoration: none !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-map-link
.fa-arrow-right {

  margin-left: auto !important;

  font-size: 11px !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-map-link:hover {

  background: #eef4fb !important;
  border-color: #c8d6e8 !important;
}


/* HOOK MAPPA / PLUGIN */

body#body-item
.sasaco-location-card
.sasaco-location-hook {

  width: 100% !important;

  margin-top: 16px !important;

  overflow: hidden !important;

  border-radius: 10px !important;
}

body#body-item
.sasaco-location-card
.sasaco-location-hook:empty {

  display: none !important;
}


/* POSIZIONE NON DISPONIBILE */

body#body-item
.sasaco-location-card
.sasaco-location-unknown {

  display: flex !important;
  align-items: center !important;

  gap: 10px !important;

  color: #7d8999 !important;

  font-size: 13px !important;
}


/* MOBILE */

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

  body#body-item
  .sasaco-location-card
  .sasaco-location-head {

    padding: 16px !important;
  }

  body#body-item
  .sasaco-location-card
  .sasaco-location-body {

    padding: 16px !important;
  }

}


/* ==========================================================
   SASACO ITEM SAFE CARD V1
   ========================================================== */

body#body-item .sasaco-safe-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;

  width: 100% !important;

  margin: 0 0 14px !important;
  padding: 18px 20px !important;

  background: #f8fbff !important;

  border: 1px solid #dbe6f3 !important;
  border-radius: 14px !important;

  box-shadow:
    0 3px 12px rgba(8,44,104,.035) !important;

  box-sizing: border-box !important;
}


/* ICONA */

body#body-item .sasaco-safe-card
.sasaco-safe-icon {

  flex: 0 0 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  background: #edf4ff !important;
  color: #1769d2 !important;

  border-radius: 50% !important;
}

body#body-item .sasaco-safe-card
.sasaco-safe-icon i {

  font-size: 18px !important;
}


/* TESTI */

body#body-item .sasaco-safe-card
.sasaco-safe-content {

  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body#body-item .sasaco-safe-card h2 {

  margin: 0 0 6px !important;
  padding: 0 !important;

  color: #0b1f3a !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 20px !important;

  border: 0 !important;
}

body#body-item .sasaco-safe-card p {

  margin: 0 !important;

  color: #556275 !important;

  font-size: 12px !important;
  line-height: 18px !important;
}


/* LINK */

body#body-item .sasaco-safe-card
.sasaco-safe-link {

  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin-top: 10px !important;

  color: #1769d2 !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}

body#body-item .sasaco-safe-card
.sasaco-safe-link i {

  font-size: 10px !important;
}

body#body-item .sasaco-safe-card
.sasaco-safe-link:hover {

  text-decoration: underline !important;
}


/* REPORT LISTING PIÙ DISCRETO */

body#body-item #listing .side
.ftr-block {

  margin-top: 2px !important;
}

body#body-item #listing .side
#report {

  text-align: right !important;
}

body#body-item #listing .side
#report > a {

  color: #919aaa !important;

  font-size: 11px !important;
  font-weight: 500 !important;

  text-decoration: none !important;
}


/* MOBILE */

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

  body#body-item .sasaco-safe-card {

    padding: 16px !important;
  }

}


/* ==========================================================
   SASACO ITEM LISTING INFO V2
   ========================================================== */

body#body-item .sasaco-listing-info {
  width: 100% !important;

  margin: 28px 0 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

body#body-item .sasaco-listing-info-title {
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #14233b !important;

  font-size: 22px !important;
  font-weight: 750 !important;
  line-height: 28px !important;

  border: 0 !important;
}


/* GRID */

body#body-item .sasaco-listing-info-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap: 10px !important;

  width: 100% !important;
}


/* CARD */

body#body-item .sasaco-listing-info-item {
  display: flex !important;
  align-items: center !important;

  gap: 11px !important;

  min-width: 0 !important;
  min-height: 76px !important;

  padding: 12px 14px !important;

  background: #fff !important;

  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;

  box-shadow:
    0 2px 8px rgba(17,38,70,.03) !important;

  box-sizing: border-box !important;
}


/* ICONA */

body#body-item .sasaco-listing-info-icon {
  flex: 0 0 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  background: #edf4ff !important;
  color: #1667d9 !important;

  border-radius: 50% !important;
}

body#body-item .sasaco-listing-info-icon i {
  font-size: 15px !important;
}


/* TESTO */

body#body-item .sasaco-listing-info-content {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
}

body#body-item .sasaco-listing-info-content small {
  display: block !important;

  margin: 0 0 2px !important;

  color: #7a8596 !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 15px !important;
}

body#body-item .sasaco-listing-info-content strong {
  display: block !important;

  color: #17253b !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* TABLET */

@media screen and (min-width:768px) and (max-width:1100px) {

  body#body-item .sasaco-listing-info-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}


/* MOBILE */

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

  body#body-item .sasaco-listing-info {
    margin-top: 22px !important;
  }

  body#body-item .sasaco-listing-info-title {
    margin-bottom: 12px !important;

    font-size: 20px !important;
    line-height: 25px !important;
  }

  body#body-item .sasaco-listing-info-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap: 8px !important;
  }

  body#body-item .sasaco-listing-info-item {
    min-height: 70px !important;

    padding: 10px !important;

    gap: 9px !important;
  }

  body#body-item .sasaco-listing-info-icon {
    flex-basis: 34px !important;

    width: 34px !important;
    height: 34px !important;
  }

}


/* ==========================================================
   SASACO ITEM POST - WHATSAPP CONSENT V2
   ========================================================== */

body#body-item-post .sasaco-whatsapp-consent {
  clear: both !important;
  margin-top: 10px !important;
}

body#body-item-post .sasaco-whatsapp-consent .input-box-check {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body#body-item-post .sasaco-whatsapp-consent input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #25d366 !important;
}

body#body-item-post .sasaco-whatsapp-consent label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin: 0 !important;

  color: #27384f !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  cursor: pointer !important;
}

body#body-item-post .sasaco-whatsapp-consent label i {
  color: #25d366 !important;
  font-size: 17px !important;
}

body#body-item-post .sasaco-whatsapp-consent small {
  display: block !important;

  margin: 5px 0 0 23px !important;

  max-width: 520px !important;

  color: #8993a2 !important;

  font-size: 11px !important;
  line-height: 16px !important;
}


/* ==========================================================
   SASACO ITEM - WHATSAPP BUTTON V1
   ========================================================== */

body#body-item #seller .sasaco-whatsapp-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  width: 100% !important;
  min-height: 46px !important;

  padding: 10px 14px !important;

  background: #25d366 !important;
  color: #fff !important;

  border: 1px solid #25d366 !important;
  border-radius: 9px !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;

  text-decoration: none !important;

  box-sizing: border-box !important;

  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease !important;
}

body#body-item #seller .sasaco-whatsapp-button:hover {
  background: #1ebe5d !important;
  border-color: #1ebe5d !important;

  transform: translateY(-1px) !important;

  color: #fff !important;
  text-decoration: none !important;
}

body#body-item #seller .sasaco-whatsapp-button i {
  font-size: 18px !important;
  color: #fff !important;
}


/* ==========================================================
   SASACO ITEM - MOSTRA TELEFONO ORANGE OUTLINE FINAL
   ========================================================== */

body#body-item #seller .sasaco-phone-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  width: 100% !important;
  min-height: 46px !important;

  padding: 10px 14px !important;

  background: #ffffff !important;
  color: #ff5a0a !important;

  border: 1.5px solid #ff5a0a !important;
  border-radius: 9px !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;

  text-decoration: none !important;

  box-shadow: none !important;

  box-sizing: border-box !important;

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}


/* ICONA TELEFONO */

body#body-item #seller .sasaco-phone-button i {
  color: #ff5a0a !important;

  font-size: 16px !important;
}


/* TESTO */

body#body-item #seller .sasaco-phone-button span {
  color: #ff5a0a !important;

  font-weight: 700 !important;
}


/* HOVER */

body#body-item #seller .sasaco-phone-button:hover {
  background: #fff5f0 !important;
  color: #e94d00 !important;

  border-color: #e94d00 !important;

  box-shadow:
    0 4px 12px rgba(255,90,10,.12) !important;

  transform: translateY(-1px) !important;

  text-decoration: none !important;
}

body#body-item #seller .sasaco-phone-button:hover i,
body#body-item #seller .sasaco-phone-button:hover span {
  color: #e94d00 !important;
}


/* ==========================================================
   SASACO - PULSANTI CONTATTO ITEM - OUTLINE FINAL
   ========================================================== */

/* BASE COMUNE */
body#body-item #seller .sasaco-contact-button,
body#body-item #seller .sasaco-whatsapp-button,
body#body-item #seller .sasaco-phone-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 16px !important;

  background: #fff !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-radius: 9px !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;

  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;

  transition: all .18s ease !important;
}


/* =========================
   CONTATTA - BLU
   ========================= */

body#body-item #seller .sasaco-contact-button {
  color: #0866e5 !important;
  border-color: #0866e5 !important;
}

body#body-item #seller .sasaco-contact-button i,
body#body-item #seller .sasaco-contact-button span {
  color: #0866e5 !important;
}

body#body-item #seller .sasaco-contact-button:hover {
  color: #0056c9 !important;
  border-color: #0056c9 !important;
  background: #f3f8ff !important;
  box-shadow: 0 4px 12px rgba(8,102,229,.12) !important;
  transform: translateY(-1px) !important;
}

body#body-item #seller .sasaco-contact-button:hover i,
body#body-item #seller .sasaco-contact-button:hover span {
  color: #0056c9 !important;
}


/* =========================
   WHATSAPP - VERDE
   ========================= */

body#body-item #seller .sasaco-whatsapp-button {
  color: #0aa84f !important;
  border-color: #0aa84f !important;
}

body#body-item #seller .sasaco-whatsapp-button i,
body#body-item #seller .sasaco-whatsapp-button span {
  color: #0aa84f !important;
}

body#body-item #seller .sasaco-whatsapp-button:hover {
  color: #078d42 !important;
  border-color: #078d42 !important;
  background: #f1fff7 !important;
  box-shadow: 0 4px 12px rgba(10,168,79,.12) !important;
  transform: translateY(-1px) !important;
}

body#body-item #seller .sasaco-whatsapp-button:hover i,
body#body-item #seller .sasaco-whatsapp-button:hover span {
  color: #078d42 !important;
}


/* =========================
   MOSTRA TELEFONO - ARANCIONE
   ========================= */

body#body-item #seller .sasaco-phone-button {
  color: #ff5a0a !important;
  border-color: #ff5a0a !important;
}

body#body-item #seller .sasaco-phone-button i,
body#body-item #seller .sasaco-phone-button span {
  color: #ff5a0a !important;
}

body#body-item #seller .sasaco-phone-button:hover {
  color: #e94d00 !important;
  border-color: #e94d00 !important;
  background: #fff5f0 !important;
  box-shadow: 0 4px 12px rgba(255,90,10,.12) !important;
  transform: translateY(-1px) !important;
}

body#body-item #seller .sasaco-phone-button:hover i,
body#body-item #seller .sasaco-phone-button:hover span {
  color: #e94d00 !important;
}


/* SPAZIATURA UNIFORME TRA I 3 PULSANTI */

body#body-item #seller .sasaco-contact-button,
body#body-item #seller .sasaco-whatsapp-button {
  margin-bottom: 12px !important;
}


/* MOBILE */

@media (max-width: 767px) {

  body#body-item #seller .sasaco-contact-button,
  body#body-item #seller .sasaco-whatsapp-button,
  body#body-item #seller .sasaco-phone-button {
    min-height: 48px !important;
    font-size: 14px !important;
    border-radius: 9px !important;
  }

}


/* ==========================================================
   SASACO ITEM - CONTATTA BLU OUTLINE - OVERRIDE FINAL
   ========================================================== */

body#body-item #seller a.contact.btn,
body#body-item #seller .contact.btn,
body#body-item #seller a.contact {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 16px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;

  color: #0866e5 !important;

  border: 1.5px solid #0866e5 !important;
  border-radius: 9px !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;

  text-decoration: none !important;
  box-shadow: none !important;

  box-sizing: border-box !important;

  margin-bottom: 12px !important;

  transition: all .18s ease !important;
}


/* ICONA E TESTO BLU */

body#body-item #seller a.contact.btn i,
body#body-item #seller .contact.btn i,
body#body-item #seller a.contact i,

body#body-item #seller a.contact.btn span,
body#body-item #seller .contact.btn span,
body#body-item #seller a.contact span {
  color: #0866e5 !important;
}


/* HOVER */

body#body-item #seller a.contact.btn:hover,
body#body-item #seller .contact.btn:hover,
body#body-item #seller a.contact:hover {
  background: #f3f8ff !important;
  background-color: #f3f8ff !important;

  color: #0056c9 !important;
  border-color: #0056c9 !important;

  box-shadow: 0 4px 12px rgba(8,102,229,.12) !important;

  transform: translateY(-1px) !important;
}


/* ICONA E TESTO HOVER */

body#body-item #seller a.contact.btn:hover i,
body#body-item #seller .contact.btn:hover i,
body#body-item #seller a.contact:hover i,

body#body-item #seller a.contact.btn:hover span,
body#body-item #seller .contact.btn:hover span,
body#body-item #seller a.contact:hover span {
  color: #0056c9 !important;
}


/* ==========================================================
   SASACO ITEM - SELLER ABOUT V1
   ========================================================== */

body#body-item .sasaco-seller-about {
  width: 100% !important;

  margin: 24px 0 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 14px !important;

  box-shadow:
    0 4px 16px rgba(8,44,104,.045) !important;

  box-sizing: border-box !important;
}


/* HEADER */

body#body-item .sasaco-seller-about-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 15px !important;

  padding: 18px 20px !important;

  border-bottom: 1px solid #edf1f5 !important;
}

body#body-item .sasaco-seller-about-head h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #0b1f3a !important;

  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 26px !important;

  border: 0 !important;
}

body#body-item
.sasaco-seller-about-profile-link {
  display: inline-flex !important;
  align-items: center !important;

  gap: 6px !important;

  color: #1769d2 !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}


/* MAIN */

body#body-item .sasaco-seller-about-main {
  display: grid !important;

  grid-template-columns:
    minmax(240px, .85fr)
    minmax(0, 1.4fr) !important;

  gap: 28px !important;

  padding: 22px 20px !important;
}


/* UTENTE */

body#body-item .sasaco-seller-about-user {
  display: flex !important;
  align-items: flex-start !important;

  gap: 14px !important;

  min-width: 0 !important;
}

body#body-item .sasaco-seller-about-avatar {
  flex: 0 0 64px !important;

  width: 64px !important;
  height: 64px !important;

  overflow: hidden !important;

  background: #f2f4f8 !important;

  border-radius: 50% !important;
}

body#body-item
.sasaco-seller-about-avatar img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}

body#body-item
.sasaco-seller-about-user-data {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
}

body#body-item
.sasaco-seller-about-name {
  color: #082c68 !important;

  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 22px !important;
}

body#body-item
.sasaco-seller-about-type {
  margin-top: 2px !important;

  color: #35445c !important;

  font-size: 13px !important;
  line-height: 18px !important;
}

body#body-item
.sasaco-seller-about-meta {
  margin-top: 2px !important;

  color: #8792a2 !important;

  font-size: 11px !important;
  line-height: 16px !important;
}


/* RATING */

body#body-item
.sasaco-seller-about-rating {
  margin-top: 8px !important;
}


/* DESCRIZIONE */

body#body-item
.sasaco-seller-about-description {
  min-width: 0 !important;
}

body#body-item
.sasaco-seller-about-description > strong {
  display: block !important;

  margin-bottom: 7px !important;

  color: #14233b !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}

body#body-item
.sasaco-seller-about-description p {
  margin: 0 !important;

  color: #586578 !important;

  font-size: 13px !important;
  line-height: 21px !important;
}

body#body-item
.sasaco-seller-about-location {
  display: flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin-top: 12px !important;

  color: #657187 !important;

  font-size: 12px !important;
}

body#body-item
.sasaco-seller-about-location i {
  color: #1769d2 !important;
}


/* AZIONI */

body#body-item
.sasaco-seller-about-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 8px !important;

  padding: 14px 20px !important;

  background: #fafbfd !important;

  border-top: 1px solid #edf1f5 !important;
}

body#body-item
.sasaco-seller-about-actions a {
  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  min-height: 36px !important;

  padding: 8px 12px !important;

  background: #fff !important;
  color: #1769d2 !important;

  border: 1px solid #dce5f0 !important;
  border-radius: 8px !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}

body#body-item
.sasaco-seller-about-actions a:hover {
  background: #f2f7fd !important;
}


/* TABLET / MOBILE */

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

  body#body-item .sasaco-seller-about-main {
    grid-template-columns: 1fr !important;
  }

}

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

  body#body-item .sasaco-seller-about-head {
    padding: 16px !important;
  }

  body#body-item .sasaco-seller-about-main {
    padding: 18px 16px !important;
  }

  body#body-item .sasaco-seller-about-actions {
    padding: 12px 16px !important;
  }

}


/* ==========================================================
   SASACO ITEM - CONTACT FORM MODERN V1
   ========================================================== */

body#body-item #contact {
  width: 100% !important;

  margin: 24px 0 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 1px solid #dfe5ee !important;
  border-radius: 14px !important;

  box-shadow: 0 4px 16px rgba(8,44,104,.045) !important;

  box-sizing: border-box !important;
}


/* TITOLO */

body#body-item #contact > h2 {
  width: 100% !important;

  margin: 0 !important;
  padding: 18px 20px !important;

  color: #0b1f3a !important;
  background: #fff !important;

  border: 0 !important;
  border-bottom: 1px solid #edf1f5 !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 26px !important;

  box-sizing: border-box !important;
}


/* CONTENITORE */

body#body-item #contact > .row {
  width: 100% !important;

  margin: 0 !important;
  padding: 20px !important;

  box-sizing: border-box !important;
}

body#body-item #contact #contact_form {
  display: grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1.15fr) !important;

  gap: 24px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* COLONNE */

body#body-item #contact .lb,
body#body-item #contact .rb {
  float: none !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* CARD ANNUNCIO */

body#body-item #contact #item-card {
  display: flex !important;
  align-items: center !important;

  gap: 12px !important;

  width: 100% !important;

  margin: 0 0 18px !important;
  padding: 10px !important;

  background: #f8fafc !important;

  border: 1px solid #e4e9f0 !important;
  border-radius: 10px !important;

  box-sizing: border-box !important;
}

body#body-item #contact #item-card .img {
  flex: 0 0 74px !important;

  width: 74px !important;
  height: 62px !important;

  overflow: hidden !important;

  border-radius: 8px !important;
}

body#body-item #contact #item-card .img img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}

body#body-item #contact #item-card .dsc strong {
  display: block !important;

  color: #14233b !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

body#body-item #contact #item-card .dsc div {
  margin-top: 3px !important;

  color: #e30613 !important;

  font-size: 14px !important;
  font-weight: 750 !important;
}


/* RIGHE CAMPI */

body#body-item #contact .lb > .row,
body#body-item #contact .rb > .row {
  display: block !important;

  float: none !important;

  width: 100% !important;

  margin: 0 0 14px !important;
  padding: 0 !important;
}

body#body-item #contact label {
  display: block !important;

  width: 100% !important;

  margin: 0 0 6px !important;

  color: #344258 !important;

  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 17px !important;
}

body#body-item #contact label .req {
  color: #e30613 !important;
}


/* INPUT */

body#body-item #contact input[type="text"],
body#body-item #contact input[type="email"],
body#body-item #contact input[type="tel"],
body#body-item #contact textarea {
  display: block !important;

  width: 100% !important;

  background: #fff !important;
  color: #17253b !important;

  border: 1px solid #cfd8e5 !important;
  border-radius: 9px !important;

  outline: none !important;

  box-shadow: none !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 13px !important;

  box-sizing: border-box !important;
}

body#body-item #contact input[type="text"],
body#body-item #contact input[type="email"],
body#body-item #contact input[type="tel"] {
  min-height: 46px !important;

  padding: 10px 12px !important;
}

body#body-item #contact textarea {
  min-height: 190px !important;

  padding: 13px !important;

  resize: vertical !important;
}

body#body-item #contact input:focus,
body#body-item #contact textarea:focus {
  border-color: #1769d2 !important;

  box-shadow: 0 0 0 3px rgba(23,105,210,.10) !important;
}


/* PULSANTE */

body#body-item #contact #send-message {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;

  width: 100% !important;
  min-height: 48px !important;

  padding: 11px 18px !important;

  background: #0866e5 !important;
  color: #fff !important;

  border: 1px solid #0866e5 !important;
  border-radius: 9px !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  box-shadow: none !important;

  cursor: pointer !important;
}

body#body-item #contact #send-message i {
  color: #fff !important;
}

body#body-item #contact #send-message:hover {
  background: #0557c8 !important;
  border-color: #0557c8 !important;
}


/* MESSAGGI DI BLOCCO */

body#body-item #contact .problem {
  grid-column: 1 / -1 !important;

  width: 100% !important;

  padding: 14px 16px !important;

  background: #fff8ec !important;
  color: #815313 !important;

  border: 1px solid #f1d7a8 !important;
  border-radius: 9px !important;

  box-sizing: border-box !important;
}


/* TESTO SICUREZZA MESSAGGI */

body#body-item #contact > .row > .info {
  width: 100% !important;

  margin: 18px 0 0 !important;
  padding: 12px 14px !important;

  background: #f8fafc !important;
  color: #7a8595 !important;

  border-radius: 8px !important;

  font-size: 11px !important;
  line-height: 17px !important;

  box-sizing: border-box !important;
}


/* TABLET / MOBILE */

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

  body#body-item #contact #contact_form {
    grid-template-columns: 1fr !important;
  }

}

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

  body#body-item #contact > h2 {
    padding: 16px !important;

    font-size: 18px !important;
  }

  body#body-item #contact > .row {
    padding: 16px !important;
  }

}


/* ==========================================================
   SASACO ITEM - SHARE BAR V1
   Dopo Informazioni sull'annuncio
   ========================================================== */

body#body-item .sasaco-item-share-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 16px !important;

  width: 100% !important;

  margin: 18px 0 0 !important;
  padding: 14px 16px !important;

  background: #f8fafc !important;

  border: 1px solid #e1e7ef !important;
  border-radius: 12px !important;

  box-sizing: border-box !important;
}


/* =========================================
   TITOLO CONDIVIDI
   ========================================= */

body#body-item .sasaco-item-share-label {
  display: flex !important;
  align-items: center !important;

  gap: 8px !important;

  flex: 0 0 auto !important;

  color: #344258 !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  white-space: nowrap !important;
}

body#body-item .sasaco-item-share-label i {
  color: #1769d2 !important;

  font-size: 15px !important;
}


/* =========================================
   CONTENITORE PULSANTI
   ========================================= */

body#body-item .sasaco-item-share-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;

  gap: 7px !important;

  min-width: 0 !important;
}


/* =========================================
   BASE PULSANTE
   ========================================= */

body#body-item .sasaco-share-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 6px !important;

  min-height: 36px !important;

  padding: 7px 11px !important;

  background: #fff !important;

  border: 1px solid #dde4ed !important;
  border-radius: 8px !important;

  color: #415066 !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 16px !important;

  text-decoration: none !important;

  box-shadow: none !important;

  box-sizing: border-box !important;

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

body#body-item .sasaco-share-btn i {
  font-size: 14px !important;
}


/* =========================================
   STAMPA
   ========================================= */

body#body-item .sasaco-share-print {
  color: #37465b !important;
}

body#body-item .sasaco-share-print i {
  color: #37465b !important;
}

body#body-item .sasaco-share-print:hover {
  background: #f1f4f7 !important;
  border-color: #aeb9c7 !important;

  color: #17253b !important;
}


/* =========================================
   WHATSAPP
   ========================================= */

body#body-item .sasaco-share-whatsapp {
  color: #129447 !important;
}

body#body-item .sasaco-share-whatsapp i {
  color: #20b95a !important;
}

body#body-item .sasaco-share-whatsapp:hover {
  background: #f0fff5 !important;
  border-color: #20b95a !important;

  color: #0d843d !important;
}


/* =========================================
   TELEGRAM
   ========================================= */

body#body-item .sasaco-share-telegram {
  color: #168ac1 !important;
}

body#body-item .sasaco-share-telegram i {
  color: #229ed9 !important;
}

body#body-item .sasaco-share-telegram:hover {
  background: #f0faff !important;
  border-color: #229ed9 !important;
}


/* =========================================
   FACEBOOK
   ========================================= */

body#body-item .sasaco-share-facebook {
  color: #1877f2 !important;
}

body#body-item .sasaco-share-facebook i {
  color: #1877f2 !important;
}

body#body-item .sasaco-share-facebook:hover {
  background: #f1f7ff !important;
  border-color: #1877f2 !important;
}


/* =========================================
   X
   ========================================= */

body#body-item .sasaco-share-x {
  color: #17202a !important;
}

body#body-item .sasaco-share-x i {
  color: #17202a !important;
}

body#body-item .sasaco-share-x:hover {
  background: #f2f3f4 !important;
  border-color: #69727c !important;
}


/* =========================================
   PINTEREST
   ========================================= */

body#body-item .sasaco-share-pinterest {
  color: #bd081c !important;
}

body#body-item .sasaco-share-pinterest i {
  color: #e60023 !important;
}

body#body-item .sasaco-share-pinterest:hover {
  background: #fff4f5 !important;
  border-color: #e60023 !important;
}


/* HOVER GENERALE */

body#body-item .sasaco-share-btn:hover {
  transform: translateY(-1px) !important;

  text-decoration: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

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

  body#body-item .sasaco-item-share-bar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body#body-item .sasaco-item-share-actions {
    justify-content: flex-start !important;

    width: 100% !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-item .sasaco-item-share-bar {
    margin-top: 14px !important;
    padding: 13px !important;
  }

  body#body-item .sasaco-item-share-actions {
    display: grid !important;

    grid-template-columns:
      repeat(3, minmax(0,1fr)) !important;

    gap: 7px !important;
  }

  body#body-item .sasaco-share-btn {
    width: 100% !important;

    padding-left: 7px !important;
    padding-right: 7px !important;

    font-size: 10px !important;
  }

}


/* TELEFONI MOLTO STRETTI */

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

  body#body-item .sasaco-item-share-actions {
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }

}


/* ==========================================================
   SASACO ITEM - SHARE BAR V1
   Dopo Informazioni sull'annuncio
   ========================================================== */

body#body-item .sasaco-item-share-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 16px !important;

  width: 100% !important;

  margin: 18px 0 0 !important;
  padding: 14px 16px !important;

  background: #f8fafc !important;

  border: 1px solid #e1e7ef !important;
  border-radius: 12px !important;

  box-sizing: border-box !important;
}


/* =========================================
   TITOLO CONDIVIDI
   ========================================= */

body#body-item .sasaco-item-share-label {
  display: flex !important;
  align-items: center !important;

  gap: 8px !important;

  flex: 0 0 auto !important;

  color: #344258 !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  white-space: nowrap !important;
}

body#body-item .sasaco-item-share-label i {
  color: #1769d2 !important;

  font-size: 15px !important;
}


/* =========================================
   CONTENITORE PULSANTI
   ========================================= */

body#body-item .sasaco-item-share-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;

  gap: 7px !important;

  min-width: 0 !important;
}


/* =========================================
   BASE PULSANTE
   ========================================= */

body#body-item .sasaco-share-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 6px !important;

  min-height: 36px !important;

  padding: 7px 11px !important;

  background: #fff !important;

  border: 1px solid #dde4ed !important;
  border-radius: 8px !important;

  color: #415066 !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 16px !important;

  text-decoration: none !important;

  box-shadow: none !important;

  box-sizing: border-box !important;

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

body#body-item .sasaco-share-btn i {
  font-size: 14px !important;
}


/* =========================================
   STAMPA
   ========================================= */

body#body-item .sasaco-share-print {
  color: #37465b !important;
}

body#body-item .sasaco-share-print i {
  color: #37465b !important;
}

body#body-item .sasaco-share-print:hover {
  background: #f1f4f7 !important;
  border-color: #aeb9c7 !important;

  color: #17253b !important;
}


/* =========================================
   WHATSAPP
   ========================================= */

body#body-item .sasaco-share-whatsapp {
  color: #129447 !important;
}

body#body-item .sasaco-share-whatsapp i {
  color: #20b95a !important;
}

body#body-item .sasaco-share-whatsapp:hover {
  background: #f0fff5 !important;
  border-color: #20b95a !important;

  color: #0d843d !important;
}


/* =========================================
   TELEGRAM
   ========================================= */

body#body-item .sasaco-share-telegram {
  color: #168ac1 !important;
}

body#body-item .sasaco-share-telegram i {
  color: #229ed9 !important;
}

body#body-item .sasaco-share-telegram:hover {
  background: #f0faff !important;
  border-color: #229ed9 !important;
}


/* =========================================
   FACEBOOK
   ========================================= */

body#body-item .sasaco-share-facebook {
  color: #1877f2 !important;
}

body#body-item .sasaco-share-facebook i {
  color: #1877f2 !important;
}

body#body-item .sasaco-share-facebook:hover {
  background: #f1f7ff !important;
  border-color: #1877f2 !important;
}


/* =========================================
   X
   ========================================= */

body#body-item .sasaco-share-x {
  color: #17202a !important;
}

body#body-item .sasaco-share-x i {
  color: #17202a !important;
}

body#body-item .sasaco-share-x:hover {
  background: #f2f3f4 !important;
  border-color: #69727c !important;
}


/* =========================================
   PINTEREST
   ========================================= */

body#body-item .sasaco-share-pinterest {
  color: #bd081c !important;
}

body#body-item .sasaco-share-pinterest i {
  color: #e60023 !important;
}

body#body-item .sasaco-share-pinterest:hover {
  background: #fff4f5 !important;
  border-color: #e60023 !important;
}


/* HOVER GENERALE */

body#body-item .sasaco-share-btn:hover {
  transform: translateY(-1px) !important;

  text-decoration: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

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

  body#body-item .sasaco-item-share-bar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body#body-item .sasaco-item-share-actions {
    justify-content: flex-start !important;

    width: 100% !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-item .sasaco-item-share-bar {
    margin-top: 14px !important;
    padding: 13px !important;
  }

  body#body-item .sasaco-item-share-actions {
    display: grid !important;

    grid-template-columns:
      repeat(3, minmax(0,1fr)) !important;

    gap: 7px !important;
  }

  body#body-item .sasaco-share-btn {
    width: 100% !important;

    padding-left: 7px !important;
    padding-right: 7px !important;

    font-size: 10px !important;
  }

}


/* TELEFONI MOLTO STRETTI */

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

  body#body-item .sasaco-item-share-actions {
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }

}


/* ==========================================================
   TEST SASACO - RIEMPIE SOLO IL VUOTO DELLA PRIMA RIGA
   Non modifica dimensioni o altezza delle card
   ========================================================== */

@media screen and (min-width: 1024px) {

  /*
   * La griglia core contiene Condizione + Transazione.
   * La prima card del plugin è Superficie.
   *
   * Portiamo solo Superficie nella terza posizione
   * della prima riga visiva.
   */

  body#body-item .sasaco-item-details {
    position: relative !important;
  }

  body#body-item .sasaco-core-details {
    margin-bottom: 0 !important;
  }

}


/* ==========================================================
   SASACO MOVED ATTRIBUTE CARD FIX
   Mantiene grafica attributi plugin quando spostati nella
   griglia core Dettagli
   ========================================================== */

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line {

  position: relative !important;

  display: grid !important;

  grid-template-columns:
    42px minmax(0, 1fr) !important;

  grid-template-rows:
    auto auto !important;

  align-items: center !important;

  column-gap: 12px !important;
  row-gap: 3px !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 88px !important;

  margin: 0 !important;
  padding: 14px 16px !important;

  background: #fff !important;

  border: 1px solid #dce4ee !important;
  border-radius: 12px !important;

  box-shadow:
    0 2px 8px rgba(17,38,70,.035) !important;

  box-sizing: border-box !important;
}


/* ICONA */

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line::before {

  grid-column: 1 !important;
  grid-row: 1 / 3 !important;

  align-self: center !important;

  width: 42px !important;
  height: 42px !important;
}


/* NOME ATTRIBUTO */

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line .atr-name {

  grid-column: 2 !important;
  grid-row: 1 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #6b7688 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}


/* VALORE ATTRIBUTO */

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line .atr-value,

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line .atr-linked-value {

  grid-column: 2 !important;
  grid-row: 2 !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #152238 !important;

  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 20px !important;
}


/* MOBILE */

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

  body#body-item
  .sasaco-item-details
  .sasaco-core-details .atr-line {

    grid-template-columns:
      38px minmax(0, 1fr) !important;

    min-height: 72px !important;

    padding: 11px 12px !important;

    column-gap: 10px !important;
  }

  body#body-item
  .sasaco-item-details
  .sasaco-core-details .atr-line::before {

    width: 36px !important;
    height: 36px !important;
  }
}

/* ===== SASACO MOVED ATTRIBUTE CARD FIX END ===== */


/* ==========================================================
   SASACO - ICONA ATTRIBUTO SPOSTATO NELLA GRIGLIA CORE
   Fix Superficie / prima card plugin spostata
   ========================================================== */

body#body-item
.sasaco-item-details
.sasaco-core-details .atr-line::before {

  content: "\f05a" !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  grid-column: 1 !important;
  grid-row: 1 / 3 !important;

  align-self: center !important;

  width: 42px !important;
  height: 42px !important;

  color: #1667d9 !important;
  background: #edf4ff !important;

  border-radius: 50% !important;

  font-family: "Font Awesome 5 Free" !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-sizing: border-box !important;
}


/* MOBILE */

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

  body#body-item
  .sasaco-item-details
  .sasaco-core-details .atr-line::before {

    width: 36px !important;
    height: 36px !important;

    font-size: 14px !important;
  }

}

/* ===== SASACO ICONA ATTRIBUTO SPOSTATO END ===== */


/* ==========================================================
   SASACO ITEM - DESCRIPTION REFINE V1
   ========================================================== */

body#body-item .data > .description {
  width: 100% !important;

  margin: 0 !important;
  padding: 18px 0 2px !important;

  background: transparent !important;
  border: 0 !important;

  box-sizing: border-box !important;
}

body#body-item .data > .description > h2 {
  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #13233f !important;

  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 26px !important;
}

body#body-item .data > .description > .text {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #344258 !important;

  font-size: 14px !important;
  line-height: 1.72 !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body#body-item .data > .description > .text p {
  margin: 0 0 14px !important;
}

body#body-item .data > .description > .text p:last-child {
  margin-bottom: 0 !important;
}

/* più respiro prima di Dettagli */

body#body-item .sasaco-item-details {
  margin-top: 30px !important;
}

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

  body#body-item .data > .description {
    padding-top: 14px !important;
  }

  body#body-item .data > .description > h2 {
    font-size: 19px !important;
    line-height: 24px !important;
  }

  body#body-item .data > .description > .text {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body#body-item .sasaco-item-details {
    margin-top: 24px !important;
  }
}

/* ===== SASACO ITEM DESCRIPTION REFINE V1 END ===== */


/* ==========================================================
   SASACO FOOTER - STESSA LARGHEZZA CONTENUTO HOME V1
   ========================================================== */

/* Footer come blocco centrale, non più full-screen */
body#body-home footer {
  width: calc(100% - 32px) !important;
  max-width: 1200px !important;

  margin: 48px auto 16px !important;

  border-radius: 14px !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


/* Il contenuto interno usa tutta la larghezza del nuovo footer */
body#body-home footer > .inside {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;
}


/* Copyright allineato allo stesso footer */
body#body-home footer > .inside.copyright {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

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

  body#body-home footer {
    width: calc(100% - 24px) !important;

    margin-top: 32px !important;

    border-radius: 12px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-home footer {
    width: calc(100% - 20px) !important;

    margin: 24px auto 82px !important;

    border-radius: 10px !important;
  }

}

/* ===== SASACO FOOTER WIDTH V1 END ===== */


/* ==========================================================
   SASACO FOOTER V2 - GLOBAL - START
   ========================================================== */

/* Neutralizza il vecchio esperimento footer solo homepage */
body#body-home footer.sasaco-footer-v2 {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Footer globale */
footer.sasaco-footer-v2 {
  clear: both !important;
  float: none !important;

  width: 100% !important;

  margin: 64px 0 0 !important;
  padding: 0 16px 16px !important;

  background: transparent !important;

  color: #eef4fb !important;

  font-size: 15px !important;
  line-height: 1.5 !important;

  box-sizing: border-box !important;
}

footer.sasaco-footer-v2,
footer.sasaco-footer-v2 * {
  box-sizing: border-box !important;
}

footer.sasaco-footer-v2 a {
  color: inherit;
  text-decoration: none;
}


/* ==========================================================
   SHELL PRINCIPALE
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-shell {
  width: 100% !important;
  max-width: 1480px !important;

  margin: 0 auto !important;
  padding: 52px 42px 0 !important;

  background:
    linear-gradient(
      145deg,
      #071c31 0%,
      #082844 50%,
      #06192b 100%
    ) !important;

  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 18px 18px 0 0 !important;

  box-shadow:
    0 10px 35px rgba(8,35,60,.08) !important;

  overflow: hidden !important;
}


/* ==========================================================
   TOP: BRAND + NEWSLETTER
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-top {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(500px, .95fr) !important;

  gap: 50px !important;

  align-items: center !important;

  padding: 0 12px 44px !important;

  border-bottom:
    1px solid rgba(158,190,220,.22) !important;
}


/* BRAND */

footer.sasaco-footer-v2 .sasaco-footer-brand-main {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-brand-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 66px !important;
  height: 66px !important;

  color: #1683ff !important;

  font-size: 48px !important;
  line-height: 1 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-brand-text {
  display: flex !important;
  flex-direction: column !important;
}

footer.sasaco-footer-v2 .sasaco-footer-brand-text > strong {
  margin: 0 !important;

  color: #fff !important;

  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: 1px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-payoff {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 9px !important;

  margin-top: 13px !important;

  color: #d8e3ef !important;

  font-size: 17px !important;
  line-height: 1.4 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-payoff i {
  display: inline-block !important;

  width: 6px !important;
  height: 6px !important;

  background: #1683ff !important;

  border-radius: 50% !important;
}


/* NEWSLETTER */

footer.sasaco-footer-v2 .sasaco-footer-newsletter {
  display: grid !important;

  grid-template-columns:
    minmax(190px, .75fr)
    minmax(340px, 1.25fr) !important;

  gap: 30px !important;

  align-items: center !important;
}

footer.sasaco-footer-v2 .sasaco-footer-newsletter-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-newsletter-copy strong {
  color: #fff !important;

  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-newsletter-copy span {
  color: #d4dfeb !important;

  font-size: 15px !important;
  line-height: 1.5 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-newsletter-form {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto !important;

  gap: 14px !important;

  align-items: stretch !important;

  margin: 0 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-email {
  display: flex !important;
  align-items: center !important;

  min-width: 0 !important;
  min-height: 58px !important;

  padding: 0 18px !important;

  background: rgba(4,20,36,.35) !important;

  border:
    1px solid rgba(137,173,205,.40) !important;

  border-radius: 12px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-email > i {
  flex: 0 0 auto !important;

  margin-right: 13px !important;

  color: #9eb2c8 !important;

  font-size: 22px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-email input {
  width: 100% !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  color: #fff !important;

  font-family: inherit !important;
  font-size: 16px !important;
}

footer.sasaco-footer-v2 .sasaco-footer-email input::placeholder {
  color: #9aaabe !important;
  opacity: 1 !important;
}

footer.sasaco-footer-v2
.sasaco-footer-newsletter-form button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 12px !important;

  min-width: 150px !important;
  min-height: 58px !important;

  padding: 0 22px !important;
  margin: 0 !important;

  background:
    linear-gradient(
      135deg,
      #0e6fe8,
      #1683ff
    ) !important;

  border: 0 !important;
  border-radius: 11px !important;

  color: #fff !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;

  cursor: pointer !important;

  box-shadow:
    0 6px 18px rgba(15,111,232,.20) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease !important;
}

footer.sasaco-footer-v2
.sasaco-footer-newsletter-form button:hover {
  transform: translateY(-1px) !important;

  box-shadow:
    0 8px 22px rgba(15,111,232,.30) !important;
}


/* ==========================================================
   MAIN: 4 COLONNE
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-main {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap: 0 !important;

  padding: 46px 0 42px !important;

  border-bottom:
    1px solid rgba(158,190,220,.22) !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column {
  position: relative !important;

  min-width: 0 !important;

  padding: 0 34px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-column:first-child {
  padding-left: 14px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-column:last-child {
  padding-right: 14px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-column + .sasaco-footer-column {
  border-left:
    1px solid rgba(158,190,220,.22) !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column-icon {
  display: flex !important;
  align-items: center !important;

  height: 46px !important;

  margin-bottom: 12px !important;

  font-size: 35px !important;
  line-height: 1 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-icon-blue {
  color: #1683ff !important;
}

footer.sasaco-footer-v2 .sasaco-footer-icon-orange {
  color: #ff7a00 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-icon-green {
  color: #28c96f !important;
}

footer.sasaco-footer-v2 .sasaco-footer-icon-purple {
  color: #896cff !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column h4 {
  margin: 0 0 24px !important;

  color: #fff !important;

  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column ul {
  display: flex !important;
  flex-direction: column !important;

  gap: 17px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column li {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-column li a {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;

  padding-left: 20px !important;

  color: #e1e9f1 !important;

  font-size: 15px !important;
  font-weight: 450 !important;

  transition:
    color .18s ease,
    transform .18s ease !important;
}

footer.sasaco-footer-v2
.sasaco-footer-column li a::before {
  content: "›" !important;

  position: absolute !important;
  left: 0 !important;
  top: 50% !important;

  color: #1683ff !important;

  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  transform: translateY(-53%) !important;
}

footer.sasaco-footer-v2
.sasaco-footer-column li a:hover {
  color: #fff !important;

  transform: translateX(2px) !important;
}

footer.sasaco-footer-v2
.sasaco-footer-all-categories {
  display: inline-flex !important;
  align-items: center !important;

  gap: 10px !important;

  margin-top: 19px !important;

  color: #1683ff !important;

  font-size: 14px !important;
  font-weight: 600 !important;
}

footer.sasaco-footer-v2
.sasaco-footer-all-categories:hover {
  color: #4fa1ff !important;
}


/* ==========================================================
   UTILITY: LINGUA + LEGAL + SOCIAL
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-utility {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0,1fr)
    auto !important;

  gap: 32px !important;

  align-items: center !important;

  padding: 31px 0 32px !important;
}


/* LANGUAGE */

footer.sasaco-footer-v2 .sasaco-footer-language a {
  display: inline-flex !important;
  align-items: center !important;

  gap: 10px !important;

  min-height: 46px !important;

  padding: 0 16px !important;

  background: rgba(5,26,45,.32) !important;

  border:
    1px solid rgba(137,173,205,.38) !important;

  border-radius: 9px !important;

  color: #fff !important;

  font-size: 14px !important;
  font-weight: 600 !important;
}

footer.sasaco-footer-v2
.sasaco-footer-language img {
  width: 28px !important;
  height: 18px !important;

  object-fit: cover !important;

  margin: 0 !important;

  border: 0 !important;
  box-shadow: none !important;
}

footer.sasaco-footer-v2
.sasaco-footer-language i {
  margin-left: 8px !important;

  font-size: 11px !important;
}


/* LEGAL */

footer.sasaco-footer-v2 .sasaco-footer-legal {
  display: flex !important;
  align-items: center !important;

  gap: 34px !important;

  min-width: 0 !important;
}

footer.sasaco-footer-v2 .sasaco-footer-legal > a {
  color: #dce5ee !important;

  font-size: 14px !important;
  font-weight: 450 !important;

  white-space: nowrap !important;
}

footer.sasaco-footer-v2
.sasaco-footer-legal > a:hover {
  color: #fff !important;
}


/* SOCIAL */

footer.sasaco-footer-v2 .sasaco-footer-social {
  display: flex !important;
  align-items: center !important;

  gap: 24px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-social > a {
  display: inline-flex !important;
  align-items: center !important;

  gap: 9px !important;

  color: #e7edf4 !important;

  font-size: 14px !important;

  white-space: nowrap !important;
}

footer.sasaco-footer-v2
.sasaco-footer-social > a > i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 34px !important;
  height: 34px !important;

  border-radius: 50% !important;

  color: #fff !important;

  font-size: 17px !important;

  transition:
    transform .18s ease !important;
}

footer.sasaco-footer-v2
.sasaco-footer-social > a:hover > i {
  transform: translateY(-2px) !important;
}

footer.sasaco-footer-v2
.sasaco-social-whatsapp > i {
  background: #2fc764 !important;
}

footer.sasaco-footer-v2
.sasaco-social-facebook > i {
  background: #3f6fc5 !important;
}

footer.sasaco-footer-v2
.sasaco-social-instagram > i {
  background:
    linear-gradient(
      135deg,
      #7a4be0,
      #e43d72,
      #f28a32
    ) !important;
}

footer.sasaco-footer-v2
.sasaco-social-telegram > i {
  background: #2ba9e8 !important;
}


/* ==========================================================
   HOOK/WIDGET SYSTEM
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-system {
  width: 100% !important;
}

footer.sasaco-footer-v2
.sasaco-footer-system:empty {
  display: none !important;
}

footer.sasaco-footer-v2 .footer-hook,
footer.sasaco-footer-v2 .footer-widgets {
  float: none !important;
  clear: both !important;

  width: 100% !important;
}


/* Nasconde il contenitore vuoto degli hook se non genera output */
footer.sasaco-footer-v2
.footer-hook:empty,
footer.sasaco-footer-v2
.footer-widgets:empty {
  display: none !important;
}


/* ==========================================================
   BOTTOM BAR
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-bottom {
  width: 100% !important;
  max-width: 1480px !important;

  margin: 0 auto !important;

  background: #061525 !important;

  border:
    1px solid rgba(255,255,255,.045) !important;
  border-top: 0 !important;

  border-radius: 0 0 18px 18px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-bottom-inner {
  display: grid !important;

  grid-template-columns:
    1fr
    1fr
    auto !important;

  gap: 40px !important;

  align-items: center !important;

  padding: 31px 42px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-trust,
footer.sasaco-footer-v2
.sasaco-footer-local {
  display: flex !important;
  align-items: center !important;

  gap: 16px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-bottom-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 48px !important;
  height: 48px !important;

  color: #1683ff !important;

  font-size: 32px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-trust > div:last-child,
footer.sasaco-footer-v2
.sasaco-footer-local > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-trust strong,
footer.sasaco-footer-v2
.sasaco-footer-local strong {
  color: #fff !important;

  font-size: 15px !important;
  font-weight: 700 !important;
}

footer.sasaco-footer-v2
.sasaco-footer-trust span,
footer.sasaco-footer-v2
.sasaco-footer-local span {
  color: #b9c6d4 !important;

  font-size: 14px !important;
}

footer.sasaco-footer-v2
.sasaco-footer-copyright {
  color: #9dacbd !important;

  font-size: 14px !important;
  font-weight: 450 !important;

  white-space: nowrap !important;

  text-align: right !important;
}


/* ==========================================================
   TABLET / PICCOLI DESKTOP
   ========================================================== */

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

  footer.sasaco-footer-v2
  .sasaco-footer-shell {
    padding:
      42px 28px 0 !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-top {
    grid-template-columns:
      1fr !important;

    gap: 32px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-newsletter {
    grid-template-columns:
      minmax(180px,.7fr)
      minmax(360px,1.3fr) !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column {
    padding:
      0 22px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-utility {
    grid-template-columns:
      auto
      1fr !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-social {
    grid-column:
      1 / -1 !important;

    justify-content:
      flex-start !important;
  }

}


/* ==========================================================
   TABLET
   ========================================================== */

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

  footer.sasaco-footer-v2 {
    margin-top:
      48px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-main {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    row-gap:
      38px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column {
    padding:
      0 24px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column:nth-child(3) {
    border-left:
      0 !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column:first-child,
  footer.sasaco-footer-v2
  .sasaco-footer-column:last-child {
    padding-left:
      24px !important;

    padding-right:
      24px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-bottom-inner {
    grid-template-columns:
      1fr 1fr !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-copyright {
    grid-column:
      1 / -1 !important;

    text-align:
      left !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  footer.sasaco-footer-v2 {
    width: 100% !important;

    margin:
      38px 0 78px !important;

    padding:
      0 10px 10px !important;
  }

  body#body-home footer.sasaco-footer-v2 {
    width: 100% !important;

    margin:
      38px 0 78px !important;

    border-radius:
      0 !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-shell {
    padding:
      30px 18px 0 !important;

    border-radius:
      14px 14px 0 0 !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-top {
    gap:
      28px !important;

    padding:
      0 0 30px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-brand-main {
    gap:
      12px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-brand-icon {
    width:
      48px !important;

    height:
      48px !important;

    font-size:
      34px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-brand-text > strong {
    font-size:
      30px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-payoff {
    gap:
      7px !important;

    margin-top:
      8px !important;

    font-size:
      13px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-newsletter {
    grid-template-columns:
      1fr !important;

    gap:
      18px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-newsletter-copy span br {
    display:
      none !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-newsletter-form {
    grid-template-columns:
      1fr !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-email,
  footer.sasaco-footer-v2
  .sasaco-footer-newsletter-form button {
    min-height:
      52px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-newsletter-form button {
    width:
      100% !important;
  }


  /* 4 sezioni verticali leggibili.
     Accordion JS potrà essere aggiunto dopo il test visivo. */

  footer.sasaco-footer-v2
  .sasaco-footer-main {
    grid-template-columns:
      1fr !important;

    row-gap:
      0 !important;

    padding:
      16px 0 18px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column,
  footer.sasaco-footer-v2
  .sasaco-footer-column:first-child,
  footer.sasaco-footer-v2
  .sasaco-footer-column:last-child {
    padding:
      24px 2px !important;

    border-left:
      0 !important;

    border-bottom:
      1px solid rgba(158,190,220,.18) !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column:last-child {
    border-bottom:
      0 !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column-icon {
    height:
      38px !important;

    margin-bottom:
      8px !important;

    font-size:
      29px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column h4 {
    margin-bottom:
      17px !important;

    font-size:
      16px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-column ul {
    gap:
      13px !important;
  }


  /* Utility */

  footer.sasaco-footer-v2
  .sasaco-footer-utility {
    grid-template-columns:
      1fr !important;

    gap:
      22px !important;

    padding:
      24px 0 27px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-language a {
    width:
      100% !important;

    justify-content:
      flex-start !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-language i {
    margin-left:
      auto !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-legal {
    flex-wrap:
      wrap !important;

    gap:
      12px 22px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-social {
    display:
      grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      14px !important;
  }


  /* Bottom */

  footer.sasaco-footer-v2
  .sasaco-footer-bottom {
    border-radius:
      0 0 14px 14px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-bottom-inner {
    grid-template-columns:
      1fr !important;

    gap:
      22px !important;

    padding:
      25px 20px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-bottom-icon {
    width:
      40px !important;

    height:
      40px !important;

    font-size:
      27px !important;
  }

  footer.sasaco-footer-v2
  .sasaco-footer-copyright {
    white-space:
      normal !important;

    text-align:
      left !important;

    line-height:
      1.5 !important;
  }

}

/* ==========================================================
   SASACO FOOTER V2 - GLOBAL - END
   ========================================================== */


/* ==========================================================
   SASACO FOOTER V2 - MOBILE BOTTOM GAP FIX
   ========================================================== */

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

  footer.sasaco-footer-v2,
  body#body-home footer.sasaco-footer-v2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  footer.sasaco-footer-v2 .sasaco-footer-bottom {
    margin-bottom: 0 !important;
  }

}


/* ==========================================================
   SASACO FOOTER V2 - GLOBAL WIDTH 1360
   ========================================================== */

footer.sasaco-footer-v2 .sasaco-footer-shell,
footer.sasaco-footer-v2 .sasaco-footer-bottom {
  width: 100% !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* ==========================================================
   SASACO FOOTER V2 - MATCH MAIN SASACO CONTENT WIDTH
   Stessa larghezza del blocco CTA/contenuto sopra
   ========================================================== */

footer.sasaco-footer-v2,
body#body-home footer.sasaco-footer-v2 {
  float: none !important;
  clear: both !important;

  display: block !important;

  width: calc(100% - 32px) !important;
  max-width: 1360px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}


/* Il blocco navy deve occupare tutta la larghezza del footer */

footer.sasaco-footer-v2 .sasaco-footer-shell,
footer.sasaco-footer-v2 .sasaco-footer-bottom {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* TABLET */

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

  footer.sasaco-footer-v2,
  body#body-home footer.sasaco-footer-v2 {
    width: calc(100% - 24px) !important;
  }

}


/* MOBILE */

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

  footer.sasaco-footer-v2,
  body#body-home footer.sasaco-footer-v2 {
    width: calc(100% - 20px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
  }

}


/* ==========================================================
   SASACO FOOTER V2 - MATCH MAIN SASACO CONTENT WIDTH
   Stessa larghezza del blocco CTA/contenuto sopra
   ========================================================== */

footer.sasaco-footer-v2,
body#body-home footer.sasaco-footer-v2 {
  float: none !important;
  clear: both !important;

  display: block !important;

  width: calc(100% - 32px) !important;
  max-width: 1360px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}


/* Il blocco navy deve occupare tutta la larghezza del footer */

footer.sasaco-footer-v2 .sasaco-footer-shell,
footer.sasaco-footer-v2 .sasaco-footer-bottom {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* TABLET */

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

  footer.sasaco-footer-v2,
  body#body-home footer.sasaco-footer-v2 {
    width: calc(100% - 24px) !important;
  }

}


/* MOBILE */

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

  footer.sasaco-footer-v2,
  body#body-home footer.sasaco-footer-v2 {
    width: calc(100% - 20px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
  }

}


/* ==========================================================
   SASACO FOOTER V2 - EXACT PAGE WIDTH DESKTOP
   HOME   = stesso wrapper #sasaco-home / CTA
   SEARCH = stesso wrapper .inside.search
   ========================================================== */

@media screen and (min-width: 1024px) {

  /* HOME:
     identico a #sasaco-home e .sasaco-home-actions
  */
  body#body-home footer.sasaco-footer-v2 {
    width: calc(100% - 20px) !important;
    max-width: 1680px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* SEARCH:
     identico a .inside.search completo
     sidebar + risultati
  */
  body#body-search footer.sasaco-footer-v2,
  body.search footer.sasaco-footer-v2 {
    width: calc(100% - 48px) !important;
    max-width: 1680px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* Shell e bottom seguono sempre il footer esterno */

  body#body-home footer.sasaco-footer-v2 .sasaco-footer-shell,
  body#body-home footer.sasaco-footer-v2 .sasaco-footer-bottom,
  body#body-search footer.sasaco-footer-v2 .sasaco-footer-shell,
  body#body-search footer.sasaco-footer-v2 .sasaco-footer-bottom,
  body.search footer.sasaco-footer-v2 .sasaco-footer-shell,
  body.search footer.sasaco-footer-v2 .sasaco-footer-bottom {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}

/* SASACO FOOTER V2 - SPAZIO BIANCO SOPRA */
footer.sasaco-footer-v2 {
  margin-top: 10px !important;
}


/* SASACO FOOTER V2 - DISTACCO CTA / FOOTER */
body#body-home footer.sasaco-footer-v2 {
  margin-top: 10px !important;
}

/* ==========================================================
   SASACO FOOTER V2 - RIGO BIANCO SOPRA DEFINITIVO
   ========================================================== */

body#body-home footer.sasaco-footer-v2 {
  margin-top: 0 !important;
  padding-top: 10px !important;
  background: transparent !important;
}



/* ======================================================
   SASACO - PAGINA PUBBLICA ANNUNCIO
   Allinea la larghezza del form al layout principale
====================================================== */

body#body-item-post .inside.post-edit{
    max-width:1360px !important;
    width:100%;
}

body#body-item-post .inside.post-edit fieldset{
    width:100%;
}

body#body-item-post .inside.post-edit .input-box,
body#body-item-post .inside.post-edit textarea,
body#body-item-post .inside.post-edit input[type="text"],
body#body-item-post .inside.post-edit input[type="number"],
body#body-item-post .inside.post-edit input[type="email"],
body#body-item-post .inside.post-edit select{
    max-width:100% !important;
}

/* ==========================================================
   SASACO FOOTER - FULL WIDTH DESKTOP
   ========================================================== */

@media screen and (min-width: 768px) {

  footer.sasaco-footer-v2 .sasaco-footer-shell {
    width: 100% !important;
    max-width: none !important;
  }

}

/* ==========================================================
   SASACO FOOTER - SAME WIDTH AS PAGE
   ========================================================== */

@media screen and (min-width: 768px) {

  body#body-page > footer.sasaco-footer-v2,
  body#body-home > footer.sasaco-footer-v2,
  footer.sasaco-footer-v2 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  footer.sasaco-footer-v2 .sasaco-footer-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}

/* ==========================================================
   SASACO FOOTER - GAP SOPRA
   ========================================================== */

body#body-page footer.sasaco-footer-v2 {
  margin-top: 24px !important;
}


/* ===== SASACO GLOBAL HEADER V2 START ===== */

/* ==========================================================
   BASE GLOBALE
   ========================================================== */

header {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  padding: 12px 10px 10px !important;
  margin: 0 !important;
  background: #f6f8fc !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

header > .inside {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}


/* ==========================================================
   PICCOLA BARRA SUPERIORE
   ========================================================== */

header .relative1 {
  width: 100% !important;
  min-height: 26px !important;

  margin: 0 0 8px !important;
  padding: 0 16px !important;

  border: 0 !important;
  background: transparent !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
}

header .relative1 > a {
  float: none !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;

  color: #56647b !important;

  font-size: 12px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

header .relative1 > a:hover {
  color: #175bd6 !important;
}


/* ==========================================================
   DESKTOP / TABLET - CARD PRINCIPALE
   ========================================================== */

header .relative2.sasaco-header-main {
  position: relative !important;

  width: 100% !important;
  min-height: 84px !important;

  margin: 0 !important;
  padding: 10px 14px !important;

  display: grid !important;
  grid-template-columns:
    170px
    minmax(420px, 1fr)
    auto !important;

  gap: 14px !important;
  align-items: center !important;

  background: #fff !important;

  border:
    1px solid #e1e8f2 !important;

  border-radius:
    18px !important;

  box-shadow:
    0 8px 30px rgba(18,39,74,.08) !important;

  box-sizing:
    border-box !important;
}


/* ==========================================================
   LOGO
   ========================================================== */

header .sasaco-header-main > .left {
  float: none !important;

  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

header .sasaco-header-main .logo {
  width: 100% !important;
  max-width: 155px !important;
  margin: 0 !important;
}

header .sasaco-header-main .logo a {
  display: flex !important;
  align-items: center !important;
}

header .sasaco-header-main .logo img {
  display: block !important;

  width: auto !important;
  max-width: 150px !important;
  max-height: 56px !important;

  object-fit: contain !important;
}


/* ==========================================================
   SEARCH
   ========================================================== */

header .sasaco-header-search {
  float: none !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

header .sasaco-search-form {
  width: 100% !important;
  height: 58px !important;

  display: grid !important;

  grid-template-columns:
    minmax(180px, 1.2fr)
    minmax(190px, .82fr)
    minmax(210px, .95fr)
    104px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #fff !important;

  border:
    1px solid #dce4ef !important;

  border-radius:
    14px !important;

  overflow:
    visible !important;

  box-shadow:
    0 2px 10px rgba(23,47,89,.04) !important;
}

header .sasaco-search-field {
  position: relative !important;

  float: none !important;

  width: 100% !important;
  height: 56px !important;

  margin: 0 !important;
  padding: 0 14px !important;

  display: flex !important;
  align-items: center !important;

  border: 0 !important;
  border-right:
    1px solid #e5eaf1 !important;

  background: transparent !important;

  box-sizing: border-box !important;
}

header .sasaco-search-field > i {
  flex: 0 0 auto !important;

  margin-right: 10px !important;

  color: #66758b !important;

  font-size: 15px !important;
}

header .sasaco-search-query input {
  width: 100% !important;
  height: 54px !important;

  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;

  color: #172642 !important;

  font-size: 14px !important;
}

header .sasaco-search-query input::placeholder,
header .sasaco-geo-v2-input::placeholder {
  color: #7a8699 !important;
  opacity: 1 !important;
}


/* Geo field */

header .sasaco-search-location {
  padding: 0 !important;
}

header .sasaco-search-location .sasaco-geo-v2 {
  width: 100% !important;
}

header .sasaco-search-location .sasaco-geo-v2-main {
  min-height: 56px !important;

  border: 0 !important;
  background: transparent !important;

  border-radius: 0 !important;
}

header .sasaco-search-location .sasaco-geo-v2-input {
  font-size: 14px !important;
}


/* ==========================================================
   PULSANTE CERCA BLU
   ========================================================== */

header .sasaco-search-submit {
  width: 100% !important;
  height: 58px !important;

  margin: -1px -1px -1px 0 !important;
  padding: 0 14px !important;

  border: 0 !important;

  border-radius:
    0 14px 14px 0 !important;

  background:
    linear-gradient(
      135deg,
      #1760df 0%,
      #0f4fc5 100%
    ) !important;

  color: #fff !important;

  font-size: 14px !important;
  font-weight: 750 !important;

  cursor: pointer !important;

  box-shadow:
    none !important;
}

header .sasaco-search-submit:hover {
  filter: brightness(1.05);
}


/* ==========================================================
   DESTRA - PUBBLICA / LOGIN
   ========================================================== */

header .sasaco-header-main > .right {
  float: none !important;

  width: auto !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 14px !important;

  white-space: nowrap !important;
}

header .sasaco-header-main > .right > a,
header .sasaco-header-main > .right .link-box > a {
  float: none !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 44px !important;

  color: #172642 !important;

  font-size: 13px !important;
  font-weight: 650 !important;
}

header .sasaco-header-main > .right a.publish {
  order: -1 !important;

  width: auto !important;
  min-width: 190px !important;
  height: 50px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      135deg,
      #ff5a1f 0%,
      #ff3f0b 100%
    ) !important;

  box-shadow:
    0 9px 20px rgba(255,75,20,.18) !important;
}

header .sasaco-header-main > .right a.publish > span {
  width: 100% !important;
  height: 50px !important;

  padding: 0 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  border: 0 !important;

  background: transparent !important;

  color: #fff !important;

  font-size: 14px !important;
  line-height: 50px !important;
  font-weight: 750 !important;
}

header .sasaco-header-main > .right a.publish svg {
  width: 17px !important;
  height: 17px !important;

  margin: 0 !important;

  fill: #fff !important;
}

header .sasaco-header-main > .right a.publish .mbCl2 {
  color: #fff !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1180px) {

  header {
    padding:
      10px !important;
  }

  header .relative2.sasaco-header-main {
    grid-template-columns:
      170px 1fr !important;

    grid-template-areas:
      "logo actions"
      "search search" !important;

    gap:
      12px !important;

    padding:
      14px !important;
  }

  header .sasaco-header-main > .left {
    grid-area:
      logo !important;
  }

  header .sasaco-header-search {
    grid-area:
      search !important;
  }

  header .sasaco-header-main > .right {
    grid-area:
      actions !important;
  }

  header .sasaco-search-form {
    grid-template-columns:
      1.15fr .85fr 1fr 100px !important;
  }

  header .sasaco-header-main > .right a.publish {
    min-width:
      140px !important;
  }

  header .sasaco-header-main > .right a.publish > span span {
    font-size:
      0 !important;
  }

  header .sasaco-header-main > .right a.publish > span span:after {
    content:
      "Pubblica";

    font-size:
      14px !important;
  }

}


/* ==========================================================
   MOBILE V2
   ========================================================== */

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

  header {
    display: block !important;

    width: 100% !important;

    padding:
      8px 8px 10px !important;

    background:
      #f5f7fb !important;
  }

  header > .inside {
    width:
      100% !important;

    padding:
      0 !important;
  }

  header .relative1,
  header .sasaco-header-main {
    display:
      none !important;
  }

  header .sasaco-mobile-header-v2 {
    display:
      block !important;

    width:
      100% !important;

    margin:
      0 !important;

    padding:
      12px !important;

    border:
      1px solid #e1e8f2 !important;

    border-radius:
      18px !important;

    background:
      #fff !important;

    box-shadow:
      0 7px 24px rgba(18,39,74,.08) !important;
  }

  header .sasaco-mobile-v2-top {
    width:
      100% !important;

    min-height:
      54px !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      space-between !important;

    gap:
      10px !important;
  }

  header .sasaco-mobile-v2-logo {
    display:
      flex !important;

    align-items:
      center !important;

    max-width:
      155px !important;
  }

  header .sasaco-mobile-v2-logo img {
    display:
      block !important;

    width:
      auto !important;

    max-width:
      150px !important;

    max-height:
      48px !important;
  }

  header .sasaco-mobile-v2-actions {
    display:
      flex !important;

    align-items:
      center !important;

    gap:
      8px !important;
  }

  header .sasaco-mobile-v2-icon {
    flex:
      0 0 46px !important;

    width:
      46px !important;

    height:
      46px !important;

    display:
      inline-flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    padding:
      0 !important;

    border:
      1px solid #dbe3ee !important;

    border-radius:
      13px !important;

    background:
      #fff !important;

    color:
      #142541 !important;

    font-size:
      19px !important;

    box-shadow:
      0 2px 8px rgba(20,39,74,.03) !important;
  }

  header .sasaco-mobile-v2-publish {
    border-color:
      #ff4b16 !important;

    color:
      #ff4b16 !important;
  }

  header .sasaco-mobile-v2-search {
    width:
      100% !important;

    margin:
      12px 0 0 !important;

    padding:
      0 !important;
  }

  header .sasaco-mobile-v2-query {
    width:
      100% !important;

    min-height:
      54px !important;

    display:
      flex !important;

    align-items:
      center !important;

    padding:
      0 7px 0 15px !important;

    border:
      1px solid #dce4ef !important;

    border-radius:
      14px !important;

    background:
      #fff !important;

    box-shadow:
      0 3px 12px rgba(20,39,74,.04) !important;
  }

  header .sasaco-mobile-v2-query > i {
    flex:
      0 0 auto !important;

    margin-right:
      11px !important;

    color:
      #56657b !important;

    font-size:
      18px !important;
  }

  header .sasaco-mobile-v2-query input {
    flex:
      1 1 auto !important;

    min-width:
      0 !important;

    height:
      52px !important;

    padding:
      0 !important;

    border:
      0 !important;

    outline:
      0 !important;

    background:
      transparent !important;

    color:
      #152540 !important;

    font-size:
      16px !important;
  }

  header .sasaco-mobile-v2-query input::placeholder {
    color:
      #7a8698 !important;
  }

  header .sasaco-mobile-v2-query button {
    flex:
      0 0 42px !important;

    width:
      42px !important;

    height:
      42px !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border:
      0 !important;

    border-radius:
      11px !important;

    background:
      #1760df !important;

    color:
      #fff !important;

    font-size:
      15px !important;
  }

}


/* Telefono piccolo */

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

  header .sasaco-mobile-v2-logo {
    max-width:
      125px !important;
  }

  header .sasaco-mobile-v2-logo img {
    max-width:
      122px !important;

    max-height:
      42px !important;
  }

  header .sasaco-mobile-v2-actions {
    gap:
      5px !important;
  }

  header .sasaco-mobile-v2-icon {
    flex-basis:
      42px !important;

    width:
      42px !important;

    height:
      42px !important;
  }

}

/* ===== SASACO GLOBAL HEADER V2 END ===== */


/* ==========================================================
   SASACO HEADER V2
   LOGIN / REGISTER / RECOVER - MOBILE FIX
   ========================================================== */

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

  /* Nasconde definitivamente il vecchio header desktop Delta */
  body.lrf header .relative1,
  body.lrf header .relative2,
  body.lrf header .relative2.sasaco-header-main,
  body.lrf header .sasaco-header-main {
    display: none !important;
  }

  /* Mantiene visibile esclusivamente Header Mobile V2 */
  body.lrf header .sasaco-mobile-header,
  body.lrf header .sasaco-mobile-header-v2 {
    display: block !important;
  }

  /* Neutralizza il vecchio spazio Delta delle pagine login */
  body.lrf header {
    display: block !important;
    padding: 8px 8px 10px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    background: #f5f7fb !important;
  }

  body.lrf header > .inside {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* Rimuove il vecchio offset negativo del form */
  body.lrf #i-forms.content {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.lrf #i-forms .inside {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  body.lrf #i-forms .box,
  body.lrf #i-forms.register .box {
    position: relative !important;
    top: auto !important;
    right: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
  }

  /* Un piccolo respiro tra header e form */
  body.lrf #i-forms .box > .wrap {
    padding-top: 28px !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   MOBILE GLOBAL - NASCONDE DEFINITIVAMENTE HEADER DESKTOP
   ========================================================== */

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

  /* Vecchia barra Delta superiore */
  body header .relative1 {
    display: none !important;
  }

  /* Vecchio header desktop/tablet SASACO */
  body header .relative2,
  body header .relative2.sasaco-header-main,
  body header .sasaco-header-main {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Il nuovo header V2 deve restare visibile */
  body header .sasaco-mobile-header,
  body header .sasaco-mobile-header-v2 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

}

/* ==========================================================
   SASACO RESPONSIVE BREAKPOINTS V2
   Mobile <= 899
   Tablet 900 - 1199
   Desktop >= 1200
   ========================================================== */


/* ==========================================================
   MOBILE + PICCOLO TABLET
   0 - 899px
   ========================================================== */

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

  /* Nasconde definitivamente header desktop */
  body header .relative1,
  body header .relative2,
  body header .relative2.sasaco-header-main,
  body header .sasaco-header-main {
    display: none !important;
  }

  /* Mostra il nuovo header mobile */
  body header .sasaco-mobile-header,
  body header .sasaco-mobile-header-v2 {
    display: block !important;
    visibility: visible !important;

    width: 100% !important;
    height: auto !important;

    max-height: none !important;
  }

}


/* ==========================================================
   TABLET
   900 - 1199px
   ========================================================== */

@media screen and (min-width: 900px) and (max-width: 1199px) {

  /* Mobile nascosto */
  body header .sasaco-mobile-header,
  body header .sasaco-mobile-header-v2 {
    display: none !important;
  }

  /* Header desktop/tablet visibile */
  body header .relative2.sasaco-header-main {
    display: grid !important;

    grid-template-columns:
      180px 1fr !important;

    grid-template-areas:
      "logo actions"
      "search search" !important;

    gap:
      12px !important;

    width:
      100% !important;

    padding:
      14px !important;

    border-radius:
      18px !important;
  }


  /* LOGO */

  body header .sasaco-header-main > .left {
    grid-area:
      logo !important;

    width:
      auto !important;

    display:
      flex !important;

    align-items:
      center !important;
  }

  body header .sasaco-header-main .logo {
    max-width:
      165px !important;
  }

  body header .sasaco-header-main .logo img {
    max-width:
      160px !important;

    max-height:
      52px !important;
  }


  /* AZIONI DESTRA */

  body header .sasaco-header-main > .right {
    grid-area:
      actions !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      flex-end !important;

    gap:
      12px !important;

    width:
      auto !important;

    padding:
      0 !important;
  }

  body header .sasaco-header-main > .right a.publish {
    min-width:
      140px !important;

    height:
      50px !important;
  }

  body header .sasaco-header-main > .right a.publish > span {
    height:
      50px !important;

    padding:
      0 16px !important;

    font-size:
      14px !important;
  }


  /* SEARCH SECONDA RIGA */

  body header .sasaco-header-search {
    grid-area:
      search !important;

    width:
      100% !important;

    margin:
      0 !important;
  }

  body header .sasaco-search-form {
    width:
      100% !important;

    grid-template-columns:
      minmax(180px, 1.2fr)
      minmax(180px, .9fr)
      minmax(200px, 1fr)
      110px !important;
  }

}


/* ==========================================================
   TABLET PIÙ STRETTO
   900 - 1020px
   ========================================================== */

@media screen and (min-width: 900px) and (max-width: 1020px) {

  body header .sasaco-header-main > .right > a.register,
  body header .sasaco-header-main > .right > a.login,
  body header .sasaco-header-main > .right > a.logout {
    font-size:
      12px !important;
  }

  body header .sasaco-header-main > .right a.publish {
    min-width:
      120px !important;
  }

  body header .sasaco-search-form {
    grid-template-columns:
      1.15fr
      .85fr
      .95fr
      95px !important;
  }

}


/* ==========================================================
   DESKTOP
   >= 1200px
   ========================================================== */

@media screen and (min-width: 1200px) {

  body header .sasaco-mobile-header,
  body header .sasaco-mobile-header-v2 {
    display:
      none !important;
  }

  body header .relative2.sasaco-header-main {
    display:
      grid !important;
  }

}


/* ==========================================================
   BARRA CATEGORIE
   Non deve comprimersi mai
   ========================================================== */

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

  body#body-home .sasaco-home-category-strip,
  body#body-home .sasaco-category-strip,
  body#body-home .sasaco-home-categories-nav,
  body#body-home .sasaco-home-top-categories {
    overflow-x:
      auto !important;

    overflow-y:
      hidden !important;

    white-space:
      nowrap !important;

    scrollbar-width:
      none !important;

    -webkit-overflow-scrolling:
      touch !important;
  }

  body#body-home .sasaco-home-category-strip::-webkit-scrollbar,
  body#body-home .sasaco-category-strip::-webkit-scrollbar,
  body#body-home .sasaco-home-categories-nav::-webkit-scrollbar,
  body#body-home .sasaco-home-top-categories::-webkit-scrollbar {
    display:
      none !important;
  }

}


/* ==========================================================
   HOME HERO
   Protezione da testo verticale nei range intermedi
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-home h1,
  body#body-home h2,
  body#body-home .sasaco-home-hero *,
  body#body-home .sasaco-hero *,
  body#body-home .hero * {
    word-break:
      normal !important;

    overflow-wrap:
      normal !important;

    writing-mode:
      horizontal-tb !important;

    text-orientation:
      mixed !important;
  }

}


/* ==========================================================
   HOME HERO - TABLET
   evita statistiche schiacciate
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-home .sasaco-home-hero,
  body#body-home .sasaco-hero {
    min-width:
      0 !important;
  }

  body#body-home .sasaco-home-hero-stats,
  body#body-home .sasaco-hero-stats,
  body#body-home .hero-stats,
  body#body-home .sasaco-home-stats {
    display:
      flex !important;

    flex-wrap:
      wrap !important;

    justify-content:
      flex-start !important;

    align-items:
      center !important;

    gap:
      18px !important;

    min-width:
      0 !important;
  }

  body#body-home .sasaco-home-hero-stats > *,
  body#body-home .sasaco-hero-stats > *,
  body#body-home .hero-stats > *,
  body#body-home .sasaco-home-stats > * {
    width:
      auto !important;

    min-width:
      120px !important;

    max-width:
      none !important;

    flex:
      0 0 auto !important;
  }

}


/* ==========================================================
   RANGE CRITICO 768 - 899
   Hero in colonna invece che compressa
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 899px) {

  body#body-home .sasaco-home-hero-inner,
  body#body-home .sasaco-hero-inner,
  body#body-home .hero-inner {
    display:
      grid !important;

    grid-template-columns:
      1fr !important;

    gap:
      26px !important;
  }

  body#body-home .sasaco-home-hero-content,
  body#body-home .sasaco-hero-content {
    width:
      100% !important;

    max-width:
      none !important;
  }

}


/* ==========================================================
   RANGE CRITICO 900 - 1199
   Hero 55 / 45 ma senza compressione
   ========================================================== */

@media screen and (min-width: 900px) and (max-width: 1199px) {

  body#body-home .sasaco-home-hero-inner,
  body#body-home .sasaco-hero-inner,
  body#body-home .hero-inner {
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(320px, .85fr) !important;

    gap:
      30px !important;
  }

}


/* ==========================================================
   FINE RESPONSIVE BREAKPOINTS V2
   ========================================================== */

/* ==========================================================
   SASACO HEADER V2
   FIX LINK REGISTRATI / ACCEDI
   ========================================================== */

@media screen and (min-width: 900px) {

  header .sasaco-header-main > .right > a.register,
  header .sasaco-header-main > .right > a.login,
  header .sasaco-header-main > .right > a.logout,
  header .sasaco-header-main > .right .link-box > a.my-account {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    color: #172642 !important;

    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    padding: 10px 4px !important;

    transition: color .18s ease !important;
  }

  header .sasaco-header-main > .right > a.register:hover,
  header .sasaco-header-main > .right > a.login:hover,
  header .sasaco-header-main > .right > a.logout:hover,
  header .sasaco-header-main > .right .link-box > a.my-account:hover {

    color: #1760df !important;
    background: transparent !important;
    text-decoration: none !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   TABLET NO OVERLAP FIX
   ========================================================== */

@media screen and (min-width: 900px) and (max-width: 1199px) {

  header .relative2.sasaco-header-main {
    display: grid !important;

    grid-template-columns:
      180px
      minmax(0, 1fr) !important;

    grid-template-areas:
      "logo actions"
      "search search" !important;

    column-gap: 16px !important;
    row-gap: 14px !important;

    align-items: center !important;
  }

  header .sasaco-header-main > .left {
    grid-area: logo !important;
  }

  header .sasaco-header-main > .right {
    grid-area: actions !important;

    width: 100% !important;
    max-width: none !important;

    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

    gap: 12px !important;

    overflow: visible !important;
  }

  header .sasaco-header-search {
    grid-area: search !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  header .sasaco-search-form {
    width: 100% !important;
    min-width: 0 !important;

    grid-template-columns:
      minmax(0, 1.2fr)
      minmax(150px, .85fr)
      minmax(170px, 1fr)
      100px !important;
  }

  header .sasaco-header-main > .right a.publish {
    flex: 0 0 auto !important;

    min-width: 150px !important;
    max-width: 170px !important;

    margin: 0 !important;
  }

  header .sasaco-header-main > .right > a.register,
  header .sasaco-header-main > .right > a.login,
  header .sasaco-header-main > .right > a.logout,
  header .sasaco-header-main > .right .link-box {
    flex: 0 0 auto !important;

    margin: 0 !important;
  }

}


/* Tablet più stretto */
@media screen and (min-width: 900px) and (max-width: 1020px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      150px
      minmax(0, 1fr) !important;
  }

  header .sasaco-header-main .logo img {
    max-width: 140px !important;
  }

  header .sasaco-header-main > .right {
    gap: 8px !important;
  }

  header .sasaco-header-main > .right a.publish {
    min-width: 125px !important;
    max-width: 145px !important;
  }

  header .sasaco-header-main > .right a.publish > span {
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  header .sasaco-header-main > .right > a.register,
  header .sasaco-header-main > .right > a.login {
    font-size: 12px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  header .sasaco-search-form {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(140px, .78fr)
      minmax(160px, .9fr)
      92px !important;
  }

}


/* Sotto 960px passiamo al mobile prima di comprimere troppo */
@media screen and (max-width: 959px) {

  body header .relative1,
  body header .relative2,
  body header .relative2.sasaco-header-main,
  body header .sasaco-header-main {
    display: none !important;
  }

  body header .sasaco-mobile-header,
  body header .sasaco-mobile-header-v2 {
    display: block !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   BREAKPOINT DEFINITIVO
   Mobile < 960
   Compact 960-1399
   Desktop >= 1400
   ========================================================== */


/* ==========================================================
   960 - 1399px
   HEADER SU DUE RIGHE
   ========================================================== */

@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-mobile-header,
  header .sasaco-mobile-header-v2 {
    display: none !important;
  }

  header .relative2.sasaco-header-main {
    display: grid !important;

    grid-template-columns:
      180px
      minmax(0, 1fr) !important;

    grid-template-areas:
      "logo actions"
      "search search" !important;

    column-gap: 18px !important;
    row-gap: 14px !important;

    width: 100% !important;

    padding: 14px !important;

    align-items: center !important;
  }


  /* LOGO */

  header .sasaco-header-main > .left {
    grid-area: logo !important;

    width: auto !important;
    max-width: none !important;

    display: flex !important;
    align-items: center !important;
  }

  header .sasaco-header-main .logo {
    max-width: 165px !important;
  }

  header .sasaco-header-main .logo img {
    max-width: 155px !important;
    max-height: 52px !important;
  }


  /* AZIONI */

  header .sasaco-header-main > .right {
    grid-area: actions !important;

    position: static !important;

    float: none !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    display: flex !important;

    justify-content: flex-end !important;
    align-items: center !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }


  header .sasaco-header-main > .right a.publish {
    position: static !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 165px !important;
    max-width: 190px !important;

    height: 50px !important;

    margin: 0 !important;
  }


  header .sasaco-header-main > .right > a.register,
  header .sasaco-header-main > .right > a.login,
  header .sasaco-header-main > .right > a.logout,
  header .sasaco-header-main > .right .link-box {
    position: static !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
  }


  /* RICERCA INTERA SOTTO */

  header .sasaco-header-search {
    grid-area: search !important;

    position: static !important;

    float: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  header .sasaco-search-form {
    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(180px, .85fr)
      minmax(220px, 1fr)
      110px !important;

    margin: 0 !important;
  }

}


/* ==========================================================
   960 - 1100px
   VERSIONE ANCORA PIÙ COMPATTA
   ========================================================== */

@media screen and (min-width: 960px) and (max-width: 1100px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      150px
      minmax(0, 1fr) !important;
  }

  header .sasaco-header-main .logo img {
    max-width: 140px !important;
  }

  header .sasaco-header-main > .right {
    gap: 9px !important;
  }

  header .sasaco-header-main > .right a.publish {
    min-width: 135px !important;
    max-width: 150px !important;
  }

  header .sasaco-header-main > .right a.publish > span {
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  header .sasaco-header-main > .right > a.register,
  header .sasaco-header-main > .right > a.login {
    font-size: 12px !important;
  }

}


/* ==========================================================
   DESKTOP VERO
   DA 1400PX
   ========================================================== */

@media screen and (min-width: 1400px) {

  header .sasaco-mobile-header,
  header .sasaco-mobile-header-v2 {
    display: none !important;
  }

  header .relative2.sasaco-header-main {
    display: grid !important;

    grid-template-columns:
      170px
      minmax(0, 1fr)
      auto !important;

    grid-template-areas:
      none !important;

    column-gap: 14px !important;
    row-gap: 0 !important;

    align-items: center !important;
  }

  header .sasaco-header-main > .left,
  header .sasaco-header-search,
  header .sasaco-header-main > .right {
    grid-area: auto !important;
  }

}


/* ==========================================================
   FINE BREAKPOINT DEFINITIVO
   ========================================================== */

/* ==========================================================
   SASACO HEADER V2
   MOBILE BRIDGE 768-959
   Allinea lo stile al breakpoint mobile reale
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 959px) {

  header {
    display: block !important;
    width: 100% !important;

    padding: 8px 8px 10px !important;
    margin: 0 !important;

    background: #f5f7fb !important;
  }

  header > .inside {
    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* Nasconde completamente header desktop */
  header .relative1,
  header .relative2,
  header .relative2.sasaco-header-main,
  header .sasaco-header-main {
    display: none !important;

    visibility: hidden !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }


  /* Mostra header mobile V2 */
  header .sasaco-mobile-header,
  header .sasaco-mobile-header-v2 {
    display: block !important;

    visibility: visible !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 12px !important;

    overflow: visible !important;

    border: 1px solid #e1e8f2 !important;

    border-radius: 18px !important;

    background: #fff !important;

    box-shadow:
      0 7px 24px rgba(18,39,74,.08) !important;
  }


  /* ========================================================
     RIGA SUPERIORE
     ======================================================== */

  header .sasaco-mobile-v2-top {
    width: 100% !important;

    min-height: 54px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;
  }


  /* LOGO */

  header .sasaco-mobile-v2-logo {
    display: flex !important;

    align-items: center !important;

    width: auto !important;
    max-width: 175px !important;
  }

  header .sasaco-mobile-v2-logo img {
    display: block !important;

    width: auto !important;

    max-width: 165px !important;
    max-height: 50px !important;

    object-fit: contain !important;
  }


  /* ========================================================
     ICONE DESTRA
     ======================================================== */

  header .sasaco-mobile-v2-actions {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    width: auto !important;
  }

  header .sasaco-mobile-v2-icon {
    flex: 0 0 46px !important;

    width: 46px !important;
    height: 46px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
      1px solid #dbe3ee !important;

    border-radius:
      13px !important;

    background:
      #fff !important;

    color:
      #142541 !important;

    font-size:
      19px !important;

    line-height:
      1 !important;

    box-shadow:
      0 2px 8px rgba(20,39,74,.03) !important;
  }

  header .sasaco-mobile-v2-publish {
    color:
      #ff4b16 !important;

    border-color:
      #ff4b16 !important;
  }


  /* ========================================================
     RICERCA
     ======================================================== */

  header .sasaco-mobile-v2-search {
    display: block !important;

    width: 100% !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;
  }

  header .sasaco-mobile-v2-query {
    width: 100% !important;

    min-height: 54px !important;

    display: flex !important;

    align-items: center !important;

    padding:
      0 7px 0 15px !important;

    border:
      1px solid #dce4ef !important;

    border-radius:
      14px !important;

    background:
      #fff !important;

    box-shadow:
      0 3px 12px rgba(20,39,74,.04) !important;
  }

  header .sasaco-mobile-v2-query > i {
    flex:
      0 0 auto !important;

    margin-right:
      11px !important;

    color:
      #56657b !important;

    font-size:
      18px !important;
  }

  header .sasaco-mobile-v2-query input {
    flex:
      1 1 auto !important;

    min-width:
      0 !important;

    width:
      auto !important;

    height:
      52px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border:
      0 !important;

    outline:
      0 !important;

    background:
      transparent !important;

    color:
      #152540 !important;

    font-size:
      16px !important;

    line-height:
      normal !important;
  }

  header .sasaco-mobile-v2-query input::placeholder {
    color:
      #7a8698 !important;

    opacity:
      1 !important;
  }

  header .sasaco-mobile-v2-query button {
    flex:
      0 0 44px !important;

    width:
      44px !important;

    height:
      44px !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border:
      0 !important;

    border-radius:
      11px !important;

    background:
      #1760df !important;

    color:
      #fff !important;

    font-size:
      15px !important;

    line-height:
      1 !important;
  }

}


/* ==========================================================
   HOMEPAGE 768-959
   Evita la hero stretta come nello screenshot
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 959px) {

  body#body-home .sasaco-home-hero {
    width: 100% !important;
  }

  body#body-home .sasaco-home-hero *,
  body#body-home .sasaco-hero *,
  body#body-home .hero * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

}


/* ==========================================================
   FINE MOBILE BRIDGE
   ========================================================== */

/* ==========================================================
   SASACO HOME HERO
   RESPONSIVE FINALE - CLASSI REALI
   ========================================================== */


/* ==========================================================
   TABLET PICCOLO
   768 - 959px
   Titolo sopra + statistiche sotto
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 959px) {

  body#body-home .sasaco-home-hero {
    width: 100% !important;
    min-height: 0 !important;

    padding: 34px 30px !important;

    overflow: hidden !important;
  }

  body#body-home .sasaco-home-hero-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 30px !important;

    align-items: start !important;
  }


  /* TESTO */

  body#body-home .sasaco-home-hero-copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    width: 100% !important;
    max-width: 700px !important;

    margin: 0 0 18px !important;

    font-size: 40px !important;
    line-height: 1.08 !important;

    letter-spacing: -.025em !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  /* A questa larghezza lasciamo il browser gestire il ritorno */
  body#body-home .sasaco-home-hero-copy h1 br {
    display: none !important;
  }

  body#body-home .sasaco-home-hero-copy p {
    width: 100% !important;
    max-width: 650px !important;

    margin: 0 !important;

    font-size: 16px !important;
    line-height: 1.55 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body#body-home .sasaco-home-hero-copy p br {
    display: none !important;
  }


  /* STATISTICHE */

  body#body-home .sasaco-home-stats {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    display: grid !important;

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 12px !important;

    align-items: stretch !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-stat {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 11px !important;

    margin: 0 !important;
    padding: 14px 10px !important;

    flex: none !important;

    border-radius: 15px !important;

    background: rgba(255,255,255,.08) !important;
  }

  body#body-home .sasaco-home-stat > i {
    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-stat > div {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;

    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-stat strong {
    display: block !important;

    font-size: 22px !important;
    line-height: 1.05 !important;

    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-stat span {
    display: block !important;

    font-size: 12px !important;
    line-height: 1.25 !important;

    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

}


/* ==========================================================
   TABLET / DESKTOP COMPATTO
   960 - 1199px
   Copy largo a sinistra + stats leggibili a destra
   ========================================================== */

@media screen and (min-width: 960px) and (max-width: 1199px) {

  body#body-home .sasaco-home-hero {
    width: 100% !important;

    padding: 46px 44px !important;
  }

  body#body-home .sasaco-home-hero-content {
    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 1.35fr)
      minmax(250px, .65fr) !important;

    gap: 42px !important;

    align-items: center !important;
  }


  /* COPY */

  body#body-home .sasaco-home-hero-copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body#body-home .sasaco-home-hero-copy h1 {
    width: 100% !important;
    max-width: 640px !important;

    margin: 0 0 20px !important;

    font-size: 42px !important;
    line-height: 1.08 !important;

    letter-spacing: -.025em !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body#body-home .sasaco-home-hero-copy h1 br {
    display: none !important;
  }

  body#body-home .sasaco-home-hero-copy p {
    width: 100% !important;
    max-width: 560px !important;

    margin: 0 !important;

    font-size: 16px !important;
    line-height: 1.55 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body#body-home .sasaco-home-hero-copy p br {
    display: none !important;
  }


  /* STATS A DESTRA */

  body#body-home .sasaco-home-stats {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 14px !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-stat {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
  }

  body#body-home .sasaco-home-stat > i {
    flex: 0 0 56px !important;

    width: 56px !important;
    height: 56px !important;

    margin: 0 !important;
  }

  body#body-home .sasaco-home-stat > div {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;
  }

  body#body-home .sasaco-home-stat strong {
    font-size: 24px !important;
    line-height: 1.05 !important;

    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-stat span {
    font-size: 13px !important;
    line-height: 1.25 !important;

    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }

}


/* ==========================================================
   1200PX+
   Nessun override:
   resta il desktop esistente
   ========================================================== */


/* ==========================================================
   FINE HOME HERO RESPONSIVE FINALE
   ========================================================== */

/* ==========================================================
   SASACO HOME ROOT CATEGORIES
   SPAZIATURA UNIFORME RESPONSIVE
   ========================================================== */

body#body-home .sasaco-home-root-nav {
  box-sizing: border-box !important;
}


/* ==========================================================
   DESKTOP GRANDE
   Tutte distribuite uniformemente
   ========================================================== */

@media screen and (min-width: 1400px) {

  body#body-home .sasaco-home-root-nav {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 0 !important;

    width: 100% !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

}


/* ==========================================================
   DESKTOP COMPATTO / TABLET
   Spazio identico + scroll orizzontale
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1399px) {

  body#body-home .sasaco-home-root-nav {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 34px !important;

    width: 100% !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    display: none !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 8px !important;

    width: auto !important;
    min-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

}


/* ==========================================================
   MOBILE
   Card attuali + distanza identica
   ========================================================== */

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

  body#body-home .sasaco-home-root-nav {
    display: flex !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    width: 100% !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    display: none !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    flex: 0 0 auto !important;

    margin: 0 !important;

    white-space: normal !important;
  }

}


/* ==========================================================
   FINE SPAZIATURA ROOT CATEGORIES
   ========================================================== */

/* ==========================================================
   SASACO ROOT CATEGORIES
   DESKTOP - DISTRIBUZIONE VISIVA UNIFORME
   ========================================================== */

@media screen and (min-width: 1400px) {

  body#body-home .sasaco-home-root-nav {
    display: grid !important;

    grid-template-columns:
      repeat(11, minmax(0, 1fr)) !important;

    gap: 0 !important;

    padding-left: 14px !important;
    padding-right: 14px !important;

    overflow: hidden !important;
  }

  body#body-home .sasaco-home-root-nav > a {
    width: 100% !important;
    min-width: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    margin: 0 !important;

    padding:
      10px 6px !important;

    text-align: center !important;

    white-space: nowrap !important;
  }

  body#body-home .sasaco-home-root-nav > a > i {
    flex:
      0 0 auto !important;
  }

  body#body-home .sasaco-home-root-nav > a > span {
    min-width:
      0 !important;

    overflow:
      hidden !important;

    text-overflow:
      ellipsis !important;
  }

}

/* ==========================================================
   SASACO ROOT CATEGORIES
   SCROLL ORIZZONTALE SENZA BARRA VISIBILE
   ========================================================== */

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

  body#body-home .sasaco-home-root-nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;     /* Firefox */
    -ms-overflow-style: none !important;  /* vecchio Edge */

    -webkit-overflow-scrolling: touch !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

}

/* ==========================================================
   SASACO ROOT CATEGORIES
   SEMPRE UNA RIGA + SCROLLBAR QUANDO SERVE
   ========================================================== */

body#body-home .sasaco-home-root-nav {
  display: flex !important;

  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 34px !important;

  width: 100% !important;

  padding: 12px 22px 10px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  white-space: nowrap !important;

  scrollbar-width: auto !important;
  -ms-overflow-style: auto !important;

  -webkit-overflow-scrolling: touch !important;
}


/* Ogni categoria resta intera */
body#body-home .sasaco-home-root-nav > a {
  flex: 0 0 auto !important;

  width: auto !important;
  min-width: max-content !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
}


/* Testo mai spezzato */
body#body-home .sasaco-home-root-nav > a > span {
  display: inline-block !important;

  overflow: visible !important;
  text-overflow: clip !important;

  white-space: nowrap !important;
}


/* Scrollbar Chrome / Edge / Safari */
body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
  display: block !important;

  height: 8px !important;
}

body#body-home .sasaco-home-root-nav::-webkit-scrollbar-track {
  background: #edf1f6 !important;

  border-radius: 999px !important;
}

body#body-home .sasaco-home-root-nav::-webkit-scrollbar-thumb {
  background: #b8c2d0 !important;

  border-radius: 999px !important;
}

body#body-home .sasaco-home-root-nav::-webkit-scrollbar-thumb:hover {
  background: #8e9aaa !important;
}


/* Desktop molto largo:
   distribuzione ordinata ma sempre una sola riga */
@media screen and (min-width: 1500px) {

  body#body-home .sasaco-home-root-nav {
    justify-content: space-between !important;

    gap: 24px !important;
  }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-home .sasaco-home-root-nav {
    gap: 30px !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}


/* Mobile */
@media screen and (max-width: 767px) {

  body#body-home .sasaco-home-root-nav {
    flex-wrap: nowrap !important;

    gap: 10px !important;

    padding: 10px 10px 8px !important;

    overflow-x: auto !important;
  }

}

/* ==========================================================
   SASACO - CHI SIAMO
   CONTENUTO LARGO COME HEADER
   ========================================================== */

/* Desktop */
@media screen and (min-width: 1200px) {

  body.sasaco-about-v3-body .sav3-container {
    width: calc(100% - 20px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1199px) {

  body.sasaco-about-v3-body .sav3-container {
    width: calc(100% - 20px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* Mobile: mantiene un piccolo margine */
@media screen and (max-width: 767px) {

  body.sasaco-about-v3-body .sav3-container {
    width: calc(100% - 16px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* ==========================================================
   SASACO - CHI SIAMO
   1CM A DESTRA E 1CM A SINISTRA
   ========================================================== */

body.sasaco-about-v3-body .sav3-container {
  width: calc(100% - 2cm) !important;
  max-width: none !important;

  margin-left: 1cm !important;
  margin-right: 1cm !important;
}


/* Mobile: manteniamo margini più piccoli */
@media screen and (max-width: 767px) {

  body.sasaco-about-v3-body .sav3-container {
    width: calc(100% - 16px) !important;

    margin-left: 8px !important;
    margin-right: 8px !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO PIU GRANDE E VISIBILE
   ========================================================== */

/* Desktop */
@media screen and (min-width: 1400px) {

  header .sasaco-header-main > .left {
    min-width: 185px !important;
  }

  header .sasaco-header-main .logo {
    width: 100% !important;
    max-width: 185px !important;
  }

  header .sasaco-header-main .logo img {
    width: auto !important;
    max-width: 180px !important;
    max-height: 64px !important;

    object-fit: contain !important;
  }

}


/* Tablet / desktop compatto */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-header-main > .left {
    min-width: 165px !important;
  }

  header .sasaco-header-main .logo {
    width: 100% !important;
    max-width: 170px !important;
  }

  header .sasaco-header-main .logo img {
    width: auto !important;
    max-width: 165px !important;
    max-height: 60px !important;

    object-fit: contain !important;
  }

}


/* Mobile */
@media screen and (max-width: 959px) {

  header .sasaco-mobile-v2-logo {
    max-width: 175px !important;
  }

  header .sasaco-mobile-v2-logo img {
    width: auto !important;
    max-width: 170px !important;
    max-height: 54px !important;

    object-fit: contain !important;
  }

}


/* Telefoni piccoli */
@media screen and (max-width: 420px) {

  header .sasaco-mobile-v2-logo {
    max-width: 145px !important;
  }

  header .sasaco-mobile-v2-logo img {
    max-width: 140px !important;
    max-height: 48px !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO PIU GRANDE E VISIBILE - FINAL
   ========================================================== */

/* Desktop grande */
@media screen and (min-width: 1400px) {

  header .sasaco-header-main > .left {
    min-width: 220px !important;
    justify-content: center !important;
  }

  header .sasaco-header-main .logo {
    width: 100% !important;
    max-width: 220px !important;
  }

  header .sasaco-header-main .logo a {
    width: 100% !important;

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

  header .sasaco-header-main .logo img {
    width: auto !important;
    max-width: 215px !important;
    max-height: 72px !important;

    object-fit: contain !important;
  }

}


/* Tablet / desktop compatto */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-header-main > .left {
    min-width: 190px !important;
    justify-content: center !important;
  }

  header .sasaco-header-main .logo {
    width: 100% !important;
    max-width: 190px !important;
  }

  header .sasaco-header-main .logo a {
    width: 100% !important;

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

  header .sasaco-header-main .logo img {
    width: auto !important;
    max-width: 185px !important;
    max-height: 66px !important;

    object-fit: contain !important;
  }

}


/* Mobile */
@media screen and (max-width: 959px) {

  header .sasaco-mobile-v2-logo {
    max-width: 165px !important;
  }

  header .sasaco-mobile-v2-logo img {
    max-width: 160px !important;
    max-height: 52px !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO VISIBILE - SENZA MODIFICARE STRUTTURA HEADER
   ========================================================== */

/* DESKTOP */
@media screen and (min-width: 1400px) {

  header .sasaco-header-main > .left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo,
  header .sasaco-header-main .logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo img {
    display: block !important;

    width: 165px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 auto !important;

    transform: scale(1.32) !important;
    transform-origin: center center !important;
  }

}


/* TABLET / DESKTOP COMPATTO */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-header-main > .left,
  header .sasaco-header-main .logo,
  header .sasaco-header-main .logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo img {
    width: 150px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 auto !important;

    transform: scale(1.25) !important;
    transform-origin: center center !important;
  }

}


/* MOBILE */
@media screen and (max-width: 959px) {

  header .sasaco-mobile-v2-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    overflow: visible !important;
  }

  header .sasaco-mobile-v2-logo img {
    width: 145px !important;
    max-width: none !important;
    height: auto !important;

    transform: none !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO CENTRATO DEFINITIVO
   ========================================================== */

@media screen and (min-width: 1400px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      210px
      minmax(0, 1fr)
      auto !important;
  }

  header .sasaco-header-main > .left {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo {
    width: 100% !important;
    max-width: 210px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  header .sasaco-header-main .logo a {
    width: 100% !important;

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

  header .sasaco-header-main .logo img {
    display: block !important;

    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: 68px !important;

    margin: 0 auto !important;

    transform: none !important;

    object-fit: contain !important;
  }

}


/* TABLET / DESKTOP COMPATTO */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      180px
      minmax(0, 1fr) !important;
  }

  header .sasaco-header-main > .left {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo img {
    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;

    margin: 0 auto !important;

    transform: none !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO GRANDE CENTRATO NELLA SUA AREA
   ========================================================== */

@media screen and (min-width: 1400px) {

  header .sasaco-header-main > .left {
    position: relative !important;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    height: 70px !important;
    min-height: 70px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 190px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo a {
    display: flex !important;

    width: 100% !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  header .sasaco-header-main .logo img {
    display: block !important;

    width: 190px !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;

    transform: scale(1.35) !important;
    transform-origin: center center !important;

    object-fit: contain !important;
  }

}


/* TABLET / DESKTOP COMPATTO */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-header-main > .left {
    position: relative !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 68px !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 165px !important;

    margin: 0 !important;

    transform: translate(-50%, -50%) !important;
  }

  header .sasaco-header-main .logo img {
    width: 165px !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    transform: scale(1.20) !important;
    transform-origin: center center !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO GRANDE MA DENTRO IL RIQUADRO
   ========================================================== */

@media screen and (min-width: 1400px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      210px
      minmax(0, 1fr)
      auto !important;
  }

  header .sasaco-header-main > .left {
    position: relative !important;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    height: 70px !important;
    min-height: 70px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 12px !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo {
    position: static !important;

    width: 100% !important;
    max-width: 186px !important;

    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo a {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  header .sasaco-header-main .logo img {
    display: block !important;

    width: 180px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 62px !important;

    margin: 0 auto !important;

    transform: none !important;

    object-fit: contain !important;
  }

}


/* Tablet / desktop compatto */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .sasaco-header-main > .left {
    position: relative !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 68px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 10px !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo {
    position: static !important;

    width: 100% !important;
    max-width: 160px !important;

    transform: none !important;

    overflow: hidden !important;
  }

  header .sasaco-header-main .logo img {
    width: 155px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 58px !important;

    transform: none !important;

    margin: 0 auto !important;
  }

}

/* ==========================================================
   SASACO HEADER V2
   LOGO RESET DEFINITIVO
   ========================================================== */

/* DESKTOP */
@media screen and (min-width: 1400px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      210px
      minmax(0, 1fr)
      auto !important;
  }

  header .sasaco-header-main > .left {
    position: static !important;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    height: 70px !important;
    min-height: 70px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 10px !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 190px !important;
    max-width: 190px !important;

    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  header .sasaco-header-main .logo img {
    position: static !important;

    display: block !important;

    width: 185px !important;
    max-width: 185px !important;

    height: auto !important;
    max-height: 66px !important;

    margin: 0 auto !important;

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    object-fit: contain !important;
  }

}


/* TABLET / DESKTOP COMPATTO */
@media screen and (min-width: 960px) and (max-width: 1399px) {

  header .relative2.sasaco-header-main {
    grid-template-columns:
      180px
      minmax(0, 1fr) !important;
  }

  header .sasaco-header-main > .left {
    position: static !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 68px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
  }

  header .sasaco-header-main .logo {
    position: static !important;

    width: 165px !important;
    max-width: 165px !important;

    margin: 0 auto !important;

    transform: none !important;
  }

  header .sasaco-header-main .logo img {
    position: static !important;

    display: block !important;

    width: 160px !important;
    max-width: 160px !important;

    height: auto !important;
    max-height: 60px !important;

    margin: 0 auto !important;

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

}


/* MOBILE */
@media screen and (max-width: 959px) {

  header .sasaco-mobile-v2-logo,
  header .sasaco-mobile-v2-logo img {
    position: static !important;

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

}

/* ==========================================================
   SASACO HOME
   MOBILE ROOT CATEGORIES - STILE DESKTOP
   ========================================================== */

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

  body#body-home .sasaco-home-root-nav {
    display: flex !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 26px !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
      14px 18px 10px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;

    background: #fff !important;

    border-top:
      1px solid #e2e8f1 !important;

    border-bottom:
      1px solid #e2e8f1 !important;

    border-radius: 0 !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: auto !important;
  }


  /* SINGOLA CATEGORIA */
  body#body-home .sasaco-home-root-nav > a {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;
    height: auto !important;

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #101d35 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
  }


  /* ICONA */
  body#body-home .sasaco-home-root-nav > a > i {
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;
  }


  /* TESTO */
  body#body-home .sasaco-home-root-nav > a > span {
    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #101d35 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;
  }


  /* SCROLLBAR VISIBILE SOTTO */
  body#body-home .sasaco-home-root-nav::-webkit-scrollbar {
    display: block !important;

    height: 7px !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar-track {
    background: #edf1f6 !important;

    border-radius: 999px !important;
  }

  body#body-home .sasaco-home-root-nav::-webkit-scrollbar-thumb {
    background: #b8c2d0 !important;

    border-radius: 999px !important;
  }

}


/* Telefoni molto piccoli */
@media screen and (max-width: 390px) {

  body#body-home .sasaco-home-root-nav {
    gap: 22px !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body#body-home .sasaco-home-root-nav > a > i {
    font-size: 17px !important;
  }

  body#body-home .sasaco-home-root-nav > a > span {
    font-size: 13px !important;
  }

}

/* ==========================================================
   SASACO HOME
   MOBILE ROOT CATEGORIES - ICONE COLORATE
   ========================================================== */

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

  body#body-home .sasaco-home-root-nav > a > i {
    font-size: 19px !important;
    transition:
      transform .18s ease,
      opacity .18s ease !important;
  }

  /* Moda */
  body#body-home .sasaco-home-root-nav > a:nth-child(1) > i {
    color: #ef4770 !important;
  }

  /* Beauty */
  body#body-home .sasaco-home-root-nav > a:nth-child(2) > i {
    color: #2675e8 !important;
  }

  /* Motori */
  body#body-home .sasaco-home-root-nav > a:nth-child(3) > i {
    color: #0b9b55 !important;
  }

  /* Immobili */
  body#body-home .sasaco-home-root-nav > a:nth-child(4) > i {
    color: #2479e9 !important;
  }

  /* Elettronica */
  body#body-home .sasaco-home-root-nav > a:nth-child(5) > i {
    color: #ff7200 !important;
  }

  /* Casa e Giardino */
  body#body-home .sasaco-home-root-nav > a:nth-child(6) > i {
    color: #16a5a4 !important;
  }

  /* Sport */
  body#body-home .sasaco-home-root-nav > a:nth-child(7) > i {
    color: #8747e8 !important;
  }

  /* Hobby e Collezionismo */
  body#body-home .sasaco-home-root-nav > a:nth-child(8) > i {
    color: #ec4775 !important;
  }

  /* Bambini */
  body#body-home .sasaco-home-root-nav > a:nth-child(9) > i {
    color: #e8a21b !important;
  }

  /* Animali */
  body#body-home .sasaco-home-root-nav > a:nth-child(10) > i {
    color: #04a1ac !important;
  }

  /* Musica */
  body#body-home .sasaco-home-root-nav > a:nth-child(11) > i {
    color: #1973d3 !important;
  }

  /* Eventuale categoria successiva: Libri e Media */
  body#body-home .sasaco-home-root-nav > a:nth-child(12) > i {
    color: #163b69 !important;
  }

  body#body-home .sasaco-home-root-nav > a:active > i {
    transform: scale(.90) !important;
  }

}

/* ==========================================================
   SASACO - REGISTRAZIONE MODERNA
   Desktop / Tablet / Mobile
   ========================================================== */


/* ==========================================================
   STRUTTURA GENERALE
   ========================================================== */

body#body-user-register {
  background: #f5f7fb !important;
}

body#body-user-register header {
  padding-bottom: 0 !important;
}


/* Elimina il vecchio posizionamento Delta */
body#body-user-register #i-forms.content {
  width: 100% !important;

  margin: 0 !important;
  padding: 48px 20px 64px !important;

  background:
    linear-gradient(
      180deg,
      #f5f7fb 0%,
      #f8fafd 100%
    ) !important;
}


body#body-user-register #i-forms .inside {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;
}


body#body-user-register #i-forms.register .box {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  left: auto !important;

  width: 100% !important;
  max-width: 760px !important;

  margin: 0 auto !important;
}


/* ==========================================================
   CARD
   ========================================================== */

body#body-user-register #register.box > .wrap {
  width: 100% !important;

  margin: 0 !important;
  padding: 42px 46px 44px !important;

  background: #ffffff !important;

  border:
    1px solid #e2e8f2 !important;

  border-radius:
    22px !important;

  box-shadow:
    0 18px 55px rgba(20, 39, 74, .10) !important;
}


/* ==========================================================
   TITOLO
   ========================================================== */

body#body-user-register #register.box h1 {
  margin: 0 0 8px !important;

  color: #102448 !important;

  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;

  letter-spacing: -.025em !important;

  text-align: center !important;
}


body#body-user-register #register.box h2 {
  max-width: 540px !important;

  margin: 0 auto 36px !important;

  color: #65738a !important;

  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;

  text-align: center !important;
}


/* ==========================================================
   FORM
   ========================================================== */

body#body-user-register #register .user_forms,
body#body-user-register #register .inner,
body#body-user-register #register form,
body#body-user-register #register fieldset {
  width: 100% !important;
}


body#body-user-register #register .row {
  width: 100% !important;

  float: none !important;
  clear: both !important;

  margin: 0 0 22px !important;
  padding: 0 !important;
}


/* LABEL */

body#body-user-register #register label {
  display: flex !important;
  align-items: center !important;

  gap: 4px !important;

  width: 100% !important;

  margin: 0 0 8px !important;

  color: #182842 !important;

  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}


body#body-user-register #register label .req {
  color: #ff4d17 !important;
}


/* ==========================================================
   INPUT
   ========================================================== */

body#body-user-register #register .input-box {
  position: relative !important;

  display: block !important;

  float: none !important;

  width: 100% !important;

  margin: 0 !important;
}


body#body-user-register #register input[type="text"],
body#body-user-register #register input[type="email"],
body#body-user-register #register input[type="password"],
body#body-user-register #register input[type="tel"],
body#body-user-register #register select {
  width: 100% !important;
  max-width: none !important;

  height: 52px !important;

  margin: 0 !important;
  padding: 0 16px !important;

  background: #f8fafd !important;

  border:
    1px solid #d9e1ec !important;

  border-radius:
    12px !important;

  box-shadow:
    none !important;

  color: #142440 !important;

  font-size: 15px !important;
  line-height: normal !important;

  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}


body#body-user-register #register input:hover,
body#body-user-register #register select:hover {
  border-color: #b8c7da !important;
}


body#body-user-register #register input:focus,
body#body-user-register #register select:focus {
  outline: none !important;

  background: #fff !important;

  border-color: #246be8 !important;

  box-shadow:
    0 0 0 4px rgba(36, 107, 232, .11) !important;
}


body#body-user-register #register input::placeholder {
  color: #98a4b5 !important;
  opacity: 1 !important;
}


/* ==========================================================
   PASSWORD - DESKTOP DUE COLONNE
   ========================================================== */

body#body-user-register #register .row.p1,
body#body-user-register #register .row.p2 {
  clear: none !important;

  width: calc(50% - 8px) !important;
}


body#body-user-register #register .row.p1 {
  float: left !important;

  margin-right: 16px !important;
}


body#body-user-register #register .row.p2 {
  float: left !important;

  margin-right: 0 !important;
}


/* Occhio password */
body#body-user-register #register .toggle-pass {
  position: absolute !important;

  top: 50% !important;
  right: 15px !important;

  transform: translateY(-50%) !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;

  color: #63738a !important;

  text-decoration: none !important;
}


body#body-user-register #register .toggle-pass:hover {
  color: #1760df !important;
}


/* Spazio per icona password */
body#body-user-register #register .row.p1 input,
body#body-user-register #register .row.p2 input {
  padding-right: 48px !important;
}


/* ==========================================================
   HOOK / GDPR / CAPTCHA
   ========================================================== */

body#body-user-register #register .user-reg-hook {
  clear: both !important;

  width: 100% !important;

  margin-top: 4px !important;
}


body#body-user-register #register #gdpr-check {
  margin: 6px 0 20px !important;
}


body#body-user-register #register .g-recaptcha {
  margin-bottom: 22px !important;
}


/* ==========================================================
   BOTTONE
   ========================================================== */

body#body-user-register #register button.complete-registration {
  clear: both !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 54px !important;

  margin: 8px 0 0 !important;
  padding: 0 24px !important;

  background:
    linear-gradient(
      135deg,
      #1760df 0%,
      #2878ef 100%
    ) !important;

  border: 0 !important;

  border-radius:
    12px !important;

  box-shadow:
    0 10px 24px rgba(23, 96, 223, .20) !important;

  color: #fff !important;

  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

  cursor: pointer !important;

  transition:
    transform .15s ease,
    box-shadow .15s ease !important;
}


body#body-user-register #register button.complete-registration:hover {
  transform: translateY(-1px) !important;

  box-shadow:
    0 13px 30px rgba(23, 96, 223, .27) !important;
}


/* ==========================================================
   HAI GIA' UN ACCOUNT
   ========================================================== */

body#body-user-register #register .row.bo {
  clear: both !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 6px !important;

  width: 100% !important;

  margin: 24px 0 0 !important;

  color: #647187 !important;

  font-size: 14px !important;

  text-align: center !important;
}


body#body-user-register #register .row.bo strong {
  color: #647187 !important;

  font-weight: 500 !important;
}


body#body-user-register #register .row.bo a {
  color: #1760df !important;

  font-weight: 700 !important;

  text-decoration: none !important;
}


body#body-user-register #register .row.bo a:hover {
  text-decoration: underline !important;
}


/* ==========================================================
   SOCIAL LOGIN
   ========================================================== */

body#body-user-register #register .social {
  margin: 0 0 26px !important;
}


body#body-user-register #register .social a {
  height: 50px !important;

  padding: 0 18px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  border-radius:
    12px !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

body#body-user-register footer.sasaco-footer-v2 {
  margin-top: 18px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-user-register #i-forms.content {
    padding:
      38px 24px 54px !important;
  }

  body#body-user-register #i-forms.register .box {
    max-width:
      700px !important;
  }

  body#body-user-register #register.box > .wrap {
    padding:
      38px 36px 40px !important;
  }

  body#body-user-register #register.box h1 {
    font-size:
      29px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-register {
    background:
      #f5f7fb !important;
  }

  body#body-user-register #i-forms.content {
    padding:
      18px 10px 38px !important;
  }

  body#body-user-register #i-forms.register .box {
    width:
      100% !important;

    max-width:
      none !important;
  }

  body#body-user-register #register.box > .wrap {
    padding:
      28px 18px 30px !important;

    border-radius:
      17px !important;

    box-shadow:
      0 10px 28px rgba(20, 39, 74, .08) !important;
  }


  /* Titolo */
  body#body-user-register #register.box h1 {
    margin-bottom:
      7px !important;

    font-size:
      25px !important;

    line-height:
      1.18 !important;
  }

  body#body-user-register #register.box h2 {
    margin-bottom:
      28px !important;

    font-size:
      13px !important;

    line-height:
      1.5 !important;
  }


  /* Tutto una colonna */
  body#body-user-register #register .row.p1,
  body#body-user-register #register .row.p2 {
    float:
      none !important;

    clear:
      both !important;

    width:
      100% !important;

    margin-right:
      0 !important;
  }


  body#body-user-register #register .row {
    margin-bottom:
      18px !important;
  }


  /* Campi più comodi al touch */
  body#body-user-register #register input[type="text"],
  body#body-user-register #register input[type="email"],
  body#body-user-register #register input[type="password"],
  body#body-user-register #register input[type="tel"],
  body#body-user-register #register select {
    height:
      54px !important;

    font-size:
      16px !important;

    border-radius:
      12px !important;
  }


  body#body-user-register #register button.complete-registration {
    height:
      55px !important;

    margin-top:
      4px !important;

    border-radius:
      12px !important;

    font-size:
      15px !important;
  }


  body#body-user-register #register .row.bo {
    flex-wrap:
      wrap !important;

    margin-top:
      21px !important;
  }

}


/* ==========================================================
   TELEFONI MOLTO PICCOLI
   ========================================================== */

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

  body#body-user-register #i-forms.content {
    padding-left:
      8px !important;

    padding-right:
      8px !important;
  }

  body#body-user-register #register.box > .wrap {
    padding:
      25px 15px 28px !important;
  }

  body#body-user-register #register.box h1 {
    font-size:
      23px !important;
  }

}


/* ==========================================================
   FINE REGISTRAZIONE MODERNA SASACO
   ========================================================== */

/* ==========================================================
   SASACO REGISTER
   FORM + VANTAGGI
   ========================================================== */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media screen and (min-width: 1100px) {

  body#body-user-register #i-forms.register .box {
    max-width: 1120px !important;
  }

  body#body-user-register #register.box > .wrap {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      350px !important;

    grid-template-rows:
      auto
      auto
      1fr !important;

    column-gap: 54px !important;

    align-items: start !important;

    padding:
      46px 48px 48px !important;
  }


  /* Titolo e sottotitolo restano a sinistra */
  body#body-user-register #register.box > .wrap > h1,
  body#body-user-register #register.box > .wrap > h2,
  body#body-user-register #register.box > .wrap > .user_forms {
    grid-column:
      1 !important;
  }


  /* Colonna vantaggi */
  body#body-user-register .sasaco-register-benefits {
    grid-column:
      2 !important;

    grid-row:
      1 / 4 !important;

    width:
      100% !important;

    align-self:
      stretch !important;
  }

}


/* ==========================================================
   VANTAGGI
   ========================================================== */

body#body-user-register .sasaco-register-benefits {
  box-sizing:
    border-box !important;
}


body#body-user-register .sasaco-register-benefits-inner {
  width:
    100% !important;

  height:
    100% !important;

  padding:
    34px 30px !important;

  background:
    linear-gradient(
      180deg,
      #f4f7fc 0%,
      #eef3fa 100%
    ) !important;

  border:
    1px solid #dde6f1 !important;

  border-radius:
    20px !important;
}


body#body-user-register .sasaco-register-benefits-kicker {
  display:
    inline-flex !important;

  margin:
    0 0 8px !important;

  color:
    #1760df !important;

  font-size:
    11px !important;

  font-weight:
    750 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    .08em !important;

  text-transform:
    uppercase !important;
}


body#body-user-register .sasaco-register-benefits h3 {
  display:
    block !important;

  width:
    100% !important;

  margin:
    0 0 29px !important;

  color:
    #102448 !important;

  font-size:
    24px !important;

  line-height:
    1.2 !important;

  font-weight:
    650 !important;
}


body#body-user-register .sasaco-register-benefits h3 strong {
  color:
    #1760df !important;

  font-weight:
    800 !important;
}


/* Singolo vantaggio */
body#body-user-register .sasaco-register-benefit {
  display:
    grid !important;

  grid-template-columns:
    48px minmax(0, 1fr) !important;

  gap:
    15px !important;

  align-items:
    start !important;

  width:
    100% !important;

  margin:
    0 0 25px !important;
}


body#body-user-register .sasaco-register-benefit:last-child {
  margin-bottom:
    0 !important;
}


/* Icona */
body#body-user-register .sasaco-register-benefit-icon {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    48px !important;

  height:
    48px !important;

  border-radius:
    50% !important;

  background:
    #fff !important;

  color:
    #1760df !important;

  box-shadow:
    0 5px 14px rgba(23,96,223,.09) !important;
}


body#body-user-register .sasaco-register-benefit-icon i {
  font-size:
    19px !important;
}


/* Testo */
body#body-user-register .sasaco-register-benefit > div {
  min-width:
    0 !important;
}


body#body-user-register .sasaco-register-benefit strong {
  display:
    block !important;

  margin:
    2px 0 4px !important;

  color:
    #152640 !important;

  font-size:
    15px !important;

  line-height:
    1.25 !important;

  font-weight:
    750 !important;
}


body#body-user-register .sasaco-register-benefit p {
  display:
    block !important;

  width:
    100% !important;

  margin:
    0 !important;

  color:
    #65738a !important;

  font-size:
    13px !important;

  line-height:
    1.55 !important;

  font-weight:
    400 !important;
}


/* Colori leggermente diversi per le icone */
body#body-user-register
.sasaco-register-benefit:nth-of-type(2)
.sasaco-register-benefit-icon {
  color: #1760df !important;
}

body#body-user-register
.sasaco-register-benefit:nth-of-type(3)
.sasaco-register-benefit-icon {
  color: #16a36a !important;
}

body#body-user-register
.sasaco-register-benefit:nth-of-type(4)
.sasaco-register-benefit-icon {
  color: #7b48df !important;
}

body#body-user-register
.sasaco-register-benefit:nth-of-type(5)
.sasaco-register-benefit-icon {
  color: #e79c17 !important;
}

body#body-user-register
.sasaco-register-benefit:nth-of-type(6)
.sasaco-register-benefit-icon {
  color: #12a49e !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1099px) {

  body#body-user-register #i-forms.register .box {
    max-width:
      760px !important;
  }

  body#body-user-register #register.box > .wrap {
    display:
      block !important;
  }

  body#body-user-register .sasaco-register-benefits {
    width:
      100% !important;

    margin:
      34px 0 0 !important;
  }

  body#body-user-register .sasaco-register-benefits-inner {
    display:
      grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap:
      22px 28px !important;

    padding:
      30px !important;
  }

  body#body-user-register .sasaco-register-benefits-kicker,
  body#body-user-register .sasaco-register-benefits h3 {
    grid-column:
      1 / -1 !important;
  }

  body#body-user-register .sasaco-register-benefits h3 {
    margin-bottom:
      4px !important;
  }

  body#body-user-register .sasaco-register-benefit {
    margin:
      0 !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-register #register.box > .wrap {
    display:
      block !important;
  }

  body#body-user-register .sasaco-register-benefits {
    margin:
      28px 0 0 !important;
  }

  body#body-user-register .sasaco-register-benefits-inner {
    padding:
      26px 20px !important;

    border-radius:
      16px !important;
  }

  body#body-user-register .sasaco-register-benefits h3 {
    margin-bottom:
      24px !important;

    font-size:
      22px !important;
  }

  body#body-user-register .sasaco-register-benefit {
    grid-template-columns:
      44px minmax(0, 1fr) !important;

    gap:
      13px !important;

    margin-bottom:
      22px !important;
  }

  body#body-user-register .sasaco-register-benefit-icon {
    width:
      44px !important;

    height:
      44px !important;
  }

  body#body-user-register .sasaco-register-benefit-icon i {
    font-size:
      17px !important;
  }

  body#body-user-register .sasaco-register-benefit p {
    font-size:
      12px !important;
  }

}


/* ==========================================================
   FINE SASACO REGISTER BENEFITS
   ========================================================== */

/* ==========================================================
   SASACO REGISTER
   LAYOUT LARGO COME CHI SIAMO
   FORM + VANTAGGI AFFIANCATI
   ========================================================== */


/* ==========================================================
   CONTENITORE GENERALE
   ========================================================== */

body#body-user-register #i-forms.content {
  width: 100% !important;

  padding:
    34px 0 56px !important;

  background:
    #f5f7fb !important;
}


body#body-user-register #i-forms .inside {
  width:
    calc(100% - 2cm) !important;

  max-width:
    none !important;

  min-height:
    0 !important;

  margin:
    0 1cm !important;

  padding:
    0 !important;

  border:
    0 !important;
}


/* Elimina completamente il vecchio box stretto Delta */
body#body-user-register #i-forms.register .box {
  position:
    relative !important;

  top:
    auto !important;

  right:
    auto !important;

  left:
    auto !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;
}


/* ==========================================================
   CARD PRINCIPALE
   ========================================================== */

body#body-user-register #register.box > .wrap {
  display:
    block !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    42px 46px 46px !important;

  background:
    #fff !important;

  border:
    1px solid #e1e8f1 !important;

  border-radius:
    22px !important;

  box-shadow:
    0 15px 45px rgba(20,39,74,.08) !important;
}


/* ==========================================================
   TESTATA
   ========================================================== */

body#body-user-register #register.box > .wrap > h1 {
  max-width:
    720px !important;

  margin:
    0 auto 8px !important;

  color:
    #102448 !important;

  font-size:
    32px !important;

  line-height:
    1.15 !important;

  font-weight:
    750 !important;

  text-align:
    center !important;
}


body#body-user-register #register.box > .wrap > h2 {
  max-width:
    700px !important;

  margin:
    0 auto 38px !important;

  color:
    #66758b !important;

  font-size:
    15px !important;

  line-height:
    1.55 !important;

  text-align:
    center !important;
}


/* ==========================================================
   FORM + VANTAGGI
   ========================================================== */

body#body-user-register .sasaco-register-layout {
  display:
    grid !important;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(360px, .65fr) !important;

  gap:
    46px !important;

  align-items:
    stretch !important;

  width:
    100% !important;

  max-width:
    1380px !important;

  margin:
    0 auto !important;
}


/* ==========================================================
   COLONNA FORM
   ========================================================== */

body#body-user-register
.sasaco-register-layout
> .user_forms.register {
  width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    8px 10px 4px !important;
}


body#body-user-register
.sasaco-register-layout
> .user_forms.register
.inner {
  width:
    100% !important;

  max-width:
    760px !important;

  margin:
    0 auto !important;
}


/* Campi */
body#body-user-register #register .row {
  margin-bottom:
    20px !important;
}


body#body-user-register #register input[type="text"],
body#body-user-register #register input[type="email"],
body#body-user-register #register input[type="password"],
body#body-user-register #register input[type="tel"] {
  height:
    54px !important;

  border-radius:
    12px !important;
}


/* Password due colonne desktop */
body#body-user-register #register .row.p1,
body#body-user-register #register .row.p2 {
  width:
    calc(50% - 8px) !important;
}


body#body-user-register #register .row.p1 {
  margin-right:
    16px !important;
}


/* ==========================================================
   COLONNA VANTAGGI
   ========================================================== */

body#body-user-register
.sasaco-register-layout
> .sasaco-register-benefits {
  width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  align-self:
    stretch !important;
}


body#body-user-register
.sasaco-register-benefits-inner {
  height:
    100% !important;

  min-height:
    100% !important;

  padding:
    38px 34px !important;

  border-radius:
    20px !important;

  background:
    linear-gradient(
      155deg,
      #f2f6fd 0%,
      #edf3fb 100%
    ) !important;

  border:
    1px solid #dce6f2 !important;
}


/* Titolo vantaggi */
body#body-user-register
.sasaco-register-benefits h3 {
  margin-bottom:
    34px !important;

  font-size:
    27px !important;
}


/* Più spazio fra i vantaggi */
body#body-user-register
.sasaco-register-benefit {
  margin-bottom:
    29px !important;
}


body#body-user-register
.sasaco-register-benefit strong {
  font-size:
    16px !important;
}


body#body-user-register
.sasaco-register-benefit p {
  font-size:
    13px !important;

  line-height:
    1.55 !important;
}


/* ==========================================================
   DESKTOP INTERMEDIO / TABLET GRANDE
   ========================================================== */

@media screen and (min-width: 900px) and (max-width: 1199px) {

  body#body-user-register #i-forms .inside {
    width:
      calc(100% - 32px) !important;

    margin:
      0 16px !important;
  }

  body#body-user-register #register.box > .wrap {
    padding:
      34px 30px 38px !important;
  }

  body#body-user-register .sasaco-register-layout {
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(300px, .85fr) !important;

    gap:
      28px !important;
  }

  body#body-user-register
  .sasaco-register-benefits-inner {
    padding:
      30px 25px !important;
  }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 899px) {

  body#body-user-register #i-forms .inside {
    width:
      calc(100% - 28px) !important;

    margin:
      0 14px !important;
  }

  body#body-user-register .sasaco-register-layout {
    grid-template-columns:
      1fr !important;

    gap:
      30px !important;
  }

  body#body-user-register
  .sasaco-register-layout
  > .user_forms.register
  .inner {
    max-width:
      680px !important;
  }

  body#body-user-register .sasaco-register-benefits-inner {
    display:
      grid !important;

    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;

    gap:
      22px 28px !important;
  }

  body#body-user-register .sasaco-register-benefits-kicker,
  body#body-user-register .sasaco-register-benefits h3 {
    grid-column:
      1 / -1 !important;
  }

  body#body-user-register .sasaco-register-benefit {
    margin:
      0 !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-register #i-forms.content {
    padding:
      16px 0 34px !important;
  }

  body#body-user-register #i-forms .inside {
    width:
      calc(100% - 16px) !important;

    margin:
      0 8px !important;
  }

  body#body-user-register #register.box > .wrap {
    padding:
      27px 17px 28px !important;

    border-radius:
      17px !important;
  }

  body#body-user-register #register.box > .wrap > h1 {
    font-size:
      25px !important;
  }

  body#body-user-register #register.box > .wrap > h2 {
    margin-bottom:
      28px !important;

    font-size:
      13px !important;
  }

  body#body-user-register .sasaco-register-layout {
    display:
      grid !important;

    grid-template-columns:
      1fr !important;

    gap:
      28px !important;
  }

  body#body-user-register
  .sasaco-register-layout
  > .user_forms.register {
    padding:
      0 !important;
  }

  body#body-user-register #register .row.p1,
  body#body-user-register #register .row.p2 {
    float:
      none !important;

    clear:
      both !important;

    width:
      100% !important;

    margin-right:
      0 !important;
  }

  body#body-user-register
  .sasaco-register-benefits-inner {
    padding:
      26px 20px !important;

    border-radius:
      16px !important;
  }

}


/* ==========================================================
   FINE REGISTER LARGO
   ========================================================== */

/* ==========================================================
   SASACO REGISTER
   FORCE SIDE BY SIDE
   ========================================================== */

@media screen and (min-width: 900px) {

  body#body-user-register
  #register.box
  .sasaco-register-layout {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1.55fr)
      minmax(320px, .75fr) !important;

    gap: 40px !important;

    align-items: start !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register
  > .inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .sasaco-register-benefits {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    align-self: stretch !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-benefits-inner {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
  }

}


/* ==========================================================
   TABLET STRETTO / MOBILE
   TORNA A UNA COLONNA
   ========================================================== */

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

  body#body-user-register
  #register.box
  .sasaco-register-layout {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 28px !important;
  }

  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register,
  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .sasaco-register-benefits {
    grid-column: 1 !important;
    grid-row: auto !important;

    width: 100% !important;
  }

}

/* ==========================================================
   SASACO REGISTER
   RIDUCI CARD "I VANTAGGI DI SASACO"
   ========================================================== */

@media screen and (min-width: 900px) {

  body#body-user-register .sasaco-register-benefits {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 !important;
    align-self: start !important;
  }

  body#body-user-register .sasaco-register-benefits-inner {
    width: 100% !important;
    max-width: 430px !important;
    padding: 28px 26px !important;
    border-radius: 22px !important;
    margin: 0 !important;
  }

  body#body-user-register .sasaco-register-benefits h3 {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
  }

  body#body-user-register .sasaco-register-benefit-item,
  body#body-user-register .sasaco-register-benefits .benefit-item,
  body#body-user-register .sasaco-register-benefits li {
    margin-bottom: 16px !important;
  }
}


/* Mobile e tablet: resta piena larghezza */
@media screen and (max-width: 899px) {

  body#body-user-register .sasaco-register-benefits,
  body#body-user-register .sasaco-register-benefits-inner {
    max-width: 100% !important;
    width: 100% !important;
  }

  body#body-user-register .sasaco-register-benefits-inner {
    padding: 22px 18px !important;
  }
}


/* ==========================================================
   SASACO REGISTER
   FORM A SINISTRA + VANTAGGI A DESTRA
   ========================================================== */

/* DESKTOP */
@media screen and (min-width: 1200px) {

  body#body-user-register #register.box > .wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;
    grid-template-areas:
      "title title"
      "subtitle subtitle"
      "form benefits" !important;
    column-gap: 36px !important;
    row-gap: 16px !important;
    align-items: start !important;

    max-width: 1280px !important;
    width: 100% !important;

    margin: 0 auto !important;
  }

  body#body-user-register #register.box > .wrap > h1 {
    grid-area: title !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }

  body#body-user-register #register.box > .wrap > h2 {
    grid-area: subtitle !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
  }

  body#body-user-register #register.box > .wrap > .user_forms.register {
    grid-area: form !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
  }

  body#body-user-register #register.box > .wrap > .user_forms.register > .inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#body-user-register #register.box > .wrap > .sasaco-register-benefits {
    grid-area: benefits !important;

    width: 100% !important;
    max-width: 380px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    align-self: start !important;
    justify-self: start !important;
  }

  body#body-user-register #register.box > .wrap > .sasaco-register-benefits .sasaco-register-benefits-inner {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 !important;
  }
}


/* TABLET + MOBILE: una colonna */
@media screen and (max-width: 1199px) {

  body#body-user-register #register.box > .wrap {
    display: block !important;
    max-width: 980px !important;
    margin: 0 auto !important;
  }

  body#body-user-register #register.box > .wrap > .user_forms.register,
  body#body-user-register #register.box > .wrap > .sasaco-register-benefits {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    float: none !important;
    clear: both !important;
  }

  body#body-user-register #register.box > .wrap > .sasaco-register-benefits {
    margin-top: 24px !important;
  }

  body#body-user-register #register.box > .wrap > .sasaco-register-benefits .sasaco-register-benefits-inner {
    max-width: 100% !important;
    width: 100% !important;
  }
}


/* ==========================================================
   SASACO REGISTER
   LAYOUT DEFINITIVO
   FORM SINISTRA + VANTAGGI DESTRA
   ========================================================== */


/* DESKTOP */
@media screen and (min-width: 1200px) {

  body#body-user-register
  #register.box
  > .wrap {
    width: 100% !important;
    max-width: none !important;

    display: block !important;

    padding: 36px 46px 44px !important;
  }


  /* Titolo */
  body#body-user-register
  #register.box
  > .wrap
  > h1 {
    margin: 0 0 7px !important;
    text-align: center !important;
  }

  body#body-user-register
  #register.box
  > .wrap
  > h2 {
    margin: 0 0 34px !important;
    text-align: center !important;
  }


  /* CONTENITORE DELLE DUE COLONNE */
  body#body-user-register
  #register.box
  .sasaco-register-layout {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      390px !important;

    gap: 42px !important;

    align-items: start !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     FORM SINISTRA
     ======================================================== */

  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register
  > .inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  form,
  body#body-user-register
  #register.box
  .sasaco-register-layout
  fieldset {
    width: 100% !important;
    max-width: none !important;
  }


  /* Nome / email / telefono larghi */
  body#body-user-register
  #register .row.nm,
  body#body-user-register
  #register .row.em,
  body#body-user-register
  #register .row.mb {
    width: 100% !important;
  }


  /* Password affiancate */
  body#body-user-register
  #register .row.p1,
  body#body-user-register
  #register .row.p2 {
    width: calc(50% - 9px) !important;
  }

  body#body-user-register
  #register .row.p1 {
    float: left !important;
    margin-right: 18px !important;
  }

  body#body-user-register
  #register .row.p2 {
    float: left !important;
    margin-right: 0 !important;
  }


  /* ========================================================
     VANTAGGI DESTRA
     ======================================================== */

  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .sasaco-register-benefits {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 390px !important;
    max-width: 390px !important;
    min-width: 390px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    align-self: start !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-benefits-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 27px 25px !important;

    height: auto !important;
    min-height: 0 !important;
  }


  body#body-user-register
  .sasaco-register-benefits h3 {
    margin: 0 0 22px !important;

    font-size: 20px !important;
  }


  body#body-user-register
  .sasaco-register-benefit {
    margin-bottom: 18px !important;
  }

}


/* ==========================================================
   TABLET
   768 - 1199
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-user-register
  #register.box
  .sasaco-register-layout {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 28px !important;

    width: 100% !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register,
  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .sasaco-register-benefits {
    grid-column: 1 !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
  }


  body#body-user-register
  .sasaco-register-benefits-inner {
    width: 100% !important;
    max-width: none !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-register
  #register.box
  .sasaco-register-layout {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 24px !important;

    width: 100% !important;
  }


  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .user_forms.register,
  body#body-user-register
  #register.box
  .sasaco-register-layout
  > .sasaco-register-benefits {
    grid-column: 1 !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
  }


  body#body-user-register
  .sasaco-register-benefits-inner {
    width: 100% !important;
    max-width: 100% !important;

    padding: 22px 18px !important;
  }


  body#body-user-register
  #register .row.p1,
  body#body-user-register
  #register .row.p2 {
    float: none !important;

    width: 100% !important;

    margin-right: 0 !important;
  }

}


/* ==========================================================
   FINE LAYOUT DEFINITIVO REGISTER
   ========================================================== */

/* ==========================================================
   SASACO REGISTER
   TITOLO CENTRATO SULLA PAGINA
   ========================================================== */

body#body-user-register
#register.box
> .wrap
> h1,
body#body-user-register
#register.box
> .wrap
> h2 {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}


/* Desktop */
@media screen and (min-width: 1200px) {

  body#body-user-register
  #register.box
  > .wrap
  > h1 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;

    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  body#body-user-register
  #register.box
  > .wrap
  > h2 {
    margin-top: 0 !important;
    margin-bottom: 34px !important;

    font-size: 15px !important;
    line-height: 1.5 !important;
  }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-user-register
  #register.box
  > .wrap
  > h1 {
    font-size: 29px !important;
  }

  body#body-user-register
  #register.box
  > .wrap
  > h2 {
    margin-bottom: 30px !important;
  }

}


/* Mobile */
@media screen and (max-width: 767px) {

  body#body-user-register
  #register.box
  > .wrap
  > h1 {
    font-size: 25px !important;
    line-height: 1.2 !important;
  }

  body#body-user-register
  #register.box
  > .wrap
  > h2 {
    max-width: 320px !important;

    margin-bottom: 26px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
  }

}

/* ==========================================================
   SASACO REGISTER
   SPAZIO SOPRA "HAI UN ACCOUNT? ACCEDI"
   ========================================================== */

body#body-user-register
#register
.row.bo {
  margin-top: 18px !important;
  padding-top: 0 !important;
}

/* Mobile leggermente più compatto */
@media screen and (max-width: 767px) {

  body#body-user-register
  #register
  .row.bo {
    margin-top: 14px !important;
  }

}

/* ==========================================================
   SASACO REGISTER
   SPAZIO SOTTO TITOLO "REGISTRATI"
   ========================================================== */

body#body-user-register
#register.box
> .wrap
> h1 {
  margin-bottom: 14px !important;
}

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

  body#body-user-register
  #register.box
  > .wrap
  > h1 {
    margin-bottom: 10px !important;
  }

}

/* ==========================================================
   SASACO REGISTER
   SPAZIO REALE SOPRA "HAI UN ACCOUNT? ACCEDI"
   ========================================================== */

body#body-user-register
#register
button.complete-registration {
  margin-bottom: 0 !important;
}

body#body-user-register
#register
.row.bo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  clear: both !important;

  width: 100% !important;

  margin: 24px 0 0 !important;
  padding: 0 !important;

  line-height: 1.4 !important;
}

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

  body#body-user-register
  #register
  .row.bo {
    margin-top: 20px !important;
  }

}

/* ==========================================================
   SASACO REGISTER
   GAP DEFINITIVO TRA PULSANTE E LOGIN
   ========================================================== */

body#body-user-register
#register
button.complete-registration {
  display: flex !important;
  margin: 0 0 22px 0 !important;
}

body#body-user-register
#register
.row.bo {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  clear: both !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

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

  body#body-user-register
  #register
  button.complete-registration {
    margin-bottom: 18px !important;
  }

}

/* ==========================================================
   SASACO LOGIN MODERNO
   ========================================================== */


/* ----------------------------------------------------------
   PAGINA
   ---------------------------------------------------------- */

body#body-user-login #i-forms.content {
  width: 100% !important;
  padding: 36px 0 56px !important;
  background: #f5f7fb !important;
}


body#body-user-login #i-forms .inside {
  width: calc(100% - 2cm) !important;
  max-width: none !important;

  margin: 0 1cm !important;
  padding: 0 !important;

  min-height: 0 !important;
  border: 0 !important;
}


body#body-user-login #i-forms.login .box,
body#body-user-login #login.box {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  left: auto !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
}


/* ----------------------------------------------------------
   CARD GRANDE
   ---------------------------------------------------------- */

body#body-user-login #login.box > .wrap {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding: 36px 46px 44px !important;

  background: #fff !important;

  border: 1px solid #e1e8f1 !important;
  border-radius: 22px !important;

  box-shadow: 0 15px 45px rgba(20,39,74,.08) !important;
}


/* ----------------------------------------------------------
   TITOLO
   ---------------------------------------------------------- */

body#body-user-login #login.box > .wrap > h1 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 0 14px !important;

  color: #102448 !important;

  font-size: 32px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;

  text-align: center !important;
}


body#body-user-login #login.box > .wrap > h2 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 0 34px !important;

  color: #66758b !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  text-align: center !important;
}


/* ----------------------------------------------------------
   DESKTOP - DUE COLONNE
   ---------------------------------------------------------- */

@media screen and (min-width: 1200px) {

  body#body-user-login
  #login.box
  .sasaco-login-layout {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      390px !important;

    gap: 42px !important;

    align-items: start !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* FORM */

  body#body-user-login
  #login.box
  .sasaco-login-layout
  > .user_forms.login {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
  }


  body#body-user-login
  #login.box
  .user_forms.login
  > .inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  body#body-user-login
  #login form,
  body#body-user-login
  #login fieldset {
    width: 100% !important;
    max-width: none !important;
  }


  /* VANTAGGI */

  body#body-user-login
  #login.box
  .sasaco-login-layout
  > .sasaco-login-benefits {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 390px !important;
    max-width: 390px !important;
    min-width: 390px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: start !important;

    float: none !important;
    clear: none !important;
  }

}


/* ----------------------------------------------------------
   CAMPI LOGIN
   ---------------------------------------------------------- */

body#body-user-login #login .row.l1,
body#body-user-login #login .row.p3 {
  width: 100% !important;

  margin: 0 0 20px !important;
}


body#body-user-login #login .row label {
  display: block !important;

  margin: 0 0 8px !important;

  color: #152640 !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}


body#body-user-login #login .input-box {
  width: 100% !important;
}


body#body-user-login #login input[type="text"],
body#body-user-login #login input[type="email"],
body#body-user-login #login input[type="password"] {
  width: 100% !important;
  height: 54px !important;

  padding-left: 16px !important;
  padding-right: 46px !important;

  background: #f7f9fc !important;

  border: 1px solid #d4deeb !important;
  border-radius: 12px !important;

  color: #142440 !important;

  font-size: 14px !important;

  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   RICORDAMI
   ---------------------------------------------------------- */

body#body-user-login #login .login-line {
  display: flex !important;

  align-items: center !important;

  width: 100% !important;

  margin: 2px 0 16px !important;
}


body#body-user-login #login .input-box-check {
  display: flex !important;

  align-items: center !important;

  gap: 8px !important;
}


body#body-user-login #login .input-box-check label {
  margin: 0 !important;

  font-size: 13px !important;
  font-weight: 500 !important;
}


/* ----------------------------------------------------------
   PASSWORD DIMENTICATA
   ---------------------------------------------------------- */

body#body-user-login #login .row.fr {
  width: 100% !important;

  margin: 0 0 22px !important;

  text-align: left !important;
}


body#body-user-login #login .row.fr a {
  color: #1760df !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  text-decoration: none !important;
}


/* ----------------------------------------------------------
   BOTTONE
   ---------------------------------------------------------- */

body#body-user-login
#login
button.complete-login {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 54px !important;

  margin: 0 0 22px !important;

  padding: 0 22px !important;

  background:
    linear-gradient(
      90deg,
      #286be1 0%,
      #3682ee 100%
    ) !important;

  border: 0 !important;
  border-radius: 12px !important;

  color: #fff !important;

  font-size: 15px !important;
  font-weight: 750 !important;

  box-shadow:
    0 10px 25px rgba(35,108,225,.22) !important;
}


body#body-user-login
#login
button.complete-login:hover {
  filter: brightness(.97) !important;
}


/* ----------------------------------------------------------
   NON HAI UN ACCOUNT
   ---------------------------------------------------------- */

body#body-user-login #login .row.bo {
  position: static !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 5px !important;

  clear: both !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;

  font-size: 14px !important;
}


body#body-user-login #login .row.bo strong {
  font-weight: 400 !important;
}


body#body-user-login #login .row.bo a {
  color: #1760df !important;

  font-weight: 700 !important;

  text-decoration: none !important;
}


/* ==========================================================
   CARD VANTAGGI
   ========================================================== */

body#body-user-login .sasaco-login-benefits-inner {
  width: 100% !important;

  padding: 27px 25px !important;

  background:
    linear-gradient(
      155deg,
      #f2f6fd 0%,
      #edf3fb 100%
    ) !important;

  border: 1px solid #dce6f2 !important;
  border-radius: 22px !important;

  box-sizing: border-box !important;
}


body#body-user-login .sasaco-login-benefits-kicker {
  display: block !important;

  margin: 0 0 9px !important;

  color: #1760df !important;

  font-size: 11px !important;
  font-weight: 750 !important;

  letter-spacing: .08em !important;

  text-transform: uppercase !important;
}


body#body-user-login .sasaco-login-benefits h3 {
  margin: 0 0 22px !important;

  color: #102448 !important;

  font-size: 20px !important;
  font-weight: 700 !important;
}


body#body-user-login .sasaco-login-benefits h3 strong {
  color: #1760df !important;
}


body#body-user-login .sasaco-login-benefit {
  display: grid !important;

  grid-template-columns:
    48px minmax(0,1fr) !important;

  gap: 15px !important;

  align-items: start !important;

  margin: 0 0 18px !important;
}


body#body-user-login .sasaco-login-benefit:last-child {
  margin-bottom: 0 !important;
}


body#body-user-login .sasaco-login-benefit-icon {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  height: 48px !important;

  background: #fff !important;

  border-radius: 50% !important;

  color: #1760df !important;
}


body#body-user-login
.sasaco-login-benefit:nth-of-type(4)
.sasaco-login-benefit-icon {
  color: #12a879 !important;
}


body#body-user-login
.sasaco-login-benefit:nth-of-type(5)
.sasaco-login-benefit-icon {
  color: #7b48df !important;
}


body#body-user-login
.sasaco-login-benefit:nth-of-type(6)
.sasaco-login-benefit-icon {
  color: #e79c17 !important;
}


body#body-user-login .sasaco-login-benefit strong {
  display: block !important;

  margin: 2px 0 4px !important;

  color: #152640 !important;

  font-size: 16px !important;
  font-weight: 750 !important;
}


body#body-user-login .sasaco-login-benefit p {
  margin: 0 !important;

  color: #65738a !important;

  font-size: 13px !important;
  line-height: 1.5 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-user-login #i-forms .inside {
    width: calc(100% - 28px) !important;

    margin: 0 14px !important;
  }


  body#body-user-login
  #login.box
  .sasaco-login-layout {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 28px !important;
  }


  body#body-user-login
  .sasaco-login-layout
  > .user_forms.login,
  body#body-user-login
  .sasaco-login-layout
  > .sasaco-login-benefits {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    grid-column: 1 !important;
    grid-row: auto !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-login #i-forms.content {
    padding: 16px 0 34px !important;
  }


  body#body-user-login #i-forms .inside {
    width: calc(100% - 16px) !important;

    margin: 0 8px !important;
  }


  body#body-user-login #login.box > .wrap {
    padding: 27px 17px 28px !important;

    border-radius: 17px !important;
  }


  body#body-user-login #login.box > .wrap > h1 {
    font-size: 25px !important;

    margin-bottom: 10px !important;
  }


  body#body-user-login #login.box > .wrap > h2 {
    margin-bottom: 26px !important;

    font-size: 13px !important;
  }


  body#body-user-login
  #login.box
  .sasaco-login-layout {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 24px !important;
  }


  body#body-user-login
  .sasaco-login-layout
  > .user_forms.login,
  body#body-user-login
  .sasaco-login-layout
  > .sasaco-login-benefits {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    grid-column: 1 !important;
    grid-row: auto !important;
  }


  body#body-user-login
  .sasaco-login-benefits-inner {
    padding: 22px 18px !important;
  }


  body#body-user-login
  #login
  button.complete-login {
    margin-bottom: 18px !important;
  }

}


/* ==========================================================
   FINE SASACO LOGIN MODERNO
   ========================================================== */

/* ==========================================================
   SASACO RECOVER PASSWORD MODERNO
   ========================================================== */

body#body-user-recover #i-forms.content {
  width: 100% !important;
  padding: 36px 0 56px !important;
  background: #f5f7fb !important;
}

body#body-user-recover #i-forms .inside {
  width: calc(100% - 2cm) !important;
  max-width: none !important;

  margin: 0 1cm !important;
  padding: 0 !important;

  min-height: 0 !important;
  border: 0 !important;
}

body#body-user-recover #i-forms.recover .box,
body#body-user-recover #recover.box {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  left: auto !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
}


/* CARD PRINCIPALE */

body#body-user-recover #recover.box > .wrap {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 42px 46px 48px !important;

  background: #fff !important;

  border: 1px solid #e1e8f1 !important;
  border-radius: 22px !important;

  box-shadow: 0 15px 45px rgba(20,39,74,.08) !important;

  box-sizing: border-box !important;
}


/* TITOLO */

body#body-user-recover #recover.box > .wrap > h1 {
  width: 100% !important;

  margin: 0 0 14px !important;

  color: #102448 !important;

  font-size: 32px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;

  text-align: center !important;
}


/* SOTTOTITOLO */

body#body-user-recover #recover.box > .wrap > h2 {
  width: 100% !important;
  max-width: 650px !important;

  margin: 0 auto 38px !important;

  color: #66758b !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;

  text-align: center !important;
}


/* FORM CENTRATO */

body#body-user-recover #recover .user_forms.recover {
  width: 100% !important;
  max-width: 650px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  float: none !important;
}

body#body-user-recover #recover .user_forms.recover > .inner {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body#body-user-recover #recover form,
body#body-user-recover #recover fieldset {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* LABEL */

body#body-user-recover #recover .row label {
  display: block !important;

  margin: 0 0 9px !important;

  color: #152640 !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}


/* INPUT */

body#body-user-recover #recover .input-box {
  display: block !important;
  width: 100% !important;
}

body#body-user-recover #recover input[type="email"],
body#body-user-recover #recover input[type="text"] {
  width: 100% !important;
  height: 54px !important;

  padding: 0 16px !important;

  background: #f7f9fc !important;

  border: 1px solid #d4deeb !important;
  border-radius: 12px !important;

  color: #142440 !important;

  font-size: 14px !important;

  box-sizing: border-box !important;
}

body#body-user-recover #recover input:focus {
  border-color: #377eeb !important;
  outline: none !important;

  box-shadow: 0 0 0 3px rgba(55,126,235,.10) !important;
}


/* BOTTONE */

body#body-user-recover
#recover
button.complete-recover {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 54px !important;

  margin: 24px 0 0 !important;
  padding: 0 22px !important;

  background:
    linear-gradient(
      90deg,
      #286be1 0%,
      #3682ee 100%
    ) !important;

  border: 0 !important;
  border-radius: 12px !important;

  color: #fff !important;

  font-size: 15px !important;
  font-weight: 750 !important;

  box-shadow:
    0 10px 25px rgba(35,108,225,.22) !important;

  cursor: pointer !important;
}

body#body-user-recover
#recover
button.complete-recover:hover {
  filter: brightness(.97) !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  body#body-user-recover #i-forms .inside {
    width: calc(100% - 28px) !important;
    margin: 0 14px !important;
  }

  body#body-user-recover #recover.box > .wrap {
    padding: 36px 32px 40px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

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

  body#body-user-recover #i-forms.content {
    padding: 16px 0 34px !important;
  }

  body#body-user-recover #i-forms .inside {
    width: calc(100% - 16px) !important;
    margin: 0 8px !important;
  }

  body#body-user-recover #recover.box > .wrap {
    padding: 28px 18px 30px !important;
    border-radius: 17px !important;
  }

  body#body-user-recover #recover.box > .wrap > h1 {
    margin-bottom: 11px !important;

    font-size: 25px !important;
    line-height: 1.2 !important;
  }

  body#body-user-recover #recover.box > .wrap > h2 {
    max-width: 360px !important;

    margin-bottom: 28px !important;

    font-size: 13px !important;
  }

  body#body-user-recover
  #recover
  button.complete-recover {
    margin-top: 20px !important;
  }

}


/* ==========================================================
   FINE SASACO RECOVER PASSWORD
   ========================================================== */

/* ==========================================================
   SASACO RECOVER
   CENTRA FORM EMAIL + PULSANTE
   ========================================================== */

body#body-user-recover
#recover.box
> .wrap
> .user_forms.recover {
  position: static !important;

  float: none !important;
  clear: both !important;

  display: block !important;

  width: 100% !important;
  max-width: 650px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;
}

body#body-user-recover
#recover
.user_forms.recover
> .inner {
  position: static !important;

  width: 100% !important;
  max-width: 650px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  float: none !important;
}

body#body-user-recover
#recover
.user_forms.recover form,
body#body-user-recover
#recover
.user_forms.recover fieldset {
  width: 100% !important;
  max-width: 650px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  float: none !important;
}


/* ==========================================================
   SASACO RECOVER
   SOTTOTITOLO SU 2 RIGHE
   ========================================================== */

body#body-user-recover
#recover.box
> .wrap
> h2
> span {
  display: block !important;
}

body#body-user-recover
#recover.box
> .wrap
> h2
> span:first-child {
  margin-bottom: 4px !important;
}


/* ==========================================================
   SASACO FLASH / TOAST RESPONSIVE
   DESKTOP - TABLET - MOBILE
   ========================================================== */


/* ==========================================================
   BASE
   ========================================================== */

.flash-wrap {
  position: fixed !important;
  z-index: 100000 !important;

  pointer-events: none !important;
}

.flash-wrap .flashmessage,
body > .flashmessage,
#flashmessage.flashmessage {
  position: relative !important;

  width: 100% !important;
  height: auto !important;
  min-height: 74px !important;

  margin: 0 !important;

  padding:
    17px
    46px
    17px
    70px !important;

  display: flex !important;
  align-items: center !important;

  color: #172842 !important;
  background: #fff !important;

  border: 1px solid #e1e8f1 !important;
  border-radius: 16px !important;

  box-shadow:
    0 18px 45px rgba(15, 35, 65, .18) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;

  text-align: left !important;

  overflow: hidden !important;

  box-sizing: border-box !important;

  pointer-events: auto !important;
}


/* barra colorata a sinistra */

.flash-wrap .flashmessage:before,
body > .flashmessage:before,
#flashmessage.flashmessage:before {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  top: 0 !important;

  width: 54px !important;
  height: 100% !important;

  border: 0 !important;
  border-radius: 0 !important;
}


/* icona */

.flash-wrap .flashmessage:after,
body > .flashmessage:after,
#flashmessage.flashmessage:after {
  position: absolute !important;

  left: 0 !important;
  top: 50% !important;

  width: 54px !important;
  height: 34px !important;

  margin: -17px 0 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #fff !important;

  font-family: "Font Awesome 5 Free" !important;
  font-size: 18px !important;
  font-weight: 900 !important;

  line-height: 1 !important;
}


/* COLORI */

.flashmessage-ok:before {
  background: #22b86a !important;
}

.flashmessage-error:before {
  background: #e94f55 !important;
}

.flashmessage-warning:before {
  background: #f2a315 !important;
}

.flashmessage-info:before {
  background: #3479ee !important;
}


/* ICONE */

.flashmessage-ok:after {
  content: "\f00c" !important;
}

.flashmessage-error:after {
  content: "\f00d" !important;
}

.flashmessage-warning:after {
  content: "\f071" !important;
}

.flashmessage-info:after {
  content: "\f129" !important;
}


/* CHIUSURA */

.flashmessage .ico-close,
.flashmessage .close {
  position: absolute !important;

  right: 10px !important;
  top: 10px !important;

  width: 28px !important;
  height: 28px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: #f3f6fa !important;

  color: transparent !important;

  cursor: pointer !important;
}

.flashmessage .ico-close:before,
.flashmessage .close:before {
  content: "\f00d" !important;

  width: 28px !important;
  height: 28px !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-family: "Font Awesome 5 Free" !important;
  font-size: 12px !important;
  font-weight: 900 !important;

  line-height: 1 !important;

  color: #6d798a !important;

  background: transparent !important;
}

.flashmessage .ico-close:hover,
.flashmessage .close:hover {
  background: #e8edf4 !important;
}

.flashmessage .ico-close:hover:before,
.flashmessage .close:hover:before {
  color: #182a44 !important;
}


/* ==========================================================
   DESKTOP >= 1200px
   ========================================================== */

@media screen and (min-width: 1200px) {

  .flash-wrap {
    left: 20px !important;
    bottom: 24px !important;

    width: 400px !important;
    max-width: calc(100vw - 40px) !important;
  }

  .flash-wrap .flashmessage,
  body > .flashmessage,
  #flashmessage.flashmessage {
    min-height: 78px !important;

    padding:
      18px
      48px
      18px
      72px !important;

    font-size: 14px !important;

    border-radius: 16px !important;
  }

}


/* ==========================================================
   TABLET 768px - 1199px
   ========================================================== */

@media screen and (min-width: 768px) and (max-width: 1199px) {

  .flash-wrap {
    left: 18px !important;
    bottom: 20px !important;

    width: 360px !important;
    max-width: calc(100vw - 36px) !important;
  }

  .flash-wrap .flashmessage,
  body > .flashmessage,
  #flashmessage.flashmessage {
    min-height: 72px !important;

    padding:
      15px
      44px
      15px
      66px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    border-radius: 15px !important;
  }

  .flash-wrap .flashmessage:before,
  body > .flashmessage:before,
  #flashmessage.flashmessage:before {
    width: 50px !important;
  }

  .flash-wrap .flashmessage:after,
  body > .flashmessage:after,
  #flashmessage.flashmessage:after {
    width: 50px !important;

    font-size: 17px !important;
  }

}


/* ==========================================================
   MOBILE <= 767px
   ========================================================== */

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

  .flash-wrap {
    left: 10px !important;
    right: 10px !important;

    bottom: 82px !important;

    width: auto !important;
    max-width: none !important;
  }

  .flash-wrap .flashmessage,
  body > .flashmessage,
  #flashmessage.flashmessage {
    width: 100% !important;

    min-height: 66px !important;

    padding:
      14px
      40px
      14px
      58px !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    border-radius: 14px !important;

    box-shadow:
      0 12px 30px rgba(15, 35, 65, .20) !important;
  }

  .flash-wrap .flashmessage:before,
  body > .flashmessage:before,
  #flashmessage.flashmessage:before {
    width: 44px !important;
  }

  .flash-wrap .flashmessage:after,
  body > .flashmessage:after,
  #flashmessage.flashmessage:after {
    width: 44px !important;

    font-size: 16px !important;
  }

  .flashmessage .ico-close,
  .flashmessage .close {
    right: 7px !important;
    top: 7px !important;

    width: 26px !important;
    height: 26px !important;
  }

  .flashmessage .ico-close:before,
  .flashmessage .close:before {
    width: 26px !important;
    height: 26px !important;
  }

}


/* ==========================================================
   MOBILE MOLTO STRETTO <= 420px
   ========================================================== */

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

  .flash-wrap {
    left: 8px !important;
    right: 8px !important;

    bottom: 78px !important;
  }

  .flash-wrap .flashmessage,
  body > .flashmessage,
  #flashmessage.flashmessage {
    min-height: 62px !important;

    padding:
      12px
      36px
      12px
      54px !important;

    font-size: 12.5px !important;

    border-radius: 13px !important;
  }

  .flash-wrap .flashmessage:before,
  body > .flashmessage:before,
  #flashmessage.flashmessage:before {
    width: 40px !important;
  }

  .flash-wrap .flashmessage:after,
  body > .flashmessage:after,
  #flashmessage.flashmessage:after {
    width: 40px !important;

    font-size: 15px !important;
  }

}


/* ==========================================================
   FINE SASACO FLASH RESPONSIVE
   ========================================================== */

/* SASACO TOAST - FINAL POSITION TUNING */

@media screen and (min-width: 1200px) {
  .flash-wrap {
    left: 24px !important;
    bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .flash-wrap {
    left: 18px !important;
    bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .flash-wrap {
    left: 10px !important;
    right: 10px !important;
    bottom: 88px !important;
  }
}

/* ===== SASACO MOBILE BOTTOM NAV MODERN SAFE V1 START ===== */

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

  /* Barra principale */
  #mmenu.isMobile {
    background: rgba(255,255,255,.98) !important;

    border-top: 1px solid #e7ecf3 !important;

    box-shadow:
      0 -8px 26px rgba(20,42,78,.09) !important;

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  /* Spaziatura generale */
  #mmenu.isMobile .wrap {
    padding-left: 7px !important;
    padding-right: 7px !important;
    gap: 2px !important;
  }

  /* Home / Cerca / Contattaci / Account */
  #mmenu.isMobile .wrap > a:not(.l3) {
    height: 64px !important;

    border-radius: 14px !important;

    color: #425570 !important;

    transition:
      background .18s ease,
      color .18s ease,
      transform .18s ease !important;
  }

  #mmenu.isMobile .wrap > a:not(.l3) > i {
    font-size: 23px !important;
    color: inherit !important;
  }

  #mmenu.isMobile .wrap > a:not(.l3) > span {
    font-size: 10.5px !important;
    line-height: 12px !important;

    font-weight: 700 !important;

    color: inherit !important;
  }

  /* Voce attiva */
  #mmenu.isMobile .wrap > a.active:not(.l3) {
    background: #fff1e8 !important;

    color: #ff5a00 !important;

    transform: translateY(-1px) !important;
  }

  #mmenu.isMobile .wrap > a.active:not(.l3) > i {
    color: #ff5a00 !important;
  }

  /* Account */
  #mmenu.isMobile .wrap > a.l5 {
    position: relative !important;
  }

  #mmenu.isMobile .wrap > a.l5.active {
    background: #fff1e8 !important;
    color: #ff5a00 !important;
  }

  /* Pulsante Pubblica centrale */
  #mmenu.isMobile .wrap > a.l3 > i {
    background:
      linear-gradient(
        180deg,
        #ff7617 0%,
        #ff5a00 100%
      ) !important;

    box-shadow:
      0 8px 20px rgba(255,90,0,.30) !important;

    border: 3px solid #fff !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    color: #273750 !important;
    font-weight: 800 !important;
  }
}

/* ===== SASACO MOBILE BOTTOM NAV MODERN SAFE V1 END ===== */

/* ===== SASACO MOBILE BOTTOM NAV REFINE V2 START ===== */

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

  /* Voce attiva più leggera */
  #mmenu.isMobile .wrap > a.active:not(.l3) {
    background: #fff7f2 !important;
    color: #ff5a00 !important;
    transform: none !important;
  }

  #mmenu.isMobile .wrap > a.active:not(.l3) > i {
    color: #ff5a00 !important;
  }

  #mmenu.isMobile .wrap > a.active:not(.l3) > span {
    color: #ff5a00 !important;
  }

  /* Riduce l'effetto "card grande" */
  #mmenu.isMobile .wrap > a:not(.l3) {
    border-radius: 12px !important;
  }

  /* Pubblica più compatto */
  #mmenu.isMobile .wrap > a.l3 > i {
    width: 52px !important;
    height: 52px !important;

    border-width: 2px !important;

    box-shadow:
      0 6px 16px rgba(255,90,0,.24) !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    top: 50px !important;
    font-weight: 700 !important;
  }

  /* Icone leggermente più uniformi */
  #mmenu.isMobile .wrap > a:not(.l3) > i {
    font-size: 22px !important;
  }

  /* Testi più eleganti */
  #mmenu.isMobile .wrap > a:not(.l3) > span {
    font-size: 10px !important;
    font-weight: 700 !important;
  }

}

/* ===== SASACO MOBILE BOTTOM NAV REFINE V2 END ===== */

/* ===== SASACO MOBILE BOTTOM NAV MODERN V3 START ===== */

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

  /*
   * HOME / CERCA / CONTATTACI / ACCOUNT
   * niente più riquadro colorato
   */
  #mmenu.isMobile .wrap > a:not(.l3),
  #mmenu.isMobile .wrap > a.active:not(.l3),
  #mmenu.isMobile .wrap > a.l5.active {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
  }


  /*
   * Colore normale
   */
  #mmenu.isMobile .wrap > a:not(.l3) {
    color: #41536d !important;
  }

  #mmenu.isMobile .wrap > a:not(.l3) > i,
  #mmenu.isMobile .wrap > a:not(.l3) > span {
    color: inherit !important;
  }


  /*
   * Voce attiva
   */
  #mmenu.isMobile .wrap > a.active:not(.l3) {
    color: #ff5a00 !important;
  }


  /*
   * Piccolo indicatore moderno sopra
   */
  #mmenu.isMobile .wrap > a.active:not(.l3)::before {
    content: "" !important;

    position: absolute !important;

    top: 3px !important;
    left: 50% !important;

    width: 22px !important;
    height: 3px !important;

    transform: translateX(-50%) !important;

    border-radius: 10px !important;

    background: #ff5a00 !important;

    box-shadow:
      0 2px 6px rgba(255,90,0,.25) !important;
  }


  /*
   * Icona attiva leggermente più evidente
   */
  #mmenu.isMobile .wrap > a.active:not(.l3) > i {
    color: #ff5a00 !important;

    transform: translateY(-1px) !important;
  }


  /*
   * Testo attivo
   */
  #mmenu.isMobile .wrap > a.active:not(.l3) > span {
    color: #ff5a00 !important;
    font-weight: 800 !important;
  }


  /*
   * Dimensioni uniformi
   */
  #mmenu.isMobile .wrap > a:not(.l3) > i {
    font-size: 22px !important;
  }

  #mmenu.isMobile .wrap > a:not(.l3) > span {
    font-size: 10px !important;
    line-height: 12px !important;
  }


  /*
   * PUBBLICA più elegante e meno grande
   */
  #mmenu.isMobile .wrap > a.l3 > i {
    width: 48px !important;
    height: 48px !important;

    top: -14px !important;

    border: 2px solid #fff !important;

    background:
      linear-gradient(
        180deg,
        #ff7617 0%,
        #ff5a00 100%
      ) !important;

    box-shadow:
      0 5px 14px rgba(255,90,0,.24) !important;

    font-size: 22px !important;
  }


  #mmenu.isMobile .wrap > a.l3 > span {
    top: 50px !important;

    color: #34445d !important;

    font-weight: 700 !important;
  }


  /*
   * Barra leggermente più pulita
   */
  #mmenu.isMobile {
    border-top: 1px solid #e8edf3 !important;

    box-shadow:
      0 -6px 20px rgba(15,37,72,.07) !important;
  }

}

/* ===== SASACO MOBILE BOTTOM NAV MODERN V3 END ===== */

/* ===== SASACO MOBILE BOTTOM NAV MODERN V4 START ===== */

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

  #mmenu.isMobile {
    height: 72px !important;
    min-height: 72px !important;

    background: #ffffff !important;

    border-top: 1px solid #edf1f5 !important;

    box-shadow:
      0 -4px 18px rgba(25,45,75,.08) !important;
  }

  #mmenu.isMobile .wrap {
    height: 72px !important;
    min-height: 72px !important;

    padding: 3px 8px 4px !important;

    align-items: center !important;
  }

  #mmenu.isMobile .wrap > a {
    height: 62px !important;

    gap: 1px !important;

    padding: 2px 0 !important;

    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* ICONA STANDARD */

  #mmenu.isMobile .wrap > a:not(.l3) > i {
    width: 36px !important;
    height: 36px !important;

    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 21px !important;

    color: #41536d !important;

    background: transparent !important;
  }

  /* TESTO */

  #mmenu.isMobile .wrap > a:not(.l3) > span {
    font-size: 10px !important;
    line-height: 11px !important;

    font-weight: 700 !important;

    color: #41536d !important;
  }

  /* STATO ATTIVO */

  #mmenu.isMobile .wrap > a.active:not(.l3) > i {
    background: #fff0e6 !important;

    color: #ff5a00 !important;

    box-shadow:
      0 3px 8px rgba(255,90,0,.12) !important;
  }

  #mmenu.isMobile .wrap > a.active:not(.l3) > span {
    color: #ff5a00 !important;
  }

  #mmenu.isMobile .wrap > a.active:not(.l3)::before {
    display: none !important;
    content: none !important;
  }

  /* PUBBLICA */

  #mmenu.isMobile .wrap > a.l3 {
    height: 72px !important;

    position: relative !important;

    background: transparent !important;
  }

  #mmenu.isMobile .wrap > a.l3 > i {
    width: 50px !important;
    height: 50px !important;

    top: -12px !important;

    border: 0 !important;

    background: #ff5a00 !important;

    box-shadow:
      0 6px 14px rgba(255,90,0,.24) !important;

    font-size: 22px !important;
  }

  #mmenu.isMobile .wrap > a.l3 > span {
    top: 48px !important;

    font-size: 10px !important;
    line-height: 11px !important;

    font-weight: 700 !important;

    color: #34445d !important;
  }
}

/* ===== SASACO MOBILE BOTTOM NAV MODERN V4 END ===== */

/* ===== SASACO MOBILE LOGOUT RED V1 START ===== */

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

  #menu-options.mobile-box .foot a.logout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 18px !important;

    border: 1px solid #ffd2d6 !important;
    border-radius: 14px !important;

    background: #fff1f2 !important;

    color: #e30613 !important;

    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    box-shadow:
      0 4px 12px rgba(227,6,19,.08) !important;

    transition:
      background .18s ease,
      border-color .18s ease,
      transform .18s ease !important;
  }

  #menu-options.mobile-box .foot a.logout:hover,
  #menu-options.mobile-box .foot a.logout:focus,
  #menu-options.mobile-box .foot a.logout:active {
    background: #ffe4e6 !important;
    border-color: #ffb8bf !important;

    color: #c9000d !important;

    text-decoration: none !important;
  }

}

/* ===== SASACO MOBILE LOGOUT RED V1 END ===== */

/* ===== SASACO MOBILE LOGOUT POSITION FIX V1 START ===== */

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

  #menu-options.mobile-box .foot {
    bottom: 78px !important;
    height: auto !important;

    padding:
      12px 16px 10px
      !important;

    background: #fff !important;

    border-top: 1px solid #edf1f6 !important;
  }

  #menu-options.mobile-box .foot a.logout {
    margin: 0 !important;
  }

}

/* ===== SASACO MOBILE LOGOUT POSITION FIX V1 END ===== */