@font-face { font-family:Baskerville; src:url(/font/Baskerville.ttf); }
@font-face { font-family:Inter; src:url(/font/Inter.ttf); }

body { font-family:Baskerville; padding:0; margin:0; color:##2c2c2c; }
div,img { padding:0; margin:0; }
table { width:100%; border-spacing:0; border-collapse:collapse; margin:0; font-size:clamp(16px,0.85rem + 0.5vw,18px); }
td { vertical-align:top; padding:0; }
h1 { font-size:clamp(32px,1.25rem + 2.5vw,42px); line-height:1.15; color:#590404; margin:0 0 30px 0; padding:0; }
h2 { font-size:clamp(24px,1rem + 1.8vw,30px); line-height:1.25; color:#090630; font-weight:bold; margin:0 0 20px 0; padding:0; }
h3 { font-size:clamp(20px,0.75rem + 1vw,26px); line-height:1.35; color:#242424; margin:0 0 10px 0; padding:0; }
p { font-size:clamp(16px,0.85rem + 0.5vw,18px); line-height:1.6; padding:0; margin:0 0 20px 0; }
ol,ul { padding:0; margin:0 0 30px 30px; }
li { font-size:clamp(16px,0.85rem + 0.5vw,18px); line-height:1.6; padding:0; margin:0 0 10px 0; }
mark { padding:3px; }
a { padding:0; margin:0; color:#590404; font-weight:bold; }
input { font-family:Baskerville; font-size:clamp(16px,0.85rem + 0.5vw,18px); outline:none; padding:0; margin:0; }
textarea { font-family:Baskerville; font-size:clamp(16px,0.85rem + 0.5vw,18px); width:100%; outline:none; resize:none; padding:3px; margin:0; }
select { font-family:Baskerville; font-size:clamp(16px,0.85rem + 0.5vw,18px); outline:none; margin:0; padding:0; }

.attenzione { color:#ff0000; }
.maiuscolo-minuscolo { text-transform:capitalize; }
.maiuscolo { text-transform:uppercase; }
.minuscolo { text-transform:lowercase; }
.allineamento-centrale { text-align:center; }
.allineamento-verticale-alto { vertical-align:top; }
.pulsante-azione { border:1px solid #282828; color:#282828; border-radius:8px; padding:8px 30px; display:inline-block; text-decoration:none; margin:0 10px 0 0; }
.pulsante-indietro { background-color:#282828; color:#fff!important; background-color:#282828; border-radius:8px; padding:8px 30px; display:inline-block; text-decoration:none; margin:0 10px 20px 0; }
.pulsante-invio-ordine { background-color:#282828; padding:8px 30px; border-radius:8px; color:#fff; display:block; margin-top:20px; }
.pulsante-invio-ordine:hover { cursor:pointer; }
.nessun-risultato { padding:20px 0; color:#d50303; font-weight:bold; text-align:center; }

.larghezza-50 { width:50px; }
.larghezza-75 { width:75px; }
.larghezza-120 { width:120px; }
.larghezza-150 { width:150px; }
.larghezza-200 { width:200px; }
.larghezza-275 { width:275px; }
.larghezza-300 { width:300px; }
.larghezza-400 { width:400px; }
.altezza-75 { height:75px; }
.altezza-150 { height:150px; }
.larghezza-20-percento { width:20%; }
.larghezza-25-percento { width:25%; }
.larghezza-30-percento { width:30%; }
.larghezza-33-percento { width:33%; }
.larghezza-40-percento { width:40%; }
.larghezza-50-percento { width:50%; }
.larghezza-60-percento { width:60%; }
.larghezza-70-percento { width:70%; }
.larghezza-80-percento { width:80%; }
.spaziatura-20 { padding:20px; }
.spaziatura-30 { padding:30px; }
.spaziatura-50 { padding:50px; }
.spaziatura-100 { padding:100px; }
.spaziatura-sx-20 { padding-left:20px; }
.spaziatura-sx-30 { padding-left:30px; }
.spaziatura-sx-50 { padding-left:50px; }
.spaziatura-sx-100 { padding-left:100px; }
.spaziatura-dx-20 { padding-right:20px; }
.spaziatura-dx-30 { padding-right:30px; }
.spaziatura-dx-50 { padding-right:50px; }
.spaziatura-dx-100 { padding-right:100px; }

.testata { background-color:#000; padding:20px 0; }
.testata .contenitore { width:1340px; display:flex; margin:0 auto; align-items:center; }
.testata .contenitore .colonna-sx { width:40%; }
.testata .contenitore .colonna-centrale { width:20%; }
.testata .contenitore .colonna-dx { width:40%; }
.testata .contenitore .menu a { font-family:Inter; display:inline-block; margin-right:20px; color:#8a8783; font-size:125%; width:auto; text-decoration:none; }
.testata .contenitore .menu a:hover { color:#d9d4cc; cursor:pointer; }
.testata .contenitore .menu a.attivo { color:#d9d4cc; text-decoration:none; }
.testata .contenitore .colonna-dx { text-align:right; }
.testata .contenitore .colonna-dx td { vertical-align:middle; }
.testata .contenitore .colonna-dx input { font-size:115%; padding-bottom:3px; background-color:#000; color:#fff; border-top:none; border-right:none; border-bottom:1px solid #8a8783; border-left:none; width:250px; }
.testata .contenitore .colonna-dx .pulsante { width:auto!important; padding:5px 25px; background-color:#8a8783; color:#fff; border-radius:8px; border:none; }
.testata .contenitore .colonna-dx .pulsante:hover { cursor:pointer; }
.testata .contenitore .colonna-dx .icona-carrello { width:36px; }

.immagine-testata { overflow:hidden; width:100%; margin:0 0 30px 0; position:relative; }
.immagine-testata img { width:100%; height:600px; object-fit:cover; display:block; object-position:center; }
.immagine-testata img.allineamento-immagine-alto { object-position:top; }
.immagine-testata img.allineamento-immagine-basso { object-position:bottom; }

.pagamento { width:1340px; background-color:#fff; margin:0; padding:0; }
.pagamento span { color:#029c0f; font-weight:bold; }

.contenuto { width:1340px; margin:30px auto 0 auto; }
.contenuto .ricerca { width:100%; margin-bottom:30px; }
.contenuto .ricerca td { vertical-align:top; }
.contenuto .ricerca h3 { padding:0 20px; margin-bottom:20px; text-transform:uppercase; }
.contenuto .ricerca p { padding:0 20px; margin:0 0 20px 0; }
.contenuto .ricerca a { display:inline-block; background-color:#590404; color:#fff; text-decoration:none; padding:10px 25px; text-transform:uppercase; border-radius:8px; cursor:pointer; }
.contenuto .ricerca td.immagine { width:30%; }
.contenuto .ricerca .contenitore-immagine { position:relative; width:100%; height:auto; }
.contenuto .ricerca .immagine-prodotto { width:100%; display:block;  }
.contenuto .ricerca .immagine-venduto { position:absolute; top:0; left:0; width:100%; height:100%; }
.contenuto .elenco { display:flex; margin:0 0 20px 0; padding:0; justify-content:space-between; }
.contenuto .elenco h2 { text-align:center; font-size:150%; }
.contenuto .elenco h3 { text-align:center; font-size:130%; }
.contenuto .elenco img { display:block; width:100%; margin-bottom:20px; }
.contenuto .elenco a:hover { cursor:pointer; }
.contenuto .elenco .contenitore { width:30%; background-color:#eeeeee; border:1px solid #444; border-radius:8px 8px 0 0; padding:10px; }
.contenuto .elenco .collegamento { display:block; border:1px solid #282828; color:#fff; background-color:#282828; border-radius:8px; margin:0 75px; padding:10px 25px; text-align:center; text-decoration:none; cursor:pointer; }
.contenuto .elenco .descrizione-prodotto { display:flex; align-items:start; gap:15px; line-height:30px; }
.contenuto .elenco .prodotto { width:150px; }
.contenuto .elenco .etichetta { background-color:#090630; color:#fff; padding:10px; font-size:125%; }
.contenuto .elenco .prodotto-venduto { background-color:#590404; }
.contenuto .elenco .vuoto { border:none; background-color:#fff; }
.contenuto .pagamento_esito-positivo { color:#008a0f; }
.contenuto .pagamento_esito-negativo { color:#9a0707; }
.contenuto .immagine { display:block; width:100%; height:754px; margin-bottom:30px; }
.contenuto .ritorno { text-align:right; }
.contenuto .ritorno a { display:inline-flex; gap:10px; align-items:center; background-color:#e5e5e5; border:1px solid #000; border-radius:8px; text-decoration:none; padding:10px 25px; }
.contenuto .contatti { display:flex; gap:20px; align-items:flex-start; align-content:space-between; }
.contenuto .contatti .contenitore { width:31%; }

.scheda-prodotto .ricerca td.descrizione { width:70%; }

h2.vetrina { background-color:#590404; color:#fff; text-align:center; padding:10px 0; margin:0 0 20px 0; border-radius:8px 8px 0 0; }
h2.vetrina-bordo-inverso { background-color:#590404; color:#fff; text-align:center; padding:10px 0; margin:0 0 20px 0; border-radius:0 0 8px 8px; }
h2.vetrina-bordo-inverso a { color:#fff; font-size:100%; }

.paginatore { color:#090630; padding:10px 0; text-align:center; margin-bottom:30px; }
.paginatore p { margin:0; }
.paginatore a { display:inline-block; margin-right:10px; text-decoration:none; background-color:#eeeeee; padding:5px 15px; color:#090630; font-size:110%; border-radius:8px; }
.paginatore .attivo { background-color:#282828; color:#fff; }

.scheda-prodotto { padding:20px; }
.scheda-prodotto table { margin-bottom:30px; }
.scheda-prodotto td { vertical-align:top; }
.scheda-prodotto .immagine-prodotto { display:block; width:100%; }
.scheda-prodotto .pulsante-acquisto { font-family:Baskerville; font-size:90%; background-color:#282828; border:1px solid #282828; color:#fff; border-radius:8px; padding:12px 25px; display:inline-block; margin:0 10px 0 0; text-decoration:none; }
.scheda-prodotto .pulsante-acquisto:hover { cursor:pointer; }
.scheda-prodotto .pulsante { border:1px solid #282828; color:#282828; font-size:90%; border-radius:8px; padding:10px 25px; display:inline-block; margin:0 10px 0 0; text-decoration:none; }
.scheda-prodotto .pulsante-whatsapp { border:1px solid #075e54; color:#fff; font-size:90%; background-color:#075e54; border-radius:8px; padding:10px 25px; display:inline-block; text-decoration:none; margin:0 10px 0 0; }

.modulo { margin:30px 0; background-color:#eee; border-radius:8px; border:2px solid #444444; color:#000; padding:20px; }
.modulo p { margin-bottom:15px; }
.modulo a { color:#444444; }
.modulo input { background-color:#ededed; width:99%; border-top:none; border-right:none;  border-bottom:1px solid #000; border-left:none; padding-bottom:3px; }
.modulo textarea { width:100%; border:1px solid #000; padding:3px; }
.modulo .allineamento-alto-checkbox { align-items:flex-start!important; }
.modulo .contenitore { margin-bottom:15px; }
.modulo .contenitore p { display:inline-block; margin-right:5px; }
.modulo .contenitore-checkbox-radiobutton { display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.modulo .contenitore-checkbox-radiobutton input[type="checkbox"] { border:1px solid #000; width:24px!important; height:24px!important; cursor:pointer; }
.modulo .contenitore-checkbox-radiobutton input[type="radio"] { border:1px solid #000; width:24px!important; height:24px!important; cursor:pointer; }
.modulo .caricamento-file { border:1px solid #000; background-color:#000; color:#fff; }
.modulo .codice-verifica { width:70px; font-weight:bold; border:none; border-bottom:1px solid #000; font-size:125%; text-transform:uppercase; }
.modulo .nuovo-codice { border:none; }
.modulo .pulsante { width:auto; padding:6px 30px; background-color:#444444; color:#fff; border:none; border-radius:8px; margin:0; }
.modulo .pulsante:hover { cursor:pointer; }

.tabella-carrello { background-color:#eee; margin-bottom:30px; }
.tabella-carrello th { text-align:right; padding:6px; font-size:110%; background-color:#282828; color:#fff; }
.tabella-carrello td { padding:6px 6px 0 6px; font-size:100%; text-align:right; vertical-align:middle!important; }
.tabella-carrello .colonna-1 { width:75%; text-align:left; }
.tabella-carrello .colonna-2 { width:15%; text-align:center; }
.tabella-carrello .colonna-3 { width:5%; text-align:center; }
.tabella-carrello .importi { border-top:2px solid #000; text-align:right; margin-top:5px; padding-top:10px; }
.tabella-carrello .importi p { margin:0 0 10px 0; padding:0; }
.tabella-carrello input { width:48px; }
.tabella-carrello .nessun-prodotto { text-align:center; color:#590404; font-weight:bold; padding:20px 0 0 0; }

.dati-cliente p { padding:0!important; margin:3px 0!important; }
.dati-cliente .contenitore { margin:20px 0; }
.dati-cliente .contenitore p { display:inline!important; margin-right:10px!important; }

.pie-di-pagina { background-color:#000; padding:20px 0; }
.pie-di-pagina h3 { color:#8a8783; }
.pie-di-pagina .contenitore { width:1340px; margin:0 auto; }
.pie-di-pagina table td { padding:0 20px 0 0; vertical-align:top; }
.pie-di-pagina table p { margin-bottom:5px; color:#d9d4cc; font-size:90%; }
.pie-di-pagina table ul { margin-left:20px; }
.pie-di-pagina table li { display:inline-block; font-size:95%; margin-right:3px; list-style-type:square; }
.pie-di-pagina table a { color:#d9d4cc; text-decoration:none; }
.pie-di-pagina table .colonna-sx { width:45%; }
.pie-di-pagina table .colonna-sx span { font-size:115%; font-weight:bold; }
.pie-di-pagina table .colonna-centrale { width:25%; }
.pie-di-pagina table .colonna-dx { width:30%; text-align:right; }
.pie-di-pagina table .colonna-dx a { color:#e0e200; }
.pie-di-pagina table .icone { margin:0 0 5px 12px; }
.pie-di-pagina table .icone img { width:48px; margin-left:8px; } 

.messaggio { position:fixed; top:0; left:0; width:100%; height:100%; z-index:98; background-color:rgba(0,0,0,0.8); cursor:pointer; display:none; }
.messaggio .contenitore { width:50%; padding:20px; margin:5% auto 0 auto; overflow:auto; color:#fff; border-radius:8px; }
.messaggio .contenitore p { font-size:100%; }
.messaggio .contenitore li { list-style-type:square; font-size:100%; }
.messaggio .contenitore .immagine { display:block; margin-right:30px; width:200px; }
.messaggio .contenitore .chiudi { text-align:center; font-size:90%; }
.messaggio .esito-positivo { background-color:#008a0f; }
.messaggio .esito-negativo { background-color:#9a0707; }
.messaggio .pulsante { display:inline-block; background-color:#fff; color:#590404; padding:10px 25px; border-radius:8px; margin-right:15px; text-decoration:none; }
.messaggio .pulsante:hover { cursor:pointer; }

.banner-privacy { position:fixed; background-color:rgba(0,0,0,0.8); width:100%; color:#fff; top:0; left:0; }
.banner-privacy p { padding:20px; }
.banner-privacy a { color:#e4ee00; }
.banner-privacy input { display:inline-block; width:auto; margin-right:10px; padding:8px 30px; background-color:#f3f3f3; border:1px solid #000; border-radius:8px; }
.banner-privacy input:hover { cursor:pointer; }

.caricamento { position:fixed; width:100%; height:100%; top:0; left:0; font-size:clamp(42px,1rem + 0.5vw,48px); background:rgba(0,0,0,0.8) url(/images/caricamento.gif) no-repeat center 15%; background-size:128px 128px; padding-top:20%; color:#fff; text-align:center; font-weight:bold; z-index:100; display:none; }
.caricamento-1 { position:fixed; width:100%; height:100%; top:0; left:0; font-size:clamp(42px,1rem + 0.5vw,48px); background:rgba(0,0,0,0.8) url(/images/caricamento.gif) no-repeat center 15%; background-size:128px 128px; padding-top:20%; color:#fff; text-align:center; font-weight:bold; z-index:100; }