@charset "UTF-8";
/* =========================================================
   Termoverde - mobile.css  v10.22 (08/11/2026) - miniatura B di nuovo visibile con le immagini loading="lazy" (nascosta con visibility:hidden invece di display:none finche' non e' caricata), selettore "AI | Ricerca classica" dentro la casella di ricerca, miniatura B dentro la descrizione (niente collisioni con caratteri ingranditi), titoli prodotto con parole lunghe vanno a capo (niente collisione con la miniatura B), miniatura B senza collisioni con la descrizione, categorie speciali del menu sottolineate in verde lime, scheda prodotto: Catalogo completo sopra la tendina della categoria, spazio fra bollino prezzo online e prezzo, scheda prodotto senza Share e con spazio sotto la fascia documenti, pulsante "Lista prodotti" della scheda con il percorso della categoria (va a capo), commenti del blog in fondo alla scheda prodotto, tendine piu' evidenti (Catalogo completo verde bosco, categoria corrente verde chiaro), freccia destinazione verde, logo by Don Leo Network, barra prodotti online, barra alta piu' bassa, TEMA CHIARO (proposta 4) con nuovo logo, bandiere a uguale distanza da ricerca e pulsanti, casella di ricerca subito sotto il logo su ogni telefono e tra le due tendine della scheda prodotto, scheda prodotto: prodotto, tendina sottocategorie, Catalogo completo; riquadri prodotto rientrati di 6 px, "Aggiungi al carrello" intero nell'elenco, riquadro prodotto tappabile, menu in alto anche nella scheda prodotto, loghi pagamenti centrati, "torna su", tendina "Catalogo completo", tendina "ti trovi in Loti", bolla della chat giallo-verde, carrello vuoto, riquadro Annotazioni nel dettaglio ordine, casella di ricerca sopra i risultati, banner cookie e risultati ricerca su telefono, testata antracite, selezioni verde scuro, menu a tendina sottocategorie e marche, scheda prodotto, categorie, carrello, registrazione (privacy in evidenza), accesso, compilazione ordine (orari di consegna nascosti), riepilogo (condizioni prima della tabella), istruzioni bonifico, i tuoi ordini, dettaglio ordine, pagamento con carta, metodo di pagamento
   Da caricare DOPO tv_main_v2695.css.
   Vale solo sotto i 768 px: il desktop resta invariato.
   Richiede: <meta name="viewport" content="width=device-width, initial-scale=1">
   ========================================================= */
@media (max-width: 767px) {

  /* ---------- Base ---------- */
  html, body { min-width: 0 !important; overflow-x: hidden; }
  html { scroll-padding-top: 62px; }                 /* i link #ancora non finiscono sotto la barra fissa */
  body {
    background-size: min(700px, calc((100vw - 24px) * 1.62)) auto;   /* logo + leone sempre interi: lo sfondo si adatta allo schermo */
    background-position: 50% 50px;        /* logo sotto la barra destinazione */
    -webkit-text-size-adjust: 100%;
  }
  #page, #header, #main, #content, #footer {
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
  #page { padding: 0 10px 80px; box-sizing: border-box; }   /* 80px: spazio per la bolla chat */
  img { max-width: 100%; height: auto; }

  /* ---------- Barra destinazione (fissa in alto) ---------- */
  #overbg {                                           /* fondo pieno, non più trasparente */
    height: 54px !important;
    background: linear-gradient(#3a3a3a, #1c1c1c) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
  }
  #products_country_chooser {
    left: 0 !important; right: 0 !important; width: auto !important; height: 54px !important;
    padding: 7px 10px; box-sizing: border-box; z-index: 2001 !important;   /* sopra #overbg (2000) */
  }
  #products_country_chooser .country_select,
  #products_country_chooser form,
  #products_country_chooser label { width: auto !important; height: 100%; }
  #products_country_chooser label {
    display: flex; align-items: center; gap: 10px;
    font-size: 13px; line-height: 1.2; font-weight: bold;
    white-space: normal;                              /* "Seleziona la destinazione" su 2 righe */
    color: #fff !important; text-shadow: 0 1px 2px #000;
  }
  #products_country_chooser select {
    flex: 0 0 58%; min-width: 0; height: 40px !important;
    font-size: 17px !important; font-weight: bold; text-align: left !important;
    color: #fff !important; background-color: #2a8844 !important;
    border: 2px solid #aaffdd !important; border-radius: 20px !important;
    padding: 0 34px 0 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 13px center !important;
  }

  /* ---------- Testata ---------- */
  #header { height: auto !important; padding-top: 56px; }
  #site_title a {                      /* area cliccabile del logo */
    position: relative !important; top: 0 !important;
    display: block; height: 70px; width: auto !important;
  }
  #lang_menu {                         /* bandiere: riga propria sotto la ricerca */
    position: static !important; width: auto !important; margin: 0 0 6px !important;
    display: flex; justify-content: center; gap: 6px;
  }
  #lang_menu li { float: none !important; margin: 0; }
  #lang_menu img { width: 28px; height: auto; }
  #welcome_text {                      /* "Salve, Nome." (utente collegato): ha uno stile inline absolute */
    position: static !important; text-align: right; font-size: 13px; margin: 0 4px 4px;
  }
  #gscbox {
    position: static !important; width: auto !important;
    margin: 6px 0 !important;
  }

  /* ---------- Menu principale: tutte le voci visibili, a capo ---------- */
  #main_menu {
    position: static !important; width: auto !important; right: auto !important; height: auto !important;
    display: flex; flex-wrap: wrap; gap: 5px;
    background: none !important; border-radius: 0 !important; padding: 0 !important; margin: 4px 0 !important;
  }
  #main_menu li { float: none !important; flex: 1 1 auto; margin: 0 !important; }
  #main_menu a {
    display: block; text-align: center; padding: 10px 12px !important; font-size: 15px; line-height: 20px;
    white-space: nowrap; border-radius: 18px;
    background: url("/img/tv/bg-button.png") repeat-x 50% 50% / auto 100%;
  }
  #main_menu li.selected a { background: #2f6b22; color: #fff; }

  /* ---------- Menu marche: tutte visibili, a pillole che vanno a capo ---------- */
  #macro_menu {
    width: auto !important; height: auto !important;
    display: flex; flex-wrap: wrap; gap: 5px;
    padding: 6px !important; margin: 6px 0 !important;
  }
  #macro_menu li { float: none !important; flex: 0 0 auto; width: auto !important; }
  #macro_menu a {
    display: block; padding: 7px 10px !important; font-size: 13px !important; line-height: 18px;
    white-space: nowrap; border-radius: 15px;
    background: rgba(255,255,255,.75); border: 1px solid #c9d9b5;
  }
  #macro_menu li.selected a { background: #2f6b22 !important; color: #fff !important; border-color: #2f6b22; }

  /* ---------- Colonna destra: marche e sottocategorie in alto, il resto in fondo ---------- */
  #main { display: flex !important; flex-direction: column; height: auto !important; }
  #toolbox { display: contents !important; }          /* i figli diventano blocchi di #main */
  #toolbox > #side_menu_cat { display: contents !important; }   /* anche le voci del menu laterale */
  #toolbox > #sidebar, #toolbox > #toolbox-bottom { order: 5; margin-top: 20px; }
  #toolbox > #cart { display: none !important; }      /* mini-carrello: su mobile c'è "Carrello" nel menu */
  #toolbox #side_menu_cat > li.nested:not(.current) { display: none !important; }

  /* pagine categoria e schede prodotto: [Catalogo completo ▾] (tendina) - [Marca – sottocategorie ▾] (tendina) - prodotti */
  #main #side_menu_cat > li.nested.current + li.nested { order: 1; }
  #main > #macro_menu { order: 2; }
  #main #side_menu_cat > li.nested.current { order: 3; }
  #main > #content { order: 4; margin-top: 4px !important; }   /* il desktop ha 48px sopra il contenuto */

  /* schede prodotto (v9.12): come le pagine categoria e come sul computer: in alto [Catalogo completo ▾] e la tendina
     sottocategorie, poi il prodotto e l'elenco della categoria (prima: prodotto, tendina e riquadro marche aperto sotto) */

  /* pulsanti a tendina. Usano i checkbox già presenti nel menu laterale:
     - sottocategorie: il checkbox della marca aperta (su mobile "spuntato" = chiuso);
     - marche (solo pagine categoria): il checkbox del gruppo successivo, preso in prestito
       (non spuntato = chiuso); l'etichetta originale è nascosta e sostituita dal testo "Catalogo completo". */
  #toolbox #side_menu_cat > li.nested.current { width: auto !important; height: auto !important; border: 0 !important; margin-bottom: 8px !important; }
  #main #side_menu_cat > li.nested.current + li.nested {
    display: block !important; width: auto !important; height: auto !important; border: 0 !important; margin: 4px 0 0 !important;
  }
  #toolbox #side_menu_cat > li.nested.current > label,
  #main #side_menu_cat > li.nested.current + li.nested > label {
    display: block !important; position: relative; margin: 0 0 6px !important; padding: 11px 14px !important;
    border-radius: 22px; background: #fff; border: 2px solid #2f6b22;
    color: #2f6b22 !important; font-size: 15px !important; text-align: left !important; text-shadow: none !important;
  }
  #main #side_menu_cat > li.nested.current + li.nested > label { font-size: 0 !important; }
  #main #side_menu_cat > li.nested.current + li.nested > label::after { font-size: 15px; font-weight: bold; }
  html:lang(it) #main #side_menu_cat > li.nested.current + li.nested > label::after { content: "Catalogo completo \0025BE"; }
  html:lang(en) #main #side_menu_cat > li.nested.current + li.nested > label::after { content: "Full catalogue \0025BE"; }
  html:lang(fr) #main #side_menu_cat > li.nested.current + li.nested > label::after { content: "Catalogue complet \0025BE"; }
  html:lang(de) #main #side_menu_cat > li.nested.current + li.nested > label::after { content: "Gesamtkatalog \0025BE"; }
  html:lang(es) #main #side_menu_cat > li.nested.current + li.nested > label::after { content: "Catálogo completo \0025BE"; }
  html:lang(it) #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label::after { content: "Catalogo completo \0025B4"; }
  html:lang(en) #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label::after { content: "Full catalogue \0025B4"; }
  html:lang(fr) #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label::after { content: "Catalogue complet \0025B4"; }
  html:lang(de) #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label::after { content: "Gesamtkatalog \0025B4"; }
  html:lang(es) #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label::after { content: "Catálogo completo \0025B4"; }
  #main #side_menu_cat > li.nested.current + li.nested > ul { display: none !important; }
  #main > #macro_menu { display: none !important; }
  #main:has(#side_menu_cat > li.nested.current + li.nested > input:checked) > #macro_menu { display: block !important; }

  #toolbox #side_menu_cat > li.nested.current > label::after { font-weight: normal; }
  html:lang(it) #toolbox #side_menu_cat > li.nested.current > label::after { content: " \002013\000020sottocategorie\000020\0025BE"; }
  html:lang(en) #toolbox #side_menu_cat > li.nested.current > label::after { content: " \002013\000020subcategories\000020\0025BE"; }
  html:lang(fr) #toolbox #side_menu_cat > li.nested.current > label::after { content: " \002013\000020sous-cat\0000E9gories\000020\0025BE"; }
  html:lang(de) #toolbox #side_menu_cat > li.nested.current > label::after { content: " \002013\000020Unterkategorien\000020\0025BE"; }
  html:lang(es) #toolbox #side_menu_cat > li.nested.current > label::after { content: " \002013\000020subcategor\0000EDas\000020\0025BE"; }
  #toolbox #side_menu_cat > li.nested.current:has(> input:not(:checked)) > label::after {
    content: " \0025B4" !important;                    /* aperto: solo la freccia in su */
  }
  #toolbox #side_menu_cat > li.nested.current > input:checked ~ ul { display: none !important; }

  /* tendina aperta "classica": una voce per riga, riquadro unito al pulsante, scorre al suo interno */
  #toolbox #side_menu_cat > li.nested.current:has(> input:not(:checked)) > label,
  #main #side_menu_cat > li.nested.current + li.nested:has(> input:checked) > label {
    border-radius: 22px 22px 0 0; margin-bottom: 0 !important;
  }
  #toolbox #side_menu_cat > li.nested.current > input:not(:checked) ~ ul,
  #main > #macro_menu {
    width: auto !important; height: auto !important; max-height: 55vh;
    overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
    margin: 0 0 10px !important; padding: 0 !important; box-sizing: border-box;
    background: #fff !important; border: 2px solid #2f6b22; border-top: 1px solid #c6d9bf; border-radius: 0 0 14px 14px;
    box-shadow: 0 6px 14px rgba(0,0,0,.25);
  }
  #toolbox #side_menu_cat > li.nested.current > input:not(:checked) ~ ul { display: block !important; }
  #toolbox #side_menu_cat > li.nested.current > ul > li,
  #main > #macro_menu li {
    display: block !important; float: none !important; width: auto !important; height: auto !important;
    margin: 0 !important; border: 0 !important; background: none !important;
  }
  #toolbox #side_menu_cat > li.nested.current > ul > li > a,
  #main > #macro_menu li a {
    display: block !important; padding: 12px 16px !important; font-size: 15px !important; line-height: 20px !important;
    white-space: normal; text-align: left !important;
    border: 0 !important; border-bottom: 1px solid #eee !important; border-radius: 0 !important; background: none !important;
  }
  #toolbox #side_menu_cat > li.nested.current > ul > li.selected > a,
  #main > #macro_menu li.selected a { background: #2f6b22 !important; color: #fff !important; }
  #toolbox #sidebar a { display: block !important; padding: 11px 8px !important; font-size: 15px !important; line-height: 22px !important; height: auto !important; }

  /* ---------- Testi ---------- */
  #content { font-size: 15px; line-height: 1.5; }
  #content p, #content li, #content td, #content span, #content label { font-size: inherit; }
  #content h3.name, #content h3.name a { font-size: 19px; line-height: 1.3; }
  #content h4.desc { font-size: 15px; line-height: 1.4; width: auto !important; }

  /* ---------- Scheda prodotto: ordine dei blocchi ---------- */
  .product.page {
    display: flex; flex-direction: column;
    width: auto !important; height: auto !important;
  }
  .product.page > h3.name   { order: 1; width: auto !important; }
  .product.page > #prod-images {
    order: 2; float: none !important; width: auto !important;
    text-align: center; margin: 8px 0 !important;
  }
  .product.page > h4.desc   { order: 3; }
  .product.page > .sku_code { order: 4; width: auto !important; }
  .product.page > .content  {
    order: 5; display: flex; flex-direction: column;
    width: auto !important; padding: 0 !important;
  }
  .product.page > .content > .shop { order: -1; }   /* prezzo + acquisto subito */

  /* ---------- Blocco prezzo / acquisto ---------- */
  .product.page .shop {
    width: auto !important; height: auto !important;
    margin: 10px 0 16px !important; padding: 12px !important;
    box-sizing: border-box;
    display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px;
  }
  .product.page .shop > .online-price-container { order: 1; flex: 0 0 100%; }
  .product.page .shop > p.more                  { order: 2; flex: 0 0 auto; }
  .product.page .shop > .price-container        { order: 3; flex: 0 0 auto; }
  .product.page .shop > form                    { order: 4; flex: 0 0 100%; }
  .product.page .shop > p.free_shipping         { order: 5; flex: 0 0 100%; }
  .product.page .shop > *,
  .product.page .shop .online-price-container,
  .product.page .shop form {
    position: static !important; width: auto !important;
    left: auto !important; right: auto !important; top: auto !important;
  }
  #content .product.page .shop .price { font-size: 26px; font-weight: bold; }
  #content .product.page .shop .price_label { font-size: 14px; }
  .product.page .shop .online-price-container { margin: 0 0 14px; height: auto !important; }
  .product.page .shop form > div {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  }
  .product.page .shop form label { display: flex; align-items: center; gap: 8px; }
  .product.page .shop input[name="qty"] {
    width: 70px; height: 44px; font-size: 16px; text-align: center;
  }
  .product.page .shop input.button.cart {
    flex: 1 1 100%; height: 50px; font-size: 18px;
  }
  .product.page .legal_info.buttons a.button,
  .product.page .content > .buttons a.button {
    display: inline-block; padding: 10px 14px; font-size: 15px; margin: 4px 4px 4px 0;
  }

  /* ---------- Contenuti della descrizione (tabelle, immagini dei fornitori) ---------- */
  .product.page .content img { max-width: 100% !important; height: auto !important; }
  .product.page .content table {
    display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
    width: auto !important; height: auto !important; border-collapse: collapse;
  }
  .product.page .content table td, .product.page .content table th {
    font-size: 14px !important; padding: 6px 8px !important; white-space: normal;
  }
  .product.page .content iframe, .product.page .content video { max-width: 100% !important; }

  /* ---------- Prodotti "su preventivo": campo email + "Richiedi preventivo" ---------- */
  .product.page > .content > form[action*="quotation"] { order: -1; margin: 10px 0 16px !important; }
  form[action*="quotation"] { display: flex !important; flex-wrap: wrap; gap: 10px; width: auto !important; }
  form[action*="quotation"] input[type="email"] {
    flex: 1 1 100%; width: 100% !important; box-sizing: border-box;
    height: 44px !important; font-size: 16px !important; padding: 6px 10px; margin: 0 !important;
  }
  form[action*="quotation"] input[type="submit"] {
    flex: 1 1 100%; width: 100% !important; height: 48px !important; font-size: 17px !important; margin: 0 !important;
  }

  /* ---------- Elenco prodotti (categorie e sotto la scheda): schede ---------- */
  #products { width: auto !important; padding: 0 !important; margin: 0 !important; }
  #products li.prod {
    width: auto !important; height: auto !important;
    display: grid; grid-template-columns: 96px 1fr; column-gap: 12px;
    align-items: start;
    margin: 0 0 14px !important; padding: 12px !important;
    background: rgba(255,255,255,.88) !important; border-radius: 10px;
    box-sizing: border-box;
  }
  #products li.prod > * {
    position: static !important; float: none !important;
    width: auto !important; left: auto !important; right: auto !important;
    top: auto !important; bottom: auto !important; margin: 0 !important;
  }
  #products li.prod > a.img       { grid-column: 1; grid-row: 1 / span 3; }
  #products li.prod > a.img img   { width: 96px; height: auto; float: none !important; }
  #products li.prod > h3.name     { grid-column: 2; }
  #products li.prod > p.desc      { grid-column: 2; margin-top: 4px !important; }
  #products li.prod > p.more      { grid-column: 2; margin-top: 6px !important; }
  /* seconda immagine = inizio di una nuova serie: piccola in alto a destra, solo se esiste
     (il sito nasconde con .js_hidden quelle che non esistono) */
  #products li.prod { position: relative !important; }
  /* v10.22: visibility e non display:none, altrimenti il browser non scarica l'immagine lazy e .js_hidden non si toglie mai */
  #products li.prod p.desc a.img:not(:has(img:not(.js_hidden))) { display: block !important; visibility: hidden !important; position: absolute !important; }
  #products li.prod p.desc a.img:has(img:not(.js_hidden)) {
    display: block !important; position: absolute !important; top: 12px; right: 12px;
    width: 54px; height: 54px; overflow: hidden;
    background: #fff; border: 1px solid #ddd; border-radius: 6px;
  }
  #products li.prod p.desc a.img img { width: 52px !important; height: auto !important; }
  #products li.prod:has(p.desc a.img img:not(.js_hidden)) > h3.name { padding-right: 62px !important; min-height: 58px !important; } /* v10.18: min-height = altezza della miniatura B, cosi' la descrizione parte sempre sotto (sugli schermi larghi un titolo di una riga la faceva salire sotto la miniatura) */
  #products li.prod > .online-price-container { grid-column: 2; height: auto !important; }
  #products li.prod .online-price {                   /* bollino "Prezzo online": nel flusso, non sopra il titolo */
    position: static !important; display: inline-block; transform: scale(.7); transform-origin: left center;
    margin: 2px 0 -6px !important;
  }
  #products li.prod > .details    { display: none !important; }   /* il nome è già il link */
  #products li.prod > form        { grid-column: 1 / -1; margin-top: 10px !important; }
  #content #products li.prod h3.name,
  #content #products li.prod h3.name a { font-size: 16px; line-height: 1.3; }
  #content #products li.prod p.desc { font-size: 14px; line-height: 1.4; }
  #content #products li.prod .price { font-size: 20px; font-weight: bold; }
  #products li.prod form > div { display: flex; align-items: center; gap: 10px; }
  #products li.prod form label {
    display: flex; align-items: center; gap: 6px; white-space: nowrap;
    margin: 0 !important; color: #333; font-size: 14px;
  }
  #products li.prod input[name="qty"] {
    width: 56px; height: 44px; font-size: 16px; text-align: center;
  }
  #products li.prod input.button.cart {
    flex: 1; min-width: 0; height: 44px; font-size: 16px; margin: 0 !important;
  }

  /* ---------- Carrello (/cart/show): tabella -> schede ---------- */
  #content > #cart_country_chooser { display: none; }   /* doppione della barra fissa */
  #cart-table { display: flex !important; flex-direction: column; width: auto !important; border: 0 !important; }
  #cart-table thead { display: none !important; }
  #cart-table tbody { order: 1; display: block; }
  #cart-table tfoot { order: 2; display: block; margin-top: 10px; }
  #cart-table tr, #cart-table th, #cart-table td {
    display: block; width: auto !important; box-sizing: border-box;
  }
  #cart-table tbody tr {
    background: rgba(255,255,255,.92); border-radius: 10px;
    padding: 10px 12px; margin-bottom: 12px;
  }
  #cart-table tbody td {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 0 !important; border: 0 !important; border-top: 1px solid #e3e3e3 !important;
    text-align: right !important; font-size: 15px;
  }
  #cart-table tbody td::before { color: #555; text-align: left; padding-right: 10px; }
  #cart-table tbody td.prod {
    border-top: 0 !important; text-align: left !important; gap: 10px; padding-top: 0 !important;
  }
  #cart-table td.prod a { flex: 1; order: 1; font-size: 16px; font-weight: bold; }
  #cart-table td.prod button.delete.x {
    order: 2; float: none !important; flex: 0 0 auto;
    width: 40px !important; height: 40px !important; font-size: 18px; border-radius: 8px;
  }
  #cart-table td button.minus, #cart-table td button.plus {
    width: 44px !important; height: 44px !important; font-size: 22px; border-radius: 8px;
  }
  #cart-table td input.int {
    width: 56px !important; height: 44px !important; font-size: 16px; text-align: center; margin: 0 6px;
  }
  #cart-table tbody td:last-child { font-size: 18px; font-weight: bold; }
  #cart-table tfoot tr {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px; background: rgba(255,255,255,.85);
  }
  #cart-table tfoot tr:first-child { border-radius: 10px 10px 0 0; }
  #cart-table tfoot tr:last-child  { border-radius: 0 0 10px 10px; }
  #cart-table tfoot th, #cart-table tfoot td {
    text-align: left !important; padding: 0 !important; border: 0 !important; font-size: 15px;
  }
  #cart-table tfoot th { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
  #cart-table tfoot input#coupon { width: 140px !important; height: 40px !important; font-size: 16px; }
  #cart-table tfoot tr.total th, #cart-table tfoot tr.total td { font-size: 19px; font-weight: bold; }

  /* etichette delle righe (carrello e riepilogo ordine), nelle 5 lingue */
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(2)::before { content: "Articoli"; }
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(3)::before { content: "Unità"; }
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(4)::before { content: "Prezzo x unità"; }
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(5)::before { content: "Prezzo"; }
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(6)::before { content: "IVA"; }
  html:lang(it) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(7)::before { content: "Importo"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(2)::before { content: "Packages"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(3)::before { content: "Nr of pieces"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(4)::before { content: "Unit price"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(5)::before { content: "Price"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(6)::before { content: "VAT"; }
  html:lang(en) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(7)::before { content: "Amount"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(2)::before { content: "Packs"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(3)::before { content: "Nombre de pièces"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(4)::before { content: "Prix unitaire"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(5)::before { content: "Prix"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(6)::before { content: "TVA"; }
  html:lang(fr) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(7)::before { content: "Montant"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(2)::before { content: "Verpackungen"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(3)::before { content: "Stückzahl"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(4)::before { content: "Einzelpreis"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(5)::before { content: "Preis"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(6)::before { content: "USt"; }
  html:lang(de) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(7)::before { content: "Betrag"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(2)::before { content: "Artículos"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(3)::before { content: "Unidad"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(4)::before { content: "Precio por unidad"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(5)::before { content: "Precio"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(6)::before { content: "IVA"; }
  html:lang(es) :is(#cart-table, #order-summary, #order-table) tbody td:nth-child(7)::before { content: "Importe"; }

  /* pulsanti del carrello: "Ordina" grande e per primo */
  #content form > .buttons {
    display: flex; flex-direction: column; gap: 10px; width: auto !important; margin-top: 16px;
  }
  #content form > .buttons .button {
    display: block; width: 100% !important; box-sizing: border-box; text-align: center;
    height: auto !important; padding: 13px !important; font-size: 16px !important; margin: 0 !important;
  }
  #content form > .buttons #btn-submit { order: -1; padding: 16px !important; font-size: 19px !important; font-weight: bold; }
  #content form > .buttons #btn-clear  { order: 2; }

  /* ---------- Riepilogo ordine (/orders/submit) e dettaglio ordine (/orders/show) ---------- */
  #content form:has(#order-summary) { display: flex; flex-direction: column; }
  #content form:has(#order-summary) > .confirm  { order: 1; }   /* condizioni PRIMA della tabella */
  #content form:has(#order-summary) > .buttons  { order: 2; margin-bottom: 16px !important; }
  #content form:has(#order-summary) > #order-summary { order: 3; }
  :is(#order-summary, #order-table) { display: flex !important; flex-direction: column; width: auto !important; border: 0 !important; }
  :is(#order-summary, #order-table) thead { order: 0; } :is(#order-summary, #order-table) tbody { order: 1; } :is(#order-summary, #order-table) tfoot { order: 2; }
  :is(#order-summary, #order-table) thead, :is(#order-summary, #order-table) tbody, :is(#order-summary, #order-table) tfoot,
  :is(#order-summary, #order-table) tr, :is(#order-summary, #order-table) td, :is(#order-summary, #order-table) th {
    display: block; width: auto !important; box-sizing: border-box;
  }
  :is(#order-summary, #order-table) thead tr.summary {
    background: rgba(255,255,255,.92); border-radius: 10px; padding: 10px 12px; margin-bottom: 12px;
  }
  :is(#order-summary, #order-table) thead tr.summary > td { padding: 4px 0 !important; border: 0 !important; font-size: 15px; }
  :is(#order-summary, #order-table) thead tr.summary > td div { width: auto !important; margin-bottom: 8px; }
  :is(#order-summary, #order-table) .payment_method p.notes { font-size: 14px; line-height: 1.45; word-break: break-word; text-align: left !important; }
  :is(#order-summary, #order-table) tbody tr:has(th) { display: none !important; }      /* intestazioni colonne */
  :is(#order-summary, #order-table) tbody tr {
    background: rgba(255,255,255,.92); border-radius: 10px; padding: 10px 12px; margin-bottom: 12px;
  }
  :is(#order-summary, #order-table) tbody td {
    display: flex; justify-content: space-between; align-items: center;
    padding: 7px 0 !important; border: 0 !important; border-top: 1px solid #e3e3e3 !important;
    text-align: right !important; font-size: 15px;
  }
  :is(#order-summary, #order-table) tbody td:first-child { border-top: 0 !important; text-align: left !important; font-weight: bold; font-size: 16px; }
  :is(#order-summary, #order-table) tbody td::before { color: #555; text-align: left; padding-right: 10px; font-weight: normal; }
  :is(#order-summary, #order-table) tbody td:last-child { font-size: 18px; font-weight: bold; }
  :is(#order-summary, #order-table) tfoot { display: flex; flex-direction: column; margin-bottom: 12px; }
  :is(#order-summary, #order-table) tfoot tr {
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px;
    padding: 8px 12px; background: rgba(255,255,255,.85);
  }
  :is(#order-summary, #order-table) tfoot tr:first-child { border-radius: 10px 10px 0 0; }
  :is(#order-summary, #order-table) tfoot tr:last-child  { border-radius: 0 0 10px 10px; }
  :is(#order-summary, #order-table) tfoot th { flex: 0 0 100%; text-align: left !important; padding: 0 !important; border: 0 !important; font-size: 15px; }
  :is(#order-summary, #order-table) tfoot td { padding: 0 !important; border: 0 !important; font-size: 14px; }
  :is(#order-summary, #order-table) tfoot td:last-child { font-weight: bold; }
  :is(#order-summary, #order-table) tfoot tr.total td:last-child { font-size: 20px; }
  :is(#order-summary, #order-table) tfoot td:nth-of-type(2)::before { content: "IVA "; color: #555; }
  #order-table thead tr:not(.summary) { border: 0 !important; background: none !important; }   /* riga storico */
  #order-table #history { padding: 0 !important; border: 0 !important; background: none !important; }
  #order-table td.status { text-align: center !important; font-size: 17px !important; }

  #content form > .confirm { width: auto !important; margin: 4px 0 6px; }
  #content form > .confirm label {
    display: flex; align-items: flex-start; gap: 6px; white-space: normal;
    font-size: 15px; line-height: 1.4; padding: 10px 12px;
    background: rgba(255,255,255,.85); border-radius: 10px;
  }
  #content form > .confirm label input { flex: 0 0 auto; margin: 0 4px 0 0 !important; width: 22px; height: 22px; }
  #content form > .buttons #btn-confirm {
    order: -1; padding: 16px !important; font-size: 19px !important; font-weight: bold;
  }

  /* ---------- Elenco "I tuoi ordini" (/orders/mine): righe -> schede ---------- */
  #orders { display: flex !important; flex-direction: column; width: auto !important; border: 0 !important; }
  #orders tbody { order: 1; } #orders tfoot { order: 2; }
  #orders thead { display: none !important; }
  #orders tbody, #orders tfoot, #orders tfoot tr, #orders tfoot th { display: block; width: auto !important; }
  #orders tbody tr {
    position: relative; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px;
    background: rgba(255,255,255,.92); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px;
  }
  #orders tbody td { display: block; padding: 0 !important; border: 0 !important; font-size: 15px; background: none !important; text-align: left !important; }
  #orders tbody td:nth-child(1) { grid-column: 1; grid-row: 1; font-size: 17px; font-weight: bold; }
  #orders tbody td:nth-child(1)::before { content: "#"; }
  #orders tbody td:nth-child(1) a::after { content: ""; position: absolute; inset: 0; }   /* tutta la scheda apre l'ordine */
  #orders tbody td:nth-child(6) {
    grid-column: 2; grid-row: 1; justify-self: end; align-self: start;
    font-size: 13px; padding: 2px 10px !important; border-radius: 12px !important;
    background: #eef3e6 !important; border: 1px solid #c9d9b5 !important;
  }
  #orders tbody td:nth-child(2) { grid-column: 1; grid-row: 2; }
  #orders tbody td:nth-child(5) { grid-column: 2; grid-row: 2; justify-self: end; font-size: 17px; font-weight: bold; }
  #orders tbody td:nth-child(5)::before { content: "€ "; }
  #orders tbody td:nth-child(4) { grid-column: 1 / -1; grid-row: 3; font-size: 13px; color: #666; }
  #orders tbody td:nth-child(3) { display: none; }                                   /* ultima modifica */
  #orders tfoot th { border: 0 !important; padding: 6px 0 !important; text-align: center !important; }
  #orders .pagination { width: auto !important; font-size: 16px; }
  #orders .pagination a, #orders .pagination strong { display: inline-block; padding: 10px 12px; }

  /* ---------- Moduli (registrazione, accesso, dati ordine) ---------- */
  #content form fieldset {
    width: auto !important; margin: 0 0 14px !important; padding: 10px 12px 14px !important;
    box-sizing: border-box; min-width: 0;
  }
  #content form fieldset legend { font-size: 17px; padding: 0 6px; }
  #content form .field_group {
    width: auto !important; height: auto !important; overflow: visible;
    padding: 4px 0 !important;
  }
  #content form .field {
    float: none !important; width: auto !important; height: auto !important;
    margin: 0 0 12px !important;
  }
  #content form .field label { display: block; font-size: 15px; margin-bottom: 4px; }
  #content form input[type="text"]:not(.int):not(#coupon), #content form input[type="email"],
  #content form input[type="password"], #content form input[type="tel"],
  #content form input[type="number"]:not([name="qty"]), #content form select, #content form textarea {
    width: 100% !important; max-width: 100%; box-sizing: border-box;
    height: 44px; font-size: 16px !important;          /* 16px: niente zoom automatico su iPhone */
    padding: 6px 10px; margin: 0 0 6px !important;
  }
  #content form textarea { height: auto; min-height: 90px; }
  #content form input[type="radio"], #content form input[type="checkbox"] {
    width: 22px; height: 22px; margin: 0 8px 0 0; vertical-align: middle;
  }
  #content form .field_group > label, #content form fieldset > div > label {
    display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; margin-right: 14px;
  }
  #content form fieldset > div > label {             /* privacy / newsletter: testo a capo */
    display: flex; align-items: flex-start; gap: 4px; white-space: normal;
    margin-right: 0; padding: 8px 0; line-height: 1.4;
  }
  #content form fieldset > div > label input { flex: 0 0 auto; margin-top: 0; }
  #content form fieldset p { font-size: 14px; }
  #content form > .buttons button, #content form > .buttons a.button {
    display: block; width: 100% !important; box-sizing: border-box; text-align: center;
    height: auto !important; padding: 13px !important; font-size: 16px !important; margin: 0 !important;
  }
  #content form > .buttons #btn-continue, #content form > .buttons #btn-save,
  #content form > .buttons #btn-next {
    order: -1; padding: 16px !important; font-size: 19px !important; font-weight: bold;
  }
  /* compilazione ordine (/orders/fill): giorni di consegna e metodo di pagamento */
  #order_form fieldset > label { display: inline-flex; align-items: center; min-height: 44px; margin-right: 10px; font-size: 15px; }
  #order_form fieldset > input[type="checkbox"] + label { margin-right: 12px; }
  #order_form fieldset > label select { width: auto !important; margin: 0 6px !important; }
  #pm #total { font-size: 22px; font-weight: bold; margin: 4px 0 8px; }
  #pm ul { margin: 0 !important; padding: 0 !important; list-style: none; }
  #pm ul li { list-style: none; margin: 0 0 8px; height: auto !important; }
  #pm ul li label {
    display: flex !important; align-items: center; gap: 10px; min-height: 48px;
    padding: 6px 12px; box-sizing: border-box; font-size: 16px;
    background: rgba(255,255,255,.85); border: 1px solid #c9d9b5; border-radius: 10px;
  }
  #pm ul li label input[type="radio"] { margin: 0 !important; flex: 0 0 auto; }
  #pm ul li label span { flex: 1; min-width: 0; white-space: normal; }
  #pm ul li label:has(input:checked) { border: 2px solid #2a8844; background: #f1fbe9; }
  #order_form .note, #order_form .note strong { font-size: 13px; line-height: 1.4; }
  #order_form .field .value { font-size: 16px; font-weight: bold; }

  #content > .login { width: auto !important; text-align: center; margin-bottom: 10px; }
  #content > .login a.button {
    display: block; height: auto !important; line-height: 1.3 !important;
    padding: 12px !important; font-size: 17px !important;
  }
  #content > h3 { font-size: 15px; line-height: 1.4; width: auto !important; }

  /* pagina di accesso (/users/login) */
  #content > .join { width: auto !important; text-align: center; margin-bottom: 12px; }
  #content > .join a.button {
    display: block; height: auto !important; line-height: 1.3 !important;
    padding: 12px !important; font-size: 16px !important;
  }
  #loginbox {
    width: auto !important; margin: 0 !important; left: auto !important;
    padding: 10px 12px 14px !important; box-sizing: border-box;
  }
  #loginbox legend { font-size: 17px; }
  #loginbox form, #loginbox .field, #loginbox .buttons {
    width: auto !important; height: auto !important; margin: 0 0 12px !important; float: none !important;
  }
  #loginbox .field label { display: block; font-size: 15px; margin-bottom: 4px; }
  #loginbox input#username, #loginbox input#password {
    width: 100% !important; box-sizing: border-box; height: 44px; font-size: 16px; padding: 6px 10px;
  }
  #loginbox .buttons { display: flex; flex-direction: column; gap: 12px; }
  #loginbox .buttons > label {
    float: none !important; width: auto !important; height: auto !important;
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 15px;
  }
  #loginbox .buttons > label input { width: 22px; height: 22px; }
  #loginbox .buttons > label a { flex: 0 0 100%; padding: 8px 0; }
  #loginbox .buttons > label br { display: none; }
  #loginbox input#login {
    order: -1; width: 100% !important; height: auto !important;
    padding: 15px !important; font-size: 19px !important; font-weight: bold; margin: 0 !important;
  }

  /* ---------- Conferma ordine: casella condizioni in evidenza ---------- */
  #content form > .confirm label { margin: 0 !important; background: #fff !important; border: 2px solid #b02a10; font-weight: bold; }
  #content form > .confirm label:has(input:checked) { border-color: #2a8844; background: #f1fbe9 !important; }
  :is(#order-summary, #order-table) tfoot td { background: none !important; }
  /* ---------- Registrazione: casella privacy in evidenza ---------- */
  #content form label:has(> input[name="privacy"]) { padding: 12px 14px !important; background: #fff4f1 !important; border: 2px solid #b02a10; border-radius: 10px; align-items: center !important; gap: 10px !important; }
  #content form label:has(> input[name="privacy"]:checked) { border-color: #2f6b22; background: #eef6e9 !important; }
  #content form label > input[name="privacy"] { width: 24px; height: 24px; margin: 0 !important; accent-color: #2f6b22; }
  #content form fieldset > div > label:has(> input:is([name="privacy"],[name="newsletter"])) { margin-left: 0 !important; }


  /* ---------- Paga ordine: scelta del metodo di pagamento ---------- */
  form[action*="payment_method"] ul,
  form[action*="payment_method"] ul li { margin: 0 !important; padding: 0 !important; list-style: none; }
  form[action*="payment_method"] ul { margin-top: 10px !important; }
  form[action*="payment_method"] ul li { margin-bottom: 8px !important; height: auto !important; }
  #content form[action*="payment_method"] ul li label {
    display: flex !important; align-items: center; gap: 10px; min-height: 48px; margin: 0 !important;
    padding: 6px 12px; box-sizing: border-box; font-size: 16px; white-space: normal;
    background: rgba(255,255,255,.85); border: 1px solid #c9d9b5; border-radius: 10px;
  }
  form[action*="payment_method"] ul li label input[type="radio"] { margin: 0 !important; flex: 0 0 auto; }
  form[action*="payment_method"] ul li label:has(input:checked) { border: 2px solid #2a8844; background: #f1fbe9; }
  form[action*="payment_method"] ul li label:has(input:disabled) { opacity: .6; font-size: 14px; }

  /* ---------- Pagamento con carta (SumUp) ---------- */
  #content > h3:has(> a[href*="/orders/show/"]) { font-size: 17px; }
  #content h4.order-total { font-size: 22px; font-weight: bold; margin: 2px 0 10px; }
  #content h4.order-total .label { font-size: 15px; font-weight: normal; }
  #sumup-card fieldset { background: none !important; }
  #sumup-card form button:not([data-testid="apple-pay-button"]) {   /* "Paga" lime come "Conferma ordine" */
    background: #c5e80e !important; color: #138a13 !important; font-weight: bold; border-radius: 10px;
  }

  /* ---------- Piè di pagina ---------- */
  #static_menu a { display: inline-block; padding: 8px 6px; }
}

/* Compilazione ordine: sezione "Orari di consegna" nascosta (telefono e desktop).
   I valori predefiniti (lun-ven, 09-19) vengono comunque inviati con l'ordine. */
#order_form fieldset:has(input[name^="weekmask"]) { display: none !important; }
/* Orari e giorni di consegna nascosti anche nel riepilogo e nel dettaglio ordine */
.delivery_time { display: none !important; }

/* Istruzioni pagamento (es. bonifico): niente corsivo, a capo e TAB rispettati, riquadro (telefono e desktop).
   In gestione lingue: "IBAN:" + TAB + valore per allineare i valori in colonna. */
.payment_method .notes {
  font-style: normal !important; font-size: 15px !important; line-height: 1.5; color: #222;
  white-space: pre-wrap; tab-size: 15ch; overflow-wrap: anywhere;
  background: #fff; border: 1px solid #d6e3cc; border-left: 4px solid #2f6b22; border-radius: 8px;
  padding: 10px 14px !important; margin: 14px 0 6px !important; max-width: 520px; box-sizing: border-box;
}

/* ===== Novita v9 (03/11/2026) ===== */
@media (max-width:767px){
body{background-image:none !important}
body::before{content:"";position:absolute;z-index:-1;top:50px;left:0;width:100%;height:calc(min(700px, calc((100vw - 24px) * 1.62)) * 0.6171);background:url(/img/tv/bg-grad.jpg) 50% 0/min(700px, calc((100vw - 24px) * 1.62)) auto no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);pointer-events:none}
}
/* lista prodotti larga quanto le tendine e il menu (prima era 8px piu' stretta a destra) */
@media (max-width:767px){#content{padding-right:0 !important}}
/* pulsanti verdi del menu: piu' pieni e leggibili, senza la riga verticale a sinistra */
@media (max-width:767px){#main_menu>li{border:0 !important}#main_menu>li:not(.selected)>a{background:rgba(197,232,14,.85) !important;color:#1d4d12 !important;box-shadow:0 1px 3px rgba(0,0,0,.25) !important}}
/* pagine generali (Contatti, Chi siamo, ...): riquadro bianco col filo verde come sul desktop, titolo scuro e leggibile */
@media (max-width:767px){#content>.page{background:rgba(255,255,255,.94) !important;border:2px solid #2f6b22 !important;border-radius:14px !important;padding:4px 12px 14px !important;box-sizing:border-box;margin-top:8px !important}#content>.page>h3{color:#0f3d0a !important;font-size:19px !important;text-shadow:none !important;padding:10px 0 8px !important;margin:0 0 10px !important;border-bottom:1px solid #c9d9b5 !important}}
/* piu' spazio tra i pulsanti verdi e la prima tendina (da 8 a 20px) */
@media (max-width:767px){#main#main #side_menu_cat#side_menu_cat>li.nested.current+li.nested{margin-top:16px !important}}
/* titoli di pagina fuori dai riquadri (registrazione, i tuoi ordini, ...): piu' grandi */
@media (max-width:767px){#content>h3{font-size:19px !important;line-height:1.3 !important}}

/* ===== Novita v9.1 (03/11/2026) ===== */
/* banner cookie Iubenda: testo a misura di telefono (oggi copre tutta la pagina) */
@media (max-width:767px){
html body #iubenda-cs-banner#iubenda-cs-banner,html body #iubenda-cs-banner#iubenda-cs-banner *{font-size:15px !important;line-height:1.4 !important}
html body #iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-title{font-size:17px !important}
html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group button{font-size:15px !important;padding:10px 14px !important}
}
/* finestra dei risultati della ricerca: tutta la larghezza, testi leggibili, colori Termoverde, chiusura sempre visibile */
@media (max-width:767px){
.gsc-results-wrapper-overlay.gsc-results-wrapper-overlay{top:8px !important;left:6px !important;right:6px !important;width:auto !important;height:calc(100% - 16px) !important;padding:12px 14px !important;border-radius:14px !important;border:2px solid #2f6b22 !important;box-sizing:border-box !important}
.gsc-results-wrapper-overlay .gsc-results-close-btn{width:36px !important;height:36px !important;position:sticky !important;top:0 !important;right:auto !important;left:auto !important;margin:0 0 4px auto !important;z-index:10 !important;box-shadow:0 1px 4px rgba(0,0,0,.3) !important;background:#fff !important;border-radius:50% !important;opacity:1 !important;display:flex !important;align-items:center;justify-content:center}
.gsc-results-wrapper-overlay .gsc-results-close-btn::before{content:"\2715";font-size:22px;line-height:1;color:#2f6b22;font-weight:bold}
.gsc-results-wrapper-overlay .gsc-webResult .gs-title,.gsc-results-wrapper-overlay .gsc-webResult .gs-title *{font-size:16px !important;line-height:1.3 !important;height:auto !important}
.gsc-results-wrapper-overlay .gs-title a,.gsc-results-wrapper-overlay .gs-title b{color:#1d4d12 !important}
.gsc-results-wrapper-overlay .gs-snippet{font-size:14px !important;line-height:1.4 !important}
.gsc-results-wrapper-overlay .gs-image-box,.gsc-results-wrapper-overlay .gs-image-box img{width:72px !important;height:72px !important;max-width:72px !important;max-height:72px !important;object-fit:contain}
.gsc-results-wrapper-overlay .gsc-webResult.gsc-result{padding:12px 0 !important}
.gsc-results-wrapper-overlay .gsc-webResult-divider{height:1px !important;background:#c9d9b5 !important;margin:0 !important}
.gsc-results-wrapper-overlay .gsc-cursor-page{font-size:16px !important;padding:6px 9px !important;color:#2f6b22 !important}
.gsc-results-wrapper-overlay .gsc-cursor-current-page{background:#2f6b22 !important;color:#fff !important;border-radius:6px}
.gsc-results-wrapper-overlay .gsc-wrapper{padding-bottom:72px !important}
}

/* ===== Novita v9.2 (03/11/2026) ===== */
/* casella di ricerca sopra la finestra dei risultati: con i risultati aperti resta fissa in cima, con le parole modificabili (prima la finestra la copriva) */
@media (max-width:767px){
body:has(.gsc-results-wrapper-visible) #gscbox{transform:none !important}
body:has(.gsc-results-wrapper-visible) #gscbox form.gsc-search-box{position:fixed !important;top:8px !important;left:50% !important;transform:translateX(-50%) !important;width:min(680px,calc(100vw - 24px)) !important;max-width:none !important;z-index:100005 !important;margin:0 !important;padding:6px 8px !important;background:#fff !important;border:2px solid #2f6b22 !important;border-radius:12px !important;box-shadow:0 4px 14px rgba(0,0,0,.35) !important;box-sizing:border-box !important}
body:has(.gsc-results-wrapper-visible) #gscbox .gsc-results-wrapper-overlay.gsc-results-wrapper-overlay{top:70px !important;height:calc(100% - 78px) !important;box-sizing:border-box !important}
}

/* ===== Novita v9.3 (03/11/2026) ===== */
/* Riquadro "Annotazioni" nel dettaglio ordine: bianco con bordo verde, testo in grassetto 18 px (vale anche per il cliente) */
@media (max-width:767px){
#content .phone~.field textarea[name=notes]{width:100% !important;box-sizing:border-box !important;min-height:80px !important;padding:8px 10px !important;font-size:18px !important;background:#fff !important;border:2px solid #2f6b22 !important;border-radius:10px !important;color:#111 !important;font-weight:bold !important;box-shadow:0 2px 6px rgba(0,0,0,.15) !important}
#content .phone~.field label[for=notes] strong{color:#2f6b22 !important;font-size:16px !important}
}

/* ===== Novita v9.4 (03/11/2026) ===== */
/* Carrello vuoto: "Il tuo carrello e' vuoto." grande e centrato in un riquadro bianco, "Lista Prodotti" come pulsante */
@media (max-width:767px){html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table)){font:bold 18px/1.5 Arial,Helvetica,sans-serif !important;color:#1d3d14 !important;text-align:center;background:rgba(255,255,255,.92);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 14px 22px !important;margin:16px 8px 0 !important;box-sizing:border-box}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>#cart_country_chooser{text-align:left;font-weight:normal;margin-bottom:16px}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>br{display:none}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>a{display:block;width:max-content;max-width:100%;margin:14px auto 0;padding:12px 28px;border-radius:24px;background:#c5e80e;color:#1d4d12 !important;font-size:17px;font-weight:bold;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}}

/* Novita v9.5-v9.8: bolla della chat intera (il tema mette a tutti i <button> una sfumatura alta 50 px, la bolla e' 55: restava una fascia sopra e sotto) e giallo-verde con icona verde scuro, come i pulsanti del sito */
@media (max-width:767px){#chatbase-bubble-button{background-image:none !important;background-color:#c5e80e !important;border:0 !important;box-shadow:0 2px 8px rgba(0,0,0,.35) !important}#chatbase-bubble-button:hover{background-color:#d4f22a !important}#chatbase-bubble-button svg path{fill:#1d4d12 !important}}
/* Novita v9.10: tendina sottocategorie "Alberi & piante – ti trovi in Loti" al posto di "sottocategorie" (nome messo da chatbase.js v8
   nell'attributo data-sub; senza attributo resta il testo di prima). Aperta: solo la freccia in su, come prima. */
@media (max-width:767px){
html:lang(it) #main #toolbox #side_menu_cat > li.nested.current > label[data-sub]::after{content:" \2013  ti trovi in " attr(data-sub) " \25BE" !important}
html:lang(en) #main #toolbox #side_menu_cat > li.nested.current > label[data-sub]::after{content:" \2013  you are in " attr(data-sub) " \25BE" !important}
html:lang(fr) #main #toolbox #side_menu_cat > li.nested.current > label[data-sub]::after{content:" \2013  vous êtes dans " attr(data-sub) " \25BE" !important}
html:lang(de) #main #toolbox #side_menu_cat > li.nested.current > label[data-sub]::after{content:" \2013  Sie sind in " attr(data-sub) " \25BE" !important}
html:lang(es) #main #toolbox #side_menu_cat > li.nested.current > label[data-sub]::after{content:" \2013  estás en " attr(data-sub) " \25BE" !important}
html #main #toolbox #side_menu_cat > li.nested.current:has(> input:not(:checked)) > label[data-sub]::after{content:" \25B4" !important}
}
/* Novita v9.11: la tendina di sinistra (e il titolo sopra le macrocategorie nella scheda prodotto) si chiama "Catalogo completo" */

/* Novita v9.12 (04/11/2026) */
@media (max-width:767px){
  /* riquadro prodotto tappabile tutto: il link del titolo copre il riquadro; foto, prezzo, quantita', "Aggiungi al carrello"
     e pulsanti dell'amministratore restano sopra e funzionano da soli */
  #products li.prod > h3.name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  #products li.prod > a.img, #products li.prod > form, #products li.prod > .online-price-container,
  #products li.prod > .details, #products li.prod > div:has(a, input, button) { position: relative; z-index: 2; }
  /* loghi dei pagamenti: "Acquisti sicuri con..." sopra, immagine centrata sotto */
  #safe-paypal { text-align: center !important; }
  #safe-paypal > span { display: block; margin: 0 0 8px; }
  #safe-paypal > img { display: block; margin: 0 auto !important; }
  /* pulsante "torna su" (lo crea chatbase.js v8): come la bolla della chat, centrato sopra di lei (il tema gli dava lo stile dei pulsanti) */
  #tv-su { right: 20px !important; bottom: 83px !important; width: 46px !important; height: 46px !important; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 50% !important; background: #c5e80e !important; background-image: none !important;
  color: #1d4d12 !important; font: bold 22px/1 Arial, Helvetica, sans-serif !important; box-shadow: 0 2px 8px rgba(0,0,0,.35) !important; }
  #tv-su:hover { background: #d4f22a !important; }
}

/* Novita v9.13: nell'elenco prodotti "Aggiungi al carrello" non viene piu' troncato: nascosta la parola "confezioni:" accanto
   alla quantita' (resta la casella col numero), il pulsante si allarga. Nella scheda del singolo prodotto la scritta resta. */
@media (max-width:767px){
  #products li.prod form label { font-size: 0 !important; gap: 0 !important; }
  #products li.prod form label input { font-size: 16px !important; }
}

/* Novita v9.14:
   - riquadri dell'elenco prodotti rientrati di 6 px per lato rispetto ai menu, come sul computer
   - scheda prodotto (v9.15): prima il prodotto, poi la tendina sottocategorie, poi [Catalogo completo ▾] (chiuse, come nelle
     pagine categoria), poi l'elenco della categoria */
@media (max-width:767px){
  #content #products { margin: 0 6px !important; }
  #main:has(.product.page) > #content { display: contents !important; }
  #main:has(.product.page) .product.page { order: 1; }
  #main:has(.product.page) #side_menu_cat > li.nested.current { order: 2; margin-top: 18px !important; }
  #main:has(.product.page) #side_menu_cat > li.nested.current + li.nested { order: 3; }
  #main:has(.product.page) > #macro_menu { order: 4; }
  #main:has(.product.page) #products { order: 5; margin-top: 8px !important; }
}

/* Novita v9.16: logo piu' vicino alla casella di ricerca (zona cliccabile del logo 62 px invece di 70: il disegno finisce prima);
   scheda prodotto: tra la tendina sottocategorie e "Catalogo completo" 6 px come nelle pagine categoria (prima 30) */
@media (max-width:767px){
  /* v9.18: zona del logo proporzionale alla larghezza, come il logo nello sfondo: la casella di ricerca sta subito sotto
     "by Don Leo" su ogni telefono (prima 52 px fissi: giusta a 375 px, larga sugli schermi stretti, sul logo su quelli larghi) */
  #site_title a { height: calc(min(700px, calc((100vw - 24px) * 1.62)) * 0.1036 + 1px) !important; } /* v9.19: 8 px piu' in basso */
  #main:has(.product.page) #side_menu_cat > li.nested.current { margin-bottom: 0 !important; }
  #main#main:has(.product.page) #side_menu_cat#side_menu_cat > li.nested.current + li.nested { margin-top: 0 !important; } /* batte la regola "16 px sotto i pulsanti verdi" */
}

/* Novita v9.20: bandiere a 10 px sia dalla casella di ricerca sia dai pulsanti verdi (prima 10 sopra e 6 sotto) */
@media (max-width:767px){ #lang_menu { margin-bottom: 10px !important; } }

/* ===== v10 (04/11/2026) TEMA CHIARO "proposta 4" sul telefono: stessa palette del computer (vedi desktop.css v2.0) ===== */
@media (max-width:767px){
  html, body { background: #fff !important; }
  body::before { content: none !important; }
  #overbg, #products_country_chooser { background: #084828 !important; box-shadow: none !important; }
  #products_country_chooser label { color: #fff !important; text-shadow: none !important; }
  #products_country_chooser select { background-color: #fff !important; color: #084828 !important; border-color: #fff !important; }
  #header { padding-top: 54px; border-bottom: 1px solid #e4eae4; margin-bottom: 10px; padding-bottom: 8px; }
  #site_title a { height: calc(min(100vw - 30px, 520px) * .2264) !important; margin: 10px 0 0 !important; background: url(/doc/tv_logo_2026_network.png) center / contain no-repeat !important; border: 0 !important; box-shadow: none !important; }
  #gscbox { margin: 12px 0 0 !important; }
  #gscbox .gsc-control-cse { padding: 0 !important; }
  #gscbox form.gsc-search-box, #gscbox table.gsc-search-box { margin: 0 !important; width: 100% !important; }
  #gscbox form.gsc-search-box { border: 2px solid #b8e838 !important; border-radius: 22px !important; background: #fff !important; padding: 4px 8px !important; box-sizing: border-box; }
  #gscbox .gsc-input-box { border: 0 !important; box-shadow: none !important; }
  #gscbox .gsc-search-button { background: none !important; border: 0 !important; box-shadow: none !important; }
  #gscbox .gsc-search-button svg { fill: #088808 !important; }
  #main_menu { background: #084828 !important; border-radius: 8px !important; padding: 6px !important; margin: 0 0 8px !important; }
  html #main_menu > li > a, html #main_menu > li:not(.selected) > a { background: none !important; color: #fff !important; border-radius: 6px !important; box-shadow: none !important; text-shadow: none !important; border: 0 !important; }
  html #main_menu[data-current-url] > li:first-child:not(.selected) > a { background: none !important; color: #fff !important; }
  html #main_menu > li.selected > a { background: #088808 !important; color: #fff !important; }
  html #toolbox #side_menu_cat > li.nested.current > label, html #main #side_menu_cat > li.nested.current + li.nested > label { border: 1px solid #c9d9b5 !important; color: #084828 !important; background: #fff !important; }
  html #toolbox #side_menu_cat > li.nested.current > input:not(:checked) ~ ul, html #main > #macro_menu { border: 1px solid #e4eae4 !important; box-shadow: none !important; }
  html #toolbox #side_menu_cat > li.nested.current > ul > li > a, html #main > #macro_menu li a { color: #252d27 !important; }
  html #toolbox #side_menu_cat > li.nested.current > ul > li.selected > a, html #main > #macro_menu li.selected a { background: #f2f7f2 !important; color: #084828 !important; box-shadow: inset 5px 0 0 #088808 !important; }
  html #products li.prod { background: #fff !important; border: 1px solid #e4eae4 !important; border-radius: 8px !important; box-shadow: none !important; }
  html #products li.prod > a.img img { border: 1px solid #e4eae4; border-radius: 8px; padding: 3px; box-sizing: border-box; background: #fff; }
  html #products li.prod { grid-template-columns: 112px 1fr !important; }
  html #products li.prod > a.img img { width: 112px !important; }
  html #content #products li.prod h3.name a { color: #084828 !important; font-size: 16px !important; text-shadow: none !important; }
  html #content #products li.prod p.desc { color: #252d27 !important; }
  html #products li.prod .price { color: #084828 !important; font-size: 24px !important; }
  html #products li.prod .online-price { background: #f8b808 !important; color: #3a2a00 !important; }
  html #products li.prod input.cart { background: #088808 !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 20px !important; text-shadow: none !important; }
  #toolbox > #sidebar, #toolbox > #toolbox-bottom { background: #fff !important; }
  #sidebar a { color: #252d27 !important; }
  #footer a { background: #084828 !important; color: #fff !important; text-shadow: none !important; }
  #chatbase-bubble-button { background-color: #088808 !important; } #chatbase-bubble-button svg path { fill: #fff !important; }
  #tv-su { background: #088808 !important; color: #fff !important; }
  html #content .product.page { background: #fff !important; border: 1px solid #e4eae4 !important; border-radius: 8px !important; box-shadow: none !important; }
  html #content .product.page h3.name a { color: #084828 !important; text-decoration: none !important; }
  html #content .product.page .shop { background: #f2f7f2 !important; border: 1px solid #e4eae4 !important; box-shadow: none !important; }
  html #content .product.page img.product.big, html #content .product.page #prod-images img { border: 1px solid #e4eae4 !important; border-radius: 8px; }
  html #content .product.page .shop .price { color: #084828 !important; }
  html #content .product.page .online-price { background: #f8b808 !important; color: #3a2a00 !important; transform: none !important; }
  html #content .product.page .shop .button.cart, html #content .product.page .content a.button { background: #088808 !important; color: #fff !important; border: 0 !important; text-shadow: none !important; }
  #content > .page { background: #fff !important; border: 1px solid #e4eae4 !important; }
}

/* v10.1: 10 px tra ricerca e bandierine; tolta la riga sotto i pulsanti verdi (sembrava il bordo di un riquadro); ricerca a tutta larghezza */
@media (max-width:767px){
  #lang_menu { margin-top: 10px !important; }
  #header { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 4px !important; }
  #gscbox, #gscbox .gsc-control-cse, #gscbox form.gsc-search-box, #gscbox table.gsc-search-box { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; max-width: none !important; }
}

/* v10.2: (1) barra alta 44 px invece di 54; (2) testata compatta: logo al 62% a sinistra e bandierine a destra sulla stessa riga, poi ricerca
   e pulsanti; (3) sotto i pulsanti verdi una barra sottile "38.209 prodotti online" (numero fisso: aggiornare qui nelle 5 lingue);
   (4) fondo della pagina verde ghiaccio #F2F7F2 sotto la testata bianca, schede sempre bianche */
@media (max-width:767px){
  #overbg, #products_country_chooser { height: 44px !important; }
  #products_country_chooser label { font-size: 12px !important; line-height: 14px !important; }
  #products_country_chooser select { height: 32px !important; font-size: 15px !important; }
  #header { padding-top: 44px !important; position: relative; background: #fff; margin: 0 -10px 0 !important; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; }
  /* v10.3: bandierine di nuovo sotto la ricerca (presto saranno 8) e logo a tutta larghezza */
  #site_title a { width: auto !important; height: calc(min(100vw - 30px, 520px) * .2264) !important; margin: 8px 0 0 !important; background-position: center !important; }
  #lang_menu { position: static !important; margin: 10px 0 0 !important; width: auto !important; gap: 6px; flex-wrap: wrap; }
  #lang_menu img { width: 28px !important; height: 28px !important; }
  #gscbox { margin-top: 10px !important; }
  html, body { background: #f2f7f2 !important; }
  #main_menu { margin-bottom: 0 !important; border-radius: 8px 8px 0 0 !important; }
  #main_menu::after { display: block; flex: 0 0 auto; width: calc(100% + 12px); box-sizing: border-box; margin: 6px -6px -6px; padding: 5px 12px; background: #fff; color: #084828; font-weight: bold; font-size: 13px; border: 0; border-radius: 0 0 8px 8px; text-align: center; }
  #main #side_menu_cat > li.nested.current + li.nested { margin-top: 12px !important; }
  #main:has(.product.page) .product.page { margin-top: 12px !important; }
  html:lang(it) #main_menu::after { content: "38.209 prodotti online"; }
  html:lang(en) #main_menu::after { content: "38,209 products online"; }
  html:lang(fr) #main_menu::after { content: "38\202F 209 produits en ligne"; }
  html:lang(de) #main_menu::after { content: "38.209 Produkte online"; }
  html:lang(es) #main_menu::after { content: "38.209 productos online"; }
}

/* ===== v10.4 (04/11/2026): menu principale a tab bianche centrate (2 righe), contatore prodotti in grigio sotto le bandierine, via la fascia sotto il menu ===== */
@media (max-width:767px){
  #lang_menu { margin-bottom: 12px !important; }
  #lang_menu::after { flex: 0 0 100%; text-align: center; font-size: 12px; color: #69756b; margin-top: 8px; }
  html:lang(it) #lang_menu::after { content: "38.209 prodotti online  \00b7  889 categorie"; }
  html:lang(en) #lang_menu::after { content: "38,209 products online  \00b7  889 categories"; }
  html:lang(fr) #lang_menu::after { content: "38\202F 209 produits en ligne  \00b7  889 cat\e9gories"; }
  html:lang(de) #lang_menu::after { content: "38.209 Produkte online  \00b7  889 Kategorien"; }
  html:lang(es) #lang_menu::after { content: "38.209 productos online  \00b7  889 categor\edas"; }
  #main_menu::after { display: none !important; }
  #header { padding-bottom: 0 !important; }
  #main_menu { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0 2px !important; background: #fff !important; padding: 0 4px !important; margin: 0 -10px !important; border-radius: 0 !important; border-top: 1px solid #e4eae4; border-bottom: 1px solid #e4eae4; }
  #main_menu li { flex: 0 0 auto !important; }
  html #main_menu > li > a, html #main_menu > li:not(.selected) > a, html #main_menu[data-current-url] > li:first-child:not(.selected) > a { background: none !important; color: #084828 !important; border-radius: 0 !important; padding: 11px 12px 8px !important; font-size: 15px !important; line-height: 20px !important; font-weight: bold; border: 0 !important; border-bottom: 3px solid transparent !important; box-shadow: none !important; }
  html #main_menu > li.selected > a { background: none !important; color: #088808 !important; border-bottom-color: #088808 !important; }
}

/* ===== v10.5 (04/11/2026): bandierine a piena opacita (il tema le mette al 70%), contatore in verde bosco ===== */
@media (max-width:767px){
  #lang_menu li { opacity: 1 !important; }
  #lang_menu::after { color: #084828; font-size: 13px; }
}

/* ===== v10.6 (04/11/2026): niente ombra nera del tema sulla voce selezionata / toccata del menu marche ===== */
@media (max-width:767px){
  #macro_menu li.selected a, #macro_menu a:hover, #side_menu_cat li.selected a, #side_menu_cat a:hover { text-shadow: none !important; color: #084828 !important; }
}

/* ===== v10.7 (04/11/2026): elenco prodotti, pulsanti admin Modifica/Duplica visibili (solo admin: il server li manda solo all'amministratore) ===== */
@media (max-width:767px){
  #products li.prod > .details:has(a.edit) { display: flex !important; grid-column: 1 / -1 !important; width: auto !important; flex-wrap: wrap; align-items: center; gap: 6px; position: relative !important; z-index: 2 !important; margin: 8px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
  #products li.prod > .details:has(a.edit) > a:not(.button) { display: none !important; }
  #products li.prod > .details a.button { margin: 0 !important; padding: 5px 12px !important; font-size: 13px !important; line-height: 18px !important; height: auto !important; border-radius: 14px !important; background: #088808 !important; background-image: none !important; color: #fff !important; text-shadow: none !important; box-shadow: none !important; }
  #products li.prod > .details .priority { padding: 2px 6px !important; font-size: 11px !important; margin: 0 !important; border-radius: 4px; }
}

/* ===== v10.9 (04/11/2026): freccia della tendina "Seleziona la destinazione" verde bosco (era verde acqua del vecchio tema) ===== */
@media (max-width:767px){
  html #products_country_chooser select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23084828' stroke-width='2.5'/%3E%3C/svg%3E") !important; }
}

/* ===== v10.10 (04/11/2026): tendine piu' evidenti. "Catalogo completo": pieno verde bosco #084828, testo e freccia bianchi, ombra
   leggera. Categoria corrente ("Marca - ti trovi in ..."): fondo verde chiarissimo #e9f6cf, bordo 2 px #088808, testo #084828.
   Il riquadro che si apre sotto ciascuna tendina prende il bordo dello stesso colore del suo pulsante. ===== */
@media (max-width:767px){
  html body #main #side_menu_cat > li.nested.current + li.nested > label { background: #084828 !important; color: #fff !important; border-color: #084828 !important; box-shadow: 0 2px 6px rgba(8,72,40,.25) !important; }
  html body #main #side_menu_cat > li.nested.current + li.nested > label::after { color: #fff !important; }
  html body #main #side_menu_cat > li.nested.current > label { background: #e9f6cf !important; color: #084828 !important; border: 2px solid #088808 !important; }
  html body #main #side_menu_cat > li.nested.current > label::after { color: #084828 !important; }
  html body #main > #macro_menu { border-color: #084828 !important; }
  html body #main #side_menu_cat > li.nested.current > input:not(:checked) ~ ul { border-color: #088808 !important; }
}

/* ===== v10.12 (05/11/2026): commenti del blog (div#feedback) in fondo alla scheda prodotto, dopo tutta la descrizione (non sono
   validati: verranno uniti a Trustpilot). La fascia documenti resta subito sotto prezzo e carrello. ===== */
/* ===== v10.11 (05/11/2026): scheda prodotto. (1) Fascia "Documentazione e informazioni" con i pulsanti Produttore / Istruzioni /
   Scheda tecnica subito sotto prezzo e carrello (prima in fondo alla descrizione), pulsanti bianchi con bordo verde bosco.
   (2) Commenti del blog (div#feedback): prima stavano fra la foto e la descrizione; ora sotto la fascia documenti, in un riquadro
   con fascia verde bosco e commenti leggibili che scorrono dentro (max 260 px). ===== */
@media (max-width:767px){
  html body #main #content#content .product.page div.legal_info.buttons.buttons{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;align-items:center !important;gap:10px 12px !important;padding:12px 14px !important;background:#f2f7f2 !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-sizing:border-box !important;max-width:100% !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentazione e informazioni";flex:1 0 100%;font:700 13px/1.2 Arial,Helvetica,sans-serif;color:#084828;text-transform:uppercase;letter-spacing:.04em}
  html:lang(en) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documents and information"}
  html:lang(fr) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentation et informations"}
  html:lang(de) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Dokumente und Informationen"}
  html:lang(es) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentación e información"}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button{background:#fff !important;background-image:none !important;color:#084828 !important;border:2px solid #084828 !important;border-radius:18px !important;padding:8px 16px !important;font:700 15px/18px Arial,Helvetica,sans-serif !important;text-shadow:none !important;box-shadow:none !important;margin:0 !important;height:auto !important;width:auto !important;text-decoration:none !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button:hover{background:#084828 !important;color:#fff !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button.download::before{content:"\2193" !important;display:inline-block;margin-right:6px;color:inherit !important;font-weight:700;width:auto !important;background:none !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons{margin:14px 0 !important;width:auto !important}
  html body #content .product.page>.content>.shop{order:-2 !important}
  html body #content .product.page>.content>.legal_info{order:-1 !important}
  html body #content .product.page #prod-images:has(>#feedback){display:contents !important}
  html body #content .product.page #prod-images:has(>#feedback)>img{order:2 !important}
  html body #content .product.page:has(#feedback)>.content{display:contents !important}
  html body #content .product.page:has(#feedback)>.content>*{order:8 !important}
  html body #content .product.page:has(#feedback)>.content>.shop{order:5 !important}
  html body #content .product.page:has(#feedback)>.content>.legal_info{order:6 !important}
  html body #content .product.page #prod-images>#feedback{order:9 !important;width:auto !important;height:auto !important;margin:24px 0 14px !important;padding:0 !important;background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;overflow:hidden !important;text-align:left !important}
  html body #content .product.page #feedback>.blog-link{display:block !important;margin:0 !important;padding:9px 12px !important;background:#084828 !important;color:#fff !important;font:700 15px/1.3 Arial,Helvetica,sans-serif !important;text-align:left !important;text-decoration:none !important;width:auto !important;height:auto !important}
  html body #content .product.page #feedback>.blog-link br{display:none}
  html body #content .product.page #feedback>.blog-link::after{content:" \2192";color:#b8e838}
  html body #content .product.page #feedback>.blog-link:hover{background:#0b5a33 !important}
  html body #content .product.page #feedback #comments{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;text-align:left !important;border:0 !important}
  html body #content .product.page #feedback #comments>ul{width:auto !important;height:auto !important;max-height:260px !important;overflow-y:auto !important;margin:0 !important;padding:0 12px !important;list-style:none !important;border:0 !important}
  html body #content .product.page #feedback #comments li{width:auto !important;height:auto !important;margin:0 !important;padding:10px 0 !important;border:0 !important;border-bottom:1px solid #e4eae4 !important;text-align:left !important;background:none !important}
  html body #content .product.page #feedback #comments li:last-child{border-bottom:0 !important}
  html body #content .product.page #feedback .comment-content{font:15px/1.45 Arial,Helvetica,sans-serif !important;color:#252d27 !important;text-align:left !important;margin:0 0 4px !important}
  html body #content .product.page #feedback .comment-meta{display:block !important;text-decoration:none !important;text-align:left !important;font-style:normal !important}
  html body #content .product.page #feedback .comment-author{font:700 13px/1.3 Arial,Helvetica,sans-serif !important;color:#084828 !important;text-decoration:none !important;font-style:normal !important}
  html body #content .product.page #feedback .comment-date{font:13px/1.3 Arial,Helvetica,sans-serif !important;color:#7a857c !important;margin-left:6px !important;text-decoration:none !important;font-style:normal !important}
}

/* ===== v10.13 (05/11/2026): scheda prodotto, pulsante in fondo alla descrizione (chatbase.js v8.12 ci scrive il percorso della
   categoria, es. "<- Tubi corrugati retinati · Tubi retinati irrorazione"): prima non andava mai a capo e i nomi lunghi uscivano
   dallo schermo; ora va su due righe se serve, senza superare la larghezza della pagina. ===== */
@media (max-width:767px){
  html body #content .product.page div.buttons:not(.legal_info) a.button{white-space:normal !important;height:auto !important;max-width:100% !important;box-sizing:border-box !important;line-height:1.3 !important}
}

/* ===== v10.14 (05/11/2026): scheda prodotto. (1) Tolto il link "Share" di Facebook (sul computer era gia' nascosto).
   (2) 28 px fra la fascia "Documentazione e informazioni" e il testo dell'offerta (prima 14 px: il testo sembrava attaccato). ===== */
@media (max-width:767px){
  html body #content .product.page .fb-share-button{display:none !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons{margin-bottom:28px !important}
}

/* ===== v10.15 (05/11/2026): scheda prodotto. (1) Sotto la scheda prima [Catalogo completo] (verde bosco, e' il pulsante) e poi la
   tendina della categoria (verde chiaro, "ti trovi in ..."), che cosi' si legge come un'informazione; 6 px fra le due. Le pagine
   categoria non cambiano. (2) Riquadro del prezzo: il bollino "prezzo online" (posizionato in alto dal tema) copriva l'inizio del
   prezzo; ora il suo contenitore occupa 20 px + 10 px di margine e il prezzo parte 12 px sotto il bollino. ===== */
@media (max-width:767px){
  #main#main:has(.product.page) #side_menu_cat#side_menu_cat > li.nested.current + li.nested{order:2 !important;margin-top:18px !important}
  #main#main:has(.product.page) #side_menu_cat#side_menu_cat > li.nested.current{order:3 !important;margin-top:6px !important}
  html body #content .product.page .shop>.online-price-container:has(.online-price){min-height:20px !important;margin:0 0 10px !important}
}

/* ===== v10.16 (05/11/2026): categorie speciali del menu (titolo con <mark>): da blu pieno a etichetta verde lime chiaro con testo
   verde bosco in grassetto, come sul computer.
   Il colore non sta piu' nel titolo: nei titoli basta "▸ <mark>Nome</mark>". I titoli che hanno ancora style="color:#fff;
   background:#1565c0" prendono comunque questo colore (regola con !important). ===== */
@media (max-width:767px){
  html body #side_menu_cat mark,html body #macro_menu mark{background:none !important;color:#084828 !important;font-weight:700 !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important;text-decoration-color:#b8e838 !important;text-decoration-thickness:3px !important;text-underline-offset:3px !important}
}

/* ===== v10.19 (07/11/2026): elenco prodotti, titolo con parole molto lunghe (es. "Pufferspeicher" in tedesco) e caratteri del
   telefono ingranditi: la parola sforava lo spazio riservato e finiva sotto la miniatura B. Ora va a capo dentro la parola
   (sillabazione della lingua della pagina, altrimenti spezzatura). Con caratteri normali non cambia nulla. ===== */
@media (max-width:767px){
  #products li.prod>h3.name,#products li.prod>h3.name a{hyphens:auto !important;-webkit-hyphens:auto !important;overflow-wrap:anywhere !important}
}

/* ===== v10.20 (07/11/2026): elenco prodotti. Con i caratteri del telefono ingranditi la miniatura B (seconda immagine, in alto a
   destra sopra il titolo) copriva il titolo e le parole lunghe uscivano dal riquadro. Ora la miniatura entra nel testo: e'
   agganciata a destra in fondo alla descrizione breve (float) e il testo le scorre accanto; il titolo usa tutta la larghezza;
   titolo e descrizione vanno a capo anche dentro le parole lunghe. Sostituisce posizione e spazi della miniatura (v10.18/v10.19). ===== */
@media (max-width:767px){
  #products li.prod>*{min-width:0 !important}
  #products li.prod>p.desc,#products li.prod>p.desc *{hyphens:auto !important;-webkit-hyphens:auto !important;overflow-wrap:anywhere !important}
  #products li.prod p.desc a.img:has(img:not(.js_hidden)){position:static !important;float:right !important;margin:2px 0 4px 8px !important;top:auto !important;right:auto !important}
  #products li.prod:has(p.desc a.img img:not(.js_hidden))>h3.name{padding-right:0 !important;min-height:0 !important}
}

/* ===== v10.21 (07/11/2026): selettore "AI | Ricerca classica" dentro la casella di ricerca, a destra (lo crea chatbase.js
   v8.25; stesso aspetto del computer). Il testo della casella si ferma prima del selettore. Con i risultati di Google aperti
   la casella sale in cima allo schermo: il selettore si nasconde. ===== */
@media (max-width:767px){
  html body #gscbox{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}
  html body #gscbox #tv-modo{position:absolute;right:8px;top:26px;transform:translateY(-50%);margin:0;z-index:2;font-size:13px;line-height:1.2}
  html body #gscbox #tv-modo[hidden]{display:none !important}
  html body #gscbox #tv-modo .tv-modo-sw{display:inline-flex;background:#eef7d8;padding:2px;border-radius:999px}
  html body #gscbox #tv-modo button{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 8px;border-radius:999px;color:#084828;font-weight:700;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  html body #gscbox #tv-modo button[aria-pressed="true"]{background:#084828;color:#fff}
  html body #gscbox #tv-modo button:focus-visible{outline:2px solid #b8e838;outline-offset:1px}
  html body #gscbox:has(#tv-modo:not([hidden])) td.gsc-input{padding-right:var(--tv-modo-w,170px) !important}
  html body #gscbox:has(#tv-modo:not([hidden])) td.gsib_b{width:20px !important;padding:0 !important}
  body:has(.gsc-results-wrapper-visible) #gscbox #tv-modo{display:none !important}
  body:has(.gsc-results-wrapper-visible) #gscbox td.gsc-input{padding-right:0 !important}
}