/* ============================================================
   1001.it - REGOLE FISSE (file stile-1001-base.css nella cartella /custom del sito, caricato via FTP)
   Dal 13/10/2026 il pannello CSS di ReadyPro accetta al massimo 65000 caratteri: il CSS
   e' diviso in due parti, nello stesso ordine di prima.
   1) QUESTO FILE: la parte che non cambia piu' - CSS originale del sito (strati 1, 2, 3)
      e sezione PAGINE NUOVE 1001 fino al modulo di registrazione: home, Ho.Re.Ca., pagine informative,
      Contatti, Richiesta reso, Non sai cosa scegliere, accessibilita', Eventi, pagine legali,
      colonna di sinistra, pagine di catalogo, scheda prodotto, menu del telefono, cookie, carrello,
      cassa, riepilogo ordine, Accedi e Registrazione.
   2) PANNELLO CSS DI READYPRO: la riga @import che carica questo file, poi il resto
      (correzioni per i telefoni, Produttori, Torna su, finestre, area cliente, pie' di pagina, blog...)
      e tutte le modifiche nuove.
   Questo file non si tocca: per cambiare una sua regola si scrive la regola nuova nel
   pannello, che viene dopo e quindi vince. Se un giorno lo si cambia, va ricaricato via FTP
   e nel pannello va cambiato il numero dopo v= (il server tiene in cache i file di /custom
   per 20 giorni).
   Origine: CSS 2026-10-13o, righe 40-5231 del file intero (versione 20261013p);
   dal 14/10/2026 (versione 20261014c) in fondo anche le sezioni del pannello dall'accessibilita' alla scheda prodotto,
   spostate qui perche' il pannello era quasi a 65000 caratteri. L'ordine delle regole e' rimasto lo stesso.
   Dal 14/10/2026 pomeriggio (versione 20261014f) anche le sezioni dal menu del telefono al modulo di registrazione.
   ------------------------------------------------------------
   STRATO 1  TOKEN       variabili colore/font/spaziature + font-face
   STRATO 2  COMPONENTI  classi condivise .p1001-* (pannello, titolo,
                         pill, bottone, card, griglia): il markup nuovo
                         usa queste; i vecchi nomi di classe (.srch-pill,
                         .bp-card, .cat-faq, .ce-cta...) sono alias.
   STRATO 3  OVERRIDE    regole sulla skin "wonder" di ReadyPro, nello
                         stesso ordine di prima, sezione per sezione;
                         in coda i blocchi che prima erano iniettati
                         da custom.js (ora custom.js non contiene CSS).
   ------------------------------------------------------------
   Regole del gioco:
   - nessun CSS dentro i file .js: gli script aggiungono solo classi di
     stato (body.hdr-compact, body.pack-hide, data-tipo-cliente)
   - caratteri speciali solo come codici Unicode (es. \20AC): ReadyPro
     lavora in Windows-1252
   - !important solo se la skin usa un selettore piu' specifico; mai per
     vincere contro una regola di questo stesso file (si sposta la regola)
   ============================================================ */


/* ============================================================
   STRATO 1 - TOKEN
   ============================================================ */
:root {
  --colore-sezione: #F2C230;
  --colore-contrasto: #E8701A;
  --font-titoli: 'Bebas Neue', sans-serif;
  --font-testo: Raleway, Helvetica, sans-serif;
  --testo: #222;
  --testo-secondario: #6B6B6B;
  --fondo-pannello: #FAFAFA;
  --bordo-card: #E6E6E6;
  --ombra-card: 1px 2px 6px #d7d7d7;
  --raggio: 8px;
  --raggio-pill: 22px;
}
/* Accento di sezione (dal 13/10/2026 grafica unificata: stessa testata e stessi colori
   ovunque; nell'area vino resta solo l'accento rosso di 1001 Vini su barre e sottolineature) */
:root {
  --colore-accento: #F2C230;
}
:is(.webAreaID_60, .webAreaID_109) {
  --colore-accento: #c33455;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('/custom/fonts/BebasNeue.woff2') format('woff2'),
       url('/custom/fonts/BebasNeue.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}


/* ============================================================
   STRATO 2 - COMPONENTI CONDIVISI 1001
   Ogni componente e' definito una volta sola. I selettori "vecchi"
   (.cat-faq, .box-prodotti-out, .ce-cta, .srch-pill, .ce-pill, .bp-*)
   sono alias per il markup che custom.js genera oggi.
   ============================================================ */

/* Pannello chiaro con bordo giallo in alto (FAQ categoria, box blog,
   carrello vuoto, ...) */
.p1001-panel,
.cat-faq,
.box-prodotti-out,
#showCartEmptyMessage .ce-cta {
  background: var(--fondo-pannello);
  border-top: 3px solid var(--colore-sezione);
  padding: 18px 16px;
}

/* Titolo di pannello in Bebas */
.p1001-title,
.box-prodotti-out .bp-title,
#showCartEmptyMessage .ce-title {
  font-family: var(--font-titoli);
  font-size: 24px;
  letter-spacing: .5px;
  color: var(--testo);
  line-height: 1.1;
}

/* Titolo con evidenziatore giallo (marker sotto il testo) */
.p1001-evidenziato,
h2.birrifici-title span {
  box-shadow: inset 0 -12px 0 var(--colore-sezione);
}

/* Pill (link a capsula): bianca con bordo, gialla se principale */
.p1001-pill,
.srch-pill,
#showCartEmptyMessage .ce-pill {
  display: inline-block !important;
  padding: 8px 16px !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: var(--raggio-pill) !important;
  color: var(--testo) !important;
  font-family: var(--font-testo) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
.p1001-pill:hover,
.srch-pill:hover,
#showCartEmptyMessage .ce-pill:hover {
  background: var(--colore-contrasto) !important;
  border-color: var(--colore-contrasto) !important;
  color: #fff !important;
}
.p1001-pill-main,
.srch-pill-main,
#showCartEmptyMessage .ce-pill-main {
  background: var(--colore-sezione) !important;
  border-color: var(--colore-sezione) !important;
}

/* Bottone giallo (call to action) */
.p1001-btn,
.box-prodotti-out .bp-btn,
.box-prodotti-out .bp-all-btn {
  display: inline-block;
  background: var(--colore-sezione);
  color: var(--testo) !important;
  font-family: var(--font-testo);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  padding: 9px 16px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}
.p1001-btn:hover,
.box-prodotti-out .bp-all-btn:hover,
.box-prodotti-out .bp-card:hover .bp-btn {
  background: var(--colore-contrasto);
  color: #fff !important;
  text-decoration: none !important;
}

/* Card prodotto (link intero) */
.p1001-card,
.box-prodotti-out .bp-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--bordo-card);
  border-radius: 6px;
  padding: 12px 12px 14px;
  color: var(--testo) !important;
  text-align: left;
  text-decoration: none !important;
  transition: box-shadow .15s;
}
.p1001-card:hover,
.box-prodotti-out .bp-card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}

/* Griglia di card, responsive */
.p1001-grid,
.box-prodotti-out .bp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 14px;
}
@media (max-width: 600px) {
  .p1001-grid,
  .box-prodotti-out .bp-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}


/* ============================================================
   STRATO 3 - OVERRIDE DELLA SKIN READYPRO (ordine invariato)
   ============================================================ */
/* INDICE DELLO STRATO 3 (cerca il titolo nel file):
   - CARICARE VELOCEMENTE HEADER
   - READYPRO FIX ASSISTENZA
   - CARRELLO MODIFICA
   - BADGE READYPRO
   - (layout generale, header, megamenu, footer, box laterali, carrello a tendina, login...)
   - FILTRO PRIMA DEI PRODOTTI
   - COOKIE
   - RECENSIONI VERIFICATE BOX FONDO PAGINA
   - SIDEBAR DX
   - SIDEBAR SX
   - MODULO RICERCA
   - REGOLA RICERCA
   - BLOG
   - MIX
   - FONT BEBAS IN BLOCCO
   - SCHEDA PRODOTTO MIGLIORATA
   - ELENCO CUBI
   - ELENCO ORIZZONTALE
   - BADGE GLOBALI / BLACKFRIDAY / ORDINABILE / SAN PATRIZIO / IBW / PROMO / QUANTITA
   - ETICHETTE COLORATE (Gluten Free, Alcohol Free, Low Alcohol, Fuori catalogo, Spot)
   - ELENCO GRIGLIA
   - MARCHI
   - VISUALIZZAZIONE INSERZIONI
   - MEDIA QUERIES
   - SCHEDA PRODOTTO MOBILE (barra fissa Aggiungi; su mobile accessibilita' e torna su a sinistra)
   - BANNER LATERALI
   - CARATTERISTICHE
   - ARTICOLI CORRELATI BOX
   - MENU DESKTOP
   - MENU MOBILE
   - PANNELLO ACCESSO AREA UTENTE
   - PAGINE PERSONALIZZATE
   - FORM REGISTRAZIONE
   - FOOTER PERSONALIZZATO
   - PRE FOOTER
   - SOTTO FOOTER
   - TOP BAR
   - ASSISTENZA HEADER
   - CATEGORIE BOX DI PAGINA
   - CATEGORIE LINK DI PAGINA
   - ACCESSIBILITA
   - CARRELLO (riepilogo: spedizione gratuita, contributo imballo, pulsante Acquista ora)
   - NOTIFICA "AGGIUNTO AL CARRELLO"
   - MERCE SU ORDINAZIONE
   - BOX PEZZI (bottoni Aggiungi 6/12/24, fuso con il CSS compatto ex custom.js)
   - BOTTONE IBW PROVALA NELLA BOX
   - CUBI - PREZZO IN LINEA
   - NASCONDERE MAGAZZINO
   - FASCIA FUORI CATALOGO
   - CATEGORIE BIRRIFICI / PRODUTTORI GRID
   - AREA VINO
   - STEP 3 - CONTENUTI SU TELA BIANCA (home)
   - PAGINE NUOVE 1001 (in fondo al file: Spedizioni, Pagamenti, Chi siamo, Ho.Re.Ca.)
   - ACCESSIBILITA: contrasto etichette categorie e messaggio prezzo (link sottolineato)
   - --- blocchi ex custom.js ---
   - PAGINE FILTRO SEO
   - RICERCA INTERNA
   - PAGINE CATEGORIA: FAQ sotto la lista prodotti
   - HEADER MOBILE COMPATTO
   - TESTATA MOBILE (casella di ricerca sempre visibile)
   - BLOG: box prodotti automatici
   - CARRELLO VUOTO
*/

/*CARICARE VELOCEMENTE HEADER*/
#header_responsive #logo {max-width: 150px;
}
#menu li a {
  color: #000;
  padding: 5px;
  margin: 5px 10px;
  font-size: 20px !important;
}
.icone img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: block;
}
.TopBar {
  min-height: 28px;
}
.top_buttons li.box_search {
  position: relative;
}
.telefono--in-search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#header_responsive .top_buttons li.box_search {
  padding-right: 180px;
}
@media only screen and (max-width: 800px) {
  #messaggioUtente {
    min-height: 32px !important;
  }
  .TopBar li, .TopBar li a {
    font-size: 10px;
    text-align: center;
  }
  #header_responsive .top_buttons li.box_search {
    padding-right: 45px;
  }
  .top_buttons li.box_search {
    position: static;
  }
  .telefono--in-search {
    padding: 0 75px 0px 0;
  }
  .telefono .telefono-link {
    border-right: none !important;
    margin-right: 10px !important;
  }
}
/*END*/

/*READYPRO FIX ASSISTENZA*/
#header_responsive:has(.box_text_search.show) {
  z-index: 1000;
}
/*CARRELLO MODIFICA*/
.info[data-line="Codice produttore"] > strong {
  visibility: hidden;
  position: relative;
}
.info[data-line="Codice produttore"] > strong::after {
  content: "TMC:";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}
#showCart .showCartTable .info {
  display: none;
}
/*BADGE READYPRO*/
.productsWrapper .badge-ribbon-title.b1,
#sheetBox .badge-ribbon-title.b1,
.bigBox .badge-ribbon-title.b1:not(.belongsToGroup),
.bigBoxFade .badge-ribbon-title.b1:not(.belongsToGroup),
.carousel .badge-ribbon-title.b1:not(.belongsToGroup),
.miniBox .badge-ribbon-title.b1:not(.belongsToGroup) {
  background-color: #060 !important;
  border-radius: 8px;
  margin-right: 0px !important;
  box-shadow: 1px 2px 6px #d7d7d7;
}
.productsWrapper .badge-ribbon-title.b3,
#sheetBox .badge-ribbon-title.b3,
.bigBox .badge-ribbon-title.b3:not(.belongsToGroup),
.bigBoxFade .badge-ribbon-title.b3:not(.belongsToGroup),
.carousel .badge-ribbon-title.b3:not(.belongsToGroup),
.miniBox .badge-ribbon-title.b3:not(.belongsToGroup) {
  background-color: var(--colore-sezione) !important;
  border-radius: 8px;
  margin-right: 0px !important;
  box-shadow: 1px 2px 6px #d7d7d7;
}
.productsWrapper .badge-ribbon-title.b5,
#sheetBox .badge-ribbon-title.b5,
.bigBox .badge-ribbon-title.b5:not(.belongsToGroup),
.bigBoxFade .badge-ribbon-title.b5:not(.belongsToGroup),
.carousel .badge-ribbon-title.b5:not(.belongsToGroup),
.miniBox .badge-ribbon-title.b5:not(.belongsToGroup) {
  background-color: #333399 !important;
  border-radius: 8px;
  margin-right: 0px !important;
  box-shadow: 1px 2px 6px #d7d7d7;
}
.productsWrapper .badge-ribbon-title.b6,
#sheetBox .badge-ribbon-title.b6,
.bigBox .badge-ribbon-title.b6:not(.belongsToGroup),
.bigBoxFade .badge-ribbon-title.b6:not(.belongsToGroup),
.carousel .badge-ribbon-title.b6:not(.belongsToGroup),
.miniBox .badge-ribbon-title.b6:not(.belongsToGroup) {
  background-color: #AD0000 !important;
  border-radius: 8px;
  margin-right: 0px !important;
  box-shadow: 1px 2px 6px #d7d7d7;
}
.productsWrapper .badge-ribbon-title.b1:after,
#sheetBox .badge-ribbon-title.b1::after,
.bigBox .badge-ribbon-title.b1:not(.belongsToGroup)::after,
.bigBoxFade .badge-ribbon-title.b1:not(.belongsToGroup)::after,
.carousel .badge-ribbon-title.b1:not(.belongsToGroup)::after,
.miniBox .badge-ribbon-title.b1:not(.belongsToGroup)::after,
.productsWrapper .badge-ribbon-title.b3:after,
#sheetBox .badge-ribbon-title.b3::after,
.bigBox .badge-ribbon-title.b3:not(.belongsToGroup)::after,
.bigBoxFade .badge-ribbon-title.b3:not(.belongsToGroup)::after,
.carousel .badge-ribbon-title.b3:not(.belongsToGroup)::after,
.miniBox .badge-ribbon-title.b3:not(.belongsToGroup)::after,
.productsWrapper .badge-ribbon-title.b5:after,
#sheetBox .badge-ribbon-title.b5::after,
.bigBox .badge-ribbon-title.b5:not(.belongsToGroup)::after,
.bigBoxFade .badge-ribbon-title.b5:not(.belongsToGroup)::after,
.carousel .badge-ribbon-title.b5:not(.belongsToGroup)::after,
.miniBox .badge-ribbon-title.b5:not(.belongsToGroup)::after,
.productsWrapper .badge-ribbon-title.b6:after,
#sheetBox .badge-ribbon-title.b6::after,
.bigBox .badge-ribbon-title.b6:not(.belongsToGroup)::after,
.bigBoxFade .badge-ribbon-title.b6:not(.belongsToGroup)::after,
.carousel .badge-ribbon-title.b6:not(.belongsToGroup)::after,
.miniBox .badge-ribbon-title.b6:not(.belongsToGroup)::after {
  display: none;
}
/*END*/

#head,
#mainTableContainer,
#foot_top_html,
#footer_custom_els {
  max-width: 1680px;
  margin: 0 auto;
}
body {
  padding: 0px;
  background: #fff !important;
}
#top_cart .cart_item,
#top_cart_1 .cart_item {
  border-bottom: 1px solid #DBA82A;
}
#top_cart .cart_item:nth-child(odd),
#top_cart_1 .cart_item:nth-child(odd) {
  background: #ecdfb36b;
}
#top_cart .cart_item .price {
  color: var(--colore-contrasto);
}
#top_cart_1 .cart_item .price {
  color: #DBA82A;
}
#top_cart .total_box,
#top_cart_1 .total_box {
  background: #f0e7ca;
  border-radius: 0px;
}
.esclusive {
  text-align: center;
  font-size: 200% !important;
  text-transform: uppercase;
  color: #DBA82A;
  padding-bottom: 2% !important;
  letter-spacing: 0px;
  font-style: italic;
}
.sy-pager {
  display: none;
}
#megamenuLayer {
  max-width: none !important;
  min-width: auto;
}
#megamenuLayer .megamenufilters,
#megamenuLayer .categoriesLinks,
#megamenuLayer .pagesLink {
  border-bottom: none;
  margin-bottom: 0px;
}
#megamenuLayer dt a:hover,
#megamenuLayer dt {
  background-image: none;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
#menu {
  background: none;
}
#menu ul {
  text-align: center;
  text-transform: uppercase;
  margin: 3px auto 0px auto;
}
#head {
  background: transparent;
}
div#foot_top_html {
  padding: 10px 0px;
  width: 97% !important;
}
#foot {
  background: var(--colore-contrasto);
  max-width: 100%;
  border-radius: 0px;
  padding: 5px;
}
#socialNetworks {
  float: right;
  height: 35px;
}
.titolo-sezione {
  text-align: center;
  font-size: 350% !important;
  text-transform: uppercase;
  color: #191919;
  padding-bottom: 1% !important;
  letter-spacing: -3px;
  font-style: italic;
  font-weight: 600 !important;
}
#header_responsive #header_top_bar_wrapper {
  background: transparent;
  padding: 0px;
}
.footer_block, .footer_block a {
  color: #000;
}
#searchBrandForm,
#latestModelsBox,
#searchForm,
#cartBoxRight,
#qrCodeBox,
#blogSearch {
  background: transparent;
  border-radius: 0px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
#header_responsive .btn_cart>a {
  padding-left: 40px;
}
#cartBoxRight input.b_green:hover,
#top_cart input.b_green:hover {
  background-color: #F0891A;
  background-image: linear-gradient(to bottom, #F0891A 0, #fccc62 100%);
}
#cartBoxRight p {
  color: #000;
}
#searchBrandForm a,
#latestModelsBox a,
#searchForm a,
#qrCodeBox a,
#blogSearch a {
  color: #000;
}
#categories,
#userBox,
.rssFeed,
.feedBackBox,
#colDx .miniBox,
#colSx .miniBox,
#blogLatestItems,
.feedbackBoxMedia .content,
#sendOrderDetails .container > div {
  margin-bottom: 20px;
  border-radius: 0px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.filterBoxes dt {
  background: transparent;
}
#loginBox, .newsletterBox,
#mainSearchFormBoxSX,
#mainSearchFormBoxDX,
#currenciesBox,
#blogLatestItems {
  border-radius: 0px;
  background: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
#colMid .bigBox,
#colMid .bigBoxFade,
#colMid .feedBackBox_mid,
#colMid #formRequestInfo,
#existentUserBox,
#regForm.gCheckout,
#newUserBox {
  border-radius: 0px;
  background: #fff;
  padding: 0px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: #000;
}
#colMid .bigBox .boxTitle,
#colMid .bigBoxFade .boxTitle,
#colMid .feedBackBox_mid .boxTitle,
#colMid #formRequestInfo .boxTitle,
#existentUserBox .boxTitle,
#regForm.gCheckout .boxTitle,
#newUserBox .boxTitle {
  background-color: transparent;
  background-image: none;
  border-bottom: none;
  border-left: none;
}
#tab_social {
  padding-top: 10px;
}
#top_cart .title {
  background: #DBA82A;
}
#sheetBox .attachmentsBox th,
.variantsBox th,
#shoppingCartGrid thead th,
table.artCollBox th,
#sheetBoxTopDetails .servicesBox h2 {
  background: var(--colore-sezione);
  color: #000;
  border: none;
}
#mainResultBox .cubes .resultBox .cart {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  width: 100%;
}
.pages a, .pages input {
  background: var(--colore-sezione);
  border-radius: 55px;
  box-shadow: 1px 2px 6px #d7d7d7;
  border: none;
  padding: 4px 11px;
}
span.selectedPg a,
a.selectedPg,
input.selectedPg {
  background: var(--colore-contrasto) !important;
}
#header_responsive .top_buttons input.btn_search {
  border-radius: 8px !important;
  border: none !important;
}
#header_responsive .top_buttons input.txt_search {
  border-radius: 8px !important;
  background-color: #fff;
  border: none !important;
  box-shadow: none;
  padding: 0 30px !important;
  margin: 0px;
}
.mainPrice {
  color: #006600;
}
.fullAV {
  color: #006600;
}
#sheetBox .detailsBox th {
  border: 0px;
  padding: 5px 0;
}
.filterBoxes {
  display: none !important;
}
#mainSearchFormBox select {
  border-radius: 25px;
}
#footer_custom_els_container {
  background-color: var(--colore-sezione);
  max-width: 100%;
}
#header_responsive .top_buttons .btn_cart .counter {
  position: absolute;
  top: -2px;
  left: 15px;
  background: var(--colore-contrasto);
  color: #fff;
  padding: 0 5px 0 5px;
  border-radius: 4px;
  line-height: 1.5;
}
#header_responsive #top_buttons_wrapper {
  background: transparent;
  border: none;
}
#cartBoxRight .boxTitle span {
  text-align: left;
  background-image: url(/ReadySkins/wonder/img/icon_cart_new.png);
  background-position: right;
  margin: 0 5px 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
input.txt_search:focus {
  outline: 0px;
}
#header_responsive {
  background-color: var(--colore-sezione);
}
#menu li a.selectedButt {
  color: var(--colore-contrasto);
  background-color: transparent;
}
#menu li a:hover {
  color: var(--colore-contrasto) !important;
  background-color: transparent;
}
div#cartBoxRight {
  background: #ffeec8;
  border-radius: 9px;
  font-weight: 400;
  font-size: 13.33px;
  border: 1px solid #8080801f;
}
#cartBoxRight > form {
  padding: 5px 10px 5px 10px;
  background-color: #ffeec8;
  border-radius: 9px;
}
div#cartBoxContainer input.butt1.b_green {
  background: #64c35e;
  border-radius: 25px;
  font-size: small;
  color: white;
  border: none;
}
div#cartBoxContainer input.butt1.b_green:hover {
  background: var(--colore-contrasto);
}
#cartBoxRight .cart_item:nth-child(odd) {
  background: #fff;
}
#cartBoxRight .cart_item {
  background-color: #fff;
  padding: 5px;
  border-top: 1px solid #ddd;
}
#cartBoxRight .cart_item img {
  max-width: 35px;
  border: 1px solid #c7c7c7;
}
#cartBoxRight .total_value {
  color: #ff8001;
}
div#loginBox_Title {
  background-color: var(--colore-sezione) !important;
}
#loginBox .boxTitle span {
  text-align: left;
  background-image: url(/readycontent/images/pg-icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 5px 21px 5px 8px;
}
#loginBox form {
  background: white;
  font-size: 13.33px;
  padding: 10px;
  overflow: auto;
}
#loginBox ul {
  background: #fff9eb;
}
li.column {
  border-radius: 8px !important;
  border-top: 1px double #ccc !important;
  border-right: 1px double #ccc !important;
  border-bottom: 1px double #ccc !important;
  border-left: 1px double #ccc !important;
}
li.column:hover {
  border: 1px double #999 !important;
}
.empty {
  display: none !important;
}
#mostImportantProducts_Title span a,
#firstDownBox_Title span a,
#secondDownBox_Title span a,
#thirdDownBox_Title span a,
#fifthGroupBox_Title span a,
#sixthGroupBox_Title span a,
#seventhGroupBox_Title span a,
#nineGroupBox_Title span a,
#tenGroupBox_Title span a {
  background: var(--colore-sezione);
  padding: 10px 30px;
  border-radius: 25px 25px 0px 0px;
}
.titolo-lista span a {
  box-shadow: inset 0 -12px 0 var(--colore-sezione);
  text-transform: uppercase;
}
#colMid .bigBox .boxTitle span {
  padding: 5px 10px 0px;
}
#colMid .bigBox .boxTitle {
  margin: 0px;
}
li#top_cart_button div#top_cart {
  display: none;
}
li#top_cart_button div#top_cart .title {
  background: linear-gradient(45deg, #F2C230, #E0A800);
  font-weight: 600;
  text-transform: uppercase;
}
li#top_cart_button div#top_cart .title strong {
  color: black;
}
li#top_cart_button div#top_cart p {
  font-size: 100%;
  padding: 10px;
}
li#top_cart_button div#top_cart form input.butt1.b_green {
  padding: 5px;
  background-color: var(--colore-contrasto) !important;
  width: 35%;
  border-radius: 5px;
  font-size: 10.67px;
}
li#top_cart_button div#top_cart form input.butt1.b_green:hover {
  background-color: #ff9e43 !important;
}
li#top_cart_button div#top_cart .cart_content_detailed .cart_item {
  background: none;
  border-bottom: 1px solid var(--colore-sezione);
}
li#top_cart_button div#top_cart .total_box {
  background: none;
  padding: 8px;
  margin: 0px;
}
#categories > ul > li > a.folder:hover {
  color: var(--colore-contrasto);
  background: none;
}
div#addVotoBox div form input.butt1 {
  border-radius: 5px;
  padding: 5px;
  font-size: x-small;
  background: none !important;
  color: #ff6100 !important;
}
div#addVotoBox div form input.butt1:hover {
  background: none !important;
  color: #461a00 !important;
}
.feedBackBox {
  background: #fff9eb;
  color: black;
}
.feedBackBox .boxTitle.bkg2 {
  background: var(--colore-contrasto);
  color: white;
}
div#r_left_menu {
  border: none;
  box-shadow: 0px 0px 4px #14141447;
}
#r_left_menu .r_left_menu_container_scroll ul li.btn_left_close.btn {
  border-radius: 0px;
}
div#preRegistrationPage tbody tr th a {
  background: var(--colore-sezione);
  color: #000;
  border-radius: 8px;
  text-transform: uppercase;
}
div#preRegistrationPage tbody tr th a:hover {
  background: var(--colore-contrasto);
}
ul#sheetBoxesMenu li.selected {
  background: var(--colore-sezione) !important;
}
div#sheetProductDescription .descriptionBox h2 {
  background: none !important;
  color: black !important;
  text-transform: uppercase;
  margin: 5px 0px !important;
  padding: 0px !important;
}
#cartBoxRight .boxTitle span::after {
  display: none;
}
#loginBox .boxTitle span::after {
  display: none;
}
#categories .boxTitle span::after {
  display: none;
}
.rdy-search-params {
  display: none;
}
.rdy-search-filters fieldset strong.legend {
  background: var(--colore-sezione);
}
.rdy-search-results .pages input.pg {
  border: 1px solid orange;
  color: var(--colore-contrasto) !important;
  margin: 0px 2px;
  padding: 3px 7px;
}
.rdy-search-results .pages input.pg.selectedPg {
  color: white !important;
  border: 1px solid var(--colore-contrasto) !important;
  padding: 3px 7px;
  margin: 0px 2px;
}
.rdy-search-results .pages input.prev:disabled {
  border: 1px solid #777;
  color: #777777 !important;
  background: #eee;
  padding: 3px 7px;
}
.rdy-search-results .pages input.prev {
  border: 1px solid var(--colore-contrasto);
  color: var(--colore-contrasto) !important;
  background: #ffeec8;
  padding: 3px 7px;
}
.rdy-search-results .pages input.next {
  background: var(--colore-sezione);
  border-radius: 0px 0px 25px 25px;
  padding: 10px 25px;
  color: #000;
}
.results-view a.selected,
.results-view a:hover {
  background: none;
  opacity: 0.5;
}
.fancybox-lock {
  overflow: scroll !important;
}
body#body_showCart .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_cartStep .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_addressStep .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_courierStep .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_paymentStep .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_sendStep .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
body#body_getProd .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
.r_left_menu_container_scroll ul li.btn_left_logout.btn a {
  background-image: url(/ReadySkins/wonder/img/icon_user_admin.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#couriersListPage th,
#paymentsListPage th,
#sendOrderDetails th {
  display: none;
}
div#couriersListPage form a.buttBack,
#paymentsListPage form a.buttBack,
#sendOrderDetails form a.buttBack,
div#otherDestinationsPage form a.buttBack {
  color: white;
}
div#couriersListPage form input.buttContinueAndOrder,
#paymentsListPage form input.buttContinueAndOrder,
#sendOrderDetails form input.buttContinueAndOrder,
div#otherDestinationsPage form input.buttContinueAndOrder {
  color: black;
  background-image: url(/ReadySkins/wonder/img/right_arrow.png), linear-gradient(to bottom, #fccc62 0, #F0891A 100%);
  background-repeat: no-repeat;
  background-position: right;
  border-radius: 5px;
  border: 1px solid #c27501;
}
body#body_getProd .fancybox-overlay.fancybox-overlay-fixed a.btn.continue_shop {
  display: inline-block;
}
body#body_getProd .fancybox-overlay.fancybox-overlay-fixed a.btn.stop_shop {
  display: inline-block;
}
div#mainTableContainer div#mainTable div#colDx a#backToShopButton {
  display: none;
}
div#sendOrderDetails table tbody tr.freeText {
  color: black;
  font-size: xx-small;
  display: block;
}
div#sendOrderDetails table tbody tr.freeText th {
  display: none;
}
div#sendOrderDetails table tbody tr.freeText td h2 {
  margin: 9px 0px;
}
div#sendOrderDetails table tbody tr.deliveryNotes th {
  display: inline;
  background: white;
}
div#sendOrderDetails table tbody tr.deliveryNotes td {
  display: block;
}
div#sendOrderDetails table tbody tr.generalNotes th {
  display: inline;
  background: white;
}
div#sendOrderDetails table tbody tr.generalNotes td {
  display: block;
}
div#sendOrderDetails table tbody tr.fermoDeposito th {
  display: inline;
  background: white;
}
div#sendOrderDetails table tbody tr.fermoDeposito td {
  display: block;
}
div#sendOrderDetails .confirmOrderTotal {
  text-align: right;
  float: right;
}
div#sendOrderDetails table textarea {
  width: auto !important;
  height: auto !important;
}
div#paymentsListPage tr.paymentsList .notes img {
  display: none;
}
div#paymentsListPage tr.paymentsList .notes p strong {
  background-image: none;
  padding: 0px;
}
body#body_userFeedback .fancybox-overlay.fancybox-overlay-fixed {
  display: block !important;
}
form#registrationMainForm table tr td input.wrongValue {
  box-shadow: 0 0 3px red;
}
.fancybox-outer .fancybox-inner div#deleteCartLine_5 .ajax_message form a.btn.ok, .btn.close, .btn.ko {
  width: 45%;
  background: #dfdfdf !important;
  padding: 10px 0px;
  color: #000;
  border-radius: 8px;
}
a.btn.ok.stop_shop {
  width: 50%;
  background: #64c359 !important;
  padding: 10px 0px;
  color: #ffffff;
  border-radius: 25px;
}
div#showCart table.showCartTable tbody select.cart_form_quantity {
  width: 60px;
}
div#sheetBox div#paypalShortCutContainerBox {
  display: none;
}
div#sheetBoxTopDetails tbody {
  display: grid;
}
#paymentsList li strong {
  padding: 0;
  line-height: 30px;
  box-sizing: border-box;
}
.ajax_message .title {
  color: var(--colore-contrasto);
}
.btn_wrapp {
  margin: 15px 0 0px 0;
}
.btn_wrapp .ok {
  background-image: none;
  background-color: var(--colore-sezione);
  padding: 10px;
  border-radius: 8px;
}
.btn_wrapp .ok:hover {
  background-color: var(--colore-contrasto);
}
.ajax_message p {
  padding: 10px 20px 10px 10px;
  font-size: 100%;
  text-align: center;
}
#telToFriend {
  border: none;
  padding: 10px;
}
#tellToFriendForm {
  margin-top: 0px;
}
.socialShare {
  margin-top: 0px;
  padding: 10px 0 0 0;
  border-top: none;
}
div#messageMiddleBox h1.boxTitle {
  margin: 0px 5px;
}
div#cartButtons a.buttContinueAndOrder {
  border-radius: 8px;
  font-size: 22px !important;
}
div#cartButtons a.buttContinueAndOrder:hover {
  background-color: var(--colore-contrasto);
}
div#gCheckoutFormContent input#gCheckoutFormSubmit {
  background-color: var(--colore-sezione) !important;
  color: #111;
  padding: 5px 10px;
}
#staticPage h1.principale {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  font-style: italic;
  margin: 5px;
  padding: 60px 0px;
  background-image: linear-gradient(60deg, #E8701A, #f9ac00);
}
#staticPage h2.subtitle {
  color: #3a3a3a;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px;
  margin: 5px;
}
#staticPage h4.domande {
  font-size: 20px !important;
  text-align: left;
  margin: 0px 5px;
  color: var(--colore-contrasto);
}
.testo-standard,
.testo-descrizione,
.testo-fondo-pagina {
  font-size: 100%;
}
.testo-standard p,
.testo-descrizione p,
.testo-fondo-pagina p {
  margin-bottom: 10px;
  margin-top: 10px;
}
.testo-standard ul,
.testo-descrizione ul,
.testo-fondo-pagina ul {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.testo-standard li,
.testo-descrizione li,
.testo-fondo-pagina li {
  margin-bottom: 5px;
  margin-top: 5px;
}
div#searchBrandForm {
  background: white;
  box-shadow: 0 0 4px #d6d6d6;
  border: 1px solid gainsboro;
  margin: 5px;
  border-radius: 8px;
  padding: 0px 0px 5px;
}
div#searchBrandForm div#searchBrandForm_Title {
  background-color: var(--colore-contrasto) !important;
  color: white !important;
  font-size: 16px !important;
  font-weight: 200 !important;
}
div#searchBrandForm form#frmSearchBrand {
  padding: 4px 0px 0px;
}
div#searchBrandForm form#frmSearchBrand select.mainSearchFormFilter.sel_t9 {
  color: #3a3a3a;
  border: none;
}
div#loginBox {
  margin: 5px;
  border-radius: 8px;
  box-shadow: 0 0 4px gainsboro;
}
div#loginBox div#loginBox_Title {
  padding: 4px;
  border: none;
  border-radius: 8px 8px 0px 0px;
  font-size: 13.33px;
  font-weight: 500;
  color: #3a3a3a;
}
div#loginBox form label {
  color: #3a3a3a;
  font-weight: 600;
}
div#loginBox form input#uid, div#loginBox form input#pwd {
  font-size: 10.67px;
  padding: 5px;
  margin: 4px 0px 20px;
  border: 1px solid gainsboro;
}
div#loginBox form input#remember {
  margin: auto;
}
div#loginBox form input.butt1.b_green {
  float: right;
  background-color: var(--colore-contrasto);
  margin: auto 0px;
  padding: 5px 10px;
}
div#loginBox ul {
  background: white;
  border: none;
  border-radius: 0px 0px 8px 8px;
}
div#loginBox ul li {
  padding: 0px 5px;
  font-size: small;
}
div#loginBox ul li a {
  color: black;
}
div#userBox {
  margin: 5px;
  border-radius: 8px;
  box-shadow: 0 0 4px gainsboro;
}
div#userBox div#userBox_Title {
  padding: 4px;
  border: none;
  border-radius: 8px 8px 0px 0px;
  font-size: 13.33px;
  font-weight: 500;
  color: #3a3a3a;
  background-color: var(--colore-sezione);
}
div#userBox div#userBox_Title span {
  background-image: url(/readycontent/images/pg-icon.png);
  background-size: contain;
}
div#userBox p {
  padding: 5px;
  font-size: 13.33px;
  color: #3a3a3a;
}
div#userBox ul {
  font-size: 15px;
  padding: 5px 0px 10px;
}
div#userBox ul li {
  background-image: none;
  padding: 5px;
}
div#userBox ul li a {
  color: var(--colore-contrasto);
  font-weight: 600;
}
div#userBox form {
  padding: 8px;
}
div#userBox form input.butt1.b_red {
  text-transform: uppercase;
  background-color: var(--colore-contrasto);
  border-radius: 4px;
}
form#disclaimerForm .text {
  border: none;
  padding: 0px;
}
div#mainResultBox .pages a:hover {
  border: none;
  background: var(--colore-contrasto);
}
li#r_webArea_54, li#webArea_54 {
  background: #000;
}
li#r_webArea_54, li#webArea_54 a {
  color: white;
}
input.btn_search.main_butt {
  background-color: var(--colore-contrasto) !important;
}
#staticPage ul li {
  list-style: none;
  margin: 6px 10px 0px;
  padding: 0px;
  list-style-position: inside;
}
/* FILTRO PRIMA DEI PRODOTTI*/
#orderByForm {
  background: var(--colore-sezione);
  padding: 10px 25px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 10px 13px 1px #4040402b;
}
.rdy-search-results .tools .bar {
  background: #fff;
  place-content: end;
  padding: 0px 10px;
  margin: 0;
}
.rdy-search-results {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#mainResultBox li.view-cubes {
  margin: 10px 20px 0 0;
}
#mainResultBox li.view-horizontal {
  margin: 10px 0px 0 0;
}
.totResults,
.showFiltersWp {
  margin-right: 15px;
}
.pages {
  flex: 1;
  text-align: center;
}
.tools {
  margin-left: auto;
}
#orderByForm input {
  border: none;
}
#orderByForm p {
  margin: 0;
}
ul#categoriesBoxes.noDesc li.li-item a strong.boxTitle span,
ul#categoriesBoxes.noDesc li.li-folder a strong.boxTitle span {
  margin: 10px 0px 0px;
}
/* COOKIE */
#cookieAlert {
  background-color: var(--colore-sezione);
}
#cookieAlert a.ok {
  background: black;
  color: white;
  border: 1px solid black;
}
#cookieAlert a.details {
  color: black;
  border: 1px solid #000;
}
#cookieAlert a.close {
  right: 11px;
  top: 12px;
}
#cookieAlert a.ok:hover {
  background: var(--colore-contrasto);
  border: 1px solid black;
}
#cookieAlert a.details:hover {
  background: var(--colore-contrasto);
  color: #fff;
}
#cookieAlert a:hover {
  background-color: var(--colore-sezione);
}
#cookieAlert>div.text {
  padding: 15px 40px 10px 20px;
}
#cookieFormChoice button.accept {
  background-color: var(--colore-sezione);
  border: none;
  color: #000;
}
#cookieFormChoice button.accept:hover {
  background: var(--colore-contrasto);
}
#cookieAlert a.details, #cookieAlert a.ok {
  min-width: 100px;
}
.cookie-controls,
a.cookiePreference {
  display: none !important;
}
/*fine Cookie*/
table#tab_social td {
  display: block;
}
.horizontal .resultBox h2.title {
  margin: 5px 0 5px 0px;
  font-size: 12px;
}
.sy-slides-wrap {
  box-shadow: none;
}
.megamenuLayerImage {
  padding: 10px;
  background: white;
  border: none;
}
.megamenuLayerContent {
  min-width: auto !important;
  min-height: auto !important;
  padding: 15px 20px;
}
.megamenuLayerContent h3.label {
  border-bottom: 2px solid var(--colore-sezione) !important;
  color: var(--colore-contrasto);
  margin: -2px -2px 10px !important;
}
.megamenuLayerContent .categoriesLinks.columnizeContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#colMid .horizontal .resultBox li.availab strong {
  display: none;
}
h4.rangePrice {
  font-size: 13.33px;
  font-weight: 400;
}
h4.rangePrice strong {
  display: block !important;
  font-weight: 500;
  color: #e5224e;
  font-size: 16px;
}
.grossPrice {
  display: inline;
  color: #AD0000;
}
.noAV {
  color: #AD0000;
}
.rangePrice {
  display: block;
  color: #060;
}
span.sDiscount {
  display: none;
}
#colMid .cart_form input.butt1, #colMid .cart_form_matrix input.butt1, #colMid .cart_form_disabled input.butt1 {
  background-color: var(--colore-sezione) !important;
  background-image: none;
  border: 0px;
}
#colMid .cart_form input.butt1:hover {
  background-color: var(--colore-contrasto) !important;
  background-image: none;
}
#colMid .cart_form_disabled input.butt1 {
  background: #dfdfdf !important;
}
#colMid .cart_form_disabled input.butt1:hover {
  padding: 8px 10px;
}
li.btn_left_logout.btn {
  display: none;
}
.r_left_menu_areas {
  border: 0px !important;
}
.megamenuLayerContent .categoriesLinks.columnizeContainer dl.onlyFirst dt.li-item a {
  font-size: 13.33px;
  font-weight: 600;
  color: #303030 !important;
}
div#loginAndRegister {
  padding: 0px;
  border-spacing: 0px;
}
div#existentUserBox, div#newUserBox {
  padding: 10px 20px;
}
div#existentUserBox form {
  padding: 0px;
  margin: 20px 0px;
}
div#existentUserBox fieldset input[type="text"],
div#existentUserBox fieldset input[type="password"] {
  border-radius: 5px;
  width: 100%;
}
div#existentUserBox fieldset label.remember_label {
  padding: 10px;
}
.loginAndRegister div#existentUserBox form input.butt1,
.loginAndRegister div#newUserBox form input.butt1 {
  background: var(--colore-sezione);
  border-radius: 8px !important;
  padding: 10px 30px !important;
  color: black !important;
}
.loginAndRegister div#existentUserBox form input.butt1:hover,
.loginAndRegister div#newUserBox form input.butt1:hover {
  background-color: var(--colore-contrasto);
}
div#existentUserBox form a {
  margin: 10px 0px;
}
div#existentUserBox form a:hover {
  color: var(--colore-contrasto);
}
div#homeRegUsers {
  width: 95%;
  margin: auto;
}
div#homeRegUsers h1.boxTitle {
  display: none;
}
div#homeRegUsers .homeRegUsersUserName {
  display: none;
}
div#homeRegUsers .panel ul li a {
  background: var(--colore-sezione);
  color: #000;
}
div#homeRegUsers .panel ul li a:hover {
  background: var(--colore-contrasto);
}
div#showCart select.cart_form_quantity {
  margin: 0px;
  border: none;
  box-shadow: inset 1px 1px 2px #ebebeb;
}
div#sendOrder {
  border: none !important;
}
div#showCart tfoot h3 {
  color: black;
}
.discountLine {
  background: transparent;
}
.discountLine p {
  font-size: 100% !important;
  text-align: right;
  color: #000 !important;
}
.confirmOrderTotal input#sendOrderButton {
  background-color: var(--colore-contrasto) !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
}
tr.productDetails.bkg1 {
  background: #f9f9f9;
}
td.td-mailinglist {
  color: #fff0;
}
#resultsTable.tableOverfloaded thead {
  left: 0;
  visibility: visible;
  margin: 0px;
  padding: 10px 0px;
  display: contents;
}
#resultsTable.tableOverfloaded tr {
  display: table-row;
  margin: 0px;
}
#resultsTable.tableOverfloaded td {
  border: 1px solid #ccc;
  padding-top: 10px;
}
#resultsTable.tableOverfloaded td:before {
  display: none;
}
/* RECENSIONI VERIFICATE BOX FONDO PAGINA*/
.skeepers_carousel_container .stars__item, #skeepers_carousel_modal .stars__item {
  background: var(--colore-sezione) !important;
}
.rating__value-numeric {
  color: #000 !important;
}
.skeepers_carousel_container, #skeepers_carousel_modal {
  margin-bottom: 0px !important;
}
.skeepers_carousel_container ul {
  display: none;
}
.view-more {
  font-weight: bold;
  color: #000 !important;
}
.skeepers_carousel_container .carousel-container .slide-arrow, #skeepers_carousel_modal .carousel-container .slide-arrow {
  color: var(--colore-sezione) !important;
}
/* SIDEBAR DX */
#body_getProd #colDx {
  width: 190px;
  min-width: 190px;
  max-width: 170px;
  padding: 5px 0 10px 0;
}
/* SIDEBAR SX */
.deleteFilters {
  font-size: 100% !important;
  border-radius: 8px;
  padding: 3px 35px !important;
}
.deleteFilters::before {
  left: 15px;
}
div#mainTableContainer div#categories div#categories_Title {
  background-color: #fff;
  width: fit-content;
  box-shadow: inset 0px -5px 0 0px var(--colore-sezione);
  background-image: none;
  margin-bottom: 10px;
}
/* MODULO RICERCA */
#colMid #mainSearchFormBox,
#colMid #compatTypesBox,
#sendOrder {
  border: none;
  margin: 0px 0px;
}
#colMid #mainSearchFormBox .boxTitle,
#colMid #compatTypesBox .boxTitle,
#colMid #sendOrder .boxTitle {
  background-color: transparent;
  background-image: none;
  border: none;
}
#colMid #mainSearchFormBox .boxTitle span,
#colMid #compatTypesBox .boxTitle span,
#colMid #sendOrder .boxTitle span {
  display: none;
}
#mainSearchFormBox input {
  border-radius: 25px;
}
@media screen and (max-width: 480px) {
  #mainSearchFormBox input {
    width: 85%;
    height: 35px;
  }
  #mainSearchFormButton {
    float: right;
    display: block;
  }
}
#mainSearchFormBox select {
  font-size: 100% !important;
}

a#mainSearchFormButton {
  background-size: 20px;
  background-image: url(/images_home/plusicon.svg);
  background-position: center !important;
  background-color: var(--colore-sezione);
  height: 35px;
  border-radius: 25px;
  margin: 0px 5px;
}
a#mainSearchFormButton:hover {
  background-image: url(/images_home/minusicon.svg);
  background-color: var(--colore-contrasto);
}
form#mainSearchForm_frm input.butt1 {
  text-transform: uppercase;
  background: var(--colore-sezione) !important;
  border-radius: 8px;
  color: #000;
  letter-spacing: 0px;
  box-shadow: 0px 10px 13px 1px #4040402b;
}
form#mainSearchForm_frm input.butt1:hover {
  background: var(--colore-contrasto) !important;
}
/* REGOLA RICERCA*/
.pg-control-wrapp .mainSearchForm {
  display: none;
}
@media (min-width: 1280px) {
  #colSx.rdy-filters ~ #colMid #mainSearchFormBox,
  #colSx.rdy-filters ~ #colMid .rdy-search-results .showFiltersWp + .pages {
    display: none;
  }
  #colSx.rdy-filters ~ #colMid #staticPage,
  #colSx.rdy-filters ~ #colMid #staticPage p:last-child {
    margin-bottom: 0px !important;
  }
}

#footCustomText {
  padding: 0px;
}
#backtop {
  border-top: 6px solid var(--colore-contrasto);
  border-right: 6px solid var(--colore-contrasto);
  border-bottom: 6px solid var(--colore-contrasto);
  border-left: 6px solid var(--colore-contrasto);
  color: var(--colore-contrasto);
  height: 38px;
  width: 38px;
  right: 71px;
  line-height: 46px;
  bottom: 12px !important;
}
.rdy-search-results .changeView a:hover,
.rdy-search-results .changeView a.current {
  background: transparent;
}
ul#sheetBoxesMenu li#tabLinks,
ul#sheetBoxesMenu li#tabVoti,
ul#sheetBoxesMenu li#tabInWebOrders,
li#tabArtColl,
ul#sheetBoxesMenu li#tabBoxes,
ul#sheetBoxesMenu li#tabFeatures,
ul#sheetBoxesMenu li#tabVariants {
  background: var(--colore-contrasto);
  padding: 0px 10px;
}
#loginBox .boxTitle,
.newsletterBox .boxTitle,
#mainSearchFormBoxSX .boxTitle,
#mainSearchFormBoxDX .boxTitle,
#currenciesBox .boxTitle {
  background: transparent !important;
}
#mainSearchFormBoxSX .boxTitle span {
  background-color: #fff;
  width: fit-content;
  box-shadow: inset 0px -5px 0 0px var(--colore-sezione);
  background-image: none;
  margin-bottom: 10px;
}
#colSx input.butt1,
#colDx input.butt1 {
  background-color: var(--colore-sezione);
  background-image: none;
  color: #000;
}
#colSx input.butt1:hover,
#colDx input.butt1:hover {
  background-color: var(--colore-contrasto);
  background-image: none;
  color: #000;
}
.rdy-search-results .changeView,
.rdy-search-results .sort {
  margin: 5px 5px;
}
#sheetBox .detailsBox td {
  border-top: none;
}
#menu.megamenu {
  min-width: 100%;
  box-shadow: 0px 10px 13px 1px #4040402b;
  z-index: 2;
}
#colMid .cart_form_matrix input.butt1 {
  border-radius: 5px;
}
#colMid .cart_form_matrix input.butt1:hover {
  background: var(--colore-contrasto) !important;
}
#colMid #sheetAddToCartRow th, #colMid #sheetAddToCartRow td {
  background: transparent;
}
.variantsBox form {
  background: var(--colore-contrasto);
}
#categories li.li-item a,
#categories > ul > li > a.open,
#categories a.folder,
#categories > ul > li > a.folder {
  color: #000 !important;
  background-color: transparent;
}
#categories li ul a.open {
  color: var(--testo);
  box-shadow: inset 0 -2px 0 var(--colore-sezione);
}
#categories ul.openblock {
  background: transparent;
}
#sheetBoxesMenu li.selected a {
  color: #000;
}
#customHTML {
  display: block;
}
.resultBox .title {
  display: block;
}
/* BLOG */
#blog_article .html_block a {
  color: var(--colore-contrasto);
  font-weight: bold;
  text-decoration: underline;
}
#blog_article .html_block a:hover {
  text-decoration: none;
}
.web-page-latest-items .boxTitle {
  background: transparent !important;
  width: fit-content;
  box-shadow: inset 0px -5px 0 0px var(--colore-sezione);
  margin-bottom: 10px;
}
.web-page-content a.continue {
  color: var(--colore-contrasto);
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}
.web-page-content .date, .web-page-article .date,
.web-page-latest-items .date,
.web-page-content .thumb img {
  display: none;
}
.web-page-search .boxTitle {
  background-color: var(--colore-sezione);
  background-image: none;
  color: #000;
}
/* MIX */
#colMid .web-page-items {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 0;
  border-radius: 0px;
}
#colMid .web-page-items.sidebyside li .c_butt {
  left: 5px;
  right: 5px;
  text-align: center;
  background: var(--colore-sezione);
  color: #000;
}
#colMid .web-page-items.sidebyside .date {
  margin: 5px 0 10px 0;
  display: block;
  font-size: 15px !important;
}
#colMid .web-page-items a {
  color: #000;
}
.buttServWhastapp {
  background-image: url(/images_home/whatsappicon.svg) !important;
  height: 17px !important;
  background-position: 6px center !important;
  padding: 0px !important;
  margin-top: 0px;
  margin-bottom: 10px !important;
}
#widgetToggle {
  width: 50px !important;
  height: 50px !important;
  bottom: 11px !important;
  right: 130px !important;
}
#widgetToggle:hover, #widgetToggle:focus {
  outline: 3px solid var(--colore-contrasto);
  background: var(--colore-sezione) !important;
}
#widgetPanel {
  display: none;
}
.detailsBox tbody tr.price,
tr.T9,
tr.T3,
tr.T5,
tr.T2,
tr.T4,
tr.D2,
tr.lotForSale,
tr.T1,
tr.brandCode,
tr.customHTML,
tr.weight {
  display: flex;
  align-items: baseline;
}
.horizontal .resultBox ul {
  text-align: right;
}
.cart_form, .estimate_form,
.cart_form_matrix,
.cart_form_disabled {
  justify-content: flex-end;
  flex-wrap: nowrap;
}
#sheetSelectVariantsRow td {
  border: none !important;
  background: none !important;
}
#sheetSelectVariantsRow label {
  border: none;
}
input.error, select.error,
input.wrongValue,
select.wrongValue {
  background-position: 89% center;
}
#sheetSelectVariantsRow label.error {
  margin-left: 0px;
  color: red;
  font-weight: normal;
}
.artCollBox td.cart {
  width: 21%;
}
.rdy-search-filters label input[type="checkbox"] + .label-text:hover:before {
  border: 2px solid var(--colore-sezione);
}
.rdy-search-filters label input[type="checkbox"]:checked + .label-text:before {
  background-color: var(--colore-sezione);
  border: 2px solid var(--colore-sezione);
}
.rdy-search-results .activeFilters {
  background: transparent;
}
.faq-container {
  margin-top: 10px;
}
.faq-item {
  margin-bottom: 5px;
}
.faq-question {
  background: var(--colore-sezione);
  padding: 5px 20px;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  font-size: 80%;
  transition: background-color 0.3s ease;
}
.faq-question.active {
  background-color: var(--colore-contrasto);
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  background: #fff;
  padding: 0 15px;
}
.faq-answer p {
  margin: 15px 0;
}
.faq-answer.open {
  padding-top: 15px;
  padding-bottom: 15px;
}
#top_currencies .current {
  display: none !important;
}
#r_left_menu ul.r_left_menu_btn #btn_left_currencies {
  display: none;
}
.resultsTableWrapper tbody .title,
.results.grid tbody .title {
  width: 100% !important;
  padding-bottom: 0px !important;
}
.resultsTableWrapper .cart_form,
.resultsTableWrapper .estimate_form,
.resultsTableWrapper .cart_form_matrix,
.resultsTableWrapper .cart_form_disabled,
.results.grid .cart_form,
.results.grid .estimate_form,
.results.grid .cart_form_matrix,
.results.grid .cart_form_disabled {
  flex-wrap: nowrap;
  justify-content: end;
}
.resultsTableWrapper .resultBox .product-badges {
  display: none;
}
form#disclaimerForm input#disclaimerOK {
  margin: 15px;
  background: var(--colore-contrasto);
  border: none;
  color: #000;
  border-radius: 8px;
}
.fancybox-skin {
  border-radius: 8px;
}
#accessMessageBox {
  background: var(--colore-sezione);
  padding: 10px;
  border: none;
  border-radius: 8px;
}
.fancybox-inner #languagesBox img {
  border: none;
}
.web-page-article {
  color: #000;
}
#colMid .bigBox .availability,
#colMid .bigBoxFade .availability {
  margin-bottom: -5px;
}
#header_responsive #top_languages .it,
#header_responsive #top_languages .en {
  padding: 5px 0px 0 30px;
}
/*FONT BEBAS IN BLOCCO*/
#sheetBox .badge-ribbon-title:is(.b1, .b2, .b3, .b4, .b5, .b6)::before,
.productsWrapper .badge-ribbon-title:is(.b1, .b2, .b3, .b4, .b5, .b6)::before,
:is(.bigBox, .bigBoxFade, .carousel, .miniBox) .badge-ribbon-title:is(.b1, .b2, .b3, .b4, .b5, .b6):not(.belongsToGroup)::before,
#colMid .cart_form input.butt1,
#colMid .cart_form_disabled input.butt1,
#colMid .cart_form_matrix input.butt1,
.rdy-search-results .totResults p,
.detailsBox .mainPrice,
.home3,
#Titolo-Pagine,
.confirmOrderTotal input#sendOrderButton,
#mostImportantProducts_Title span a,
#thirdDownBox_Title span a,
.titolo-lista span a,
.footer_block_title,
#staticPage h1,
#Titolo-Pagine-Categoria,
.button-item,
#Titolo-Pagine-Brand,
.web-page-article .title,
#tenGroupBox_Title,
#firstDownBox_Title,
#nineGroupBox_Title,
#mostImportantProducts_Title,
#secondDownBox_Title,
#thirdDownBox_Title,
#fifthGroupBox_Title,
#sixthGroupBox_Title,
#seventhGroupBox_Title,
#existentUserBox .boxTitle span,
#newUserBox .boxTitle span,
#colMid h1,
#colMid .web-page-items a,
h2,
.colonne-lista li strong,
#sheetBoxTopDetails .boxTitle span,
.mainPrice,
#colMid .bigBox .title,
#colMid .bigBoxFade .title,
#sheetProductInWebOrders div a,
#sheetProductArtColl .artCollBox div a,
.resultBox .title,
h3,
.web-page-content .title,
#r_left_menu .r_left_menu_areas li a,
#r_left_menu .r_left_menu_categories li a,
#r_left_menu .r_left_menu_cat_panel .label,
.grossPrice,
#existentUserBoxTop .boxTitle,
#newUserBoxTop .boxTitle,
#megamenuLayer dt,
#megamenuLayer dt a:hover,
.bigBox .bottomLink,
#r_left_menu .r_left_menu_back_panel,
#mainSearchFormBox label,
.loginAndRegister div#existentUserBox form input.butt1,
.loginAndRegister div#newUserBox form input.butt1,
#colMid #categoriesBoxes strong > span,
#colMid #brandBoxes strong > span,
.rangePrice,
.rdy-search-filters fieldset strong.legend,
.rdy-search-params label,
.fullAV,
.halfAV,
.noAV,
.inArrivalAV,
#colMid #categoriesLinksContainer a,
#orderByForm p,
form#mainSearchForm_frm input.butt1,
.sp-pay-installment,
.pages p,
.pages a,
.pages input,
#cookieAlert a.details,
div#cookieAlert a.ok,
#sheetBoxesMenu a,
#foot,
.rdy-search-results .showFiltersWp,
#head input.butt1,
#header_responsive #top_languages .it,
#header_responsive #top_languages .en,
#menu li a,
div#cartButtons a.buttContinueAndOrder,
#colMid .web-page-items.sidebyside .date,
.features th,
#sheetBox .priceMessage,
div#cross_selling_sheet h2,
#sheetProductBoxes .accordion-box .accordion-box-title,
div#cross_selling_sheet input.butt1,
.accordion-box .artCollBox ul li .details > a,
.cubes .mainPrice,
.resultsTableWrapper .mainPrice,
.horizontal .mainPrice,
.BadgeGlutenFree,
.BadgeBlackFriday,
.BadgeAnalcolico,
.BadgeLowAlcohol,
.BadgeOrdinabile,
.BadgeSanPatrizio,
.BadgeIBW,
#colSx .boxTitle,
div#latestModelsBox ul li a,
#r_left_menu .btn_left_close > span,
.corrierefooter span,
.accessibility-widget .option-text,
.custom-pack-btn-1001,
.ibw-box-link {
  font-family: var(--font-titoli) !important;
}
.detailsBox .mainPrice {
  font-size: 40px !important;
}
.home3,
.confirmOrderTotal input#sendOrderButton,
.titolo-lista span a,
.footer_block_title,
#Titolo-Pagine-Categoria,
.button-item,
#Titolo-Pagine-Brand,
.web-page-article .title,
#existentUserBox .boxTitle span,
#newUserBox .boxTitle span {
  font-size: 30px !important;
}
/* 12/10: bottoni delle pagine categoria (.button-grid, nella descrizione della categoria):
   sul telefono il testo su due righe usciva dal bottone alto 50px */
@media (max-width: 480px) {
  .button-grid .button-item {
    height: auto !important;
    min-height: 50px;
    padding: 6px 10px;
    font-size: 22px !important;
    line-height: 1.05;
    text-align: center;
  }
}
#colMid .web-page-items a,
h2,
.colonne-lista li strong,
#sheetBoxTopDetails .boxTitle span,
.mainPrice {
  font-size: 22px !important;
}
#colMid .bigBox .title,
#colMid .bigBoxFade .title,
#sheetProductInWebOrders div a,
#sheetProductArtColl .artCollBox div a,
.resultBox .title,
h3,
.web-page-content .title,
#r_left_menu .r_left_menu_areas li a,
#r_left_menu .r_left_menu_categories li a,
#r_left_menu .r_left_menu_cat_panel .label,
.grossPrice,
#existentUserBoxTop .boxTitle,
#newUserBoxTop .boxTitle {
  font-size: 20px !important;
}
#megamenuLayer dt,
#megamenuLayer dt a:hover,
.bigBox .bottomLink,
#r_left_menu .r_left_menu_back_panel,
#mainSearchFormBox label,
.loginAndRegister div#existentUserBox form input.butt1,
.loginAndRegister div#newUserBox form input.butt1 {
  font-size: 17px !important;
}
#header_responsive .top_buttons a span {
  font-size: 12px !important;
}
#colMid #categoriesBoxes strong>span,
#colMid #brandBoxes strong>span,
.rangePrice,
.rdy-search-params label,
.fullAV,
.halfAV,
.noAV,
.inArrivalAV,
#orderByForm p,
form#mainSearchForm_frm input.butt1,
.sp-pay-installment,
.pages p,
.pages a,
.pages input,
#cookieAlert a.details,
div#cookieAlert a.ok,
#sheetBoxesMenu a,
#foot,
.rdy-search-results .showFiltersWp,
#head input.butt1 {
  font-size: 15px !important;
}
#sheetProductArtColl .artCollBox li {
  border-bottom: none;
}
#sheetProductArtColl .artCollBox div a,
#sheetProductInWebOrders div a {
  line-height: normal;
  height: auto;
  margin-bottom: 0px;
}
#header_responsive .list a {
  border-bottom: none;
}
.resultBox .price strong {
  display: none;
}
.resultBox .rangePrice strong {
  display: inline !important;
}
.horizontal .resultBox dl {
  column-count: 2;
}
/*SCHEDA PRODOTTO MIGLIORATA*/
.features th {
  background: var(--colore-sezione);
  font-size: 15px !important;
}
.detailsBox .mainPrice span.sIva {
  display: inline;
  font-size: 15px;
}
body#body_getProd.body_lang_it.webAreaID_16 .detailsBox td.brandCode::after,
body#body_getProd.body_lang_it.webAreaID_10 .detailsBox td.brandCode::after {
  content: " - La birra scade? Clicca qui";
  font-style: italic;
  font-size: 11px;
  font-weight: 600;
}
body#body_getProd.body_lang_it.webAreaID_57 .detailsBox td.brandCode::after,
body#body_getProd.body_lang_it.webAreaID_104 .detailsBox td.brandCode::after,
body#body_getProd.body_lang_it.webAreaID_105 .detailsBox td.brandCode::after {
  content: " - Scade a breve? Clicca qui";
  font-style: italic;
  font-size: 11px;
  font-weight: 600;
}
#sheetBox .priceMessage {
  font-size: 15px !important;
  color: var(--colore-contrasto);
}
#sheetBoxTopDetails .servicesBox h2 {
  display: none;
}
#sheetBoxesMenu {
  padding-top: 10px;
}
#sheetBoxTopDetails .detailsBox,
#sheetBoxTopDetails #addVotoBox {
  margin: 0 0 10px !important;
  border: 1px solid rgb(219, 219, 222);
  box-shadow: 1px 2px 6px #d7d7d7;
  border-radius: 0 0 25px 0;
  padding: 18px !important;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 450px;
}
div#cross_selling_sheet h2,
#sheetProductBoxes .accordion-box .accordion-box-title {
  background: var(--colore-sezione) !important;
  border: none !important;
  color: #000;
  font-size: 120% !important;
  border-radius: 8px;
  padding: 8px 15px 8px 45px !important;
}
#sheetProductBoxes h2 {
  display: none;
}
div#cross_selling_sheet input.butt1 {
  background: var(--colore-sezione);
  color: #000;
  font-size: 110%;
}
div#cross_selling_sheet input.butt1:hover {
  background: var(--colore-contrasto);
}
.accordion-box .artCollBox ul li .details > a {
  font-size: 110%;
}
#sheetProductInWebOrders li, .accordion-box .artCollBox ul li {
  border: none !important;
  margin: 0 0 5px !important;
  box-shadow: 1px 2px 6px #d7d7d7;
  border-radius: 8px;
  padding: 0;
}
@media screen and (max-width: 980px) {
  #sheetBox .detailsBox table {
    width: 100% !important;
  }
}
@media (min-width: 980px) and (max-width: 1280px) {
  #sheetBoxTopDetails .detailsBox {
    max-width: 100%;
  }
  #body_getProd #sheetBoxTopDetails {
    justify-content: center;
  }
}
th.availability {
  display: none !important;
}
td.availability {
  text-align: center;
}
td.T9 {
  text-decoration: underline;
}
@media screen and (max-width: 1280px) {
  .cart_form, .cart_form_disabled, .cart_form_matrix, .estimate_form, .resultsTableWrapper .cart_form label, .resultsTableWrapper .cart_form_disabled label, .resultsTableWrapper .estimate_form label {
    justify-content: flex-end;
  }
  .detailsBox tbody tr.price {
    text-align: center;
    font-size: 150%;
  }
  .detailsBox tr#sheetAddToCartRow th, .detailsBox tr.price th {
    display: none !important;
  }
}

/*ELENCO CUBI*/
.cubes .mainPrice, .resultsTableWrapper .mainPrice {
  font-size: 22px !important;
}
.horizontal .mainPrice {
  font-size: 30px !important;
}
#colMid .listProduct.cubes {
  width: 100%;
  display: grid;
  align-items: center;
  gap: 0.5rem;
  align-content: center;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.listProduct.cubes .row {
  display: contents;
}
@media screen and (max-width: 1280px) {
  #colMid .listProduct.cubes {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 980px) {
  #colMid .listProduct.cubes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 680px) {
  #colMid .listProduct.cubes {
    grid-template-columns: repeat(2, 1fr);
  }
  .listProduct.cubes .row {
    display: contents !important;
  }
}
#colMid .cubes .resultBox {
  box-sizing: border-box;
  padding-bottom: 0px;
  border-radius: 8px;
  box-shadow: 1px 2px 6px #d7d7d7;
  border: 1px double #ccc;
}
#colMid .cubes .resultBox:hover {
  border: 1px double #999;
}
#colMid .cubes .row:only-child .resultBox:only-child {
  width: auto;
  display: unset;
}
.cubes .resultBox .imageLink img {
  width: 100%;
  border-radius: 12px;
}
.cubes .resultBox .content>dl,
.cubes .resultBox .content>p,
.cubes .resultBox .content>ul {
  width: 90%;
}
.cubes .resultBox p.description {
  font-size: 12px;
  width: 90%;
  text-align: justify;
  line-height: 1.1em !important;
  margin-bottom: 0px !important;
}
.cubes .resultBox dd {
  padding: 0px;
  line-height: 1;
}
.cubes .resultBox .content>dl {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.cubes .resultBox ul li>strong {
  display: none;
}
#mainResultBox .cubes .resultBox .cart,
.rdy-search-results .cubes .resultBox .cart {
  text-align: right;
  margin: 0 10px;
  background: #ffffff;
}
.cubes .resultBox dt,
.cubes .T9,
.cubes .T3,
.cubes .T8 {
  display: none;
}
.cubes dd:not(:last-child)::after {
  content: "|";
  margin-right: 2px;
  margin-left: 2px;
}
.cubes dd.T8::after {
  content: " per cartone |";
}
.cubes dd.D1::after {
  content: " Prezzo \20AC  / Lt. |";
}
.cubes dd.brandCode::before {
  content: "TMC ";
}
body#body_searchProd.body_lang_it.webAreaID_107 .cubes dd.brandCode::before {
  content: "Scadenza: ";
}
.cubes .resultBox .price,
.cubes .resultBox .availab,
.cubes .resultBox .grossPrice,
.cubes .resultBox .mainPrice,
.cubes .resultBox .price>.priceMessage,
.cubes .resultBox .availab span,
.cubes .resultBox .pricePicking,
.cubes .resultBox .rangePrice {
  margin: 0 auto;
}
.cubes .resultBox .price {
  text-align: center;
}
.cubes .resultBox .grossPrice,
.cubes .resultBox .mainPrice {
  display: inline !important;
}
.cubes .resultBox .content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cubes .resultBox .content > ul {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
.cubes .resultBox li.cart {
  position: static !important;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  background: transparent;
  margin-top: 8px;
}
.cubes dd.T9 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://www.1001.it/custom/img/hover-marchio.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.cubes dd.T9 a:hover::after {
  opacity: 1;
}
.cubes .resultBox .imageLink {
  display: inline-block;
  overflow: hidden;
}
.cubes .resultBox .imageLink:hover img {
  transform: scale(1.07);
}
.cubes .resultBox .imageLink:hover ~ dl dd.T9 a::after {
  opacity: 1;
}
.cubes .resultBox .imageLink:hover ~ dl dd.T9 img {
  opacity: 0;
}
.cubes .resultBox dd.T9:hover img {
  opacity: 0;
}

/* ELENCO ORIZZONTALE */
#colMid .horizontal .resultBox:hover {
  border: 1px solid #999;
}
#colMid .horizontal .resultBox dt {
  width: auto;
  padding: 0 5px 0px 5px;
}
@media screen and (max-width: 680px) {
  .horizontal .resultBox .title {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
    width: 100%;
    margin-top: 10px;
    line-height: 1.23;
  }
  .listProduct.horizontal p.description {
    display: none;
  }
  .resultBox .availab, .resultBox .cart, .resultBox .price {
    text-align: center;
  }
  .cart_form, .cart_form_disabled, .cart_form_matrix, .estimate_form, .resultsTableWrapper .cart_form label, .resultsTableWrapper .cart_form_disabled label, .resultsTableWrapper .estimate_form label {
    justify-content: center;
  }
}
/* BADGE GLOBALI */
.BadgeBlackFriday,
.BadgeOrdinabile,
.BadgeSanPatrizio,
.BadgeIBW {
  position: absolute;
  top: 8px;
  left: -42px;
  width: 140px;
  text-align: center;
  padding: 4px 0;
  line-height: 1;
  font-size: 14px;
  z-index: 101;
  border-radius: 0;
  transform: rotate(-45deg);
  transform-origin: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.cubes .BadgeBlackFriday,
.cubes .BadgeOrdinabile {
  top: 10px;
}
.resultsTableWrapper .BadgeBlackFriday,
.resultsTableWrapper .BadgeOrdinabile {
  display: none;
}
@media screen and (max-width: 980px) {
  .BadgeBlackFriday,
  .BadgeOrdinabile,
  .BadgeSanPatrizio,
  .BadgeIBW {
    padding: 2px 2px;
  }
}
/* BADGE BLACKFRIDAY */
.BadgeBlackFriday {
  background-color: black;
  color: white !important;
}
/* BADGE ORDINABILE*/
.BadgeOrdinabile {
  background-color: var(--colore-contrasto);
  color: #000;
}
/* BADGE SAN PATRIZIO*/
.BadgeSanPatrizio {
  background-image: linear-gradient(90deg, #0a440a, green);
  color: #fff !important;
}
/* BADGE IBW*/
.BadgeIBW {
  background-image: url(https://www.1001.it/custom/img/ibw.webp);
  color: #000 !important;
}
/* BADGE PROMO */
.BadgePromo {
  display: none;
}
/* BADGE QUANTITA */
dt.code, dd.code {
  display: none;
}
.BadgeBoxQty {
  padding: 5px 0px 0px 0px;
  display: flex;
  align-items: center;
  font-weight: 900;
  line-height: 1;
  color: #3A3A3A;
  font-size: 11px;
  text-align: center;
}
.cubes .BadgeBoxQty {
  justify-content: center;
}
.horizontal .BadgeBoxQty {
  justify-content: right;
}
.BadgeBoxQty em {
  font-style: normal;
  font-weight: 800;
  font-size: 10px;
  opacity: 1;
}

/* ETICHETTE COLORATE */
/* Etichette sotto la foto (e sopra il titolo in scheda) delle liste
   BADGE_CONFIG.etichette (lista Script di ReadyPro): le mette custom.js con la
   classe indicata e il testo nell'attributo title. Prima questo CSS lo scriveva
   lo script dei badge. Etichetta nuova: aggiungi la sua classe nelle due liste
   :is(...) e una riga con i suoi colori. */
.badge-ribbon-title[data-badge-custom] {
  all: initial;
  position: relative;
  white-space: nowrap;
  display: inline-block !important;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  z-index: 10;
  box-sizing: border-box;
  text-align: center !important;
}
.badge-ribbon-title:is(.b100, .b101, .b102, .b103, .b104)::before {
  content: attr(title) !important;
  color: var(--etichetta-testo) !important;
  font-size: 12px !important;
  font-family: var(--font-titoli) !important;
}
.productsWrapper .badge-ribbon-title:is(.b100, .b101, .b102, .b103, .b104),
#sheetBox .badge-ribbon-title:is(.b100, .b101, .b102, .b103, .b104),
:is(.bigBox, .bigBoxFade, .carousel, .miniBox) .badge-ribbon-title:is(.b100, .b101, .b102, .b103, .b104):not(.belongsToGroup) {
  background-color: var(--etichetta-sfondo) !important;
  border-radius: 25px 0;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2) !important;
  padding: 2px 10px !important;
  margin-bottom: 5px !important;
  min-width: 80px !important;
}
.badge-ribbon-title.b100 {
  --etichetta-sfondo: #ffe590;
  --etichetta-testo: #000;
}
.badge-ribbon-title.b101 {
  --etichetta-sfondo: #a5c0e0;
  --etichetta-testo: #000;
}
.badge-ribbon-title.b102 {
  --etichetta-sfondo: #ffeb4b;
  --etichetta-testo: #000;
}
.badge-ribbon-title.b103 {
  --etichetta-sfondo: #000;
  --etichetta-testo: #fff;
}
.badge-ribbon-title.b104 {
  --etichetta-sfondo: #126853;
  --etichetta-testo: #fff;
}

/* ELENCO GRIGLIA */
.results-view .view-grid,
.changeView a.grid {
  display: none;
}
.resultsTableWrapper .cart_form label,
.resultsTableWrapper .estimate_form label,
.resultsTableWrapper .cart_form_disabled label {
  justify-content: flex-end;
}
#resultsTable .bkg2 {
  background-color: transparent;
}
.preorderAV {
  color: #333399;
}
#colMid .cart_form input.butt1,
#colMid .cart_form input.butt1:hover,
#colMid .cart_form_matrix input.butt1,
#colMid .cart_form_disabled input.butt1 {
  padding: 8px 10px;
}
#colMid .cart_form_quantity,
#colMid .cart_form_update select {
  width: 60px;
}
#resultsTable .mainPriceCurrency {
  display: inline !important;
}
@media screen and (max-width: 680px) {
  #resultsTable td:before {
    display: none;
  }
  #resultsTable td {
    display: contents;
  }
  #resultsTable tr {
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #resultsTable .product-badges {
    text-align: left;
  }
  #sheetBoxTopDetails .product-badges {
    text-align: center;
  }
  .resultsTableWrapper .noAV,
  .resultsTableWrapper .fullAV,
  .resultsTableWrapper .grossPrice,
  .resultsTableWrapper .mainPrice,
  .resultsTableWrapper .inArrivalAV,
  .resultsTableWrapper .halfAV {
    display: block;
    text-align: right;
  }
  .productsWrapper td.T9::after,
  .productsWrapper td.T3::after,
  .productsWrapper td.T5::after,
  .productsWrapper td.T2::after,
  .productsWrapper td.T4::after,
  .productsWrapper td.D2::after,
  .productsWrapper td.T8::after {
    content: "|";
    margin-right: 2px;
    margin-left: 2px;
  }
  .productsWrapper td.T8::after {
    content: " per cartone |";
  }
  .productsWrapper td.D1::after {
    content: " Prezzo \20AC  / Lt. |";
  }
  .productsWrapper td.brandCode::after {
    content: " Best Before (TMC) ";
  }
}
@media only screen and (max-width: 480px) {
  .rdy-search-results .changeView .grid {
    display: none;
  }
}
/* MARCHI */
#colMid .cubes .resultBox {
  position: relative;
}
.imageLink {
  position: relative !important;
}
.cubes .resultBox dd.T9 {
  display: block !important;
  position: absolute;
  top: 8px;
  right: 8px;
  margin: 0;
  padding: 0;
  z-index: 2;
  line-height: 0;
}

.cubes .resultBox dd.T9 img {
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 0 0 0 10px;
}

@media screen and (max-width: 680px) {
  .cubes .resultBox dd.T9 img {
    max-width: 40px;
    max-height: 40px;
  }
}

.cubes .resultBox dt.T9,
.horizontal .resultBox dt.T9 {
  visibility: hidden;
  display: none;
}

.cubes dd.T9::after {
  display: none;
}

.horizontal .resultBox dd.T9 img {
  position: absolute;
  z-index: 10;
  display: block;
  width: 50px;
  height: 50px;
  top: 10px;
  left: 130px;
}

@media screen and (max-width: 680px) {
  .horizontal .resultBox dd.T9 img {
    width: 70px;
    height: 70px;
    right: 10px;
    left: auto;
  }
}

.horizontal .resultBox .imageLink img {
  max-width: 170px;
}
.horizontal .resultBox .imageLink {
  margin: 0px -190px 0 -190px;
}
@media screen and (max-width: 480px) {
  .horizontal .resultBox .imageLink {
    margin: auto;
  }
}

/* VISUALIZZAZIONE INSERZIONI*/
#colMid .boxColumns li .title {
  margin: 0px !important;
}
#colMid .bigBox.boxColumns ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  background-color: var(--colore-sezione);
  padding: 10px;
  width: 96%;
  border-radius: 8px;
  place-self: center;
}
#colMid .bigBox.boxColumns li {
  background-color: #fff;
}
/* 12/10: si mostrano i primi 4 / 3 / 2 prodotti (prima "tutti tranne gli ultimi":
   con meno prodotti del previsto restava una colonna vuota, es. pagine in inglese) */
@media screen and (max-width: 1280px) {
  #colMid .bigBox.boxColumns ul {
    grid-template-columns: repeat(4, 1fr);
  }
  #colMid .bigBox.boxColumns li:nth-child(n + 5) {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  #colMid .bigBox.boxColumns ul {
    grid-template-columns: repeat(3, 1fr);
  }
  #colMid .bigBox.boxColumns li:nth-child(n + 4) {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  #colMid .bigBox.boxColumns ul {
    grid-template-columns: repeat(2, 1fr);
  }
  #colMid .bigBox.boxColumns li:nth-child(n + 3) {
    display: none;
  }
  /* "Disponibile" non si scrive (restano gli altri stati): scheda piu' corta */
  #colMid .bigBox .availability:has(.fullAV),
  #colMid .bigBoxFade .availability:has(.fullAV) {
    display: none;
  }
  /* titolo del riquadro su due righe: un blocco unico invece di due strisce sfalsate */
  #colMid .bigBox .boxTitle span a {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.1;
  }
}
#colMid .bigBox .bottomLink {
  text-align: center;
  background: none;
}
#colMid .bigBox .bottomLink a {
  background: var(--colore-sezione);
  padding: 5px 50px;
  border-radius: 0px 0px 25px 25px;
}
#colMid .bigBox .bottomLink a:hover {
  color: var(--colore-contrasto);
}

/* MEDIA QUERIES */
@media screen and (max-width: 980px) {
  #colSx.rdy-filters.show .rdy-search-back {
    background: var(--colore-sezione);
  }
  #colSx.rdy-filters.show .rdy-search-show-results {
    background: var(--colore-contrasto);
  }
  #header_responsive .top_buttons a span {
    font-size: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  #header_responsive .top_buttons input.btn_search {
    background-color: var(--colore-sezione) !important;
  }
}
@media only screen and (max-width: 768px) {
  #menu.megamenu, #menu {
    display: none;
  }
  div#userDocuments td {
    display: block;
  }
  div#w_19 {
    margin: -20px 0px;
  }
  #header_responsive .top_buttons div.box_text_search.show {
    background: var(--colore-sezione);
  }
  #header_responsive .top_buttons .box_text_search.show input.btn_search.responsive_butt {
    background-color: var(--colore-contrasto) !important;
    padding: 0 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwNEE2REU5RDk3RTExRUJBMzM4RTk2RjE5MDhBNjRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwNEE2REVBRDk3RTExRUJBMzM4RTk2RjE5MDhBNjRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjA0QTZERTdEOTdFMTFFQkEzMzhFOTZGMTkwOEE2NEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjA0QTZERThEOTdFMTFFQkEzMzhFOTZGMTkwOEE2NEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ANCyxAAACCUlEQVR42qzVS0gVURzH8bmXfHCV4C4CUfNFWQZdyMQ2KrpVF4ILt0G6skUtWrUxWkm6cdUmAm0niLUIxCRcqBtR3IhihI/QTBECe6DE9D30GzpNM3Mf3D984Mydc+Y/Z+45/xNzXdfxRQFSuIt2XNVvJo6whmlM4thJFyaB5RKe4of7J85wjH18xlf3byyjExd8z/iHfVGBKevBC3iMFtSgAb14jl31O8W9qCReI4FxDTJvOYSSiDdrxqz6n6AnXYI+df6GB1FTtpRbScznqgxLcBkr6jiBWIYJjNv4pLEPwxL0q8MhWrN4uKNv/0zjXyMZlOCVOsyjMMsERjfOsY1G//04K7VWK3YPZ072caj9UImk/6ZJUKj2uZNb/NLYuPyX4IvayRwTlGrsCU6DEqyqXY+aHBLcVJJ17AeVilZtlu9hSy3NXpjRIhkNW6ZFGFGnDaSyWKKPNM6UjraonVyHj+q8mEGSUgzip8YMZ1LsulQxTXxQEbuOi4hrj5ThjgqeHVNhpSLmOw968ETngYktLOEAxbiGNiQC/uw59GM76jwwbmAMm25wmBL9FvfxxnfvHaqiZmBHE27prRPaUAc60VbUNlXgBTqscbMYwE7YDIJEVdhqa6l68d6biZNDcQtSZZ0N9ue6kq8E3kzmfEnG85nAO9e9z2XKd0e+E3ib9iXazfVvAQYA9uJRbYnZ4m8AAAAASUVORK5CYII=);
  }
  #colMid .bigBox.boxColumns li {
    border-bottom: 0px none #ddd !important;
    padding: 10px;
  }
  div#orderByForm form input[type="submit"] {
    padding: 0px 15px 0 0px;
    margin: 0 2px;
  }
  #regForm td select {
    width: 90%;
  }
  #regForm textarea {
    width: 90%;
  }
  div#regForm input#registrationMainFormSubmit {
    width: 90%;
  }
  th.th-mailinglist {
    float: left;
    width: fit-content !important;
  }
  .home-cercapertipo-col a {
    width: 90%;
    float: left;
    padding: 5px 0 5px 10px;
    text-align: left;
  }
  .col-md-3 {
    width: 50%;
    float: left;
    padding: 0px;
  }
  span.badge-ribbon-title.b1.bg-custom-badge1 {
    min-width: auto !important;
  }
  .whatsapp-icon {
    bottom: 10px;
    left: 10px;
  }
  .rdy-search-results .sort label {
    margin-right: 5px;
  }
}
@media screen and (max-width: 680px) {
  #sheetProductArtColl .artCollBox td.cart {
    padding: 0px !important;
  }
  .artCollBox .butt1 {
    width: 70% !important;
  }
}
@media only screen and (max-width: 480px) {
  .artCollBox .cart_form label {
    width: 30% !important;
  }
  .servicesBox a {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    background-color: transparent !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 45px !important;
  }
  .horizontal .resultBox dl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  div#regForm td {
    width: 300px;
    margin: auto;
  }
  div#regForm th {
    font-weight: 400;
    width: fit-content;
    padding: 0px;
    margin: 0px;
  }
  #mainSearchFormBox fieldset.filters.closed {
    display: none !important;
  }
  .rdy-search-results .pages .pg.selectedPg {
    display: inline-flex;
  }
  .rdy-search-results .pages .pg {
    display: inline-flex;
    padding: 2px 6px !important;
    margin: auto !important;
    font-size: 10.67px;
  }
  .rdy-search-results .pages input.prev {
    padding: 2px !important;
    font-size: 10.67px;
  }
  div#sendOrderDetails {
    width: 100% !important;
  }
  div#sendOrderDetails table tbody tr.freeText td {
    display: inline-block;
    width: 313px;
    font-size: 8px;
    text-align: justify;
  }
  div#sendOrderDetails table textarea {
    width: 340px !important;
  }
  #otherDestinationsPage td {
    font-weight: 600;
    padding: 5px 2px;
  }
  .productsWrapper.listProduct.horizontal.view.box li.cart {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  a.buttBack {
    width: 100px !important;
    margin: 10px auto !important;
  }
  iframe {
    width: 350px;
    height: 196px;
  }
  tr.avaibility {
    text-align: center;
    justify-items: center;
    margin: 20px 0px 0px 0px;
  }
  input.buttContinueAndOrder {
    width: 100px !important;
    margin: 10px auto !important;
  }
  #mainSearchFormBox fieldset {
    margin: 0px auto;
    column-count: 2;
  }
  li#r_webArea_54 a {
    background: #000 !important;
    color: white !important;
  }
  .horizontal .resultBox .title,
  .horizontal .resultBox p,
  .horizontal .resultBox ul {
    text-align: center;
    border: none !important;
  }
  #colMid #sheetAddToCartRow .cart_form,
  #colMid #sheetAddToCartRow .cart_form_disabled {
    align-items: center;
    flex-direction: row;
    background: #fff;
  }
  .artCollBox .cart_form {
    gap: 0px;
  }
  #colMid #sheetAddToCartRow .cart_form label:after {
    display: none;
  }
  #colMid #sheetAddToCartRow .cart_form label,
  #colMid #sheetAddToCartRow .cart_form_disabled .cart_form_quantity {
    width: 25%;
    margin: 0px auto;
  }
  #colMid #sheetAddToCartRow input.butt1 {
    width: 68%;
  }
  #sheetBoxTopDetails .boxTitle span {
    text-align: center;
  }
}
/*SCHEDA PRODOTTO MOBILE*/
/* Barra fissa in basso con prezzo e "Aggiungi" (markup da custom.js): compare
   quando il pulsante vero esce dallo schermo (classe is-visible; intanto il body
   ha has-sticky-add-1001). Foto della scheda piu' bassa, cosi' prezzo e
   "Aggiungi" si vedono senza scorrere. Su mobile, in tutte le pagine,
   accessibilita' e "torna su" stanno a sinistra: a destra c'e' la chat. */
.sticky-add-1001 {
  display: none;
}
@media (max-width: 768px) {
  #sheetBox .imagesBox .slick-slide img {
    max-height: 260px;
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  #widgetToggle {
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
    width: 44px !important;
    height: 44px !important;
  }
  #backtop {
    left: 12px !important;
    right: auto !important;
    bottom: 64px !important;
  }
  .sticky-add-1001 {
    display: flex;
    align-items: center;
    gap: 12px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    min-height: 64px;
    padding: 8px 76px calc(8px + env(safe-area-inset-bottom)) 12px;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0 -2px 10px rgba(0,0,0,.12);
    transform: translateY(110%);
    visibility: hidden;
    transition: transform .2s ease, visibility 0s linear .2s;
  }
  .sticky-add-1001.is-visible {
    transform: none;
    visibility: visible;
    transition: transform .2s ease;
  }
  .sticky-add-1001 .sa-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
  }
  .sticky-add-1001 .sa-price {
    font-family: var(--font-titoli);
    font-size: 26px;
    color: #006600;
  }
  .sticky-add-1001 .sa-name {
    font-size: 12px;
    color: var(--testo);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sticky-add-1001 .sa-btn {
    flex: 0 0 auto;
    min-height: 46px;
    padding: 0 20px;
    border: 0;
    border-radius: 6px;
    background: var(--colore-sezione);
    color: #000;
    font-family: var(--font-titoli);
    font-size: 20px;
    cursor: pointer;
  }
  /* con la barra visibile, accessibilita' e "torna su" salgono sopra la barra */
  body.has-sticky-add-1001 #widgetToggle {
    bottom: 80px !important;
  }
  body.has-sticky-add-1001 #backtop {
    bottom: 132px !important;
  }
}
/* BANNER LATERALI*/
.personalElement {
  position: relative;
}
.personalElement img {
  display: block;
  border-radius: 0px 14px;
  transition: filter .3s ease;
  will-change: transform;
}
.personalElement:hover img {
  animation: bannerWobble .6s ease-in-out;
}
@keyframes bannerWobble {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(-4px, -2px); }
  40%  { transform: translate(3px, 2px); }
  60%  { transform: translate(-2px, 1px); }
  80%  { transform: translate(1px, -1px); }
  100% { transform: translate(0, 0); }
}
#colSx .boxTitle {
  background: #fff !important;
  width: fit-content;
  box-shadow: inset 0 -5px 0 0 var(--colore-sezione);
  margin-bottom: 10px;
  padding: 0;
  font-size: 20px !important;
  color: #000 !important;
}
div#latestModelsBox .boxTitle.bkg1 {
  padding: 0px;
}
div#latestModelsBox ul li a {
  font-size: 15px;
}
#latestModelsBox a:hover {
  color: var(--colore-contrasto);
}
/*CARATTERISTICHE*/
#sheetProductFeatures table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#sheetProductFeatures tbody {
  display: contents;
}
#sheetProductFeatures tr {
  display: grid;
  grid-template-columns: 30% 67%;
  gap: .5rem;
}
#sheetProductFeatures th[scope="row"] {
  width: auto !important;
}
#sheetProductFeatures th, #sheetProductFeatures td {
  text-align: left;
}
#sheetProductBoxes .accordion-box.fixed:nth-of-type(2) > h4.accordion-box-title {
  display: none;
}
#sheetProductBoxes .accordion-box {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 980px) {
  #sheetProductFeatures table {
    grid-template-columns: repeat(2,1fr);
  }
  #sheetProductFeatures tr {
    grid-template-columns: 49% 49%;
  }
}
/*ARTICOLI CORRELATI BOX*/
#sheetProductInWebOrders ul, #sheetProductArtColl .artCollBox ul, .accordion-box .artCollBox ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
}
@media screen and (max-width: 980px) {
  #sheetProductInWebOrders ul, #sheetProductArtColl .artCollBox ul, .accordion-box .artCollBox ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 680px) {
  #sheetProductInWebOrders ul, #sheetProductArtColl .artCollBox ul, .accordion-box .artCollBox ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  #sheetProductInWebOrders ul, #sheetProductArtColl .artCollBox ul {
    grid-template-columns: 1fr;
  }
  #sheetProductArtColl .artCollBox ul, #sheetProductInWebOrders ul, #sheetProductArtColl .artCollBox li, #sheetProductInWebOrders li {
    border-bottom: none;
  }
}
#sheetProductInWebOrders li {
  width: 100%;
}
/*MENU DESKTOP*/
li#webArea_1 {
  display: none;
}
li.megamenuOverItem a,
li.megamenuOverItem a:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*MENU MOBILE*/
#r_left_menu .r_left_menu_container,
#r_left_menu ul.r_left_menu_btn li,
#r_left_menu .r_left_menu_categories li a,
#r_left_menu .r_left_menu_pages li a,
#r_left_menu .r_left_menu_areas li a,
#r_left_menu .r_left_menu_categories,
#r_left_menu .r_left_menu_pages,
#r_left_menu .r_left_menu_areas,
#r_left_menu .r_left_menu_loader {
  background-color: var(--colore-sezione);
}
#r_left_menu .r_left_menu_categories li a:hover,
#r_left_menu .r_left_menu_pages li a:hover,
#r_left_menu .r_left_menu_areas li a:hover,
#r_left_menu .r_left_menu_cat_panel .label,
#r_left_menu .btn_left_close > span {
  background-color: var(--colore-contrasto);
}
#r_left_menu .r_left_menu_cat_panel .label,
#r_left_menu .r_left_menu_areas li a,
#r_left_menu .r_left_menu_categories li a,
#r_left_menu .r_left_menu_pages li a {
  padding: 10px 20px;
}
#r_left_menu #left_languages .it,
#r_left_menu #btn_left_languages .it,
#r_left_menu #left_languages .en,
#r_left_menu #btn_left_languages .en,
#r_left_menu .r_left_menu_back_panel,
#r_left_menu .r_left_menu_cat_panel .label,
#r_left_menu .r_left_menu_areas li a,
#r_left_menu .r_left_menu_categories li a,
#r_left_menu .r_left_menu_pages li a {
  color: #000;
}
#r_left_menu .r_left_menu_areas li,
#r_left_menu .r_left_menu_categories li,
#r_left_menu .r_left_menu_categories li:first-child,
#r_left_menu .r_left_menu_pages li {
  border: none;
}
#r_left_menu .r_left_menu_cat_panel .label {
  text-decoration: none;
}
/*PANNELLO ACCESSO AREA UTENTE*/
#header_responsive .top_buttons #top_login_button a span {
  font-size: 0px !important;
}
li#top_login_button div#top_login .loginAndRegister div#existentUserBoxTop .boxTitle {
  background-color: var(--colore-contrasto);
}
li#top_login_button div#top_login .loginAndRegister div#newUserBoxTop .boxTitle {
  background-color: var(--colore-sezione);
}
#head input.butt1,
#footer_custom_els_container input.butt1 {
  background-color: var(--colore-sezione) !important;
  color: #000;
}
#head input.butt1:hover,
#footer_custom_els_container input.butt1:hover {
  background-color: var(--colore-contrasto) !important;
  color: #000;
}
div#top_login div#userBoxTop div#userBox_Title {
  display: none;
}
#newUserBoxTop .boxTitle,
#userBoxTop .boxTitle {
  background: var(--colore-sezione);
}
div#top_login div#userBoxTop ul {
  text-align: center;
  margin: 11px;
  padding: 5px;
}
div#top_login div#userBoxTop ul li {
  background-image: none;
}
div#top_login div#userBoxTop p {
  text-align: center;
  font-size: 12px;
}
div#top_login div#userBoxTop form {
  text-align: center;
}
/*PAGINE PERSONALIZZATE*/
#Titolo-Pagine {
  color: #000 !important;
  font-weight: bold !important;
  padding: 20px 0 !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  text-align: center;
}
#Titolo-Pagine-Categoria {
  padding: 15px 0px !important;
  background-image: linear-gradient(90deg, var(--colore-sezione), var(--colore-contrasto));
  border-radius: 25px 25px 0 0;
  font-style: italic;
  color: #fff !important;
  text-align: center;
}
.testo-contenuto {
  margin-top: 10px;
}
/* FORM REGISTRAZIONE */
div#regForm th {
  vertical-align: inherit;
}
div#regForm input#registrationMainFormSubmit {
  background-color: var(--colore-sezione);
  color: #111;
}
/*FOOTER PERSONALIZZATO*/
.footer1 li, .footer4 li {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
.footer2 li {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 7px;
  color: #000000;
  text-decoration: none;
  flex-wrap: wrap;
  flex-direction: row;
  line-height: 1.2;
}
.footer2 li.c {
  margin-top: 18px;
}
.footer2 .material-symbols-outlined {
  font-size: 34px;
  font-weight: 300;
  margin-right: 8px;
  color: #000;
}
.footer2 li.ca a {
  background-color: #000;
  color: var(--colore-sezione);
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
}
.corrierefooter span {
  font-size: 30px !important;
}
/*PRE FOOTER*/
.titolo-lista {
  text-align: center;
  padding: 20px;
}
.colonne-lista {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1280px) {
  .colonne-lista {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 980px) {
  .colonne-lista {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 680px) {
  .colonne-lista {
    grid-template-columns: repeat(2, 1fr);
  }
}
.colonne-lista li {
  padding: 5px 5px;
  margin-left: 10px;
}
.colonne-lista li a:hover {
  font-weight: bold;
  color: #000;
}
#Pre-Footer ul.box {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
}
#Pre-Footer li {
  color: #000;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 10px 0px;
  width: 100%;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 1px 2px 6px #d7d7d7;
  border: 1px double #ccc !important;
}
#Pre-Footer span.material-symbols-outlined {
  font-size: 40px;
  color: #999;
}
@media screen and (max-width: 1080px) {
  #Pre-Footer ul.box {
    margin-top: 10px !important;
    justify-content: center;
    flex-wrap: wrap !important;
  }
  #Pre-Footer li {
    width: 48% !important;
    flex-direction: column;
    text-align: center;
  }
}
/*SOTTO FOOTER*/
.sottofooter {
  display: flex;
  align-items: flex-start;
  max-width: 1680px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sottofooter .testo {
  font-size: 13px;
  text-align: left;
  width: 700px;
}
.ico-pag img {
  height: 36px;
  width: auto;
  max-width: max-content;
}
.link-speciali-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 10px;
}
.link-speciali-footer a {
  display: inline-block;
  padding: 6px 4px;
  line-height: 1.3;
  margin-right: 5px;
  text-decoration: underline 1px solid var(--colore-contrasto);
  text-underline-offset: 0.28em;
}
@media screen and (max-width: 800px) {
  .sottofooter .testo {
    font-size: 13px;
    color: #292929;
    text-align: center;
    margin-bottom: 18px;
  }
  .link-speciali-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
    justify-content: center;
  }
  .ico-pag {
    margin: 0 auto;
  }
}
/*TOP BAR*/
.TopBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
}
.TopBar ul.icone {
  display: flex;
  align-items: center;
  gap: 14px;
}
.TopBar li,
.TopBar li a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  list-style: none;
  text-decoration: none;
  color: black;
}
.TopBar li.bottone a {
  background-color: var(--colore-contrasto);
  text-decoration: none;
  border-radius: 50px;
  padding: 2px 10px;
}
@media only screen and (max-width: 800px) {
  #top_text div {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .TopBar .destra {
    display: none !important;
  }
}
@media only screen and (min-width: 800px) {
  li#webArea_108 {
    display: none !important;
  }
}
/* ASSISTENZA HEADER */
li.telefono {
  margin-left: auto;
}
.telefono .telefono-link {
  display: flex;
  align-items: flex-start;
  background-image: url(https://www.1001.it/custom/img/assistenza.webp);
  background-position: 0px;
  background-repeat: no-repeat;
  line-height: 1;
  color: inherit;
  border-right: 1px solid #fff;
  margin-right: 10px;
  padding: 5px 10px 5px 35px;
}
.telefono .testo i {
  display: block;
  line-height: 1;
  font-size: 9px;
  font-weight: 600 !important;
  margin-top: 4px;
  font-style: normal;
  text-transform: uppercase;
  text-align: left;
}
.telefono .testo b {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-top: 0;
  font-weight: 600;
}
@media only screen and (max-width: 800px) {
  .telefono .testo {
    display: none;
  }
  .telefono .telefono-link {
    min-height: 22px;
  }
}
/*CATEGORIE BOX DI PAGINA*/
ul#categoriesBoxes li {
  height: 160px;
}
@media only screen and (max-width: 768px) {
  #colMid #categoriesBoxes li,
  #colMid #brandBoxes li {
    flex: 0 0 45%;
  }
}
#colMid #categoriesBoxes, #colMid #brandBoxes {
  justify-content: center;
}
#colMid #categoriesBoxes li.li-item a,
#colMid #categoriesBoxes li.li-folder a {
  border-radius: 8px;
}
/*CATEGORIE LINK DI PAGINA*/

#categorieslinks, #brandLinks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0px;
}
@media screen and (max-width: 1280px) {
  #categorieslinks, #brandLinks {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 980px) {
  #categorieslinks, #brandLinks {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 680px) {
  #categorieslinks, #brandLinks {
    grid-template-columns: repeat(2, 1fr);
  }
}
#categoriesLinksContainer dd.li-folder,
#categoriesLinksContainer dd.li-item,
#colMid #categoriesLinksContainer .boxTitle span {
  display: none;
}
#colMid #categoriesLinksContainer {
  margin: 0px;
}
#categoriesLinksContainer a {
  background: var(--colore-sezione);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #000 !important;
  font-size: 15px;
  text-align: center;
}
#categoriesLinksContainer a:hover {
  background: var(--colore-contrasto);
}
@media screen and (max-width: 680px) {
  #categoriesLinksContainer a {
    font-size: 15px;
  }
}
/*ACCESSIBILITA*/
.accessibility-widget .accessibility-option {
  padding: 10px !important;
  border: 1px double #ccc !important;
  border-radius: 5px !important;
  margin: 5px 0px !important;
}
.accessibility-widget .option-text {
  font-size: 20px !important;
}
.accessibility-widget .accessibility-option:hover {
  box-shadow: 1px 2px 6px #d7d7d7 !important;
  border-color: #000 !important;
}
.accessibility-widget .font-size-controls {
  margin-top: 0px !important;
  border-top: none !important;
}
.accessibility-widget .font-btn {
  border: 1px double #ccc !important;
  border-radius: 5px !important;
  font-size: 30px !important;
}
#widgetPanel.active {
  border: 1px double #ccc !important;
  border-radius: 5px;
  box-shadow: none !important;
}
/*CARRELLO*/
div#discountCodesBox {
  border: none;
  margin: 0px;
  float: right;
}
#discountCodesBox form {
  background: transparent;
}
#discountCodesBox p {
  line-height: 30px;
}
div#discountCodesBox form#frmDiscountCode input.butt1 {
  background: var(--colore-sezione);
  color: #000;
}
#showCart tfoot td {
  background: var(--colore-sezione);
}
#showCart .showCartTable th {
  background: transparent;
  background-color: var(--colore-sezione);
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 60%;
  padding: 10px 20px;
  border: none;
}
#showCart .showCartTable {
  margin: 0 0 10px 0;
}
.upSellMessages .ico::after {
  left: 4px;
  top: 1px;
}
/* riepilogo (custom.js): la scritta della spedizione gratuita diventa una riga
   sotto "Contributo trasporto" (il riquadro originale prende is-moved e si
   nasconde); sulla riga del contributo imballo, quanto manca per non pagarlo */
#upSell-cartBottom.is-moved {
  display: none;
}
.showCartTable tr.shipFreeLine td {
  padding-top: 0;
  font-size: 13px;
  text-align: right;
}
.showCartTable .imballo-hint {
  font-weight: normal;
}
/* pulsante d'invio ordine: il testo "Acquista ora" lo mette custom.js
   (art. 51 Codice del Consumo); carattere e colore nelle sezioni sopra */
#sendOrderButton {
  min-width: 280px;
  min-height: 52px;
}
@media (max-width: 768px) {
  #sendOrderButton {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #showCart .showCartTable tbody td.qta {
    justify-content: space-between;
  }
}
/*NOTIFICA "AGGIUNTO AL CARRELLO"*/
/* Dopo ogni "Aggiungi" ReadyPro mostra il suo box #cartAddConfirm: resta nascosto e
   custom.js ne usa i dati per la notifica .add-toast-1001 (prodotto, riga della
   spedizione gratuita con barra, "Vai al carrello" / "Continua"; solo privati e non
   loggati). Stati messi da custom.js: is-visible, is-warning (avviso di ReadyPro al
   posto della conferma), is-paused (mouse sopra o focus dentro); --at-p = riempimento
   della barra; .at-timer.is-running = linea del conto alla rovescia, la durata la mette
   custom.js (3 s, avvisi 5 s). */
#cartAddConfirm {
  display: none;
}
.add-toast-1001 {
  position: fixed;
  top: 160px;
  right: 20px;
  z-index: 9995;
  width: 360px;
  box-sizing: border-box;
  padding: 14px 16px 16px;
  background: #fff;
  border-left: 6px solid var(--colore-sezione);
  border-radius: var(--raggio);
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
  overflow: hidden;
  font-family: var(--font-testo);
  color: var(--testo);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.add-toast-1001.is-visible {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .2s ease, transform .2s ease;
}
.add-toast-1001 p {
  margin: 0;
  padding: 0;
}
.add-toast-1001 .at-head {
  margin: 0 30px 10px 0;
  font-family: var(--font-titoli);
  font-size: 22px;
  line-height: 1.1;
  color: #006600;
}
.add-toast-1001.is-warning .at-head {
  color: #AD0000;
}
.add-toast-1001 .at-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--testo-secondario);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.add-toast-1001 .at-prod {
  display: flex;
  align-items: center;
  gap: 12px;
}
.add-toast-1001 .at-img {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  object-fit: contain;
}
.add-toast-1001 .at-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.add-toast-1001 .at-meta {
  margin-top: 2px;
  font-size: 13px;
  color: var(--testo-secondario);
}
.add-toast-1001 .at-ship {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.4;
}
.add-toast-1001 .at-bar {
  height: 8px;
  margin-top: 6px;
  border-radius: 4px;
  background: #eee;
  overflow: hidden;
}
.add-toast-1001 .at-bar span {
  display: block;
  width: var(--at-p, 0%);
  height: 100%;
  border-radius: 4px;
  background: var(--colore-sezione);
}
.add-toast-1001 .at-actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}
.add-toast-1001 .at-cart,
.add-toast-1001 .at-cont {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: var(--font-titoli);
  font-size: 20px;
  text-decoration: none;
  cursor: pointer;
}
.add-toast-1001 .at-cart {
  border: 0;
  background: var(--colore-sezione);
  color: #000;
}
.add-toast-1001 .at-cart:hover {
  background: var(--colore-contrasto);
}
.add-toast-1001 .at-cont {
  border: 1px solid #ccc;
  background: #fff;
  color: var(--testo);
}
.add-toast-1001 .at-timer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
}
.add-toast-1001 .at-timer span {
  display: block;
  height: 100%;
  background: #006600;
  transform-origin: left center;
}
.add-toast-1001.is-warning .at-timer span {
  background: #AD0000;
}
.add-toast-1001 .at-timer.is-running span {
  animation: at-conto-1001 3s linear forwards;
}
.add-toast-1001.is-paused .at-timer span {
  animation-play-state: paused;
}
@keyframes at-conto-1001 {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}
@media (max-width: 768px) {
  .add-toast-1001 {
    top: auto;
    left: 12px;
    right: 12px;
    bottom: 84px;
    width: auto;
    transform: translateY(8px);
  }
}
/*MERCE SU ORDINAZIONE*/
.ordinabile {
  color: var(--testo);
  text-align: center;
  line-height: 15px;
  padding-top: 10px !important;
}
.ordinabile-tempo {
  color: var(--testo);
  font-size: 11px;
}
.ordinabile-cart {
  padding: 8px 10px !important;
  background: #ffcdcd;
  border: 1px solid #ffeeba;
  color: #850404;
  font-size: 12px;
}

/*BOX PEZZI*/
/* Bottoni "Aggiungi 6/12/24" (markup dallo script bottoni pacco nella lista
  Script; etichette compatte "+6" e classi di stato da custom.js).
  Questo blocco fonde il vecchio BOX PEZZI con il CSS "compatto" che stava
  dentro custom.js: stesso risultato di oggi, ma senza !important, quindi
  tornano a funzionare lo stato grigio (non disponibile / in arrivo) e il
  colore del testo nell'area vino. */
tr.code {
  display: none;
}
/* contenitore: riga di bottoni */
.custom-pack-wrap-1001 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 4px 0 6px;
}
/* PACK_MODE "horeca" in custom.js: privati e ospiti non vedono i bottoni */
body.pack-hide .custom-pack-wrap-1001 {
  display: none !important;
}
/* bottone: bianco con bordo giallo, giallo al passaggio */
.custom-pack-btn-1001 {
  flex: 1 1 0;
  width: auto;
  min-width: 44px;
  border: 1px solid var(--colore-sezione);
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
  color: var(--testo);
  line-height: 1;
  padding: 7px 4px;
  font-size: 15px;
}
.custom-pack-btn-1001:hover {
  background: var(--colore-sezione);
  color: #000;
  transition: all 0.5s ease;
}
/* elenco orizzontale */
.horizontal .custom-pack-wrap-1001 {
  justify-content: flex-end;
  margin: 6px 10px;
}
/* scheda prodotto: bottoni allineati a sinistra e piu' larghi */
#sheetAddToCartRow .custom-pack-wrap-1001,
.detailsBox .custom-pack-wrap-1001 {
  justify-content: flex-start;
}
#sheetAddToCartRow .custom-pack-btn-1001,
.detailsBox .custom-pack-btn-1001 {
  flex: 0 0 auto;
  padding: 8px 14px;
}
.custom-pack-row-1001 .custom-pack-btn-1001 {
  max-width: 77px;
}
/* stato: prodotto in arrivo o non disponibile: bottone grigio */
.resultBox:has(.inArrivalAV) .custom-pack-btn-1001,
.detailsBox:has(.inArrivalAV) .custom-pack-btn-1001,
.resultBox:has(.noAV) .custom-pack-btn-1001,
.detailsBox:has(.noAV) .custom-pack-btn-1001 {
  background: #dfdfdf;
  border-color: #dfdfdf;
}
/* form "Aggiungi" nelle card a cubi: quantita' + bottone sulla stessa riga */
#colMid .cubes .resultBox li.cart form.cart_form {
  display: flex;
  gap: 6px;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}
#colMid .cubes .resultBox li.cart form.cart_form label {
  flex: 0 0 auto;
  margin: 0;
}
#colMid .cubes .resultBox li.cart form.cart_form input.butt1 {
  flex: 1 1 auto;
  padding: 10px 8px;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .horizontal .custom-pack-wrap-1001 {
    justify-content: center;
  }
  td.bkg1 {
    margin: 0px;
    padding: 0px;
  }
  th.custom-pack-row-1001 {
    display: none;
  }
}
/*BOTTONE IBW PROVALA NELLA BOX*/
.ibw-box-button {
  margin: 0 0 10px 0;
}
.horizontal .ibw-box-button {
  text-align: right;
  margin-right: 4%;
}
.ibw-box-link {
  display: inline-block;
  padding: 8px 10px;
  background-color: var(--colore-sezione) !important;
  color: #000;
  border-radius: 5px;
  text-decoration: none;
}
.ibw-box-link:hover {
  background-color: var(--colore-contrasto) !important;
  color: #000;
}
/* CUBI - PREZZO IN LINEA*/
#colMid .cubes .resultBox .content > ul {
  margin-top: auto;
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  place-self: center;
  padding: 5px;
}
#colMid .cubes .resultBox .content > ul > li.availab {
  grid-column: 1;
  justify-self: start;
  margin: 5px 0 0 0 !important;
  text-align: left !important;
}
#colMid .cubes .resultBox .content > ul > li.price {
  grid-column: 2;
  justify-self: end;
  margin: 0 !important;
  text-align: right !important;
}
#colMid .cubes .resultBox .content > ul > .custom-pack-wrap-1001,
#colMid .cubes .resultBox .content > ul > li.cart {
  grid-column: 1 / -1;
}
/* 12/10: sul telefono la scheda e' stretta: con lo sconto "Disponibile" finiva sopra
   il prezzo barrato. Fino a 480px disponibilita' e prezzo vanno su due righe, centrati. */
@media (max-width: 480px) {
  #colMid .cubes .resultBox .content > ul {
    grid-template-columns: minmax(0, 1fr);
  }
  #colMid .cubes .resultBox .content > ul > li.availab,
  #colMid .cubes .resultBox .content > ul > li.price {
    grid-column: 1;
    justify-self: center;
    text-align: center !important;
  }
  #colMid .cubes .resultBox dl dd {
    text-align: center;
  }
  /* "Disponibile" e' il caso normale: sul telefono non si scrive, la scheda e' piu' corta.
     Restano visibili "Ultimi pezzi", "Non disponibile", "In arrivo". */
  #colMid .cubes .resultBox .content > ul > li.availab:has(.fullAV) {
    display: none;
  }
}
/*NASCONDERE MAGAZZINO*/
#sheetBox .warehouseList,
.resultBox .warehouseList,
#colMid .bigBox .warehouseList {
  display: none;
}

/*FASCIA FUORI CATALOGO*/

.col1:has(.badge-ribbon-title.b103) .imagesBox {
  position: relative;
}
.col1:has(.badge-ribbon-title.b103) .imagesBox::after {
  content: "Fuori catalogo";
  font-family: var(--font-titoli) !important;
  position: absolute;
  top: 78%;
  left: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 0;
  z-index: 10;
  pointer-events: none;
  box-sizing: border-box;
}

/* CATEGORIE BIRRIFICI*/

/* === PRODUTTORI GRID === */
#colMid #categoriesBoxes.noDesc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 5px;
  margin-top: 20px;
  flex-direction: unset;
  flex-wrap: unset;
  justify-content: unset;
}
#colMid #categoriesBoxes.noDesc li.li-item {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 5px;
  box-shadow: 1px 2px 6px #d7d7d7;
  flex-basis: unset;
  min-height: unset;
  margin: 0;
}
#colMid #categoriesBoxes.noDesc li.li-item:hover {
  border: 1px solid #999;
}
#colMid #categoriesBoxes.noDesc li.li-item a {
  text-decoration: none;
  color: inherit;
  display: block;
  border: none;
  border-radius: 0;
  padding: 0;
  position: static;
  height: auto;
  overflow: visible;
}
#colMid #categoriesBoxes.noDesc li.li-item img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  display: block;
  margin: 0 auto 10px;
}
#colMid #categoriesBoxes.noDesc li.li-item strong.boxTitle {
  position: static !important;
  opacity: 1 !important;
  background: transparent !important;
  color: #000 !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  transition: none !important;
  margin: 0 !important;
}
#colMid #categoriesBoxes.noDesc li.li-item strong.boxTitle span {
  font-family: 'Bebas Neue';
  display: block;
  color: #000;
  padding: 5px 0 0;
}
#colMid #categoriesBoxes.noDesc li.li-item a:hover strong.boxTitle {
  bottom: auto !important;
  opacity: 1 !important;
}
#colMid #categoriesBoxes.noDesc span.wrap_desc {
  display: none !important;
}

/*AREA VINO*/
/* tolto il 13/10/2026: grafica unificata (testata gialla e logo 1001 anche nei vini);
   resta solo --colore-accento nei token, usato da titoli di catalogo e colonna di sinistra */

/* ============================================================
   STEP 3 - CONTENUTI SU TELA BIANCA (v3)
   HEADER LASCIATO ORIGINALE (giallo) per non rompere le icone chiare del tema.
   Solo i contenuti della HOME e il footer passano a bianco/panna.
   Per annullare SOLO questo step: elimina tutto il blocco qui sotto.
   ============================================================ */

/* --- FOOTER: panna con bordo giallo (testo resta leggibile) --- */
#footer_custom_els_container {
  background-color: #faf6ec !important;
  border-top: 3px solid var(--colore-sezione) !important;
}

/* --- SOLO HOME: titoli caroselli con sottolineatura gialla --- */
#body_home #mostImportantProducts_Title span a,
#body_home #firstDownBox_Title span a,
#body_home #secondDownBox_Title span a,
#body_home #thirdDownBox_Title span a,
#body_home #fifthGroupBox_Title span a,
#body_home #sixthGroupBox_Title span a,
#body_home #seventhGroupBox_Title span a,
#body_home #nineGroupBox_Title span a,
#body_home #tenGroupBox_Title span a {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-bottom: 4px solid var(--colore-sezione) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 4px !important;
}

/* --- SOLO HOME: pannelli caroselli bianchi con respiro --- */
#body_home #mostImportantProducts,
#body_home #firstDownBox,#body_home #secondDownBox,#body_home #thirdDownBox,
#body_home #fifthGroupBox,#body_home #sixthGroupBox,#body_home #seventhGroupBox,
#body_home #nineGroupBox,#body_home #tenGroupBox {
  background: #ffffff !important;
  margin-bottom: 36px !important;
}

/* --- SOLO HOME: card prodotto definite su fondo bianco --- */
#body_home #mostImportantProducts .resultBox,
#body_home #firstDownBox .resultBox,#body_home #secondDownBox .resultBox,#body_home #thirdDownBox .resultBox,
#body_home #fifthGroupBox .resultBox,#body_home #sixthGroupBox .resultBox,#body_home #seventhGroupBox .resultBox,
#body_home #nineGroupBox .resultBox,#body_home #tenGroupBox .resultBox {
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 12px !important;
  transition: box-shadow .15s ease, transform .15s ease;
}
#body_home #mostImportantProducts .resultBox:hover,
#body_home #firstDownBox .resultBox:hover,#body_home #secondDownBox .resultBox:hover,#body_home #thirdDownBox .resultBox:hover,
#body_home #fifthGroupBox .resultBox:hover,#body_home #sixthGroupBox .resultBox:hover,#body_home #seventhGroupBox .resultBox:hover,
#body_home #nineGroupBox .resultBox:hover,#body_home #tenGroupBox .resultBox:hover {
  box-shadow: 0 8px 22px rgba(30,25,10,.10) !important;
  transform: translateY(-3px);
}
/* ACCESSIBILITA: contrasto etichette categorie e messaggio prezzo */
.category-tag {
  color: #3A3A3A;
}
em.priceMessage {
  color: #4A4A4A;
}
/* link "Cosa include il nostro prezzo": sottolineato, non solo colorato */
td.price em.priceMessage a {
  text-decoration: underline;
}


/* ============================================================
   BLOCCHI CHE PRIMA ERANO INIETTATI DA custom.js
   (spostati qui il 25/09/2026: stessi selettori, valori su token).
   Il markup lo genera ancora custom.js; qui c'e' solo l'aspetto.
   ============================================================ */

/* ---------- PAGINE FILTRO SEO (custom.js: motore pagine parametriche) ---------- */
#custom-style-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 20px 20px 0 20px;
}
#custom-style-body {
  margin: 0px 10px 20px;
  padding: 15px;
  background: var(--colore-sezione);
  border-radius: 25px;
}
#custom-style-body p {
  margin: 10px 0;
}
#back-btn {
  display: inline-block;
  background: var(--colore-sezione);
  border-radius: 5px;
  padding: 8px 10px;
  font-family: var(--font-titoli) !important;
  text-decoration: none;
}
#back-btn:hover {
  color: #000;
}
.style-back {
  flex: 0 0 auto;
}
.style-filter {
  flex: 1;
}
.style-filter p {
  display: inline-block;
  background: #ffe5e5;
  color: #a30000;
  border: 1px solid #ffb3b3;
  padding: 8px 10px;
  border-radius: 5px;
  margin: 0;
}
.style-intro,
.style-title {
  width: 100%;
}
.style-title {
  padding: 0px !important;
  font-size: 30px !important;
  font-family: var(--font-titoli);
}
.style-body {
  margin-top: 30px;
}
/* briciole di pane generate (sostituiscono quelle di ReadyPro) */
#NavBar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2UlEQVQ4jZ3ToVbDQBCF4U9ERERGVFRUVlYgEBU8ABJZWYmoQCBxiApEBQKBqIhEIHiAPkofpIhdODlzsk3hV5u7d2ZnMruUqbHEVV5fTIs3vOIeG7zn73YseIpPzAb25vjKniJdIXiCJgd/nDt9F7Sf3jtUef2ExVCCO6yC9ogD9j3tFutLElQ44hT0YoIpXoJxL02h6enFFki9Nj1jE/br7CmyCFVEttLlOssWNwP69UjyXypp1v3ya+kSxZaKxFaecwV/4kGaxFL6of+ik95GNWYs0Rp5PN/CZh5dWLXATwAAAABJRU5ErkJggg==);
  background-position: 0 center;
  background-repeat: no-repeat;
  padding: 0 0 0 21px;
  font-size: 92%;
  margin-bottom: 10px;
  line-height: 1.5;
}
#NavBar a {
  font-weight: bold;
}
#NavBar ul,
#NavBar li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#NavBar li:before {
  display: inline-block;
  content: ">";
  margin-right: 0.3em;
}
/* griglia birrifici (solo pagine per nazione) */
#custom-birrifici-section {
  margin: 20px 10px 30px;
}
.birrifici-title {
  font-size: 30px !important;
  margin: 0 0 20px 0px;
  text-align: center;
}
.birrifici-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.birrificio-item {
  flex: 0 0 auto;
  width: 110px;
  text-align: center;
}
.birrificio-item a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.birrificio-item a:hover .birrificio-nome {
  text-decoration: underline;
}
.birrificio-item img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 8px;
}
.birrificio-nome {
  margin-top: 6px;
  font-family: var(--font-titoli);
}
span .birrificio-nome {
  color: grey;
}
@media (max-width: 768px) {
  #custom-style-box {
    flex-direction: column;
    align-items: center;
  }
  .style-filter {
    text-align: center;
  }
  .birrifici-grid {
    justify-content: center;
  }
}

/* ---------- RICERCA INTERNA (custom.js: suggerimenti stile e produttore, nessun risultato, tendina) ---------- */
.srch-hint,
.srch-hint p,
.srch-noresult,
.srch-noresult p {
  font-family: var(--font-testo) !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-transform: none !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.srch-hint strong,
.srch-noresult strong {
  font-weight: 700 !important;
}
.srch-hint {
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  background: #FFF6D6 !important;
  border-left: 4px solid var(--colore-sezione) !important;
  border-radius: 6px !important;
}
.srch-noresult {
  margin: 14px 0 24px !important;
  padding: 16px !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: var(--raggio) !important;
}
.srch-hint p,
.srch-noresult p {
  margin: 0 0 8px !important;
}
/* le pill sono il componente .p1001-pill (strato 2); qui la spaziatura e il
   font: il blocco "nessun risultato" sta dentro .pages e la regola ".pages a"
   della sezione FONT BEBAS altrimenti le metterebbe in Bebas */
.srch-hint .srch-pill,
.srch-noresult .srch-pill {
  margin: 4px 8px 4px 0 !important;
  font-family: var(--font-testo) !important;
  font-size: 14px !important;
}
/* tendina di ReadyPro mentre si scrive nel box in alto (#ricercheRisultati): in cima il
   blocco .srch-sugg di custom.js con produttore, stile e "Forse cercavi" */
#ricercheRisultatiContent .srch-sugg {
  padding: 4px 0;
  background: #FFF6D6;
  border-bottom: 1px solid #F0DC9A;
}
#ricercheRisultatiContent .srch-sugg-forse {
  margin: 0;
  padding: 6px 10px 2px;
  text-align: left;
  font-family: var(--font-testo);
  font-size: 13px;
  color: var(--testo-secondario);
}
#ricercheRisultatiContent .srch-sugg-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 7px 10px;
  color: var(--testo);
  font-family: var(--font-testo);
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
}
#ricercheRisultatiContent .srch-sugg-item:hover,
#ricercheRisultatiContent .srch-sugg-item:focus {
  background: var(--colore-sezione);
}
#ricercheRisultatiContent .srch-sugg-tag {
  flex: 0 0 auto;
  min-width: 84px;
  font-family: var(--font-titoli);
  font-size: 16px;
  letter-spacing: .5px;
  color: #006600;
}
#ricercheRisultatiContent .srch-sugg-name {
  font-weight: 700;
}

/* ---------- PAGINE CATEGORIA: FAQ spostate sotto la lista prodotti (custom.js) ---------- */
/* Nelle 13 pagine SEO (blocco con #Titolo-Pagine-Categoria) le FAQ stanno nel blocco in
   alto e custom.js le sposta sotto i prodotti: qui partono gia' nascoste, cosi' la lista
   non salta (CLS). Una volta spostate dentro .cat-faq tornano visibili da sole.
   Regola per le pagine nuove: nel blocco il primo titolo h2 deve essere "Domande frequenti". */
body.searchProd:has(#mainResultBox) #staticPage .html_block:has(#Titolo-Pagine-Categoria) h2,
body.searchProd:has(#mainResultBox) #staticPage .html_block:has(#Titolo-Pagine-Categoria) h2 ~ * {
  display: none;
}
/* .cat-faq e' un .p1001-panel (strato 2); qui margini e testi */
.cat-faq {
  margin: 36px 0 12px;
}
.cat-faq h2 {
  margin: 0 0 14px;
  font-size: 22px;
}
.cat-faq h3 {
  margin: 14px 0 4px;
  font-size: 16px;
}
.cat-faq p {
  margin: 0 0 8px;
  line-height: 1.55;
}

/* ---------- HEADER MOBILE COMPATTO (custom.js aggiunge/toglie body.hdr-compact allo scroll) ---------- */
@media (max-width: 900px) {
  #header_responsive #header_top_bar_wrapper {
    transition: max-height .25s ease, opacity .2s ease;
    overflow: hidden;
    max-height: 200px;
  }
  body.hdr-compact #header_responsive #header_top_bar_wrapper {
    max-height: 0 !important;
    opacity: 0;
  }
}

/* ---------- TESTATA MOBILE: casella di ricerca sempre visibile ---------- */
/* Sotto logo e icone la casella di ricerca resta sempre aperta (prima si apriva
   solo toccando la lente); nella barra in alto resta "Spedizione entro 24 ore".
   Bordo, angoli e margini interni della casella vengono dalla regola
   "#header_responsive .top_buttons input.txt_search" (parte generale);
   margin 0: la casella sta tutta dentro la testata (la skin le da' 10px sopra
   e sotto, e sporgeva sulla pagina); 16px di testo evitano lo zoom su iPhone.
   Fino a 800px, come "CARICARE VELOCEMENTE HEADER": sopra gli 800px la
   casella e' gia' visibile nella riga delle icone. */
@media (max-width: 800px) {
  #header_responsive .TopBar li.bs {
    display: none !important;
  }
  #header_responsive #top_buttons_wrapper {
    padding-bottom: 58px;
  }
  #header_responsive ul.top_buttons {
    position: relative;
  }
  #header_responsive .box_text_search {
    z-index: 5 !important;
    opacity: 1 !important;
    height: auto !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
  }
  #header_responsive .box_text_search .txt_search {
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box;
    margin: 0 !important;
    font-size: 16px !important;
    background: #fff !important;
  }
}
/* 12/10: la riga logo + icone e' larga 362px: sui telefoni piu' stretti (o col testo
   ingrandito) usciva dallo schermo e la pagina si spostava di lato. Logo piu' piccolo. */
@media (max-width: 380px) {
  #header_responsive #logo {
    max-width: 118px;
  }
}
@media (max-width: 340px) {
  #header_responsive #logo {
    max-width: 96px;
  }
}

/* ---------- BLOG: box prodotti automatici (custom.js) ---------- */
/* .box-prodotti-out e' un .p1001-panel; .bp-card/.bp-grid/.bp-btn sono
   .p1001-card/.p1001-grid/.p1001-btn (strato 2). Qui il resto. */
.box-prodotti-out {
  margin: 26px 0 30px;
  clear: both;
  text-align: left;
}
.box-prodotti-out .bp-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
  margin: 0 0 14px;
}
.box-prodotti-out .bp-only {
  margin: 0;
  align-items: center;
}
.box-prodotti-out .bp-all:not(.bp-all-btn) {
  font-family: var(--font-testo);
  font-size: 14px;
  font-weight: 700;
  color: var(--colore-contrasto) !important;
  text-decoration: none !important;
}
.box-prodotti-out .bp-all:not(.bp-all-btn):hover {
  text-decoration: underline !important;
}
.box-prodotti-out .bp-img {
  display: block;
  height: 150px;
  margin-bottom: 10px;
  text-align: center;
}
.box-prodotti-out .bp-img img {
  max-height: 150px;
  max-width: 100%;
  width: auto;
  height: auto;
  display: inline-block;
}
.box-prodotti-out .bp-name {
  font-family: var(--font-testo);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 4px;
  flex: 1;
}
.box-prodotti-out .bp-brand {
  font-size: 11px;
  color: var(--testo-secondario);
  margin-bottom: 6px;
}
.box-prodotti-out .bp-price {
  font-family: var(--font-titoli);
  font-size: 22px;
  color: var(--colore-contrasto);
  margin-bottom: 10px;
}
.box-prodotti-out .bp-btn {
  display: block;
  padding: 9px 6px;
  line-height: 1.9;
}
.box-prodotti-out .bp-all-btn {
  font-size: 14px;
}
@media (max-width: 600px) {
  .box-prodotti-out {
    padding: 14px 10px;
  }
  .box-prodotti-out .bp-title {
    font-size: 21px;
  }
  .box-prodotti-out .bp-img {
    height: 120px;
  }
  .box-prodotti-out .bp-img img {
    max-height: 120px;
  }
}

/* ---------- CARRELLO VUOTO: "Da dove vuoi ripartire?" (custom.js) ---------- */
/* .ce-cta e' un .p1001-panel, .ce-title un .p1001-title, .ce-pill una .p1001-pill */
#showCartEmptyMessage {
  text-align: center;
}
#showCartEmptyMessage .ce-cta {
  max-width: 640px;
  margin: 22px auto 30px;
  padding: 20px 18px;
  text-align: center;
}
#showCartEmptyMessage .ce-title {
  margin: 0 0 12px;
}
#showCartEmptyMessage .ce-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
#showCartEmptyMessage .ce-note {
  margin: 14px 0 0;
  font-size: 12px;
  color: var(--testo-secondario);
}

/* ============================================================
   PAGINE NUOVE 1001 (sistema .hc- / .hi- / .hr-) - dal 2026-10-09
   Prima ogni pagina aveva una copia di questo CSS nel suo Testo HTML:
   ora sta qui e le pagine contengono solo l'HTML.
   Ogni pagina dichiara la sua famiglia sul contenitore:
     div class="hc-page hc-page--home"       home-claude
     div class="hc-page hc-page--horeca"     /horeca
     div class="hc-page hc-page--info"       pagine informative: spedizioni,
                                             pagamenti, chi siamo, contatti, faq...
   Le regole di una sola famiglia sono limitate con :where(), che non
   cambia la priorita' delle regole. Colori e font delle pagine: token
   --hc-* qui sotto (la prima regola).
   Generato dal CSS delle pagine: si modifica qui, non nelle pagine.
   10/10: questa sezione e' stata aggiunta al CSS 2026-10-07b (Bebas e colori
   originali). I titoli h2/h3 delle pagine hanno font-size !important perche'
   il CSS globale forza h2 a 22px e h3 a 20px con !important.
   12/10: titoli delle pagine nuove senza spaziatura negativa tra le lettere
   (era pensata per Montserrat; con Bebas le lettere si toccavano).
   09/10 (c): .hc-page{text-align:left} (la skin giustifica i testi per
   ereditarieta'); regole con #staticPage scritte come
   #staticPage :where(...) .classe (prima erano invertite e non agivano).
   09/10 (d): titolo hero home 38px su mobile; 4,8/5 a peso 800.
   09/10 (e): striscia fiducia, voci con link (recensioni, spedizioni
   estero) con icona a sinistra come le altre.
   09/10 (f): "Da scoprire" con etichetta del tipo (birra gialla, vino
   bordeaux, sake scuro); su mobile si vedono le prime 6 schede.
   ============================================================ */
.hc-page{--hc-ink:#0B1014;--hc-ink-2:#18222B;--hc-giallo:#F2C230;--hc-giallo-testo:#111;--hc-verde:#248C45;--hc-crema:#FAF7F1;--hc-grigio:#F2F4F7;--hc-bianco:#FFFFFF;--hc-testo:#1A1A1A;--hc-muted:#6B6B6B;--hc-bordo:#E6E6E6;--hc-raggio:12px;--hc-font-titoli:var(--font-titoli, 'Montserrat Titoli', 'Montserrat', sans-serif);--hc-font-testo:var(--font-testo, Raleway, Helvetica, sans-serif);font-family:var(--hc-font-testo);color:var(--hc-testo);text-align:left;}
.hc-page *{box-sizing:border-box;}
body:has(.hc-page) #colSx,body:has(.hc-page) #navBar{display:none;}
.hc-wrap{max-width:1320px;margin:0 auto;padding:0 16px;}
.hc-sec{padding:40px 0;}
.hc-sec--tight{padding:24px 0;}
.hc-h2{font-family:var(--hc-font-titoli);font-size:28px !important;line-height:1.15;letter-spacing:0;margin:0 0 6px;}
.hc-sub{margin:0 0 22px;color:var(--hc-muted);font-size:16px;}
.hc-page:where(.hc-page--info) p,.hc-page:where(.hc-page--info) li,.hc-page:where(.hc-page--info) h3,.hc-page:where(.hc-page--info) span,.hc-page:where(.hc-page--info) small,.hc-page:where(.hc-page--info) td,.hc-page:where(.hc-page--info) th{text-align:left;}
:where(.hc-page--home) .hc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;}
:where(.hc-page--home) .hc-head .hc-sub{margin-bottom:22px;}
.hc-page:where(.hc-page--horeca) p,.hc-page:where(.hc-page--horeca) li,.hc-page:where(.hc-page--horeca) h3,.hc-page:where(.hc-page--horeca) span,.hc-page:where(.hc-page--horeca) small{text-align:left;}
.hc-link{color:var(--hc-testo);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.hc-page:where(.hc-page--info) a.hc-link,.hc-page:where(.hc-page--info) a.hc-link:hover{color:var(--hc-testo);}
.hc-btn{display:inline-block;padding:13px 22px;border-radius:999px;font-weight:800;font-size:14px;letter-spacing:.3px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s, box-shadow .15s;line-height:1;}
.hc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.18);}
.hc-btn--giallo{background:var(--hc-giallo);color:var(--hc-giallo-testo);border-color:var(--hc-giallo);}
.hc-btn--bianco{background:transparent;color:#fff;border-color:rgba(255,255,255,.75);}
.hc-btn--scuro{background:var(--hc-ink);color:#fff;border-color:var(--hc-ink);}
:where(.hc-page--info) .hc-btn--outline{background:transparent;border-color:var(--hc-ink);}
:where(.hc-page--home) .hc-btn--verde{background:var(--hc-verde);color:#fff;border-color:var(--hc-verde);}
.hc-btn--sm{padding:9px 14px;font-size:13px;}
.hc-page a.hc-btn--giallo,.hc-page a.hc-btn--giallo:hover{color:var(--hc-giallo-testo);}
.hc-page:where(.hc-page--horeca,.hc-page--info) a.hc-btn--scuro,.hc-page:where(.hc-page--horeca,.hc-page--info) a.hc-btn--scuro:hover,.hc-page:where(.hc-page--horeca,.hc-page--info) a.hc-btn--bianco,.hc-page:where(.hc-page--horeca,.hc-page--info) a.hc-btn--bianco:hover{color:#fff;}
.hc-page:where(.hc-page--info) a.hc-btn--outline,.hc-page:where(.hc-page--info) a.hc-btn--outline:hover{color:var(--hc-ink);}
:where(.hc-page--info) .hi-hero{background:var(--hc-crema);border-bottom:1px solid var(--hc-bordo);}
:where(.hc-page--info) .hi-hero-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;padding:40px 0 36px;}
:where(.hc-page--info) .hi-eyebrow{display:inline-block;background:var(--hc-ink);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;margin-bottom:16px;}
#colMid .hc-page:where(.hc-page--info) .hi-hero h1{font-family:var(--hc-font-titoli);font-size:42px !important;line-height:1.08;margin:0 0 14px;letter-spacing:0;color:var(--hc-ink) !important;text-align:left !important;}
.hc-page:where(.hc-page--info) .hi-hero h1 em{font-style:normal;background:var(--hc-giallo);padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.hc-page:where(.hc-page--info) .hi-hero p{font-size:17px;line-height:1.55;margin:0 0 22px;color:var(--hc-testo);max-width:640px;}
:where(.hc-page--info) .hi-hero .hc-wrap{padding:0 28px;}
:where(.hc-page--info) .hi-hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
:where(.hc-page--info) .hi-numeri{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
:where(.hc-page--info) .hi-num{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:14px;padding:16px 16px 14px;}
:where(.hc-page--info) .hi-num b{display:block;font-family:var(--hc-font-titoli);font-size:30px;line-height:1.05;color:var(--hc-ink);}
:where(.hc-page--info) .hi-num span{display:block;font-size:13px;color:var(--hc-muted);margin-top:4px;line-height:1.3;}
:where(.hc-page--info) .hi-costi{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
:where(.hc-page--info) .hi-costo{border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:22px 22px 18px;background:var(--hc-bianco);}
:where(.hc-page--info) .hi-costo--scuro{background:var(--hc-ink);border-color:var(--hc-ink);color:#fff;}
:where(.hc-page--info) .hi-costo-tag{display:inline-block;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:var(--hc-muted);margin-bottom:6px;}
:where(.hc-page--info) .hi-costo--scuro .hi-costo-tag{color:rgba(255,255,255,.7);}
:where(.hc-page--info) .hi-costo-big{font-family:var(--hc-font-titoli);font-size:30px;line-height:1.1;margin:0 0 4px;}
:where(.hc-page--info) .hi-costo--scuro .hi-costo-big{color:var(--hc-giallo);}
.hc-page:where(.hc-page--info) .hi-costo p{margin:0 0 10px;font-size:15px;line-height:1.5;}
:where(.hc-page--info) .hi-costo--scuro p{color:rgba(255,255,255,.85);}
:where(.hc-page--info) .hi-costo ul{list-style:none;margin:0;padding:0;font-size:14px;}
#staticPage :where(.hc-page--info) .hi-costo li{padding:0 0 0 22px;margin:0 0 6px;position:relative;line-height:1.4;}
:where(.hc-page--info) .hi-costo li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--hc-verde);font-weight:800;}
:where(.hc-page--info) .hi-costo--scuro li:before{color:var(--hc-giallo);}
:where(.hc-page--info) .hi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
:where(.hc-page--info) .hi-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
:where(.hc-page--info) .hi-box{background:var(--hc-grigio);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:20px 20px 16px;}
:where(.hc-page--info) .hi-box--crema{background:var(--hc-crema);}
:where(.hc-page--info) .hi-box--bianco{background:var(--hc-bianco);}
.hc-page:where(.hc-page--info) .hi-box h3{font-size:17px !important;margin:0 0 8px;font-weight:800;}
.hc-page:where(.hc-page--info) .hi-box p{font-size:14.5px;line-height:1.55;margin:0 0 8px;color:var(--hc-testo);}
.hc-page:where(.hc-page--info) .hi-box p:last-child{margin-bottom:0;}
:where(.hc-page--info) .hi-box ul{list-style:none;margin:0;padding:0;font-size:14.5px;}
#staticPage :where(.hc-page--info) .hi-box li{padding:0 0 0 20px;margin:0 0 7px;position:relative;line-height:1.45;}
:where(.hc-page--info) .hi-box li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--hc-giallo);}
:where(.hc-page--info) .hi-avviso{display:flex;gap:12px;align-items:flex-start;background:#FFF6D6;border:1px solid #F2C230;border-radius:var(--hc-raggio);padding:14px 16px;font-size:14.5px;line-height:1.5;}
:where(.hc-page--info) .hi-avviso svg{width:22px;height:22px;flex:none;stroke:var(--hc-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px;}
.hc-page:where(.hc-page--info) .hi-avviso p{margin:0;}
:where(.hc-page--info) .hi-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step;}
:where(.hc-page--info) .hi-step{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:22px 20px 18px;position:relative;}
:where(.hc-page--info) .hi-step:before{counter-increment:step;content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--hc-giallo);color:var(--hc-giallo-testo);font-family:var(--hc-font-titoli);font-size:24px;margin-bottom:10px;}
.hc-page:where(.hc-page--info) .hi-step h3{font-size:17px !important;margin:0 0 6px;font-weight:800;}
.hc-page:where(.hc-page--info) .hi-step p{font-size:14px;line-height:1.5;color:var(--hc-muted);margin:0;}
:where(.hc-page--info) .hi-faq{max-width:900px;}
:where(.hc-page--info) .hi-faq details{border:1px solid var(--hc-bordo);border-radius:10px;padding:0 16px;margin-bottom:8px;background:#fff;}
:where(.hc-page--info) .hi-faq summary{cursor:pointer;font-weight:800;font-size:15px;padding:14px 0;list-style:none;position:relative;padding-right:28px;}
:where(.hc-page--info) .hi-faq summary::-webkit-details-marker{display:none;}
:where(.hc-page--info) .hi-faq summary:after{content:"+";position:absolute;right:2px;top:10px;font-size:22px;color:var(--hc-muted);}
:where(.hc-page--info) .hi-faq details[open] summary:after{content:"\2013";}
.hc-page:where(.hc-page--info) .hi-faq p{font-size:14px;line-height:1.55;color:var(--hc-muted);margin:0 0 14px;}
:where(.hc-page--info) .hi-contact{background:var(--hc-ink);color:#fff;border-radius:18px;padding:30px 34px;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;}
.hc-page:where(.hc-page--info) .hi-contact .hc-h2{color:#fff;}
.hc-page:where(.hc-page--info) .hi-contact p{color:rgba(255,255,255,.8);margin:0;font-size:15px;}
:where(.hc-page--info) .hi-contact-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:860px){
  :where(.hc-page--info) .hi-hero-inner{grid-template-columns:1fr;padding:28px 0 24px;gap:20px;}
  #colMid .hc-page:where(.hc-page--info) .hi-hero h1{font-size:31px !important;}
  :where(.hc-page--info) .hi-costi,:where(.hc-page--info) .hi-grid2,:where(.hc-page--info) .hi-grid3,:where(.hc-page--info) .hi-steps{grid-template-columns:1fr;gap:10px;}
  :where(.hc-page--info) .hi-contact{grid-template-columns:1fr;padding:22px 18px;}
  :where(.hc-page--info) .hi-contact-cta{justify-content:flex-start;}
}
.hc-page:where(.hc-page--home) a.hc-btn--scuro,.hc-page:where(.hc-page--home) a.hc-btn--scuro:hover,.hc-page:where(.hc-page--home) a.hc-btn--verde,.hc-page:where(.hc-page--home) a.hc-btn--verde:hover{color:#fff;}
.hc-page:where(.hc-page--home) .hc-duo-card--scuro a.hc-btn--bianco,.hc-page:where(.hc-page--home) .hc-duo-card--scuro a.hc-btn--bianco:hover{color:#fff;}
.hc-page:where(.hc-page--home) p,.hc-page:where(.hc-page--home) li,.hc-page:where(.hc-page--home) h3,.hc-page:where(.hc-page--home) .hc-tile span,.hc-page:where(.hc-page--home) .hc-gusto-list small,.hc-page:where(.hc-page--home) .hc-trust li span{text-align:left;}
:where(.hc-page--home) .hc-hero{background:var(--hc-bianco);color:var(--hc-testo);overflow:hidden;border-bottom:1px solid var(--hc-bordo);}
:where(.hc-page--home) .hc-hero-inner{display:grid;grid-template-columns:1.1fr 1.5fr 1.1fr;align-items:center;gap:24px;padding:28px 0 30px;}
:where(.hc-page--home) .hc-hero-eyebrow{display:inline-block;background:var(--hc-crema);border:1px solid var(--hc-bordo);color:var(--hc-muted);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
#colMid .hc-page:where(.hc-page--home) .hc-hero h1{font-family:var(--hc-font-titoli);font-size:46px !important;line-height:1.08;margin:0 0 14px;letter-spacing:0;color:var(--hc-ink);}
:where(.hc-page--home) .hc-hero h1 em{font-style:normal;color:inherit;background:var(--hc-giallo);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.hc-page:where(.hc-page--home) .hc-hero p{font-size:18px;line-height:1.5;margin:0 auto 24px;color:var(--hc-muted);max-width:560px;text-align:center;}
:where(.hc-page--home) .hc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
:where(.hc-page--home) .hc-hero-center{text-align:center;}
.hc-page:where(.hc-page--home) .hc-hero a.hc-btn--bianco,.hc-page:where(.hc-page--home) .hc-hero a.hc-btn--bianco:hover{color:var(--hc-ink);border-color:var(--hc-ink);}
:where(.hc-page--home) .hc-hero-prods{display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:300px;}
:where(.hc-page--home) .hc-hero-prods .hc-hp{flex:0 0 auto;width:31%;max-width:110px;height:280px;position:relative;transform-origin:bottom center;mix-blend-mode:multiply;}
.hc-page:where(.hc-page--home) .hc-hero-prods .hc-hp img,#colMid .hc-page:where(.hc-page--home) .hc-hero-prods .hc-hp img{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);display:block;user-select:none;pointer-events:none;}
:where(.hc-page--home) .hc-hero-prods .hc-hp:nth-child(1){transform:rotate(-6deg) translateY(10px);}
:where(.hc-page--home) .hc-hero-prods .hc-hp:nth-child(2){transform:translateY(-10px) scale(1.08);z-index:2;}
:where(.hc-page--home) .hc-hero-prods .hc-hp:nth-child(3){transform:rotate(6deg) translateY(10px);}
:where(.hc-page--horeca) .hr-hero{background:var(--hc-ink);color:#fff;}
:where(.hc-page--horeca) .hr-hero-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;padding:44px 0 40px;}
:where(.hc-page--horeca) .hr-eyebrow{display:inline-block;background:var(--hc-giallo);color:var(--hc-giallo-testo);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;margin-bottom:16px;}
#colMid .hc-page:where(.hc-page--horeca) .hr-hero h1{font-family:var(--hc-font-titoli);font-size:44px !important;line-height:1.08;margin:0 0 14px;letter-spacing:0;color:#fff !important;text-align:left !important;}
:where(.hc-page--horeca) .hr-hero .hc-wrap{padding:0 28px;}
.hc-page:where(.hc-page--horeca) .hr-hero h1 em{font-style:normal;color:var(--hc-giallo);}
.hc-page:where(.hc-page--horeca) .hr-hero p{font-size:18px;line-height:1.5;margin:0 0 24px;color:rgba(255,255,255,.82);max-width:620px;}
:where(.hc-page--horeca) .hr-hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
:where(.hc-page--horeca) .hr-numeri{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
:where(.hc-page--horeca) .hr-num{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 16px 14px;}
:where(.hc-page--horeca) .hr-num b{display:block;font-family:var(--hc-font-titoli);font-size:30px;line-height:1.05;color:var(--hc-giallo);}
:where(.hc-page--horeca) .hr-num span{display:block;font-size:13px;color:rgba(255,255,255,.8);margin-top:4px;}
:where(.hc-page--home,.hc-page--horeca) .hc-trust{background:var(--hc-crema);border-bottom:1px solid var(--hc-bordo);}
:where(.hc-page--home,.hc-page--horeca) .hc-trust ul{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
:where(.hc-page--home,.hc-page--horeca) .hc-trust li{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.25;}
:where(.hc-page--home,.hc-page--horeca) .hc-trust li strong{display:block;font-size:14px;}
:where(.hc-page--home,.hc-page--horeca) .hc-trust svg{width:26px;height:26px;flex:none;stroke:var(--hc-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
:where(.hc-page--home) .hc-trust a{color:inherit;text-decoration:none;}
:where(.hc-page--home) .hc-trust li a{display:flex;align-items:center;gap:10px;}
:where(.hc-page--home) .hc-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
:where(.hc-page--home) .hc-tile{display:block;background:var(--hc-grigio);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:16px 16px 14px;text-decoration:none;color:var(--hc-testo);transition:transform .15s, box-shadow .15s, border-color .15s;position:relative;}
:where(.hc-page--horeca) .hc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
:where(.hc-page--horeca) .hc-tile{display:block;background:var(--hc-grigio);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:18px 18px 16px;text-decoration:none;color:var(--hc-testo);transition:transform .15s, box-shadow .15s, border-color .15s;}
:where(.hc-page--home,.hc-page--horeca) .hc-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:var(--hc-ink);}
:where(.hc-page--home) .hc-tile b{display:block;font-family:var(--hc-font-titoli);font-size:17px;line-height:1.2;letter-spacing:0;}
:where(.hc-page--home) .hc-tile span{display:block;font-size:13px;color:var(--hc-muted);margin-top:4px;}
:where(.hc-page--home) .hc-tile--giallo{background:var(--hc-giallo);border-color:var(--hc-giallo);}
:where(.hc-page--home) .hc-tile--giallo span{color:#4a3a00;}
:where(.hc-page--horeca) .hc-tile b{display:block;font-family:var(--hc-font-titoli);font-size:19px;line-height:1.2;letter-spacing:0;}
:where(.hc-page--horeca) .hc-tile span{display:block;font-size:13.5px;color:var(--hc-muted);margin-top:6px;line-height:1.4;}
:where(.hc-page--home,.hc-page--horeca) .hc-tile--scuro{background:var(--hc-ink);border-color:var(--hc-ink);color:#fff;}
:where(.hc-page--home) .hc-tile--scuro span{color:rgba(255,255,255,.7);}
.hc-page:where(.hc-page--home,.hc-page--horeca) .hc-tile--scuro b{color:#fff;}
:where(.hc-page--home) .hc-gusto{background:var(--hc-ink);color:#fff;border-radius:18px;padding:34px 34px 30px;display:grid;grid-template-columns:1fr 1.7fr;gap:30px;align-items:center;}
:where(.hc-page--home) .hc-gusto .hc-h2{color:#fff;}
:where(.hc-page--home) .hc-gusto .hc-sub{color:rgba(255,255,255,.75);margin-bottom:16px;}
:where(.hc-page--home) .hc-gusto-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;}
:where(.hc-page--home) .hc-gusto-list a{display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 14px 12px;color:#fff;text-decoration:none;transition:background .15s, border-color .15s;}
:where(.hc-page--home) .hc-gusto-list a:hover{background:var(--hc-giallo);border-color:var(--hc-giallo);color:var(--hc-giallo-testo);}
.hc-page:where(.hc-page--home) .hc-gusto-list a,.hc-page:where(.hc-page--home) .hc-gusto-list a b,.hc-page:where(.hc-page--home) .hc-gusto-list a small{color:#fff;}
.hc-page:where(.hc-page--home) .hc-gusto-list a:hover,.hc-page:where(.hc-page--home) .hc-gusto-list a:hover b,.hc-page:where(.hc-page--home) .hc-gusto-list a:hover small{color:var(--hc-giallo-testo);}
:where(.hc-page--home) .hc-gusto-list b{display:block;font-size:16px;margin-bottom:2px;}
:where(.hc-page--home) .hc-gusto-list small{display:block;font-size:12.5px;opacity:.8;}
:where(.hc-page--home) .hc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
:where(.hc-page--home) .hc-card{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:16px;display:flex;flex-direction:column;position:relative;transition:transform .15s, box-shadow .15s;}
:where(.hc-page--home) .hc-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10);}
:where(.hc-page--home) .hc-badge{position:absolute;top:12px;left:12px;background:var(--hc-giallo);color:var(--hc-giallo-testo);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:5px 9px;border-radius:999px;}
:where(.hc-page--home) .hc-badge--vino{background:#c33455;color:#fff;}
:where(.hc-page--home) .hc-badge--sake{background:var(--hc-ink);color:#fff;}
:where(.hc-page--home) .hc-card-img{height:190px;display:flex;align-items:center;justify-content:center;margin:10px 0 12px;}
:where(.hc-page--home) .hc-card-img img{max-height:190px;max-width:100%;width:auto;height:auto;object-fit:contain;}
:where(.hc-page--home) .hc-card h3{font-size:15.5px !important;line-height:1.3;margin:0 0 6px;font-weight:800;min-height:40px;}
:where(.hc-page--home) .hc-card p{font-size:13.5px;line-height:1.45;color:var(--hc-muted);margin:0 0 14px;flex:1;}
:where(.hc-page--home) .hc-card .hc-btn{align-self:flex-start;}
:where(.hc-page--home) .hc-card a.hc-cover{position:absolute;inset:0;z-index:1;}
:where(.hc-page--home) .hc-card .hc-btn{position:relative;z-index:2;}
:where(.hc-page--home) .hc-skel{min-height:380px;background:linear-gradient(90deg,#f3f3f3 25%,#e9e9e9 37%,#f3f3f3 63%);background-size:400% 100%;animation:hcsk 1.3s infinite;border-radius:var(--hc-raggio);}
@keyframes hcsk{0%{background-position:100% 0}100%{background-position:0 0}}
:where(.hc-page--home) .hc-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
:where(.hc-page--home) .hc-duo-card{border-radius:18px;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;}
:where(.hc-page--home) .hc-duo-card--chiaro{background:var(--hc-crema);border:1px solid var(--hc-bordo);}
:where(.hc-page--home) .hc-duo-card--scuro{background:var(--hc-ink);color:#fff;}
:where(.hc-page--home) .hc-duo-card .hc-h2{font-size:24px !important;}
:where(.hc-page--home) .hc-duo-card--scuro .hc-h2{color:#fff;}
:where(.hc-page--home) .hc-duo-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:14px;}
:where(.hc-page--home) .hc-duo-card li:before{content:"\2713";display:inline-block;width:18px;font-weight:800;color:var(--hc-verde);}
:where(.hc-page--home) .hc-duo-card--scuro li:before{color:var(--hc-giallo);}
:where(.hc-page--home) .hc-duo-tag{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--hc-muted);margin-bottom:6px;}
:where(.hc-page--home) .hc-duo-card--scuro .hc-duo-tag{color:var(--hc-giallo);}
:where(.hc-page--home) .hc-duo-cta{display:flex;gap:10px;flex-wrap:wrap;}
:where(.hc-page--home) .hc-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
:where(.hc-page--home) .hc-chips a{display:inline-block;padding:10px 16px;border:1.5px solid var(--hc-ink);border-radius:999px;color:var(--hc-ink);text-decoration:none;font-weight:700;font-size:13.5px;transition:background .15s,color .15s;}
:where(.hc-page--home) .hc-chips a:hover{background:var(--hc-ink);color:#fff;}
:where(.hc-page--home) .hc-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
:where(.hc-page--home) .hc-proof-box{background:var(--hc-grigio);border-radius:18px;padding:26px 28px;}
:where(.hc-page--home) .hc-proof-box .hc-h2{font-size:24px !important;}
:where(.hc-page--home) .hc-stars{font-size:22px;letter-spacing:2px;color:#F2B01E;}
:where(.hc-page--home) .hc-proof-num{font-family:var(--hc-font-titoli);font-size:40px;font-weight:800;line-height:1;margin:6px 0 2px;}
:where(.hc-page--home) .hc-seo{font-size:14.5px;line-height:1.6;color:var(--hc-muted);max-width:980px;}
:where(.hc-page--home) .hc-seo h2{font-family:var(--hc-font-titoli);font-size:20px !important;color:var(--hc-testo);margin:0 0 8px;}
@media (max-width:1100px){
  :where(.hc-page--home) .hc-hero-prods .hc-hp{height:240px;}
  :where(.hc-page--home) .hc-tiles{grid-template-columns:repeat(4,1fr);}
  :where(.hc-page--home) .hc-grid{grid-template-columns:repeat(3,1fr);}
}
:where(.hc-page--horeca) .hc-tile--scuro span{color:rgba(255,255,255,.72);}
:where(.hc-page--horeca) .hr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step;}
:where(.hc-page--horeca) .hr-step{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:22px 20px 18px;position:relative;}
:where(.hc-page--horeca) .hr-step:before{counter-increment:step;content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--hc-giallo);color:var(--hc-giallo-testo);font-family:var(--hc-font-titoli);font-size:24px;margin-bottom:10px;}
.hc-page:where(.hc-page--horeca) .hr-step h3{font-size:18px !important;margin:0 0 6px;font-weight:800;}
.hc-page:where(.hc-page--horeca) .hr-step p{font-size:14px;line-height:1.5;color:var(--hc-muted);margin:0;}
:where(.hc-page--horeca) .hr-why{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
:where(.hc-page--horeca) .hr-why div{background:var(--hc-crema);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:18px;}
.hc-page:where(.hc-page--horeca) .hr-why h3{font-size:16px !important;margin:0 0 4px;font-weight:800;}
.hc-page:where(.hc-page--horeca) .hr-why p{font-size:13.5px;color:var(--hc-muted);margin:0;line-height:1.45;}
:where(.hc-page--horeca) .hr-fusti{background:var(--hc-ink);color:#fff;border-radius:18px;padding:34px;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center;}
.hc-page:where(.hc-page--horeca) .hr-fusti .hc-h2{color:#fff;}
.hc-page:where(.hc-page--horeca) .hr-fusti .hc-sub{color:rgba(255,255,255,.75);}
:where(.hc-page--horeca) .hr-fusti ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:14px;}
#staticPage :where(.hc-page--horeca) .hr-fusti li{padding:0 0 0 22px;margin:0;position:relative;line-height:1.4;}
:where(.hc-page--horeca) .hr-fusti li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--hc-giallo);font-weight:800;}
:where(.hc-page--horeca) .hr-faq{max-width:900px;}
:where(.hc-page--horeca) .hr-faq details{border:1px solid var(--hc-bordo);border-radius:10px;padding:0 16px;margin-bottom:8px;background:#fff;}
:where(.hc-page--horeca) .hr-faq summary{cursor:pointer;font-weight:800;font-size:15px;padding:14px 0;list-style:none;position:relative;padding-right:28px;}
:where(.hc-page--horeca) .hr-faq summary::-webkit-details-marker{display:none;}
:where(.hc-page--horeca) .hr-faq summary:after{content:"+";position:absolute;right:2px;top:10px;font-size:22px;color:var(--hc-muted);}
:where(.hc-page--horeca) .hr-faq details[open] summary:after{content:"\2013";}
.hc-page:where(.hc-page--horeca) .hr-faq p{font-size:14px;line-height:1.55;color:var(--hc-muted);margin:0 0 14px;}
:where(.hc-page--horeca) .hr-contact{background:var(--hc-giallo);border-radius:18px;padding:30px 34px;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;}
.hc-page:where(.hc-page--horeca) .hr-contact .hc-h2{color:var(--hc-giallo-testo);}
.hc-page:where(.hc-page--horeca) .hr-contact p{color:#3a2f00;margin:0;font-size:15px;}
:where(.hc-page--horeca) .hr-contact-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
:where(.hc-page--horeca) .hr-contact-cta a.hc-btn--bianco{border-color:var(--hc-ink);}
.hc-page:where(.hc-page--horeca) .hr-contact-cta a.hc-btn--bianco,.hc-page:where(.hc-page--horeca) .hr-contact-cta a.hc-btn--bianco:hover{color:var(--hc-ink);}
@media (max-width:1100px){
  :where(.hc-page--home,.hc-page--horeca) .hc-trust ul{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:860px){
  :where(.hc-page--home) .hc-hero-inner{grid-template-columns:1fr;min-height:0;padding:28px 0 22px;}
  #colMid .hc-page:where(.hc-page--home) .hc-hero h1{font-size:38px !important;}
  :where(.hc-page--home) .hc-hero-prods{min-height:0;}
  :where(.hc-page--home) .hc-hero-prods .hc-hp{height:180px;max-width:90px;}
  :where(.hc-page--home) .hc-hero-prods--vini{display:none;}
  :where(.hc-page--home) .hc-gusto{grid-template-columns:1fr;padding:24px 18px;}
  :where(.hc-page--home) .hc-gusto-list{grid-template-columns:repeat(2,1fr);}
  :where(.hc-page--home) .hc-duo,:where(.hc-page--home) .hc-proof{grid-template-columns:1fr;}
  :where(.hc-page--home) .hc-tiles{grid-template-columns:repeat(3,1fr);gap:8px;}
  :where(.hc-page--home) .hc-tile{padding:12px;}
  :where(.hc-page--home) .hc-tile b{font-size:15px;}
  :where(.hc-page--home) .hc-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  :where(.hc-page--home) .hc-card{padding:12px;}
  :where(.hc-page--home) .hc-card-img{height:140px;}
  :where(.hc-page--home) .hc-grid .hc-card:nth-child(n+7){display:none;}
  :where(.hc-page--horeca) .hr-hero-inner{grid-template-columns:1fr;padding:28px 0 26px;}
  #colMid .hc-page:where(.hc-page--horeca) .hr-hero h1{font-size:32px !important;}
  :where(.hc-page--horeca) .hc-tiles,:where(.hc-page--horeca) .hr-steps,:where(.hc-page--horeca) .hr-why{grid-template-columns:1fr 1fr;gap:10px;}
  :where(.hc-page--horeca) .hr-fusti{grid-template-columns:1fr;padding:24px 18px;}
  :where(.hc-page--horeca) .hr-fusti ul{grid-template-columns:1fr;}
  :where(.hc-page--horeca) .hr-contact{grid-template-columns:1fr;padding:22px 18px;}
  :where(.hc-page--horeca) .hr-contact-cta{justify-content:flex-start;}
  .hc-h2{font-size:23px !important;}
  .hc-sec{padding:28px 0;}
}
@media (max-width:480px){
  :where(.hc-page--info) .hi-numeri{grid-template-columns:1fr 1fr;}
}
:where(.hc-page--info) .hi-metodi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
:where(.hc-page--info) .hi-metodo{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;}
:where(.hc-page--info) .hi-metodo svg{width:34px;height:34px;stroke:var(--hc-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hc-page:where(.hc-page--info) .hi-metodo h3{font-size:16px !important;margin:0;font-weight:800;}
.hc-page:where(.hc-page--info) .hi-metodo p{font-size:13.5px;line-height:1.45;color:var(--hc-muted);margin:0;}
:where(.hc-page--info) .hi-badge{display:inline-block;align-self:flex-start;background:var(--hc-giallo);color:var(--hc-giallo-testo);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}
:where(.hc-page--info) .hi-badge--grigio{background:var(--hc-grigio);color:var(--hc-muted);}
:where(.hc-page--info) .hi-iban{background:var(--hc-ink);color:#fff;border-radius:18px;padding:30px 34px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:start;}
.hc-page:where(.hc-page--info) .hi-iban .hc-h2{color:#fff;}
.hc-page:where(.hc-page--info) .hi-iban .hc-sub{color:rgba(255,255,255,.75);}
:where(.hc-page--info) .hi-iban dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14.5px;}
:where(.hc-page--info) .hi-iban dt{color:rgba(255,255,255,.65);font-weight:400;}
:where(.hc-page--info) .hi-iban dd{margin:0;font-weight:700;}
:where(.hc-page--info) .hi-iban dd.hi-iban-code{font-family:Menlo,Consolas,monospace;font-size:17px;letter-spacing:1px;color:var(--hc-giallo);overflow-wrap:anywhere;}
:where(.hc-page--info) .hi-iban ul{list-style:none;margin:0;padding:0;font-size:14px;}
#staticPage :where(.hc-page--info) .hi-iban li{padding:0 0 0 22px;margin:0 0 8px;position:relative;line-height:1.45;color:rgba(255,255,255,.88);}
:where(.hc-page--info) .hi-iban li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--hc-giallo);font-weight:800;}
@media (max-width:1100px){
  :where(.hc-page--info) .hi-metodi{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:860px){
  :where(.hc-page--info) .hi-metodi{grid-template-columns:1fr 1fr;gap:10px;}
  :where(.hc-page--info) .hi-iban{grid-template-columns:1fr;padding:22px 18px;}
}
@media (max-width:480px){
  :where(.hc-page--info) .hi-metodi{grid-template-columns:1fr;}
}
.hc-page:where(.hc-page--info) .hi-costo a.hi-costo-link{display:inline-block;margin-top:4px;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;color:var(--hc-testo);}
.hc-page:where(.hc-page--info) .hi-costo--scuro a.hi-costo-link{color:#fff;}
:where(.hc-page--info) .hi-storie{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
:where(.hc-page--info) .hi-storia{background:var(--hc-bianco);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);overflow:hidden;display:flex;flex-direction:column;}
:where(.hc-page--info) .hi-storia-img{aspect-ratio:3/2;background:var(--hc-crema);border-bottom:1px solid var(--hc-bordo);overflow:hidden;}
#staticPage :where(.hc-page--info) .hi-storia-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:0;max-width:none;float:none;}
#staticPage :where(.hc-page--info) .hi-storia-img--intero img{object-fit:contain;padding:10px;}
:where(.hc-page--info) .hi-storia-body{padding:18px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
:where(.hc-page--info) .hi-tag{display:inline-block;align-self:flex-start;background:var(--hc-giallo);color:var(--hc-giallo-testo);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}
.hc-page:where(.hc-page--info) .hi-storia h3{font-size:17px !important;line-height:1.3;margin:0;font-weight:800;}
.hc-page:where(.hc-page--info) .hi-storia p{font-size:14px;line-height:1.55;color:var(--hc-muted);margin:0;}
:where(.hc-page--info) .hi-storia-body .hc-link{margin-top:auto;padding-top:4px;font-size:14px;}
@media (max-width:860px){
  :where(.hc-page--info) .hi-storie{grid-template-columns:1fr;gap:10px;}
}
@media (max-width:480px){
  :where(.hc-page--home,.hc-page--horeca) .hc-trust ul{grid-template-columns:1fr 1fr;}
  :where(.hc-page--home,.hc-page--horeca) .hc-trust li:nth-child(5){grid-column:1 / -1;}
  :where(.hc-page--home) .hc-tiles{grid-template-columns:repeat(2,1fr);}
  :where(.hc-page--home) .hc-duo-card ul{grid-template-columns:1fr;}
  :where(.hc-page--horeca) .hc-tiles,:where(.hc-page--horeca) .hr-steps,:where(.hc-page--horeca) .hr-why{grid-template-columns:1fr;}
  :where(.hc-page--horeca) .hr-numeri{grid-template-columns:1fr 1fr;}
}
/* 12/10: telefoni stretti o testo ingrandito: striscia fiducia su una colonna */
@media (max-width:340px){
  :where(.hc-page--home,.hc-page--horeca) .hc-trust ul{grid-template-columns:1fr;}
}
/* ----- CONTATTI (hc-page--contatti): intro e modulo Richiedi informazioni di ReadyPro,
   che sta sotto il blocco della pagina, fuori da .hc-page ----- */
:where(.hc-page--info) .hi-modulo-intro{padding-bottom:12px;}
#staticPage:has(.hc-page--contatti) #formRequestInfo{max-width:1320px;margin:0 auto 48px;padding:0 16px;box-sizing:border-box;font-family:var(--font-testo);text-align:left;}
#staticPage:has(.hc-page--contatti) #formRequestInfo .boxTitle{display:none;}
#staticPage:has(.hc-page--contatti) #frm_request_info{max-width:760px;margin:0;background:#FAF7F1;border:1px solid #E6E6E6;border-radius:12px;padding:22px 22px 24px;box-sizing:border-box;}
#staticPage:has(.hc-page--contatti) #frm_request_info p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#1A1A1A;text-align:left;}
#staticPage:has(.hc-page--contatti) #frm_request_info table,
#staticPage:has(.hc-page--contatti) #frm_request_info tbody,
#staticPage:has(.hc-page--contatti) #frm_request_info tr,
#staticPage:has(.hc-page--contatti) #frm_request_info td{display:block;width:100%;border:0;padding:0;margin:0;background:none;box-sizing:border-box;}
#staticPage:has(.hc-page--contatti) #frm_request_info td:empty{display:none;}
#staticPage:has(.hc-page--contatti) #frm_request_info tr{margin:0 0 14px;}
#staticPage:has(.hc-page--contatti) #frm_request_info label{display:block;font-weight:800;font-size:14px;margin:0 0 6px;color:#0B1014;}
#staticPage:has(.hc-page--contatti) #frm_request_info input[type="text"],
#staticPage:has(.hc-page--contatti) #frm_request_info textarea{display:block;width:100%;max-width:none;box-sizing:border-box;height:auto;border:1px solid #C9C9C9;border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit;background:#fff;color:#1A1A1A;margin:0;}
#staticPage:has(.hc-page--contatti) #frm_request_info textarea{min-height:140px;resize:vertical;}
#staticPage:has(.hc-page--contatti) #frm_request_info input[type="text"]:focus,
#staticPage:has(.hc-page--contatti) #frm_request_info textarea:focus{outline:2px solid #F2C230;outline-offset:1px;border-color:#0B1014;}
#staticPage:has(.hc-page--contatti) #frm_request_info .privacyFormBox{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:14px;}
#staticPage:has(.hc-page--contatti) #frm_request_info .privacyFormBox input{width:20px;height:20px;margin:1px 0 0;flex:none;}
#staticPage:has(.hc-page--contatti) #frm_request_info .privacyFormBox p{margin:0;font-size:14px;line-height:1.45;}
#staticPage:has(.hc-page--contatti) #frm_request_info input.butt1{display:inline-block;width:auto;height:auto;min-height:48px;padding:14px 28px;border:0;border-radius:999px;background:#F2C230;color:#111;font-weight:800;font-size:15px;letter-spacing:.3px;line-height:1;cursor:pointer;font-family:inherit;}
#staticPage:has(.hc-page--contatti) #frm_request_info input.butt1:hover{background:#0B1014;color:#fff;}
@media (max-width:480px){
  :where(.hc-page--contatti) .hi-numeri{grid-template-columns:1fr;gap:8px;}
  :where(.hc-page--contatti) .hi-num{display:flex;align-items:center;gap:14px;padding:12px 14px;}
  :where(.hc-page--contatti) .hi-num b{flex:none;width:86px;font-size:26px;}
  :where(.hc-page--contatti) .hi-num span{margin-top:0;}
}
@media (max-width:340px){
  :where(.hc-page--info) .hi-hero .hc-wrap{padding:0 16px;}
}
/* ----- RICHIESTA RESO (hc-page--reso): modulo web di ReadyPro, sotto il blocco della pagina ----- */
#staticPage:has(.hc-page--reso) .webForm{max-width:1320px;margin:0 auto 48px;padding:0 16px;box-sizing:border-box;font-family:var(--font-testo);text-align:left;}
#staticPage:has(.hc-page--reso) .webForm form{max-width:760px;margin:0;background:#FAF7F1;border:1px solid #E6E6E6;border-radius:12px;padding:22px 22px 24px;box-sizing:border-box;}
#staticPage:has(.hc-page--reso) .webForm table,
#staticPage:has(.hc-page--reso) .webForm tbody,
#staticPage:has(.hc-page--reso) .webForm tr,
#staticPage:has(.hc-page--reso) .webForm th,
#staticPage:has(.hc-page--reso) .webForm td{display:block;width:100%;border:0;padding:0;margin:0;background:none;text-align:left;box-sizing:border-box;}
#staticPage:has(.hc-page--reso) .webForm tr{margin:0 0 14px;}
#staticPage:has(.hc-page--reso) .webForm tr:has(h3:empty){display:none;}
#staticPage:has(.hc-page--reso) .webForm th:empty{display:none;}
#staticPage:has(.hc-page--reso) .webForm label.webform-label{display:block;max-width:none;text-align:left;font-weight:800;font-size:14px;margin:0 0 6px;color:#0B1014;}
#staticPage:has(.hc-page--reso) .webForm .webform-control{max-width:none;}
#staticPage:has(.hc-page--reso) .webForm .webform-control::before{display:none;}
#staticPage:has(.hc-page--reso) .webForm input[type="text"],
#staticPage:has(.hc-page--reso) .webForm input[type="email"],
#staticPage:has(.hc-page--reso) .webForm input[type="date"],
#staticPage:has(.hc-page--reso) .webForm select,
#staticPage:has(.hc-page--reso) .webForm textarea{display:block;width:100%;max-width:none;box-sizing:border-box;height:auto;min-height:46px;border:1px solid #C9C9C9;border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit;background:#fff;color:#1A1A1A;margin:0;}
#staticPage:has(.hc-page--reso) .webForm textarea{min-height:120px;resize:vertical;}
#staticPage:has(.hc-page--reso) .webForm input:focus,
#staticPage:has(.hc-page--reso) .webForm select:focus,
#staticPage:has(.hc-page--reso) .webForm textarea:focus{outline:2px solid #F2C230;outline-offset:1px;border-color:#0B1014;}
#staticPage:has(.hc-page--reso) .webForm label.error{display:block;margin:6px 0 0;color:#B3261E;font-size:13px;font-weight:700;}
#staticPage:has(.hc-page--reso) .webForm input[type="submit"]{display:inline-block;width:auto;height:auto;min-height:48px;padding:14px 32px;border:0;border-radius:999px;background:#F2C230;color:#111;font-weight:800;font-size:15px;letter-spacing:.3px;line-height:1;cursor:pointer;font-family:inherit;text-transform:none;}
#staticPage:has(.hc-page--reso) .webForm input[type="submit"]:hover{background:#0B1014;color:#fff;}
/* 13/10: telefoni stretti o testo ingrandito (es. schermo esterno Honor al 130%):
   la riga logo + icone della testata resta dentro lo schermo */
@media (max-width:300px){
  #header_responsive #logo{max-width:62px;}
  #header_responsive ul.top_buttons li.butt{padding-right:4px;}
  #header_responsive ul.top_buttons li.box_logo{padding-right:8px;}
  :where(.hc-page--home) .hc-gusto{padding:22px 14px;}
  :where(.hc-page--home) .hc-gusto-list{grid-template-columns:1fr;}
}
/* ----- NON SAI COSA SCEGLIERE? (hc-page--cerca): riquadri riempiti dallo script della pagina
   (grid-formati, grid-colori, grid-stili, grid-nazioni) ----- */
:where(.hc-page--cerca) .grid-birre{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;}
:where(.hc-page--cerca) .box-birra{background:#fff;border:1px solid var(--hc-bordo);border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;text-align:left;box-shadow:none;}
:where(.hc-page--cerca) .box-birra:hover{border-color:var(--hc-ink);}
.hc-page:where(.hc-page--cerca) .box-birra h3{font-family:var(--hc-font-titoli);font-size:19px !important;line-height:1.1;margin:0;color:var(--hc-ink) !important;text-align:left;}
.hc-page:where(.hc-page--cerca) .box-birra p{font-size:13.5px;line-height:1.45 !important;color:var(--hc-muted);margin:0;text-align:left;}
:where(.hc-page--cerca) .box-birra .bottoni{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;}
.hc-page:where(.hc-page--cerca) .box-birra a.btn{display:inline-block;padding:8px 12px;border-radius:999px;border:1.5px solid var(--hc-ink);font-family:var(--hc-font-testo) !important;font-weight:800;font-size:12.5px;line-height:1.15;text-align:center;text-decoration:none;white-space:normal;}
.hc-page:where(.hc-page--cerca) .box-birra a.btn-primary{background:var(--hc-giallo);border-color:var(--hc-giallo);color:var(--hc-giallo-testo);}
.hc-page:where(.hc-page--cerca) .box-birra a.btn-secondary{background:transparent;color:var(--hc-ink);}
.hc-page:where(.hc-page--cerca) .box-birra a.btn:hover{background:var(--hc-ink);border-color:var(--hc-ink);color:#fff;}
:where(.hc-page--cerca) .hi-tutti summary{display:inline-flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:12px 20px;border:2px solid var(--hc-ink);border-radius:999px;font-weight:800;font-size:14px;line-height:1;color:var(--hc-ink);}
:where(.hc-page--cerca) .hi-tutti summary::-webkit-details-marker{display:none;}
:where(.hc-page--cerca) .hi-tutti summary:after{content:"+";font-size:18px;line-height:1;}
:where(.hc-page--cerca) .hi-tutti[open] summary{margin-bottom:14px;}
:where(.hc-page--cerca) .hi-tutti[open] summary:after{content:"\2013";}
@media (max-width:1100px){
  :where(.hc-page--cerca) .grid-birre{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:860px){
  :where(.hc-page--cerca) .grid-birre{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
}
@media (max-width:600px){
  :where(.hc-page--cerca) .grid-birre{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  :where(.hc-page--cerca) .box-birra{padding:12px 12px 12px;}
  .hc-page:where(.hc-page--cerca) .box-birra h3{font-size:17px !important;}
  .hc-page:where(.hc-page--cerca) .box-birra p{font-size:12.5px;}
  .hc-page:where(.hc-page--cerca) .box-birra a.btn{display:block;width:100%;box-sizing:border-box;padding:8px 6px;font-size:11.5px;}
}
/* ACCESSIBILITA' (EAA, 13/10/2026) - insieme a custom.js v20261013b.
   Link "Vai al contenuto", focus visibile, menu e riquadri chiusi fuori dal tasto Tab,
   pannello "Strumenti di accessibilita'". */
.skip-1001 {
  position: absolute;
  top: -80px;
  left: 12px;
  z-index: 100001;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--colore-sezione);
  color: #111;
  font-weight: 700;
  text-decoration: none;
}
.skip-1001:focus {
  top: 12px;
}
/* focus da tastiera: anello scuro staccato dall'elemento, con un filo bianco
   che lo fa vedere anche su un fondo scuro */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--testo);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff;
}
#header_responsive :focus-visible {
  box-shadow: none;
}
/* nei riquadri neri (home, Ho.Re.Ca., pagine informative) l'anello e' giallo */
.hc-gusto :focus-visible,
.hc-duo-card--scuro :focus-visible,
.hc-tile--scuro :focus-visible,
.hr-hero :focus-visible,
.hr-fusti :focus-visible,
.hi-contact :focus-visible,
.hi-costo--scuro :focus-visible {
  outline-color: var(--colore-sezione);
  box-shadow: none;
}
#colMid:focus,
[role="dialog"]:focus {
  outline: none;
  box-shadow: none;
}
#header_responsive input.txt_search:focus-visible {
  outline: 2px solid var(--testo);
  outline-offset: 2px;
}
#cookieFormChoice input:focus-visible + .slider {
  outline: 3px solid var(--testo);
  outline-offset: 2px;
}
/* menu per smartphone, lingua/valuta e riquadro Accedi: quando sono chiusi
   non si raggiungono piu' con il Tab (prima erano solo trasparenti o fuori schermo) */
#r_left_menu {
  visibility: hidden;
  transition: left 0.3s linear, visibility 0s linear 0.3s;
}
#r_left_menu.show {
  visibility: visible;
  transition: left 0.3s linear, visibility 0s;
}
#header_responsive .list {
  transition: opacity 300ms, visibility 300ms;
}
#header_responsive .list:not(.show),
#header_responsive .popup {
  visibility: hidden;
}
#header_responsive a:hover + .popup,
#header_responsive a:focus + .popup,
#header_responsive .popup:hover,
#header_responsive .popup:focus-within {
  visibility: visible;
  opacity: 1;
  height: auto;
  z-index: 200;
}
/* pulsante tondo e pannello "Strumenti di accessibilita'" di ReadyPro:
   anello come il resto del sito; interruttori spenti grigio scuro (5,3:1 invece
   di 2,6:1), accesi neri con il pallino giallo */
body #widgetToggle:hover,
body #widgetToggle:focus {
  outline: none;
}
body #widgetToggle:focus-visible {
  outline: 3px solid var(--testo);
  outline-offset: 2px;
}
#widgetPanel .toggle-switch {
  background: #6B6B6B !important;
}
#widgetPanel .toggle-switch.active {
  background: var(--testo) !important;
  border-color: var(--testo) !important;
}
#widgetPanel .toggle-switch.active::after {
  background: var(--colore-sezione) !important;
}
/* ----- EVENTI (hc-page--eventi): gli eventi restano elementi Immagine e testo di ReadyPro,
   qui diventano schede con foto, data, luogo e mappa ----- */
:where(.hc-page--eventi) .hi-hero-inner{grid-template-columns:1fr;}
#staticPage:has(.hc-page--eventi) .image_text_left{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,360px);grid-template-rows:auto auto 1fr;column-gap:22px;row-gap:4px;align-items:start;width:calc(100% - 32px);max-width:1288px;margin:0 auto 14px;padding:16px;box-sizing:border-box;background:#fff;border:1px solid #E6E6E6;border-radius:12px;font-family:var(--font-testo);text-align:left;}
#staticPage:has(.hc-page--eventi) .image_text_left .thumbImage{grid-column:1;grid-row:1 / 4;float:none;margin:0;max-width:none;min-width:0;width:100%;border:0 !important;box-shadow:none;-webkit-box-shadow:none;border-radius:10px;overflow:hidden;display:block;position:relative;}
#staticPage:has(.hc-page--eventi) .image_text_left .thumbImage a{display:block;padding:0;margin:0;background:none;border:0;}
#staticPage:has(.hc-page--eventi) .image_text_left .thumbImage img{display:block;width:100%;height:auto;}
#staticPage:has(.hc-page--eventi) .image_text_left .thumbImage span{top:10px;left:10px;right:auto;bottom:auto;width:auto;height:auto;line-height:1;padding:6px 10px;border-radius:999px;background:#0B1014;color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;}
#staticPage:has(.hc-page--eventi) .image_text_left h2{grid-column:2;grid-row:1;font-family:var(--font-titoli);font-size:22px !important;line-height:1.15;margin:2px 0 4px;color:#0B1014;text-align:left;}
#staticPage:has(.hc-page--eventi) .image_text_left h3{grid-column:2;grid-row:2;font-family:var(--font-testo);font-size:16px !important;font-weight:800;line-height:1.3;margin:0;color:#1A1A1A;text-align:left;}
#staticPage:has(.hc-page--eventi) .image_text_left p{grid-column:2;grid-row:3;margin:0;font-size:14.5px;line-height:1.5;color:#6B6B6B;text-align:left;}
#staticPage:has(.hc-page--eventi) .image_text_left iframe{grid-column:3;grid-row:1 / 4;display:block;width:100%;height:200px;border:0;border-radius:10px;}
@media (max-width:860px){
  #staticPage:has(.hc-page--eventi) .image_text_left{grid-template-columns:120px minmax(0,1fr);}
  #staticPage:has(.hc-page--eventi) .image_text_left iframe{grid-column:1 / -1;grid-row:4;height:170px;margin-top:12px;}
}
@media (max-width:480px){
  #staticPage:has(.hc-page--eventi) .image_text_left{grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:12px;}
  #staticPage:has(.hc-page--eventi) .image_text_left h2{font-size:19px !important;}
  #staticPage:has(.hc-page--eventi) .image_text_left .thumbImage span{top:6px;left:6px;padding:4px 7px;font-size:9.5px;}
}
/* ----- PAGINE LEGALI (hc-page--legale): Privacy, Condizioni di vendita, Condizioni Gift Card.
   Il testo legale resta quello di prima; qui solo indice e tipografia leggibile. ----- */
:where(.hc-page--info) .hi-hero-inner:not(:has(.hi-numeri)){grid-template-columns:1fr;}
:where(.hc-page--legale) .hi-indice{max-width:860px;background:var(--hc-crema);border:1px solid var(--hc-bordo);border-radius:var(--hc-raggio);padding:18px 22px 12px;}
#colMid .hc-page:where(.hc-page--legale) .hi-indice h2{font-family:var(--hc-font-titoli);font-size:22px !important;line-height:1.15;margin:0 0 10px;color:var(--hc-ink);text-align:left;}
:where(.hc-page--legale) .hi-indice ul{list-style:none;margin:0;padding:0;columns:2;column-gap:32px;}
#staticPage :where(.hc-page--legale) .hi-indice li{margin:0 0 8px;padding:0;font-size:14.5px;line-height:1.4;break-inside:avoid;text-align:left;}
.hc-page:where(.hc-page--legale) .hi-indice a,.hc-page:where(.hc-page--legale) .hi-indice a:hover{color:var(--hc-testo);text-decoration:underline;text-underline-offset:3px;}
:where(.hc-page--legale) .hi-legale{max-width:860px;}
#colMid .hc-page:where(.hc-page--legale) .hi-legale h2{font-family:var(--hc-font-titoli);font-size:24px !important;line-height:1.2;letter-spacing:0;margin:30px 0 10px;padding:22px 0 0;border-top:1px solid var(--hc-bordo);color:var(--hc-ink);text-align:left;scroll-margin-top:130px;}
#colMid .hc-page:where(.hc-page--legale) .hi-legale h2:first-child{margin-top:0;padding-top:0;border-top:0;}
#colMid .hc-page:where(.hc-page--legale) .hi-legale h3{font-family:var(--hc-font-testo);font-size:17px !important;font-weight:800;line-height:1.3;margin:24px 0 8px;color:var(--hc-ink);text-align:left;scroll-margin-top:130px;}
.hc-page:where(.hc-page--legale) .hi-legale p{font-size:15px;line-height:1.65;margin:0 0 12px;color:var(--hc-testo);text-align:left;}
:where(.hc-page--legale) .hi-legale ul{list-style:none;margin:0 0 14px;padding:0;}
#staticPage :where(.hc-page--legale) .hi-legale li{position:relative;padding:0 0 0 20px;margin:0 0 7px;font-size:15px;line-height:1.6;text-align:left;}
:where(.hc-page--legale) .hi-legale li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--hc-giallo);}
.hc-page:where(.hc-page--legale) .hi-legale a.hc-link{overflow-wrap:anywhere;}
@media (max-width:860px){
  :where(.hc-page--legale) .hi-indice ul{columns:1;}
  #colMid .hc-page:where(.hc-page--legale) .hi-legale h2{font-size:22px !important;}
}
@media (max-width:340px){
  :where(.hc-page--info:not(.hc-page--contatti)) .hi-numeri{grid-template-columns:repeat(2,minmax(0,1fr));}
  :where(.hc-page--info) .hi-num span{overflow-wrap:break-word;}
  :where(.hc-page--legale) .hi-indice{padding:16px 16px 10px;}
}
/* ----- COLONNA SINISTRA (stile della home): Naviga nel sito, riquadri promo, articoli dal blog, FAQ ----- */
#colSx #categories,#colSx #blogLatestItems{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:14px 14px 6px;margin:0 0 14px;box-sizing:border-box;}
#colSx #categories .boxTitle,#colSx #blogLatestItems .boxTitle{background:none !important;box-shadow:none;width:auto;margin:0 0 6px;padding:0;}
#colSx #categories .boxTitle span,#colSx #blogLatestItems .boxTitle span{display:inline-block;font-family:var(--font-titoli);font-size:20px;line-height:1.1;color:#0B1014;padding:0 0 4px;box-shadow:inset 0 -4px 0 0 var(--colore-accento, #F2C230);}
#colSx #categories ul{margin:0;padding:0;list-style:none;}
#colSx #categories > ul > li{border-top:1px solid #EFEFEF;}
#colSx #categories > ul > li:first-child{border-top:0;}
#colSx #categories > ul > li > a{display:block;padding:9px 4px 9px 10px;font-size:14.5px;font-weight:700;line-height:1.3;color:#1A1A1A !important;border-left:3px solid transparent;}
#colSx #categories > ul > li > a.open{border-left-color:var(--colore-accento, #F2C230);}
#colSx #categories > ul > li > a:hover{background:#FAF7F1 !important;}
#colSx #categories ul ul{padding:0 0 8px;}
#colSx #categories ul ul a{display:block;padding:5px 4px 5px 22px;font-size:14px;font-weight:500;line-height:1.3;color:#444 !important;box-shadow:none;}
#colSx #categories ul ul a:hover,#colSx #categories ul ul a.open{color:#0B1014 !important;text-decoration:underline;text-underline-offset:3px;}
#colSx #blogLatestItems ul{margin:0;padding:0;list-style:none;}
#colSx #blogLatestItems li{border-top:1px solid #EFEFEF;padding:9px 2px;margin:0;}
#colSx #blogLatestItems li:first-child{border-top:0;}
#colSx #blogLatestItems li a{display:block;font-size:14px;font-weight:700;line-height:1.35;color:#1A1A1A;text-decoration:none;}
#colSx #blogLatestItems li a:hover{text-decoration:underline;text-underline-offset:3px;}
#colSx #blogLatestItems li .date{display:block;margin-top:3px;font-size:12px;color:#6B6B6B;}
#colSx a.personalButt{display:block;margin:0 0 14px;padding:12px 16px;border:2px solid #0B1014;border-radius:999px;background:#fff;text-align:center;text-decoration:none;}
#colSx a.personalButt span{font-family:var(--font-testo);font-size:14px;font-weight:800;letter-spacing:.3px;color:#0B1014;}
#colSx a.personalButt:hover{background:#0B1014;}
#colSx a.personalButt:hover span{color:#fff;}
#colSx .cs-promo{display:grid;gap:10px;margin:0 0 14px;}
#colSx .cs-card{display:block;position:relative;padding:14px 40px 13px 16px;border:1px solid #E6E6E6;border-radius:12px;background:#F2F4F7;color:#1A1A1A;text-decoration:none;transition:transform .15s, box-shadow .15s, border-color .15s;}
#colSx .cs-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:#0B1014;}
#colSx .cs-card b{display:block;font-family:var(--font-titoli);font-size:20px;line-height:1.1;font-weight:400;color:inherit;}
#colSx .cs-card span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#6B6B6B;}
#colSx .cs-card:after{content:"\2192";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;}
#colSx .cs-card--giallo{background:#F2C230;border-color:#F2C230;color:#111;}
#colSx .cs-card--giallo span{color:#4a3a00;}
#colSx .cs-card--scuro{background:#0B1014;border-color:#0B1014;color:#fff;}
#colSx .cs-card--scuro span{color:rgba(255,255,255,.72);}
#colSx .cs-card--scuro b{color:#fff;}
#colSx #categories li,#colSx #categories li a{border-bottom:0;}
#colSx #blogLatestItems .boxTitle,#colSx #categories .boxTitle{text-align:left;}
#colSx .cs-card,#colSx .cs-card b,#colSx .cs-card span,#colSx #blogLatestItems li,#colSx #blogLatestItems li a,#colSx #blogLatestItems li .date{text-align:left;}
#colSx #blogLatestItems li .date{font-style:normal;}
/* ----- PAGINE DI CATALOGO (stile della home): titolo, descrizione, categorie, filtri, riquadri prodotti, risultati ----- */
/* titolo della categoria: fascia crema come le pagine nuove, al posto della striscia sfumata */
#colMid #staticPage h1#Titolo-Pagine-Categoria{background:#FAF7F1 !important;background-image:none !important;border:1px solid #E6E6E6;border-left:6px solid var(--colore-accento, #F2C230);border-radius:12px;color:#0B1014 !important;font-style:normal;text-align:left;font-size:34px !important;line-height:1.1;letter-spacing:0;padding:22px 24px !important;margin:4px 0 14px;}
/* descrizione e testi della categoria: niente giustificato */
#body_searchProd #colMid #staticPage .html_block p,#body_searchProd #colMid #staticPage .html_block li{text-align:left;}
#body_searchProd #colMid #staticPage .html_block p{font-size:15.5px;line-height:1.6;}
/* categorie della pagina: pillole come quelle della home */
#colMid #categoriesLinksContainer{margin:6px 0 14px;}
#colMid #categorieslinks,#colMid #brandLinks{display:flex;flex-wrap:wrap;gap:8px;}
#colMid #categoriesLinksContainer dl{margin:0;}
#colMid #categoriesLinksContainer a{display:inline-block;background:#fff;border:1.5px solid #0B1014;border-radius:999px;padding:9px 16px;color:#0B1014 !important;font-family:var(--font-testo) !important;font-size:13.5px !important;font-weight:700;line-height:1.2;text-align:center;text-transform:none;letter-spacing:0;}
#colMid #categoriesLinksContainer a:hover{background:#0B1014;color:#fff !important;}
/* filtri */
#colMid #mainSearchFormBox{background:#FAF7F1;border:1px solid #E6E6E6;border-radius:12px;padding:16px 18px 14px;margin:0 0 18px;box-sizing:border-box;}
#colMid #mainSearchFormBox label{font-family:var(--font-testo) !important;font-size:12px !important;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#0B1014;}
#colMid #mainSearchFormBox select,#colMid #mainSearchFormBox input[type="text"]{border:1px solid #CFCFCF;border-radius:999px;background-color:#fff;min-height:38px;font-size:14px !important;color:#1A1A1A;}
#colMid #mainSearchFormBox input.butt1,#colMid form#mainSearchForm_frm input.butt1{background:#F2C230 !important;color:#111 !important;border:0;border-radius:999px !important;font-family:var(--font-testo) !important;font-weight:800;font-size:14px !important;text-transform:none;letter-spacing:.3px;height:auto;padding:12px 26px;min-height:44px;cursor:pointer;}
#colMid #mainSearchFormBox input.butt1:hover,#colMid form#mainSearchForm_frm input.butt1:hover{background:#0B1014 !important;color:#fff !important;}
/* riquadri prodotti (Novita', In offerta, Mystery box...) */
#colMid .bigBox.boxColumns{margin:0 0 26px;}
#colMid .bigBox .boxTitle{text-align:left;margin:0 0 12px !important;padding:0;background:none !important;}
#colMid .bigBox .boxTitle span{display:inline;padding:0 !important;background:none;}
#colMid .bigBox .boxTitle span a,#colMid .bigBox .boxTitle span{font-family:var(--font-titoli);font-size:28px !important;line-height:1.15;color:#0B1014 !important;text-transform:none;background:none;box-shadow:inset 0 -6px 0 var(--colore-accento, #F2C230);padding:0 2px;}
#colMid .bigBox.boxColumns ul{background:none !important;padding:0 !important;width:100% !important;gap:12px !important;border-radius:0;}
#colMid .bigBox.boxColumns li{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:14px 12px 12px !important;box-sizing:border-box;transition:transform .15s, box-shadow .15s;}
#colMid .bigBox.boxColumns li:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10);}
#colMid .bigBox .title,#colMid .bigBox .title a{font-family:var(--font-testo) !important;font-size:14.5px !important;font-weight:800;line-height:1.3;text-transform:none;color:#1A1A1A;text-align:left;}
#colMid .bigBox .details{text-align:left;}
#colMid .bigBox .mainPrice,#colMid .bigBox .mainPrice span{font-family:var(--font-titoli);color:#0B1014;}
#colMid .bigBox .bottomLink{text-align:left;margin-top:12px;}
#colMid .bigBox .bottomLink a{display:inline-block;background:#fff !important;border:1.5px solid #0B1014;border-radius:999px !important;padding:9px 18px !important;color:#0B1014 !important;font-family:var(--font-testo) !important;font-size:13.5px !important;font-weight:800;}
#colMid .bigBox .bottomLink a:hover{background:#0B1014 !important;color:#fff !important;}
/* pulsante Aggiungi nelle schede */
#colMid .bigBox .cart_form input.butt1,#colMid .cubes .resultBox input.butt1{background:#F2C230;color:#111;border:0;border-radius:999px;font-family:var(--font-testo) !important;font-weight:800;font-size:13px !important;letter-spacing:.2px;}
#colMid .bigBox .cart_form input.butt1:hover,#colMid .cubes .resultBox input.butt1:hover{background:#0B1014;color:#fff;}
#colMid .bigBox .cart_form select,#colMid .cubes .resultBox select{border:1px solid #CFCFCF;border-radius:999px;background-color:#fff;}
/* barra Ordina per */
#orderByForm{background:#fff !important;border:1px solid #E6E6E6 !important;border-radius:12px !important;box-shadow:none !important;}
/* risultati */
#colMid .cubes .resultBox{border:1px solid #E6E6E6 !important;border-radius:12px;box-shadow:none !important;background:#fff;}
#colMid .cubes .resultBox:hover{border-color:#0B1014 !important;box-shadow:0 12px 28px rgba(0,0,0,.10) !important;}
#colMid .cubes .resultBox .title,#colMid .cubes .resultBox .title a{font-family:var(--font-testo) !important;font-size:14.5px !important;font-weight:800;line-height:1.3;text-transform:none;color:#1A1A1A;}
#colMid .cubes .resultBox p.description{text-align:left;line-height:1.4em !important;color:#6B6B6B;}
/* numeri di pagina */
#mainResultBox .pages a,#mainResultBox .pages input{background:#fff;border:1.5px solid #0B1014;box-shadow:none;color:#0B1014;font-weight:800;}
#mainResultBox .pages a.selectedPg,#mainResultBox .pages a:hover{background:#0B1014 !important;color:#fff !important;}
@media (max-width:480px){
  #colMid #staticPage h1#Titolo-Pagine-Categoria{font-size:26px !important;padding:16px 16px !important;border-left-width:5px;}
  #colMid #mainSearchFormBox{padding:12px 10px 12px;}
  #colMid #mainSearchFormBox input[type="text"]{width:calc(100% - 52px);}
  #colMid .bigBox .boxTitle span a,#colMid .bigBox .boxTitle span{font-size:24px !important;}
}
/* ----- SCHEDA PRODOTTO (stile della home): riquadro prezzo, caratteristiche, titoli dei riquadri, prodotti correlati ----- */
/* titolo del prodotto */
#body_getProd #sheetBoxTopDetails h1.boxTitle span{font-family:var(--font-titoli);font-size:32px !important;line-height:1.1;color:#0B1014 !important;letter-spacing:0;text-align:left;}
/* riquadro prezzo e acquisto: bordo sottile, angoli tondi, niente ombra */
#body_getProd #sheetBoxTopDetails .detailsBox{border:1px solid #E6E6E6 !important;border-radius:12px !important;box-shadow:none !important;background:#fff;padding:20px !important;}
#body_getProd #sheetBox .detailsBox th{font-family:var(--font-testo) !important;font-size:13px !important;font-weight:700;color:#6B6B6B;text-transform:none;letter-spacing:0;}
#body_getProd #sheetBox .detailsBox td{font-size:14.5px;color:#1A1A1A;}
#body_getProd #sheetBox .detailsBox .mainPrice,#body_getProd #sheetBox .detailsBox .mainPrice span{font-family:var(--font-titoli);color:#0B1014 !important;}
#body_getProd #sheetBox .detailsBox .mainPrice{font-size:38px !important;line-height:1;}
#body_getProd #sheetBox .detailsBox .mainPrice span.sIva{font-family:var(--font-testo);font-size:13px !important;font-weight:700;color:#6B6B6B !important;}
#body_getProd #sheetBox .priceMessage{font-family:var(--font-testo) !important;font-size:13px !important;font-weight:700;text-transform:none;letter-spacing:0;color:#1A1A1A !important;font-style:normal;text-decoration:underline;text-underline-offset:3px;}
#body_getProd #sheetBox .detailsBox td a{color:#1A1A1A;text-decoration:underline;text-underline-offset:3px;}
/* pulsante Aggiungi e quantita' */
#body_getProd #sheetAddToCartRow input.butt1{background-color:#F2C230 !important;color:#111 !important;border:0 !important;border-radius:999px !important;font-family:var(--font-testo) !important;font-weight:800;font-size:15px !important;letter-spacing:.3px;text-transform:none;min-height:46px;padding:0 26px 0 44px !important;}
#body_getProd #sheetAddToCartRow input.butt1:hover{background-color:#0B1014 !important;color:#fff !important;}
#body_getProd #sheetAddToCartRow select{border:1px solid #CFCFCF;border-radius:999px;background-color:#fff;min-height:46px;}
/* titoli dei riquadri (Caratteristiche, Articoli equivalenti, Spesso acquistati insieme): come i titoli della home */
#body_getProd div#cross_selling_sheet h2,#body_getProd #sheetProductBoxes .accordion-box .accordion-box-title{background:none !important;border:0 !important;border-radius:0;padding:0 !important;margin:26px 0 12px;font-size:100% !important;text-align:left;}
#body_getProd #sheetProductBoxes .accordion-box .accordion-box-title span,#body_getProd div#cross_selling_sheet h2 span{display:inline;font-family:var(--font-titoli);font-size:26px !important;line-height:1.15;color:#0B1014 !important;box-shadow:inset 0 -6px 0 var(--colore-accento, #F2C230);padding:0 2px;background:none;}
/* caratteristiche: niente celle gialle, righe con filo sottile */
#body_getProd #sheetProductFeatures{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:6px 18px;}
#body_getProd #sheetProductFeatures tr{border-bottom:1px solid #EFEFEF;padding:7px 0;align-items:baseline;}
#body_getProd #sheetProductFeatures th,#body_getProd .features th{background:none !important;font-family:var(--font-testo) !important;font-size:13px !important;font-weight:700;color:#6B6B6B;text-transform:none;letter-spacing:0;}
#body_getProd #sheetProductFeatures td{font-size:14.5px;color:#1A1A1A;}
/* prodotti correlati: schede come quelle del catalogo */
#body_getProd #sheetProductInWebOrders li,#body_getProd .accordion-box .artCollBox ul li{border:1px solid #E6E6E6 !important;border-radius:12px;box-shadow:none !important;background:#fff;padding:12px !important;box-sizing:border-box;transition:transform .15s, box-shadow .15s;}
#body_getProd #sheetProductInWebOrders li:hover,#body_getProd .accordion-box .artCollBox ul li:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10) !important;}
#body_getProd #sheetProductInWebOrders div a,#body_getProd #sheetProductArtColl .artCollBox div a,#body_getProd .accordion-box .artCollBox ul li .details > a{font-family:var(--font-testo) !important;font-size:14px !important;font-weight:800;line-height:1.3;text-transform:none;color:#1A1A1A;}
#body_getProd #sheetProductInWebOrders .mainPrice,#body_getProd .accordion-box .artCollBox .mainPrice,#body_getProd #sheetProductInWebOrders .mainPrice span,#body_getProd .accordion-box .artCollBox .mainPrice span{font-family:var(--font-titoli);color:#0B1014;}
#body_getProd #sheetProductInWebOrders h2{font-family:var(--font-titoli);font-size:26px !important;color:#0B1014;text-align:left;}
#body_getProd #sheetProductInWebOrders div a,#body_getProd .accordion-box .artCollBox ul li .details > a{height:auto !important;max-height:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
/* riquadro prezzo: righe in colonna per poter mettere i bottoni +6/+12/+24 sotto "Aggiungi" */
#body_getProd #sheetBoxTopDetails .detailsBox table,#body_getProd #sheetBoxTopDetails .detailsBox tbody{display:flex;flex-direction:column;width:100% !important;}
#body_getProd #sheetBoxTopDetails .detailsBox tr{display:flex;align-items:center;gap:12px;order:5;padding:3px 0;}
#body_getProd #sheetBoxTopDetails .detailsBox tr > th{flex:0 0 112px;text-align:left;padding:4px 0;}
#body_getProd #sheetBoxTopDetails .detailsBox tr > td{flex:1 1 auto;min-width:0;padding:4px 0;}
#body_getProd #sheetBoxTopDetails .detailsBox tr.price{order:1;}
#body_getProd #sheetBoxTopDetails .detailsBox tr#sheetAddToCartRow{order:2;}
#body_getProd #sheetBoxTopDetails .detailsBox tr.custom-pack-row-1001{order:3;margin:0 0 10px;}
#body_getProd #sheetBoxTopDetails .detailsBox tr.code{display:none;}
#body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-wrap-1001{margin:0;gap:6px;}
#body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-wrap-1001::before{content:"Aggiungi direttamente:";flex:0 0 100%;font-family:var(--font-testo);font-size:13px;font-weight:700;color:#6B6B6B;margin:0 0 2px;}
#body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-btn-1001{border-radius:999px;border-color:#0B1014;font-family:var(--font-testo);font-weight:800;font-size:14px;padding:8px 16px;}
#body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-btn-1001:hover{background:#0B1014;color:#fff;}
#body_getProd #sheetAddToCartRow td form.cart_form{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 !important;width:auto;}
#body_getProd #sheetAddToCartRow td form.cart_form label{margin:0;}
/* "Disponibile" non si scrive: restano Ordinabile, In arrivo, Preordina */
#body_getProd #sheetBox td.availability span[class="fullAV"]{display:none;}
#colMid .bigBox .availability:has(span[class="fullAV"]),#colMid .bigBoxFade .availability:has(span[class="fullAV"]),#colMid .cubes .resultBox .availab:has(span[class="fullAV"]),#colMid .horizontal .resultBox .availab:has(span[class="fullAV"]){display:none;}
#colMid .cubes .resultBox .content > ul > li.availab:has(.ordinabile),#colMid .cubes .resultBox .content > ul > li.availab:has(.preorderAV),#colMid .bigBox .availability:has(.ordinabile),#colMid .bigBox .availability:has(.preorderAV),#colMid .bigBox .availability:has(.inArrivalAV),#colMid .bigBoxFade .availability:has(.ordinabile),#colMid .bigBoxFade .availability:has(.preorderAV),#colMid .bigBoxFade .availability:has(.inArrivalAV){display:block;}
@media (max-width:680px){
  #body_getProd #sheetProductFeatures table{grid-template-columns:1fr !important;}
  #body_getProd #sheetProductFeatures tr{grid-template-columns:42% 56% !important;}
}
@media (max-width:480px){
  #body_getProd #sheetBoxTopDetails h1.boxTitle span{font-size:26px !important;}
  #body_getProd #sheetProductBoxes .accordion-box .accordion-box-title span,#body_getProd div#cross_selling_sheet h2 span{font-size:22px !important;}
  #body_getProd #sheetProductFeatures{padding:4px 12px;}
}
@media (max-width:480px){
  #body_getProd #sheetBoxTopDetails .detailsBox tr > th{flex-basis:96px;}
  #body_getProd #sheetBoxTopDetails .detailsBox tr.custom-pack-row-1001 > th{display:none;}
  #body_getProd #sheetAddToCartRow td form.cart_form{justify-content:center;}
  #body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-wrap-1001{justify-content:center;}
  #body_getProd #sheetBoxTopDetails .custom-pack-row-1001 .custom-pack-wrap-1001::before{text-align:center;}
}
/* ----- MENU DEL TELEFONO (stile della home): fondo bianco, voci con filo sottile, voce attiva con barra gialla ----- */
#r_left_menu .r_left_menu_container,#r_left_menu .r_left_menu_loader,#r_left_menu .r_left_menu_areas,#r_left_menu .r_left_menu_categories,#r_left_menu .r_left_menu_pages,#r_left_menu ul.r_left_menu_btn li,#r_left_menu .r_left_menu_areas li a,#r_left_menu .r_left_menu_categories li a,#r_left_menu .r_left_menu_pages li a{background-color:#fff;}
#r_left_menu .r_left_menu_container_scroll ul li.btn_left_close.btn,#r_left_menu .btn_left_close > span{background-color:#0B1014;color:#fff;}
#r_left_menu .btn_left_close > span{font-family:var(--font-testo) !important;font-size:13px !important;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;}
#r_left_menu ul.r_left_menu_btn li{background-color:#FAF7F1;border-bottom:1px solid #E6E6E6;}
#r_left_menu .r_left_menu_areas li,#r_left_menu .r_left_menu_categories li,#r_left_menu .r_left_menu_pages li{border:0;border-bottom:1px solid #EFEFEF !important;}
#r_left_menu .r_left_menu_areas li a,#r_left_menu .r_left_menu_categories li a{position:relative;padding:12px 40px 12px 20px;color:#0B1014;border-left:4px solid transparent;}
#r_left_menu .r_left_menu_areas li a::after,#r_left_menu .r_left_menu_categories li a::after{content:"\203A";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:var(--font-testo);font-size:22px;font-weight:700;color:#9A9A9A;}
#r_left_menu .r_left_menu_areas li.current > a,#r_left_menu .r_left_menu_areas li a.selectedButt{background-color:#FAF7F1;border-left-color:var(--colore-accento, #F2C230);}
#r_left_menu .r_left_menu_areas li a:hover,#r_left_menu .r_left_menu_categories li a:hover,#r_left_menu .r_left_menu_pages li a:hover{background-color:#FAF7F1;}
#r_left_menu .r_left_menu_pages li a{font-family:var(--font-testo) !important;font-size:14.5px !important;font-weight:700;color:#1A1A1A;padding:12px 20px;}
#r_left_menu .r_left_menu_cat_panel .label{background-color:#FAF7F1;color:#0B1014;border-bottom:1px solid #E6E6E6;}
#r_left_menu .r_left_menu_back_panel{background-color:#fff;color:#0B1014;border-bottom:1px solid #E6E6E6;}
/* ----- BANNER DEI COOKIE (stile della home): fondo bianco, Accetta giallo, Personalizza con bordo ----- */
div#cookieAlert{background-color:#fff !important;color:#1A1A1A;border-top:1px solid #E6E6E6;box-shadow:0 -8px 24px rgba(0,0,0,.08);}
div#cookieAlert > div.text p{font-size:13px;line-height:1.5;color:#1A1A1A;}
div#cookieAlert > div.text a{color:#1A1A1A;font-weight:700;text-decoration:underline;text-underline-offset:3px;background:none;}
div#cookieAlert a.ok,div#cookieAlert a.details{font-family:var(--font-testo) !important;font-size:14px !important;font-weight:800;letter-spacing:.2px;text-transform:none;border-radius:999px;min-width:124px;padding:11px 18px;line-height:1.2;}
div#cookieAlert a.ok{background:#F2C230;color:#111;border:1.5px solid #F2C230;}
div#cookieAlert a.ok:hover{background:#0B1014;border-color:#0B1014;color:#fff;}
div#cookieAlert a.details{background:#fff;color:#0B1014;border:1.5px solid #0B1014;}
div#cookieAlert a.details:hover{background:#0B1014;color:#fff;}
div#cookieAlert > div.text p{text-align:left;}
@media (max-width:680px){
  div#cookieAlert > div.btn{display:flex;justify-content:center;gap:10px;padding:0 16px 14px;box-sizing:border-box;}
  div#cookieAlert a.ok,div#cookieAlert a.details{flex:1 1 0;min-width:0;max-width:170px;margin:0;padding:11px 10px;text-align:center;}
}
/* banner aperto: il bottone tondo dell'accessibilita' sale sopra il banner (prima copriva "Accetta").
   Quando il banner si chiude ReadyPro gli mette la classe hide e il bottone torna al suo posto.
   Altezze del banner misurate: 145 px a 770, 104 a 900-1279, 85 a 1280-1599, 65 da 1600 in su. */
body:has(#cookieAlert:not(.hide):not([style*="none"])) #widgetToggle{bottom:157px !important;transition:bottom .2s;}
@media (min-width:900px){body:has(#cookieAlert:not(.hide):not([style*="none"])) #widgetToggle{bottom:120px !important;}}
@media (min-width:1280px){body:has(#cookieAlert:not(.hide):not([style*="none"])) #widgetToggle{bottom:101px !important;}}
@media (min-width:1600px){body:has(#cookieAlert:not(.hide):not([style*="none"])) #widgetToggle{bottom:81px !important;}}
/* ----- CARRELLO (stile della home): tabella in un riquadro, totale in evidenza, Prosegui giallo ----- */
#showCart h1.boxTitle{font-family:var(--font-titoli);font-size:32px !important;line-height:1.1;color:#0B1014;text-align:left;margin:4px 0 14px;}
#showCart table.showCartTable{border:1px solid #E6E6E6;border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0;background:#fff;}
#showCart table.showCartTable th{background:#FAF7F1 !important;border:0 !important;border-bottom:1px solid #E6E6E6 !important;border-radius:0 !important;color:#6B6B6B;font-family:var(--font-testo) !important;font-size:12px !important;font-weight:800;letter-spacing:.6px;padding:12px 14px !important;}
@media (min-width:769px){
  #showCart table.showCartTable tbody td{padding:14px;border-bottom:1px solid #EFEFEF;vertical-align:middle;font-size:14.5px;}
}
#showCart table.showCartTable td.name a{font-weight:800;color:#1A1A1A;}
#showCart table.showCartTable tfoot td{background:#fff !important;}
#showCart table.showCartTable tr.shipFreeLine td{background:#FAF7F1 !important;color:#1A1A1A;font-weight:700;padding:10px 14px !important;}
#showCart table.showCartTable tr.mainTotal td{padding:12px 14px;}
#showCart table.showCartTable tr.mainTotal .mainTotalLabel strong{font-family:var(--font-titoli);font-size:24px;font-weight:400;}
div#showCart table.showCartTable tfoot h3{font-family:var(--font-titoli) !important;font-size:32px !important;color:#0B1014 !important;margin:0;}
div#showCart select.cart_form_quantity{border:1px solid #CFCFCF;border-radius:999px;box-shadow:none;background-color:#fff;min-height:38px;padding:0 10px;}
/* promozioni del carrello */
#showCart .upSellMessages.promoBox{border-radius:12px;}
/* codice sconto o Gift Card */
div#discountCodesBox input[name="discountCode"]{border:1px solid #CFCFCF;border-radius:999px;min-height:42px;padding:0 16px;box-sizing:border-box;}
div#discountCodesBox form#frmDiscountCode input.butt1{background:#F2C230;color:#111;border:0;border-radius:999px;font-family:var(--font-testo) !important;font-weight:800;font-size:14px !important;text-transform:none;padding:0 22px;min-height:42px;cursor:pointer;}
div#discountCodesBox form#frmDiscountCode input.butt1:hover{background:#0B1014;color:#fff;}
/* Prosegui */
div#cartButtons a.buttContinueAndOrder{background-color:#F2C230 !important;color:#111 !important;border:0 !important;border-radius:999px !important;font-family:var(--font-testo) !important;font-size:16px !important;font-weight:800;letter-spacing:.3px;text-transform:none;padding:15px 30px;background-image:none !important;}
div#cartButtons a.buttContinueAndOrder::after{content:"\2192";margin-left:10px;font-weight:800;}
div#cartButtons a.buttContinueAndOrder:hover{background-color:#0B1014 !important;color:#fff !important;}
@media (max-width:600px){
  #showCart h1.boxTitle{font-size:26px !important;}
  div#cartButtons a.buttContinueAndOrder{display:block;text-align:center;}
}
/* ----- CASSA (carrello di un cliente registrato, stile della home): indirizzi, spedizione, pagamento, note e Acquista ora
   in riquadri bianchi; corrieri e pagamenti sono schede, quella scelta ha il bordo scuro e la barra gialla a sinistra. ----- */
#body_showCart #sendOrder{margin:26px 0 0;}
#body_showCart #frmSendOrder > table{display:block;width:100% !important;border:0;}
#body_showCart #frmSendOrder > table > tbody{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
#body_showCart #frmSendOrder > table > tbody > tr{display:block;grid-column:1 / -1;background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:16px 18px;box-sizing:border-box;}
#body_showCart #frmSendOrder > table > tbody > tr.invoiceAddress,#body_showCart #frmSendOrder > table > tbody > tr.otherDestinations{grid-column:auto;}
#body_showCart #frmSendOrder > table > tbody > tr > th,#body_showCart #frmSendOrder > table > tbody > tr > td{display:block;width:auto !important;padding:0 !important;border:0 !important;background:none !important;text-align:left !important;vertical-align:top;}
/* titoli dei riquadri come quelli della home; le note hanno etichette lunghe e restano in testo normale */
#body_showCart #frmSendOrder > table > tbody > tr > th{font-family:var(--font-titoli);font-size:24px !important;font-weight:400;line-height:1.1;color:#0B1014;letter-spacing:0;text-transform:none;margin:0 0 10px;}
#body_showCart #frmSendOrder tr.fermoDeposito > th,#body_showCart #frmSendOrder tr.freeText > th{display:none;}
#body_showCart #frmSendOrder tr.deliveryNotes > th,#body_showCart #frmSendOrder tr.generalNotes > th,#body_showCart #frmSendOrder tr.referrer > th{font-family:var(--font-testo);font-size:13.5px !important;font-weight:700;line-height:1.45;margin:0 0 8px;}
/* indirizzi */
#body_showCart #frmSendOrder tr.invoiceAddress span,#body_showCart #frmSendOrder tr.otherDestinations span{display:block;font-size:14.5px;line-height:1.5;color:#1A1A1A;}
#body_showCart #frmSendOrder tr.invoiceAddress span.companyName,#body_showCart #frmSendOrder tr.otherDestinations span.companyName{font-weight:800;color:#0B1014;}
#body_showCart #frmSendOrder a.destinationModifyButton{display:inline-flex;align-items:center;margin-top:10px;padding:7px 16px !important;background:#fff !important;background-image:none !important;border:1.5px solid #0B1014;border-radius:999px;color:#0B1014 !important;font-family:var(--font-testo);font-size:13px;font-weight:800;text-decoration:none;}
#body_showCart #frmSendOrder a.destinationModifyButton:hover{background:#0B1014 !important;color:#fff !important;}
#body_showCart #frmSendOrder a.destinationModifyButton br{display:none;}
/* corrieri e pagamenti: una scheda per ogni scelta */
#body_showCart #couriersList,#body_showCart #paymentsList{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
#body_showCart #couriersList > li,#body_showCart #paymentsList > li{position:relative;margin:0 !important;padding:12px 14px !important;border:1px solid #E6E6E6 !important;border-radius:10px;background:#fff;transition:border-color .15s, background-color .15s;}
#body_showCart #couriersList > li:hover,#body_showCart #paymentsList > li:hover{border-color:#9A9A9A !important;}
#body_showCart #couriersList > li:has(input:checked),#body_showCart #paymentsList > li:has(input:checked){border-color:#0B1014 !important;background:#FAF7F1;box-shadow:inset 4px 0 0 #F2C230;}
#body_showCart #couriersList input[type="radio"],#body_showCart #paymentsList input[type="radio"],#body_showCart #frmSendOrder tr.fermoDeposito input[type="checkbox"]{accent-color:#0B1014;width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle;cursor:pointer;}
#body_showCart #couriersList label,#body_showCart #paymentsList label{cursor:pointer;}
#body_showCart #couriersList .title strong,#body_showCart #paymentsList .title strong{font-size:14.5px;font-weight:800;color:#0B1014;}
#body_showCart #couriersList .amount,#body_showCart #paymentsList .amount{font-size:14.5px;font-weight:800;color:#0B1014;}
#body_showCart #couriersList .amount .iva,#body_showCart #paymentsList .amount .iva{font-size:12.5px;font-weight:600;color:#6B6B6B;}
#body_showCart #couriersList .notes,#body_showCart #paymentsList .notes{display:block;margin:6px 0 0 26px;font-size:13px;line-height:1.45;color:#6B6B6B;}
#body_showCart #couriersList > li,#body_showCart #paymentsList > li{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:12px;align-items:start;}
#body_showCart #couriersList > li > .title,#body_showCart #paymentsList > li > .title{grid-column:1;display:block;margin:0 !important;padding:0 !important;}
#body_showCart #couriersList > li > .amount,#body_showCart #paymentsList > li > .amount{grid-column:2;text-align:right;white-space:nowrap;margin:0;padding-top:1px;}
#body_showCart #couriersList > li > .notes,#body_showCart #paymentsList > li > .notes{grid-column:1 / -1;overflow-wrap:anywhere;}
/* fermo deposito e avvisi */
#body_showCart #frmSendOrder tr.fermoDeposito label{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;cursor:pointer;}
#body_showCart #frmSendOrder tr.fermoDeposito input[type="checkbox"]{flex:0 0 auto;margin-top:1px;}
#body_showCart #frmSendOrder tr.freeText{background:#FAF7F1;}
#body_showCart #frmSendOrder tr.freeText td{font-size:14px;line-height:1.55;color:#1A1A1A;}
#body_showCart #frmSendOrder tr.freeText td a{color:#1A1A1A;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
/* note e referente */
#body_showCart #frmSendOrder textarea,#body_showCart #frmSendOrder tr.referrer input[type="text"]{width:100% !important;box-sizing:border-box;border:1px solid #CFCFCF !important;border-radius:12px;padding:10px 14px;background:#fff;font-family:var(--font-testo);font-size:14.5px;color:#1A1A1A;}
#body_showCart #frmSendOrder textarea{min-height:84px;resize:vertical;}
#body_showCart #frmSendOrder tr.referrer input[type="text"]{border-radius:999px;min-height:44px;}
#body_showCart #frmSendOrder textarea:focus,#body_showCart #frmSendOrder tr.referrer input[type="text"]:focus{border-color:#0B1014 !important;outline:2px solid #F2C230;outline-offset:1px;}
/* totale e Acquista ora */
#body_showCart #frmSendOrder tr.confirmOrder{background:#FAF7F1;}
#body_showCart #frmSendOrder .confirmOrderTotal{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 16px;}
#body_showCart #frmSendOrder .confirmOrderTotal strong{font-family:var(--font-testo);font-size:14px;font-weight:800;color:#0B1014;text-transform:none;}
#body_showCart #frmSendOrder .confirmOrderTotal h3{margin:0;font-family:var(--font-titoli);font-size:34px !important;line-height:1;color:#0B1014 !important;}
#body_showCart #sendOrderButton{width:auto !important;min-height:52px;padding:0 34px !important;background:#F2C230 !important;background-image:none !important;color:#111 !important;border:0 !important;border-radius:999px !important;font-family:var(--font-testo) !important;font-size:16px !important;font-weight:800;letter-spacing:.3px;text-transform:none;cursor:pointer;}
#body_showCart #sendOrderButton:hover{background:#0B1014 !important;color:#fff !important;}
#body_showCart #sendOrder > h3{margin:10px 0 0;font-family:var(--font-testo) !important;font-size:12.5px !important;font-weight:600;line-height:1.45;color:#6B6B6B !important;text-transform:none;letter-spacing:0;}
@media (max-width:760px){
  #body_showCart #frmSendOrder > table > tbody{grid-template-columns:minmax(0, 1fr);}
  #body_showCart #frmSendOrder > table > tbody > tr{padding:14px;}
  #body_showCart #frmSendOrder .confirmOrderTotal{justify-content:space-between;}
  #body_showCart #sendOrderButton{width:100% !important;}
}
@media (max-width:480px){
  #body_showCart #couriersList > li,#body_showCart #paymentsList > li{grid-template-columns:minmax(0, 1fr);}
  #body_showCart #couriersList > li > .amount,#body_showCart #paymentsList > li > .amount{grid-column:1;text-align:left;padding:4px 0 0 26px;}
}
/* ----- ORDINE INVIATO (Riepilogo ordine, dopo Acquista ora; stile della home): riepilogo in un riquadro bianco,
   "Ordine avvenuto correttamente!" con la spunta gialla, tabella come il carrello (sul telefono una scheda per articolo),
   etichette dei dati in grigio. Le righe di trattini restano dentro il riquadro (prima uscivano dallo schermo sul telefono). ----- */
#body_sendOrder #messageMiddleBox{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:22px 24px;margin:6px 0 24px;font-size:14.5px;line-height:1.55;color:#1A1A1A;box-sizing:border-box;overflow:hidden;}
#body_sendOrder #messageMiddleBox h1.boxTitle{display:block;background:none !important;border:0 !important;padding:0 !important;margin:6px 0 12px !important;text-align:left;font-family:var(--font-titoli);font-size:34px !important;line-height:1.1;color:#0B1014 !important;}
#body_sendOrder #messageMiddleBox h1.boxTitle span{font:inherit;color:inherit !important;background:none;}
#body_sendOrder #messageMiddleBox > p{margin:0 0 12px;overflow:hidden;}
#body_sendOrder #messageMiddleBox > p:empty,#body_sendOrder #messageMiddleBox > br{display:none;}
#body_sendOrder #messageMiddleBox > p:nth-of-type(2){display:flex;align-items:center;gap:10px;margin:4px 0 6px;font-family:var(--font-titoli);font-size:26px;line-height:1.15;color:#0B1014;}
#body_sendOrder #messageMiddleBox > p:nth-of-type(2)::before{content:"\2713";flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#F2C230;color:#111;font-family:var(--font-testo);font-size:18px;font-weight:800;}
#body_sendOrder #messageMiddleBox > p:nth-of-type(3){color:#6B6B6B;}
#body_sendOrder #messageMiddleBox > div{margin:-6px 0 12px;font-size:12.5px;color:#6B6B6B;}
#body_sendOrder #messageMiddleBox > div + p + p{background:#FAF7F1;border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;}
/* righe di trattini: al posto dei trattini una linea sottile */
#body_sendOrder #messageMiddleBox > div + p + p + p{border-top:1px solid #E6E6E6;padding-top:14px;margin-top:4px;}
#body_sendOrder #messageMiddleBox > div + p + p + p::first-line{font-size:0;line-height:0;}
#body_sendOrder #messageMiddleBox > div + p + p + p > br:nth-of-type(-n+2){display:none;}
#body_sendOrder #messageMiddleBox > p:nth-last-of-type(2){height:0;margin:16px 0;padding:0;font-size:0;line-height:0;border-top:1px solid #E6E6E6;}
#body_sendOrder #messageMiddleBox > p strong{display:block;margin:0 0 2px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6B6B6B;}
#body_sendOrder #messageMiddleBox > p > strong + br{display:none;}
#body_sendOrder #messageMiddleBox > p a{color:#1A1A1A;font-weight:700;}
/* tabella degli articoli */
#body_sendOrder table.orderResponse{width:100% !important;border-collapse:collapse;margin:10px 0 16px;font-size:14px;background:none;}
#body_sendOrder table.orderResponse th{background:none !important;color:#6B6B6B !important;font-family:var(--font-testo) !important;font-size:12px !important;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-align:left;padding:8px !important;border:0 !important;border-bottom:1.5px solid #0B1014 !important;}
#body_sendOrder table.orderResponse td{padding:10px 8px !important;border:0 !important;border-bottom:1px solid #EFEFEF !important;background:none !important;vertical-align:top;text-align:left;color:#1A1A1A;}
#body_sendOrder table.orderResponse td.name a{color:#0B1014;font-weight:800;text-decoration:none;}
#body_sendOrder table.orderResponse td.code,#body_sendOrder table.orderResponse td.code a{color:#6B6B6B;font-size:12.5px;text-decoration:none;}
#body_sendOrder table.orderResponse .price,#body_sendOrder table.orderResponse .discount,#body_sendOrder table.orderResponse .itemTotal{text-align:right;white-space:nowrap;}
#body_sendOrder table.orderResponse td.itemTotal{font-weight:800;color:#0B1014;}
#body_sendOrder table.orderResponse td[colspan]{text-align:right;padding:6px 8px !important;border-bottom:0 !important;}
#body_sendOrder table.orderResponse tr:last-child td{padding-top:12px !important;font-family:var(--font-titoli);font-size:28px;line-height:1.1;color:#0B1014;}
#body_sendOrder table.orderResponse tr:last-child td strong{font-weight:400;}
@media (max-width:680px){
  #body_sendOrder #messageMiddleBox{padding:16px 14px;}
  #body_sendOrder #messageMiddleBox h1.boxTitle{font-size:28px !important;}
  #body_sendOrder #messageMiddleBox > p:nth-of-type(2){font-size:22px;}
  #body_sendOrder table.orderResponse,#body_sendOrder table.orderResponse tbody{display:block;width:100% !important;}
  #body_sendOrder table.orderResponse thead{display:none;}
  #body_sendOrder table.orderResponse tr{border:0 !important;margin:0 !important;background:none !important;box-shadow:none !important;}
  #body_sendOrder table.orderResponse tr:has(td.name){display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:10px 0;border-bottom:1px solid #EFEFEF !important;}
  #body_sendOrder table.orderResponse tr:has(td.name) td{display:block;width:auto !important;padding:0 !important;border:0 !important;text-align:left;}
  #body_sendOrder table.orderResponse tr:has(td.name) td.code{order:1;flex:0 0 100%;}
  #body_sendOrder table.orderResponse tr:has(td.name) td.name{order:2;flex:0 0 100%;}
  #body_sendOrder table.orderResponse tr:has(td.name) td:nth-child(3){display:none;}
  #body_sendOrder table.orderResponse tr:has(td.name) td:nth-child(4){order:3;color:#6B6B6B;}
  #body_sendOrder table.orderResponse tr:has(td.name) td:nth-child(4)::after{content:" \00D7";}
  #body_sendOrder table.orderResponse tr:has(td.name) td.price{order:4;color:#6B6B6B;}
  #body_sendOrder table.orderResponse tr:has(td.name) td.discount{order:5;color:#6B6B6B;}
  #body_sendOrder table.orderResponse tr:has(td.name) td.itemTotal{order:6;margin-left:auto;}
  #body_sendOrder table.orderResponse tr:not(:has(td.name)){display:block;}
  #body_sendOrder table.orderResponse tr:not(:has(td.name)) td{display:block;padding:6px 0 !important;}
}
/* ----- ACCEDI O REGISTRATI (stile della home): due riquadri affiancati, campi arrotondati, pulsanti gialli ----- */
#body_regChange div#loginAndRegister{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:6px 0 30px;}
#body_regChange div#existentUserBox,#body_regChange div#newUserBox{display:block;width:auto;border:1px solid #E6E6E6;border-radius:12px;padding:24px !important;background:#fff;text-align:left;box-sizing:border-box;}
#body_regChange div#newUserBox{background:#FAF7F1;}
#body_regChange #existentUserBox .boxTitle,#body_regChange #newUserBox .boxTitle{background:none !important;border:0;padding:0;margin:0 0 12px;text-align:left !important;width:auto;}
#body_regChange #existentUserBox .boxTitle span,#body_regChange #newUserBox .boxTitle span{font-family:var(--font-titoli);font-size:28px !important;line-height:1.15;color:#0B1014;box-shadow:inset 0 -6px 0 #F2C230;padding:0 2px;display:inline !important;width:auto;background:none;}
#body_regChange #loginAndRegister p{padding:0;text-align:left;font-size:14.5px;line-height:1.55;color:#1A1A1A;margin:0 0 16px;}
#body_regChange div#existentUserBox form,#body_regChange div#newUserBox form{margin:0;padding:0;}
#body_regChange #existentUserBox fieldset{border:0;padding:0;margin:0 0 6px;}
#body_regChange #existentUserBox fieldset label{display:block;text-align:left;margin:0 0 12px;}
#body_regChange #existentUserBox fieldset label strong{display:block;font-size:13px;font-weight:700;color:#6B6B6B;margin:0 0 5px;}
#body_regChange div#existentUserBox fieldset input[type="text"],#body_regChange div#existentUserBox fieldset input[type="password"]{border:1px solid #CFCFCF;border-radius:999px;min-height:44px;padding:0 16px;box-sizing:border-box;font-size:15px;background:#fff;}
#body_regChange .loginAndRegister div#existentUserBox form input.butt1,#body_regChange .loginAndRegister div#newUserBox form input.butt1{background:#F2C230 !important;color:#111 !important;border:0;border-radius:999px !important;font-family:var(--font-testo) !important;font-size:15px !important;font-weight:800;letter-spacing:.3px;text-transform:none;padding:13px 32px !important;cursor:pointer;}
#body_regChange .loginAndRegister div#existentUserBox form input.butt1:hover,#body_regChange .loginAndRegister div#newUserBox form input.butt1:hover{background:#0B1014 !important;color:#fff !important;}
#body_regChange div#existentUserBox form a{display:block;margin:14px 0 0;font-size:14px;font-weight:700;color:#1A1A1A;text-decoration:underline;text-underline-offset:3px;text-align:left;}
@media (max-width:760px){
  #body_regChange div#loginAndRegister{grid-template-columns:1fr;}
  #body_regChange div#existentUserBox,#body_regChange div#newUserBox{padding:18px !important;}
  #body_regChange #existentUserBox .boxTitle span,#body_regChange #newUserBox .boxTitle span{font-size:24px !important;}
}
/* ----- MODULO DI REGISTRAZIONE (stile della home) ----- */
#body_regForm div#regForm form#registrationMainForm{max-width:860px;background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:22px 24px;box-sizing:border-box;margin:6px 0 30px;}
#body_regForm div#regForm h1{font-family:var(--font-titoli);font-size:30px !important;line-height:1.1;color:#0B1014;text-align:left;margin:0 0 4px;}
#body_regForm div#regForm th{font-family:var(--font-testo) !important;font-size:13px !important;font-weight:700;color:#4A4A4A;}
#body_regForm div#regForm td input[type="text"],#body_regForm div#regForm td input[type="password"],#body_regForm div#regForm td select{border:1px solid #CFCFCF;border-radius:999px;min-height:40px;padding:0 14px;box-sizing:border-box;font-size:15px;background-color:#fff;}
#body_regForm div#regForm textarea{border:1px solid #CFCFCF;border-radius:12px;padding:10px 14px;box-sizing:border-box;font-size:13px;line-height:1.5;}
#body_regForm div#regForm input#registrationMainFormSubmit{border:0;border-radius:999px !important;font-family:var(--font-testo) !important;font-size:15px !important;font-weight:800;letter-spacing:.3px;text-transform:none;padding:14px 34px;min-height:48px;cursor:pointer;}
#body_regForm div#regForm input#registrationMainFormSubmit:hover{background-color:#0B1014 !important;color:#fff !important;}
@media (max-width:760px){
  #body_regForm div#regForm form#registrationMainForm{padding:16px 14px;}
  #body_regForm div#regForm h1{font-size:24px !important;}
}
/* ===== fine REGOLE FISSE: il resto e' nel pannello CSS di ReadyPro ===== */