/* ==========================================================================
   OXIGENO - Scheda prodotto
   1) Layout 2 colonne robusto (flexbox) -> la sidebar torna visibile
   2) Galleria stile Delta: foto grande + miniature verticali a destra
   3) Moduli/box: fascia superiore blu (#193F69) con titolo in bianco,
      angoli arrotondati, un solo bordo.
   Caricato per ultimo (vince nella cascata). Selettori sotto body#body-item.
   ========================================================================== */

/* -------------------------------------------------------------------------
   1) DUE COLONNE ROBUSTE
   ------------------------------------------------------------------------- */
body#body-item #listing.list{
  display:flex !important; flex-wrap:nowrap; align-items:flex-start; gap:26px;
}
body#body-item #listing.list > #main{
  float:none !important; width:auto !important; flex:1 1 auto; min-width:0;
  margin:0 !important; padding:0 !important;
}
body#body-item #listing.list > #side-right{
  float:none !important; width:340px !important; flex:0 0 340px;
  margin:0 !important; padding:0 !important;
}
@media (max-width: 992px){
  body#body-item #listing.list{ display:block !important; }
  body#body-item #listing.list > #main,
  body#body-item #listing.list > #side-right{
    width:auto !important; flex:none; float:none !important;
  }
  body#body-item #listing.list > #side-right{ margin-top:22px !important; }
}

/* -------------------------------------------------------------------------
   2) GALLERIA: foto grande + miniature in verticale a destra
   ------------------------------------------------------------------------- */
body#body-item #left,
body#body-item #main > .photo-block{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  overflow:visible !important; padding:0 !important; margin:0 0 20px 0 !important;
  width:100% !important; float:none !important;
}
body#body-item #images{ width:100% !important; }
body#body-item .oxi-gallery{ display:flex; gap:12px; align-items:flex-start; }
body#body-item .oxi-main{
  position:relative; flex:1 1 auto; min-width:0;
  border-radius:14px; overflow:hidden; background:#0f1115;
}
body#body-item .oxi-main-link{ display:block; line-height:0; }
body#body-item #oxi-main-img{
  display:block; width:100%; height:auto; max-height:520px;
  object-fit:contain; background:#0f1115; cursor:zoom-in;
}
body#body-item .oxi-thumbs{
  flex:0 0 94px; display:flex; flex-direction:column; gap:8px;
  max-height:520px; overflow-y:auto; overflow-x:hidden; padding:2px;
}
body#body-item .oxi-thumbs::-webkit-scrollbar{ width:6px; }
body#body-item .oxi-thumbs::-webkit-scrollbar-thumb{ background:#c7d0d9; border-radius:6px; }
body#body-item .oxi-thumb{
  display:block; padding:0; width:100%; height:66px; line-height:0;
  border:2px solid transparent; border-radius:10px; overflow:hidden;
  background:#eef1f4; cursor:pointer; transition:border-color .12s ease;
}
body#body-item .oxi-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
body#body-item .oxi-thumb:hover{ border-color:#193F69; }
body#body-item .oxi-thumb.is-active{ border-color:#1FB35B; }
body#body-item .oxi-fancy{ display:none !important; }
body#body-item .oxi-main #photo-count{
  position:absolute; left:12px; bottom:12px; margin:0;
  background:rgba(16,24,40,.72); color:#fff; border-radius:999px; padding:4px 12px;
  font-size:12px; font-weight:600;
}
body#body-item .oxi-main #photo-count .top{ display:inline; margin-right:5px; }
body#body-item .oxi-main #photo-count .bottom{ display:inline; }
@media (max-width: 640px){
  body#body-item .oxi-gallery{ flex-direction:column; }
  body#body-item .oxi-thumbs{
    flex:0 0 auto; flex-direction:row; width:100%; max-height:none;
    overflow-x:auto; overflow-y:hidden;
  }
  body#body-item .oxi-thumb{ flex:0 0 86px; height:60px; }
}

/* -------------------------------------------------------------------------
   3) MODULI/BOX: card arrotondata + fascia superiore blu con titolo bianco
   ------------------------------------------------------------------------- */
/* la card e' il box unico */
body#body-item #main > .item-block:not(.photo-block),
body#body-item #side-right > .item-block,
body#body-item .related-fullwidth .rel-card{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-radius:14px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.06) !important; overflow:hidden !important;
  margin-bottom:20px !important; padding:0 !important;
}
/* wrapper interni trasparenti e con padding uniforme (no doppio bordo) */
body#body-item #main > .item-block:not(.photo-block) > .inside,
body#body-item #main > .item-block:not(.photo-block) > .body,
body#body-item #main > .item-block:not(.photo-block) > .sc-block,
body#body-item #side-right > .item-block > .inside,
body#body-item #side-right > .item-block > .body,
body#body-item #side-right > .item-block > .sc-block,
body#body-item .related-fullwidth .rel-inside{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  float:none !important; width:auto !important; max-width:none !important;
  margin:0 !important; padding:20px !important;
}

/* --- FASCIA BLU + TITOLO BIANCO (full-bleed con margini negativi) --- */
body#body-item #main .item-attributes > .inside > h2.attribute,
body#body-item #main .seller-other-items > .inside > h2,
body#body-item #main .contact-seller > h2,
body#body-item #main .comments .item-comments > h2,
body#body-item #side-right #seller .inside > .oxi-seller-title,
body#body-item #side-right #location > h2,
body#body-item #side-right #user-card > .oxi-seller-title,
body#body-item .related-fullwidth .rel-inside > h2{
  display:block !important;
  background:#193F69 !important; color:#fff !important;
  margin:-20px -20px 18px -20px !important; padding:14px 20px !important;
  font-size:17px !important; font-weight:700 !important; line-height:1.25 !important;
  letter-spacing:-.01em; border:0 !important; text-transform:none !important;
  float:none !important; width:auto !important;
}
body#body-item #main .item-attributes > .inside > h2.attribute span,
body#body-item #main .seller-other-items > .inside > h2 span,
body#body-item #main .contact-seller > h2 span,
body#body-item #main .comments .item-comments > h2 span,
body#body-item #side-right #location > h2 span,
body#body-item .related-fullwidth .rel-inside > h2 span{
  color:#fff !important; background:transparent !important; padding:0 !important; border:0 !important;
}
/* icone eventuali nel titolo in bianco */
body#body-item .item-block > h2 i,
body#body-item .item-block .item-comments > h2 i,
body#body-item #side-right #location > h2 i{ color:#fff !important; }

/* contact-seller: c'e' un .sc-form-top prima del titolo -> lo nascondo */
body#body-item #main .contact-seller > .sc-form-top{ display:none !important; }
/* titoli direct-child: rientro testo coerente (card padding 0) */
body#body-item #main .contact-seller > h2,
body#body-item #side-right #location > h2{ margin:0 0 18px 0 !important; padding:14px 20px !important; }
body#body-item #main .comments .item-comments > h2{ margin:0 0 18px 0 !important; padding:14px 20px !important; }

/* descrizione: niente fascia (e' il corpo), ma titolo sezione pulito se presente */
body#body-item #main .item-desc > .inside{ padding:20px !important; }
body#body-item #main .item-desc #price{ margin:0 0 6px !important; }
body#body-item #main .item-desc #price span{ font-size:26px; font-weight:800; color:#1FB35B; }

/* tabella attributi: righe pulite */
body#body-item #plugin-details{ padding:0 !important; margin:6px 0 0 !important; }
body#body-item #plugin-details table{ width:100%; }
body#body-item #plugin-details table tr{ border-bottom:1px solid #f0f2f4; }
body#body-item #plugin-details table td{ padding:10px 4px !important; }
/* il plugin stampa un suo h2 "Dettagli auto": lo rendo sottotitolo discreto */
body#body-item #plugin-details > h2{
  background:transparent !important; color:#637584 !important; font-size:13px !important;
  font-weight:600 !important; text-transform:uppercase; letter-spacing:.04em;
  margin:0 0 6px !important; padding:0 !important;
}

/* seller-other-items + related: griglia a riga singola (slider) gia' gestita,
   qui solo coerenza card */
body#body-item .related-fullwidth{ margin-top:26px; }

/* sidebar: mappa e card venditore */
body#body-item #side-right #location .map,
body#body-item #side-right #location #datos_gmap{ border-radius:0 0 12px 12px; overflow:hidden; }

/* -------------------------------------------------------------------------
   Rifiniture
   ------------------------------------------------------------------------- */
/* chevron/tooltip indesiderato dentro il prezzo in testata */
body#body-item .item-main-head .imh-price .MCtooltip,
body#body-item .item-main-head .imh-price .fa-caret-down{ display:none !important; }
body#body-item .item-main-head .imh-price{ display:inline-flex; align-items:center; }

/* blocco "related" nativo duplicato: tengo solo la fascia a tutta larghezza */
body#body-item #main #related-block,
body#body-item #main .sms-payments.item-block{ display:none !important; }

/* card venditore in sidebar: titolo blu "Venditore" (il blocco non ha h2) */
body#body-item #side-right #seller > .sc-block.body > .inside{ position:relative; padding-top:20px !important; }
body#body-item #side-right #seller > .sc-block.body > .inside::before{
  content:"Venditore"; display:block;
  background:#193F69; color:#fff; font-weight:700; font-size:17px; line-height:1.25;
  margin:-20px -20px 18px -20px; padding:14px 20px;
}

/* ==========================================================================
   REV 2 - richieste utente:
   - titolo + prezzo + foto + descrizione in UN UNICO riquadro
   - titolo "Descrizione" senza barra, testo descrizione piu' grande
   - barra correlate a larghezza pagina (non full-bleed)
   ========================================================================== */

/* --- HERO: fondo i 3 blocchi consecutivi in un solo riquadro --- */
body#body-item #main > .item-main-head{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-bottom:0 !important;
  border-radius:14px 14px 0 0 !important; margin:0 !important; padding:20px 22px 12px !important;
  box-shadow:none !important; overflow:visible !important;
}
body#body-item #main > #left{
  background:#fff !important; border-left:1px solid #e7ecf1 !important; border-right:1px solid #e7ecf1 !important;
  border-top:0 !important; border-bottom:0 !important; border-radius:0 !important;
  margin:0 !important; padding:4px 22px 6px !important; box-shadow:none !important;
}
body#body-item #main > #left > .photo-block{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  margin:0 !important; padding:0 !important;
}
body#body-item #main > .item-desc{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-top:0 !important;
  border-radius:0 0 14px 14px !important; margin:0 0 20px 0 !important; padding:6px 22px 22px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.06) !important; overflow:hidden;
}
body#body-item #main > .item-desc > .inside{ padding:0 !important; }

/* prezzo nel .item-desc duplicato: lo nascondo (resta quello in testata) */
body#body-item #main .item-desc #price{ display:none !important; }

/* meta ID/data piu' discreta */
body#body-item #main .item-desc #item-basics{
  color:#8a97a5; font-size:12.5px; margin:0 0 14px; border-bottom:1px solid #eef1f4; padding-bottom:12px;
}

/* titolo "Descrizione" senza barra, solo testo */
body#body-item #main .item-desc .oxi-desc-title{
  background:transparent !important; color:#193F69 !important;
  font-size:19px !important; font-weight:700 !important; letter-spacing:-.01em;
  margin:4px 0 10px !important; padding:0 !important;
}
/* testo descrizione piu' grande e leggibile */
body#body-item #main .item-desc .text{
  font-size:16px !important; line-height:1.7 !important; color:#2a3038 !important;
}
body#body-item #main .item-desc .text p{ margin:0 0 12px !important; font-size:16px !important; line-height:1.7 !important; }

/* --- CORRELATE: riquadro a larghezza pagina (riquadro + sidebar) --- */
body#body-item .related-fullwidth{ width:auto !important; margin:28px 0 0 !important; padding:0 !important; background:transparent !important; }
body#body-item .related-fullwidth .rel-inside{
  max-width:none !important; margin:0 !important; padding:20px !important;
  background:#fff !important; border:1px solid #e7ecf1 !important; border-radius:14px !important;
  overflow:hidden; box-shadow:0 1px 3px rgba(16,24,40,.06) !important;
}
/* reset di sicurezza sull'h2 correlate (niente espansione anomala) */
body#body-item .related-fullwidth .rel-inside > h2{
  height:auto !important; min-height:0 !important; max-height:60px; overflow:hidden;
  position:static !important; width:auto !important;
}

/* sfondo pagina grigio chiaro (come prima) */
body#body-item{ background:#e5ecf0 !important; }

/* ==========================================================================
   REV 3 - card unica uniforme, attributi a tutta larghezza, mappa in sidebar,
            riga meta arricchita (ID, viste, eta', aggiornato)
   Struttura cambiata: .item-desc e .item-attributes ora sono figli di #main.
   ========================================================================== */

/* --- HERO: titolo + galleria + descrizione = UN unico riquadro bianco --- */
body#body-item #main > .item-main-head{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-bottom:0 !important;
  border-radius:14px 14px 0 0 !important; margin:0 !important; padding:20px 24px 14px !important;
  box-shadow:none !important;
}
body#body-item #main > #left{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-top:0 !important; border-bottom:0 !important;
  border-radius:0 !important; margin:0 !important; padding:2px 24px 10px !important; box-shadow:none !important;
}
body#body-item #main > .item-desc{
  background:#fff !important; border:1px solid #e7ecf1 !important; border-top:0 !important;
  border-radius:0 0 14px 14px !important; margin:0 0 20px 0 !important; padding:4px 24px 24px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.06) !important; overflow:hidden;
}
body#body-item #main > .item-desc > .inside{ padding:0 !important; }

/* galleria: sfondo bianco uniforme (via lo sfondo scuro) */
body#body-item .oxi-main{ background:#fff !important; }
body#body-item #oxi-main-img{ background:#fff !important; }
body#body-item .oxi-main #photo-count{ background:rgba(16,24,40,.60) !important; }

/* prezzo duplicato e meta vecchia nel .item-desc: nascosti (spostati in testata) */
body#body-item #main .item-desc #price,
body#body-item #main .item-desc #item-basics,
body#body-item #main .item-desc .mobile-labels{ display:none !important; }

/* --- RIGA META sotto il titolo --- */
body#body-item .item-main-head .imh-meta{ margin-top:6px; }
body#body-item .item-main-head .imh-loc{ display:block; color:#55657a; font-size:14px; font-weight:600; }
body#body-item .item-main-head .imh-sub{
  display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:7px;
  color:#8a97a5; font-size:12.5px; font-weight:500;
}
body#body-item .item-main-head .imh-sub > span{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
body#body-item .item-main-head .imh-sub i{ color:#9aa6b2; }

/* --- ATTRIBUTI: card a tutta larghezza (come Contatta il venditore) --- */
/* escludo .item-desc dalla card generica cosi' vince lo stile hero sopra */
body#body-item #main > .item-attributes{ margin:0 0 20px 0 !important; }
body#body-item #main .item-attributes .inside{ padding:20px !important; }
body#body-item #main #plugin-details{ width:100% !important; }
body#body-item #main #plugin-details table{ width:100% !important; }

/* --- MAPPA nel modulo Luogo (sidebar) --- */
body#body-item #main > .item-map{ display:none !important; }   /* vecchio blocco mappa in #main */
body#body-item #side-right #location .oxi-map{ margin:0 0 14px; border-radius:10px; overflow:hidden; border:1px solid #e7ecf1; }
body#body-item #side-right #location #itemMap{ width:100% !important; height:210px !important; }
body#body-item #side-right #location .oxi-map:empty{ display:none; }

/* ==========================================================================
   REV 4 - Venditore: niente fascia blu, foto+nome come intestazione (come prima)
   ========================================================================== */
body#body-item #side-right #seller > .sc-block.body > .inside::before{ content:none !important; display:none !important; }
body#body-item #side-right #seller > .sc-block.body > .inside{ padding-top:22px !important; }

/* ==========================================================================
   REV 5 - rifiniture: galleria (fondo bianco sotto + miniature grandi/scroll),
   padding descrizione, spazio attributi, barra blu sotto titolo, barra
   venditore a tutta larghezza.
   ========================================================================== */

/* A) #left contiene la galleria -> fondo bianco uniforme sotto */
body#body-item #main > #left{ display:flow-root !important; }

/* B) Galleria: miniature verticali piu' grandi e scorrevoli */
body#body-item .oxi-gallery{ height:400px; align-items:stretch; }
body#body-item .oxi-main{ height:100%; }
body#body-item #oxi-main-img{ height:100% !important; max-height:none !important; }
body#body-item .oxi-thumbs{ height:100% !important; max-height:none !important; flex:0 0 118px; }
body#body-item .oxi-thumb{ height:84px; }
@media (max-width:640px){
  body#body-item .oxi-gallery{ height:auto; }
  body#body-item .oxi-thumbs{ height:auto !important; flex-direction:row; }
}

/* C) Descrizione: padding attorno al testo (non attaccato al bordo sx) */
body#body-item #main > .item-desc.item-block{ padding:12px 26px 26px !important; }
body#body-item #main > .item-desc.item-block > .inside{ padding:0 !important; }

/* D) Attributi: piu' spazio in fondo (la tabella non tocca il bordo) */
body#body-item #main .item-attributes .inside{ padding:20px 22px 30px !important; }
body#body-item #main #plugin-details{ margin-bottom:8px !important; }

/* E) Barra blu sotto titolo + prezzo (hero) */
body#body-item #main > .item-main-head{ position:relative; }
body#body-item #main > .item-main-head::after{
  content:""; display:block; height:6px; background:#193F69;
  margin:16px -24px -14px -24px;
}

/* F) Venditore: sfondo logo+nome a tutta larghezza del tab (barra) */
body#body-item #side-right #seller .side-photo{
  margin:-22px -22px 16px -22px !important;
  padding-top:18px !important; padding-bottom:18px !important;
  background:#193F69 !important;
}
body#body-item #side-right #seller .side-photo .img{ left:16px !important; }

/* ==========================================================================
   REV 6 - fix: miniature a dimensione fissa (scroll), spazio attributi,
   barra venditore a tutta larghezza (width calc).
   ========================================================================== */
/* miniature: niente shrink, restano grandi e scorrono */
body#body-item .oxi-thumbs{ display:flex; flex-direction:column; }
body#body-item .oxi-thumb{ flex:0 0 84px !important; height:84px !important; }

/* attributi: spazio in fondo (specificita' sopra la card generica) */
body#body-item #main > .item-attributes.item-block > .inside{ padding:20px 22px 32px !important; }

/* venditore: barra logo+nome a tutta larghezza del tab */
body#body-item #side-right #seller .side-photo{
  width:calc(100% + 46px) !important; max-width:none !important;
  margin:-22px 0 16px -23px !important;
}

/* REV 7 - attributi: la .inside deve contenere la tabella (float) -> il padding
   in fondo diventa effettivo */
body#body-item #main .item-attributes .inside{ display:flow-root !important; }

/* ==========================================================================
   REV 8 - Venditore: barra blu fino al top della card, logo contenuto,
   nome+data centrati (data non tagliata).
   ========================================================================== */
body#body-item #side-right #seller .side-photo{
  width:calc(100% + 46px) !important; max-width:none !important;
  margin:-43px 0 16px -23px !important;
  padding:18px 16px 18px 108px !important;
  min-height:112px !important; box-sizing:border-box !important;
  display:flex !important; flex-direction:column; justify-content:center;
  background:#193F69 !important;
}
body#body-item #side-right #seller .side-photo .img{
  position:absolute !important; left:20px !important; top:50% !important;
  transform:translateY(-50%) !important; margin:0 !important;
}
body#body-item #side-right #seller .side-photo .name,
body#body-item #side-right #seller .side-photo .name a,
body#body-item #side-right #seller .side-photo .regdate{ color:#fff !important; }

/* REV 9 - Descrizione = fondo della card hero: nessun bordo/angolo/margine
   in alto, cosi' si attacca alla galleria senza spazio. */
body#body-item #main > .item-desc.item-block{
  border:1px solid #e7ecf1 !important; border-top:0 !important;
  border-radius:0 0 14px 14px !important;
  margin:0 0 20px 0 !important;
  box-shadow:0 1px 3px rgba(16,24,40,.06) !important;
}
body#body-item #main > #left{ margin-bottom:0 !important; border-bottom:0 !important; }

/* REV 10 - fascia "Attributi" a filo bordo (il padding .inside e' 22px, il
   margine era -20 -> 2px bianchi). -24 sborda e viene tagliato dall'overflow. */
body#body-item #main .item-attributes > .inside > h2.attribute{
  margin-left:-24px !important; margin-right:-24px !important;
}

/* REV 11 - barra blu sotto titolo/prezzo piu' marcata (era 6px) */
body#body-item #main > .item-main-head::after{
  height:12px !important; margin:16px -24px -14px -24px !important;
}

/* ==========================================================================
   REV 12 - Intestazione = barra blu: titolo bianco, prezzo verde chiaro,
   meta bianca. Rimossa la linea blu separata sopra la galleria.
   ========================================================================== */
body#body-item #main > .item-main-head{
  background:#193F69 !important;
  border:1px solid #193F69 !important; border-bottom:0 !important;
  border-radius:14px 14px 0 0 !important;
}
body#body-item #main > .item-main-head::after{ content:none !important; display:none !important; }
body#body-item .item-main-head .imh-title{ color:#ffffff !important; }
body#body-item .item-main-head .imh-price{ color:#35D07F !important; }
body#body-item .item-main-head .imh-loc{ color:rgba(255,255,255,.92) !important; }
body#body-item .item-main-head .imh-sub,
body#body-item .item-main-head .imh-sub > span,
body#body-item .item-main-head .imh-sub i{ color:rgba(255,255,255,.78) !important; }

/* ==========================================================================
   REV 13 - Intestazione: barra blu SOLO per titolo + prezzo; la meta
   (luogo, ID, viste, eta') torna su sfondo bianco.
   ========================================================================== */
body#body-item #main > .item-main-head{
  background:#193F69 !important;
  border:1px solid #e7ecf1 !important; border-bottom:0 !important;
  border-radius:14px 14px 0 0 !important;
  padding:20px 24px 0 !important;
}
body#body-item .item-main-head .imh-title{ color:#ffffff !important; }
body#body-item .item-main-head .imh-price{ color:#35D07F !important; }
/* meta su fascia bianca a tutta larghezza, in fondo all'intestazione */
body#body-item .item-main-head .imh-meta{
  background:#ffffff !important;
  margin:14px -24px 0 -24px !important;
  padding:14px 24px !important;
}
body#body-item .item-main-head .imh-loc{ color:#55657a !important; }
body#body-item .item-main-head .imh-sub,
body#body-item .item-main-head .imh-sub > span,
body#body-item .item-main-head .imh-sub i{ color:#8a97a5 !important; }

/* REV 14 - rimuovo la fascia "Articoli correlati" in fondo (gia' presente in
   sidebar come "Potrebbe interessarti") */
body#body-item .related-fullwidth{ display:none !important; }

/* ==========================================================================
   REV 15 - "Potrebbe interessarti" (plugin related_ads) adattato al tema:
   fascia blu + card pulite + pulsante verde.
   ========================================================================== */
body#body-item #side-right #related-block{ padding:0 !important; overflow:hidden; }
body#body-item #side-right #related-block #related > h2{
  background:#193F69 !important; color:#fff !important; margin:0 !important;
  padding:14px 18px !important; font-size:17px !important; font-weight:700 !important;
}
body#body-item #side-right #related-block #related .block{ padding:12px 16px 16px !important; }
body#body-item #side-right #related-block #related .wrap{ display:block !important; }
body#body-item #side-right #related-block .one{
  display:flex !important; gap:12px; align-items:center; text-decoration:none !important;
  padding:10px 0 !important; border-bottom:1px solid #eef1f4;
}
body#body-item #side-right #related-block .one:last-of-type{ border-bottom:0; }
body#body-item #side-right #related-block .one .image,
body#body-item #side-right #related-block .one .img{ flex:0 0 72px; width:72px; }
body#body-item #side-right #related-block .one .img img{
  width:72px !important; height:54px !important; object-fit:cover; border-radius:8px; display:block;
}
body#body-item #side-right #related-block .one .text{ flex:1 1 auto; min-width:0; }
body#body-item #side-right #related-block .one .title{
  font-size:13px; font-weight:600; color:#1b1f23; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body#body-item #side-right #related-block .one .desc{ display:none !important; }
body#body-item #side-right #related-block .one .price span{ font-size:14px; font-weight:700; color:#1FB35B; }
body#body-item #side-right #related-block .btn.btn-secondary{
  display:block; text-align:center; margin:12px 0 0; background:#1FB35B !important; color:#fff !important;
  padding:10px !important; border-radius:10px !important; font-weight:600; text-decoration:none !important; border:0 !important;
}
body#body-item #side-right #related-block .btn.btn-secondary:hover{ background:#17994d !important; }

/* REV 16 - spazio sotto il pulsante del widget "Potrebbe interessarti" */
body#body-item #side-right #related-block #related .block{ padding-bottom:20px !important; }
body#body-item #side-right #related-block .btn.btn-secondary{ margin-bottom:4px !important; }

/* ==========================================================================
   REV 17 - Widget "Segnala inserzione" (plugin segnala_inserzione):
   trigger discreto + menu motivazioni a comparsa su hover.
   ========================================================================== */
body#body-item #side-right .si-report{ position:relative; text-align:center; margin:2px 0 0; }
body#body-item #side-right .si-trigger{
  display:inline-flex; align-items:center; gap:7px; cursor:pointer;
  color:#8a97a5; font-size:13px; font-weight:600; padding:10px 16px 14px; border-radius:10px;
  transition:color .12s ease;
}
body#body-item #side-right .si-trigger:hover{ color:#193F69; }
body#body-item #side-right .si-trigger i{ color:#b0bac4; }
body#body-item #side-right .si-trigger:hover i{ color:#193F69; }
body#body-item #side-right .si-report .si-menu{
  display:none; position:absolute; left:50%; transform:translateX(-50%); top:100%; margin-top:0; z-index:30;
  background:#fff; border:1px solid #e7ecf1; border-radius:12px; box-shadow:0 12px 30px rgba(16,24,40,.16);
  min-width:235px; list-style:none; padding:6px 0; text-align:left;
}
body#body-item #side-right .si-report:hover .si-menu{ display:block; }
body#body-item #side-right .si-menu li a{
  display:block; padding:10px 18px; color:#55657a; font-size:13.5px; text-decoration:none; white-space:nowrap;
}
body#body-item #side-right .si-menu li a:hover{ background:#f4f6f8; color:#193F69; }

/* REV 18 - Widget Testo Sidebar (plugin sidebar_text): fascia blu + corpo */
body#body-item #side-right #sidebar-text{ padding:0 !important; overflow:hidden; }
body#body-item #side-right #sidebar-text .st-title{
  background:#193F69 !important; color:#fff !important; margin:0 !important;
  padding:14px 18px !important; font-size:17px !important; font-weight:700 !important;
}
body#body-item #side-right #sidebar-text .st-body{
  padding:16px 18px !important; color:#2a3038; font-size:14px; line-height:1.6;
}
body#body-item #side-right #sidebar-text .st-body a{ color:#1FB35B; }

/* REV 19 - Box sezione widget nativa 'item_sidebar' (Admin > Widget) */
body#body-item #side-right #item-sidebar-widgets{ padding:16px 18px !important; overflow:hidden; }
body#body-item #side-right #item-sidebar-widgets h2,
body#body-item #side-right #item-sidebar-widgets h3{
  background:#193F69 !important; color:#fff !important; margin:-16px -18px 14px !important;
  padding:13px 18px !important; font-size:17px !important; font-weight:700 !important;
}
body#body-item #side-right #item-sidebar-widgets{ color:#2a3038; font-size:14px; line-height:1.6; }
body#body-item #side-right #item-sidebar-widgets a{ color:#1FB35B; }

/* ==========================================================================
   REV 20 - box widget nativo come card visibile; pulsante correlati a pillola;
   menu "Segnala" su click (.si-open) invece che hover.
   ========================================================================== */
/* box sezione widget nativa */
body#body-item #side-right .oxi-side-box{
  display:block !important; background:#fff; border:1px solid #e7ecf1; border-radius:14px;
  box-shadow:0 1px 3px rgba(16,24,40,.06); overflow:hidden; margin-bottom:20px; padding:16px 18px;
  color:#2a3038; font-size:14px; line-height:1.6;
}
body#body-item #side-right .oxi-side-box h2,
body#body-item #side-right .oxi-side-box h3{
  background:#193F69; color:#fff; margin:-16px -18px 14px; padding:13px 18px; font-size:17px; font-weight:700;
}
body#body-item #side-right .oxi-side-box a{ color:#1FB35B; }
/* normalizzo contenuto incollato (pre di Google Translate) */
body#body-item #side-right .oxi-side-box pre{ white-space:normal !important; font-family:inherit !important; font-size:14px !important; margin:0 0 8px !important; border:0 !important; background:transparent !important; padding:0 !important; }
body#body-item #side-right .oxi-side-box img{ max-width:44px; height:auto; margin:0 0 6px 10px; }

/* pulsante "Cerca altri annunci" a pillola come il tema */
body#body-item #side-right #related-block #related .block{ text-align:center; }
body#body-item #side-right #related-block .btn.btn-secondary{
  display:inline-block !important; width:auto !important; border-radius:100px !important;
  padding:9px 24px !important; font-weight:700 !important; margin:14px auto 4px !important;
}

/* menu Segnala: apertura al CLICK (.si-open), non su hover */
body#body-item #side-right .si-report .si-menu{ display:none !important; }
body#body-item #side-right .si-report.si-open .si-menu{ display:block !important; }
body#body-item #side-right .si-trigger{ cursor:pointer; }

/* ==========================================================================
   REV 21 - Box widget nativo: titolo h2/h3 a tutta larghezza SENZA margini
   negativi (robusto anche con contenuto nidificato). Testo con padding.
   ========================================================================== */
body#body-item #side-right .oxi-side-box{ padding:0 !important; }
body#body-item #side-right .oxi-side-box .widget{ padding:0 0 16px 0 !important; }
body#body-item #side-right .oxi-side-box .widget > h2,
body#body-item #side-right .oxi-side-box .widget > h3{
  display:block !important; width:auto !important; clear:both !important;
  background:#193F69 !important; color:#fff !important;
  margin:0 0 14px 0 !important; padding:14px 18px !important;
  font-size:17px !important; font-weight:700 !important; line-height:1.25 !important;
}
body#body-item #side-right .oxi-side-box .widget > *:not(h2):not(h3){
  padding-left:18px !important; padding-right:18px !important;
}
body#body-item #side-right .oxi-side-box .widget > p{ margin:0 0 10px !important; }
body#body-item #side-right .oxi-side-box .widget img{ max-width:44px; height:auto; }

/* REV 22 - fix: h2/widget non devono floattare; h2 a piena larghezza reale */
body#body-item #side-right .oxi-side-box .widget{
  float:none !important; width:auto !important; margin:0 !important; display:block !important;
}
body#body-item #side-right .oxi-side-box .widget > h2,
body#body-item #side-right .oxi-side-box .widget > h3{
  float:none !important; width:100% !important; box-sizing:border-box !important;
}

/* REV 23 - azzero il padding del box (selettore ID, batte REV19) cosi' la
   fascia h2 arriva davvero a filo bordo */
body#body-item #side-right #item-sidebar-widgets{ padding:0 !important; }
body#body-item #side-right #item-sidebar-widgets .widget > h2,
body#body-item #side-right #item-sidebar-widgets .widget > h3{
  width:100% !important; box-sizing:border-box !important; float:none !important;
  margin:0 0 14px 0 !important;
}

/* ==========================================================================
   REV 24 - Galleria su MOBILE: slide orizzontale (swipe) come l'originale.
   Desktop: foto + miniature verticali. Mobile: slider scroll-snap a tutta
   larghezza (riusa gli anchor .oxi-fancy, che restano il gruppo fancybox).
   ========================================================================== */
@media (max-width:640px){
  body#body-item .oxi-gallery{ display:block !important; height:auto !important; }
  body#body-item .oxi-main,
  body#body-item .oxi-thumbs{ display:none !important; }
  body#body-item .oxi-fancy{
    display:flex !important; gap:0; overflow-x:auto; overflow-y:hidden;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    border-radius:14px; background:#fff; aria-hidden:false;
  }
  body#body-item .oxi-fancy a{
    flex:0 0 100%; scroll-snap-align:center; line-height:0; display:block;
  }
  body#body-item .oxi-fancy a img{ width:100%; height:auto; display:block; }
  body#body-item .oxi-fancy::-webkit-scrollbar{ display:none; }
}

/* REV 25 - Mobile: miniature orizzontali a scorrimento SOTTO lo slider
   (per far capire che ci sono altre foto). Sincronizzate via JS. */
@media (max-width:640px){
  body#body-item .oxi-thumbs{
    display:flex !important; flex-direction:row !important; gap:8px;
    width:100% !important; height:auto !important; max-height:none !important;
    overflow-x:auto; overflow-y:hidden; margin-top:10px; padding:2px 2px 4px;
  }
  body#body-item .oxi-thumb{ flex:0 0 74px !important; height:56px !important; }
  body#body-item .oxi-thumbs::-webkit-scrollbar{ height:0; display:none; }
}

/* REV 26 - Mobile: miniature SOTTO lo slider (ordine flex) */
@media (max-width:640px){
  body#body-item .oxi-gallery{ display:flex !important; flex-direction:column !important; }
  body#body-item .oxi-fancy{ order:1 !important; }
  body#body-item .oxi-thumbs{ order:2 !important; margin-top:10px !important; }
}

/* ==========================================================================
   RIVENDI HOME - hero + ricerca + tile categorie (stile coerente, brand blu/verde)
   ========================================================================== */
body#body-home #header-line,
body#body-home #sub-nav{ display:none !important; }   /* via barra "Rivendi" + nav ridondante */
body#body-home{ background:#eef2f6 !important; }

/* --- HERO --- */
body#body-home .rv-hero{
  background:linear-gradient(180deg,#f4f7fa 0%, #eef2f6 100%);
  padding:46px 16px 30px; text-align:center;
}
body#body-home .rv-hero-inner{ max-width:1000px; margin:0 auto; }
body#body-home .rv-hero-title{
  font-size:34px; font-weight:800; color:#17202a; letter-spacing:-.02em; margin:0 0 8px; line-height:1.15;
}
body#body-home .rv-hero-sub{ font-size:16px; color:#5a6b7b; margin:0 0 24px; }

/* barra di ricerca a segmenti */
body#body-home .rv-search{
  display:flex; align-items:stretch; gap:0; background:#fff; border:1px solid #e2e8ee;
  border-radius:16px; box-shadow:0 10px 30px rgba(16,24,40,.08); padding:8px; max-width:840px; margin:0 auto;
}
body#body-home .rv-search-field{ flex:1 1 auto; text-align:left; padding:8px 16px; min-width:0; position:relative; }
body#body-home .rv-search-field + .rv-search-field{ border-left:1px solid #eef1f4; }
body#body-home .rv-search-field label{ display:block; font-size:12px; font-weight:700; color:#8a97a5; margin:0 0 2px; }
body#body-home .rv-search-field input,
body#body-home .rv-search-field select{
  width:100%; border:0 !important; outline:none; background:transparent; padding:0 !important; height:auto !important;
  font-size:15px; color:#17202a; box-shadow:none !important;
}
body#body-home .rv-search-field select{ cursor:pointer; -webkit-appearance:none; appearance:none; }
body#body-home .rv-kw{ flex:2 1 0; }
body#body-home .rv-search-btn{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer;
  background:#1FB35B; color:#fff; font-weight:700; font-size:15px; padding:0 26px; border-radius:12px; margin-left:6px;
  transition:background .15s ease;
}
body#body-home .rv-search-btn:hover{ background:#17994d; }
body#body-home .rv-search-btn i{ font-size:16px; }

/* --- TILE CATEGORIE --- */
body#body-home .rv-cats{ max-width:1180px; margin:18px auto 6px; padding:0 16px; }
body#body-home .rv-cats-inner{
  display:grid; grid-template-columns:repeat(7,1fr); gap:12px;
  background:#fff; border:1px solid #e7ecf1; border-radius:16px; box-shadow:0 1px 3px rgba(16,24,40,.05);
  padding:18px 16px;
}
body#body-home .rv-cat{
  display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none !important;
  padding:12px 6px; border-radius:12px; transition:background .15s ease, transform .15s ease;
}
body#body-home .rv-cat:hover{ background:#f4f7fa; transform:translateY(-2px); }
body#body-home .rv-cat-ic{
  width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#eaf1f8; color:#193F69; font-size:24px;
}
body#body-home .rv-cat:hover .rv-cat-ic{ background:#193F69; color:#fff; }
body#body-home .rv-cat-name{ font-size:13.5px; font-weight:700; color:#1b2733; text-align:center; line-height:1.2; }
body#body-home .rv-cat-count{ font-size:12px; color:#8a97a5; }

/* --- Ultimi annunci: intestazione --- */
body#body-home #latest h2.home{ text-align:center; margin:30px 0 18px; }
body#body-home #latest h2.home span{ font-size:24px; font-weight:800; color:#17202a; letter-spacing:-.01em; }

/* responsive */
@media (max-width:1024px){ body#body-home .rv-cats-inner{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:680px){
  body#body-home .rv-hero-title{ font-size:26px; }
  body#body-home .rv-search{ flex-direction:column; gap:6px; }
  body#body-home .rv-search-field + .rv-search-field{ border-left:0; border-top:1px solid #eef1f4; }
  body#body-home .rv-search-btn{ margin:4px 0 0; padding:12px; justify-content:center; width:100%; }
  body#body-home .rv-cats-inner{ grid-template-columns:repeat(3,1fr); gap:6px; padding:12px 8px; }
  body#body-home .rv-cat-ic{ width:48px; height:48px; font-size:20px; }
}

/* Pagina Contatti: blocco dati azienda */
/* REV27 - Contatti: info a fianco del form su desktop, testo piu grande e moderno */
#body-contact .rv-contact-info{ margin:28px auto 4px; padding:20px 22px; max-width:560px; background:#f6f8fa; border:1px solid #e7ecf1; border-radius:12px; text-align:center; line-height:1.85; color:#2a3038; font-size:15px; }
#body-contact .rv-contact-info p{ margin:0 0 9px; }
#body-contact .rv-contact-info p:last-child{ margin-bottom:0; }
#body-contact .rv-contact-info .rci-lead{ font-size:19px; font-weight:600; color:#193F69; line-height:1.4; margin-bottom:16px; }
#body-contact .rv-contact-info i{ color:#193F69; margin-right:8px; width:18px; text-align:center; }
#body-contact .rv-contact-info a{ color:#1FB35B; }
#body-contact .rv-contact-info a:hover{ text-decoration:underline; }
@media(min-width:768px){
  #body-contact #contact-wrap{ max-width:900px; }
  #body-contact #contact-ins{ display:flex; flex-wrap:wrap; align-items:stretch; gap:30px; }
  #body-contact #contact-ins > h2.contact,
  #body-contact #contact-ins > #error_list{ flex:0 0 100%; width:100%; }
  #body-contact #contact-ins > form#contact{ flex:1 1 56%; min-width:0; margin:0; }
  #body-contact .rv-contact-info{ flex:1 1 32%; margin:0; max-width:none; text-align:left; align-self:stretch; display:flex; flex-direction:column; justify-content:center; font-size:16.5px; line-height:2; }
  #body-contact .rv-contact-info .rci-lead{ font-size:22px; margin-bottom:20px; }
}

/* Testo introduttivo categoria (pagina ricerca) */
body#body-search .rv-cat-intro{ background:#fff; border:1px solid #e7ecf1; border-radius:12px; padding:16px 18px; margin:0 0 16px; color:#55657a; font-size:14px; line-height:1.7; }
body#body-search .rv-cat-intro strong{ color:#1b2733; }

/* ===== REV28 - Pagine /info/ (code_pages): tipografia moderna, titoli grandi, card leggibile ===== */
#body-custom .page{ padding:0; }
#body-custom .page .inside.round5{
  max-width:830px; margin:34px auto 52px; padding:50px 58px;
  background:#fff; border:1px solid #e7ecf1; border-radius:18px;
  box-shadow:0 8px 30px rgba(21,56,95,.07);
}
/* titolo pagina (render.php) */
#body-custom .page .inside.round5 > h1{
  font-size:44px; line-height:1.12; font-weight:800; letter-spacing:-.022em;
  color:#15385f; margin:0; padding:0; border:0;
}
#body-custom .page .inside.round5 > h1::after{
  content:""; display:block; width:68px; height:4px; border-radius:3px;
  background:#1FB35B; margin:20px 0 30px;
}
/* corpo contenuto */
#body-custom .rv-page{ font-size:18px; line-height:1.75; color:#333a44; }
#body-custom .rv-page > h1{ display:none; } /* fallback: nessun doppio titolo */
#body-custom .rv-page > *:first-child{ margin-top:0; }
#body-custom .rv-page h2{
  font-size:28px; line-height:1.25; font-weight:700; color:#15385f;
  letter-spacing:-.015em; margin:44px 0 15px;
}
#body-custom .rv-page h3{
  font-size:21px; line-height:1.35; font-weight:700; color:#193F69; margin:30px 0 10px;
}
#body-custom .rv-page p{ margin:0 0 19px; }
#body-custom .rv-page strong{ color:#17202b; font-weight:700; }
#body-custom .rv-page a{ color:#179a55; font-weight:600; text-decoration:none; }
#body-custom .rv-page a:hover{ text-decoration:underline; }
/* liste puntate con pallino brand */
#body-custom .rv-page ul{ margin:0 0 24px; padding:0; list-style:none; }
#body-custom .rv-page ul li{ position:relative; padding:0 0 0 30px; margin:0 0 13px; }
#body-custom .rv-page ul li::before{
  content:""; position:absolute; left:3px; top:11px; width:9px; height:9px;
  border-radius:50%; background:#1FB35B;
}
/* liste numerate (step) con numero cerchiato */
#body-custom .rv-page ol{ margin:0 0 24px; padding:0; list-style:none; counter-reset:rvstep; }
#body-custom .rv-page ol li{ position:relative; padding:4px 0 4px 48px; margin:0 0 15px; min-height:32px; }
#body-custom .rv-page ol li::before{
  counter-increment:rvstep; content:counter(rvstep);
  position:absolute; left:0; top:0; width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  background:#15385f; color:#fff; font-weight:700; font-size:15px; border-radius:50%;
}
/* FAQ: le domande (h2) come schede leggere */
#body-custom.faq-tune .rv-page h2{}
@media(max-width:640px){
  #body-custom .page .inside.round5{ margin:16px 12px 30px; padding:30px 22px; border-radius:14px; }
  #body-custom .page .inside.round5 > h1{ font-size:33px; }
  #body-custom .page .inside.round5 > h1::after{ margin:16px 0 24px; }
  #body-custom .rv-page{ font-size:17px; }
  #body-custom .rv-page h2{ font-size:24px; margin:34px 0 12px; }
  #body-custom .rv-page h3{ font-size:19px; }
}

/* ============================================================
   REV29 - Restyle template (skill ui-ux-pro-max): titoli Space Grotesk,
   grafica "moderno & affidabile con profondita". Brand: navy #193F69 / verde #1FB35B
   ============================================================ */

/* --- Font titoli: Space Grotesk sulle intestazioni, Inter resta nel corpo --- */
h1, h2, h3,
.rv-hero-title,
#latest h2.home span,
h2.contact span{
  font-family:'Space Grotesk','Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
/* Space Grotesk arriva fino a 700: evito il faux-800 sui titoli grandi */
.rv-hero-title,
#latest h2.home span,
#body-custom .page .inside.round5 > h1,
#body-custom .rv-page h2{ font-weight:700; }

/* --- Header: profondita leggera + hover sul pulsante Aggiungi --- */
#header-bar{ box-shadow:0 1px 0 #e7ecf1, 0 3px 14px rgba(16,24,40,.045); }
#header-bar .publish{ box-shadow:0 4px 12px rgba(31,179,91,.25); transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
#header-bar .publish:hover{ transform:translateY(-1px); box-shadow:0 7px 18px rgba(31,179,91,.32); }
#header-bar .search-top input{ transition:border-color .15s ease, box-shadow .15s ease, background .15s ease; }
#header-bar .search-top input:focus{ border-color:#1FB35B !important; box-shadow:0 0 0 3px rgba(31,179,91,.14) !important; }

/* --- Tile categorie: piu profondita e sollevamento in hover --- */
body#body-home .rv-cat{ transition:background .15s ease, transform .18s ease, box-shadow .18s ease; }
body#body-home .rv-cat:hover{ background:#fff; transform:translateY(-4px); box-shadow:0 12px 26px rgba(16,24,40,.12); }
body#body-home .rv-cat-ic{
  background:linear-gradient(135deg,#eef4fa 0%, #e3edf6 100%);
  box-shadow:inset 0 0 0 1px rgba(25,63,105,.07);
  transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body#body-home .rv-cat:hover .rv-cat-ic{
  background:linear-gradient(135deg,#1FB35B 0%, #17994d 100%); color:#fff;
  box-shadow:0 8px 16px rgba(31,179,91,.32); transform:scale(1.05);
}
body#body-home .rv-cat-name{ font-size:14px; }

/* --- Card annuncio (home "Ultimi annunci" + risultati ricerca, solo griglia) --- */
.white:not(.list) .simple-prod .simple-wrap{
  border:1px solid #e7ecf1 !important; border-radius:16px !important; overflow:hidden;
  box-shadow:0 2px 10px rgba(16,24,40,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.white:not(.list) .simple-prod .simple-wrap:hover{
  transform:translateY(-5px); border-color:#dbe3ec !important;
  box-shadow:0 16px 34px rgba(16,24,40,.13);
}
/* etichetta categoria: pill verde brand */
.white:not(.list) .simple-prod .category{ padding:15px 16px 2px !important; margin:0 !important; }
.white:not(.list) .simple-prod .category a,
.white:not(.list) .simple-prod .category a:hover{
  color:#13924c !important; font-weight:700 !important; font-size:10.5px !important;
  letter-spacing:.06em !important; text-decoration:none !important;
}
/* titolo card: due righe, piu leggibile, hover verde */
.white:not(.list) .simple-prod a.title{
  padding:4px 16px 0 !important; margin:0 0 12px !important;
  font-size:15.5px !important; line-height:1.35 !important; font-weight:600 !important;
  color:#18283a !important; height:auto !important; max-height:none !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .15s ease;
}
.white:not(.list) .simple-prod a.title:hover{ color:#13924c !important; }
/* immagine uniforme 4:3 */
.white:not(.list) .simple-prod .item-img-wrap{ position:relative; width:100%; aspect-ratio:4/3; background:#f2f5f8; }
.white:not(.list) .simple-prod .item-img-wrap .img-link{ position:absolute; inset:0; display:block; width:100%; height:100%; }
.white:not(.list) .simple-prod .item-img-wrap .img-link img{ width:100%; height:100%; object-fit:cover; display:block; }
/* prezzo in evidenza */
.white:not(.list) .simple-prod .bottom{ padding:12px 16px 14px !important; }
.white:not(.list) .simple-prod .price span{
  font-size:19px !important; font-weight:700 !important; color:#0b7d3f !important;
  font-family:'Space Grotesk','Inter',sans-serif;
}
/* posizione / zona */
.white:not(.list) .simple-prod .middle .location{ padding:0 16px !important; color:#6c7a89 !important; font-size:12.5px !important; }

@media (max-width:680px){
  .white:not(.list) .simple-prod .simple-wrap{ border-radius:13px !important; }
  .white:not(.list) .simple-prod a.title{ font-size:14.5px !important; }
  .white:not(.list) .simple-prod .price span{ font-size:17px !important; }
}

/* ============================================================
   REV30 - Griglia card uniforme (CSS Grid) + card di pari altezza
   Risolve lo "scalettamento" dei float. Solo vista griglia (non .list).
   ============================================================ */
.white:not(.list) .block > .wrap{
  display:grid; gap:20px;
  grid-template-columns:repeat(3,1fr);
  float:none; width:100%;
}
.white:not(.list) .block > .wrap:after{ content:none; }
.white:not(.list) .simple-prod{
  float:none !important; width:auto !important; margin:0 !important; clear:none !important;
}
.white:not(.list) .simple-prod .simple-wrap{
  display:flex !important; flex-direction:column; height:100%; float:none !important;
}
.white:not(.list) .simple-prod .item-img-wrap{ float:none !important; }
/* titolo: riserva 2 righe cosi le immagini si allineano nella riga */
.white:not(.list) .simple-prod a.title{ min-height:2.7em; }
/* la parte centrale (location/descrizione) si espande, il prezzo resta in fondo */
.white:not(.list) .simple-prod .description{ flex:1 1 auto; }
.white:not(.list) .simple-prod .bottom{ margin-top:auto; }

@media (max-width:1024px){ .white:not(.list) .block > .wrap{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px){ .white:not(.list) .block > .wrap{ grid-template-columns:repeat(2,1fr); gap:14px; } }
@media (max-width:420px){ .white:not(.list) .block > .wrap{ grid-template-columns:repeat(2,1fr); gap:10px; } }

/* ============================================================
   REV31 - Sidebar ricerca, paginazione e footer (coerenza template)
   ============================================================ */

/* --- Sidebar: box a card --- */
#sidebar #sidebar-search .side-cat,
#sidebar #sidebar-search .search-side-form .wrap,
#sidebar #n-block{
  background:#fff; border:1px solid #e7ecf1; border-radius:16px;
  box-shadow:0 2px 10px rgba(16,24,40,.05); margin-bottom:18px; overflow:hidden;
}
/* intestazioni box */
#sidebar #sidebar-search .side-cat h3,
#sidebar #sidebar-search .search-side-form h3.head,
#sidebar #n-block .n-wrap h3{
  margin:0; padding:15px 18px; border-bottom:1px solid #eef2f6;
  font-size:16px; font-weight:700; color:#15385f;
}
#sidebar #sidebar-search .side-cat h3 .gotop,
#sidebar #sidebar-search .search-side-form h3.head .show-advanced{
  float:right; font-size:12px; font-weight:600; color:#13924c; margin-top:3px;
}
#sidebar #sidebar-search .side-cat .inside{ padding:8px; }
#sidebar #n-block .n-wrap > .text,
#sidebar #n-block .n-wrap > form{ padding:0 18px; }
#sidebar #n-block .n-wrap > .text{ padding-top:14px; color:#55657a; font-size:13.5px; line-height:1.6; }

/* lista categorie */
#sidebar #sidebar-search .side-cat .inside a{
  display:flex; align-items:center; gap:10px; padding:9px 12px; margin:1px 0;
  border-radius:9px; color:#3a4654; text-decoration:none; transition:background .15s ease, color .15s ease;
}
#sidebar #sidebar-search .side-cat .inside a.child{ padding-left:18px; font-size:14px; }
#sidebar #sidebar-search .side-cat .inside a i.fa{ width:18px; text-align:center; color:#9aadbe; }
#sidebar #sidebar-search .side-cat .inside a:hover{ background:#f3f7fa; color:#15385f; }
#sidebar #sidebar-search .side-cat .inside a.active{ background:#eaf5ee; color:#13924c; font-weight:700; }
#sidebar #sidebar-search .side-cat .inside a:hover i.fa,
#sidebar #sidebar-search .side-cat .inside a.active i.fa{ color:currentColor; }

/* input del form cerca */
#sidebar #sidebar-search .search-wrap input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),
#sidebar #sidebar-search .search-wrap select{
  border:1px solid #dfe6ee !important; border-radius:10px !important; padding:10px 12px !important;
  font-size:14px; background:#fff; box-shadow:none !important; transition:border-color .15s ease, box-shadow .15s ease;
}
#sidebar #sidebar-search .search-wrap input:focus,
#sidebar #sidebar-search .search-wrap select:focus{
  border-color:#1FB35B !important; box-shadow:0 0 0 3px rgba(31,179,91,.14) !important; outline:none;
}
#sidebar #sidebar-search .search-wrap label{ color:#55657a; font-weight:600; font-size:12.5px; }

/* pulsante Cerca */
#sidebar #sidebar-search #search-button.btn{
  background:#1FB35B !important; border:0 !important; border-radius:11px !important; color:#fff !important;
  font-weight:700 !important; padding:12px 18px !important; width:100%; cursor:pointer;
  box-shadow:0 4px 12px rgba(31,179,91,.25); transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
#sidebar #sidebar-search #search-button.btn:hover{ background:#17994d !important; transform:translateY(-1px); box-shadow:0 7px 16px rgba(31,179,91,.3); }

/* --- Paginazione a pill --- */
.paginate ul{ display:flex; flex-wrap:wrap; gap:7px; justify-content:center; padding:0; margin:0; list-style:none; }
.paginate ul li{ float:none; margin:0; }
.paginate ul li a,
.paginate ul li span{
  display:flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px;
  border:1px solid #e2e8ee; border-radius:11px; color:#3a4654; font-weight:600; text-decoration:none;
  background:#fff; transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.paginate ul li a:hover{ border-color:#1FB35B; color:#13924c; }
.paginate ul li span.searchPaginationSelected{ background:#15385f; color:#fff; border-color:#15385f; }

/* --- Footer --- */
#footer{ border-top:1px solid #e7ecf1; background:#f6f8fa; padding:30px 16px 34px; }
#footer .inside{ max-width:1180px; margin:0 auto; text-align:center; }
#footer .left{ float:none; display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:center; margin:0 0 16px; }
#footer .left a{ color:#55657a; font-weight:500; font-size:14px; text-decoration:none; transition:color .15s ease; }
#footer .left a:hover{ color:#13924c; }
#footer .right.share{ float:none; display:flex; gap:10px; justify-content:center; }
#footer .right.share span{ float:none; }
#footer .right.share span a{
  display:flex !important; align-items:center; justify-content:center; width:38px !important; height:38px !important; border-radius:50% !important;
  background:#eaf0f5 !important; color:#15385f !important; transition:background .15s ease, color .15s ease, transform .15s ease;
}
#footer .right.share span a i{ color:inherit; }
#footer .right.share span a:hover{ background:#1FB35B !important; color:#fff !important; transform:translateY(-2px); }