.material-icons {
    font-family: 'Material Icons' !important;
}

/* ============================================================
   style2.css — override di style.css
   Caricato DOPO style.css: le regole qui vincono per cascata.
   ============================================================ */


/* ---------- Calendar description ---------- */


.popup-header {
    width: 825px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    z-index: 10;
}
.popup-header .header-text-span {
    color: var(--mageia-tertiary) !important;
    text-align: center;
    font-family: 'Akira', 'Helvetica', Arial, sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2em;
    text-transform: uppercase;
    background: var(--mageia-primary) !important;
    padding: 10px 15px;
    height: 50px;
    width: 90%;
    margin: 0;
}


.custom-close {
    color: var(--mageia-tertiary) !important;
    background: var(--mageia-primary) !important;
    padding: 10px;
    border-radius: 0; 
    color: var(--mageia-primary);
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

body.Shop div.Date.Parametro .CalendarDescription {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: center;
}

.calendar_description_date {
    color: var(--mageia-primary) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2em !important;
}

.calendar_description_content h4 {
    color: var(--mageia-tertiary) !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2em !important;
}

.calendar_description_content p {
    color: var(--mageia-tertiary) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    width: 70% !important;
}


/* ---------- Ingresso backstage ---------- */

.ingresso-backstage {
    background: var(--mageia-primary) !important;
    max-width: 1440px;
    margin: 0 auto;
    display: none !important;
    /* display: flex;
    flex-direction: row;
    justify-content: space-between;*/
    gap: 2em;
    align-items: center;
    padding: 2em;
}

.ingresso-backstage .ingresso-backstage-title {
    color: var(--mageia-tertiary) !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2em !important;
    width: 40%;
}

.ingresso-backstage .ingresso-backstage-text {
    color: var(--mageia-tertiary) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    width: 45% !important;
    margin: 0 !important;
}

.ingresso-backstage .ingresso-backstage-btn {
    width: 15% !important;
    margin: 0 !important;
}

.ingresso-backstage .ingresso-backstage-btn .Button,
.ingresso-backstage .ingresso-backstage-btn .Button:hover {
    padding: 10px 20px !important;
    background: var(--mageia-tertiary) !important;
    color: var(--mageia-primary) !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}


/* ---------- Parco fiabe ---------- */
/* annulla margin-top: 250px e background-color: #000 di style.css */

.event_parcofiabe {
    margin-top: 0;
    background-color: transparent;
}


/* ---------- Footer ---------- */

.footer_contacts {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2em;
    margin-top: 0;
}

.footer_logos {
    width: auto;          /* annulla width: 90% */
    padding: 10px 24px;   /* annulla padding-top/bottom */
}

body:not(.CMSPage) footer {
    width: 100% !important;
    margin: 3em auto 0px !important;
}


/* ---------- Custom wrap ---------- */

div.custom-wrap {
    gap: 2em;
}


/* ---------- Event location / contatti ---------- */

.event_location {
    gap: 5em;
    margin: 0 auto;
    margin-top: 5em !important;
}

.event_location_img {
    width: 100%;
}

.event_location .event_location_title {
    color: var(--mageia-tertiary);
    font-size: 48px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 1em;
        text-align: left;
}

.event_location .event_description {
    color: var(--mageia-tertiary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    width: 70%;
    margin: 0 !important;
        text-align: left;
}

.event_contacts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2em;
    /* annulla le proprietà della vecchia regola in style.css */
    width: auto;
    position: static;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.event_contacts_elements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* annulla position/bottom/line-height/z-index di style.css */
    position: static;
    bottom: auto;
    line-height: normal;
    z-index: auto;
}

.event_contacts_elements a,
.event_contacts_elements a:hover {
    color: var(--mageia-tertiary);
    background-color: var(--mageia-primary);
    font-family: Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
}


/** ---------- POPUP ---------- */

div.Dialog.Cart {
    overflow-y: scroll !important;
    padding-bottom: 40px;
        padding-top: 4em;
}
div.Dialog {
    background-color: rgb(0 0 0 / 80%) !important;
}

div.Dialog.Cart div.Container {
    background: var(--mageia-primary) !important;
    border-radius: 0 !important;
    padding: 3em !important;
    width: 825px !important;
    overflow-y: hidden !important;
    border: 1px solid var(--mageia-tertiary) !important;
    top: 28px !important;
    box-shadow: none !important;
}

body.Shop div.Raggruppamento.Biglietti {
    margin-bottom: 4em !important;
}

body.Shop div.Raggruppamento div.Prodotto {
    margin: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    background: var(--mageia-primary) !important;
    border: none !important;
    box-shadow: none !important;
}

.Dialog .Today{
    display: block !important;
    margin: 0 !important;
    color: var(--mageia-tertiary);
    text-align: center;
    font-family: 'Akira', 'Helvetica', Arial, sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2em;
    text-transform: uppercase;

}

div.Dialog span.event_prezzointero,
div.Dialog span.event_prevendita,
div.Dialog span.event_prezzo
 {
    display: none;
}

body.Shop div.Raggruppamento div.Prodotto div.Content {
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 auto;
    background: var(--mageia-secondary);
    padding: 0 0 0 16px !important;
    width: 100% !important;
}
body.Shop div.Raggruppamento div.Prodotto div.Content > h4 {
    font-size: 16px !important;
    font-style: normal;
    margin: 0 !important;
    padding: 0 !important;
}

body.Shop div.Raggruppamento div.Prodotto div.Bar {
    width: 100%;
}

.custom-content-ticket {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    color: var(--mageia-tertiary);
    justify-content: space-between;
}
del.event_testo_barrato {
display: none !important;
}
del.event_testo_barrato br{
display: none !important;
}
.custom-price-ticket-total {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Akira', sans-serif !important;
    color: var(--mageia-tertiary);
    margin: 0 auto;
    width: fit-content;
}
p.custom-firsttitle-ticket {
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Akira', sans-serif !important;
    background: var(--mageia-tertiary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
}
.custom-secondtitle-ticket{
    display: none !important;
}

body.Shop div.Raggruppamento div.Prodotto div.Bar div.NumberPicker {
    background-color: var(--mageia-secondary) !important;
    border-radius: 0 !important;
    border: 1px solid var(--mageia-tertiary) !important;
    width: 95px !important;
    height: 59px !important;
    color: var(--mageia-tertiary) !important;
    font-family: 'Helvetica', Arial, sans-serif !important;
}
body.Shop div.Raggruppamento div.Prodotto div.Bar .Price .event_prezzonetto{
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    font-family: 'Helvetica', Arial, sans-serif !important;
     color: var(--mageia-tertiary) !important;

}

.content-riepilogo{
    color: var(--mageia-tertiary) !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0px !important;
    margin-top: 0;
}

.content-riepilogo .custom-riepilogo-label {
    text-align: center;
    padding: 10px;
    color: var(--mageia-tertiary) !important;
}

.content-riepilogo .custom-riepilogo {
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    background: var(--mageia-secondary) !important;
    border: 1px solid var(--mageia-tertiary) !important;
}

.content-riepilogo .custom-riepilogo .custom-riepilogo-row{
    padding: 20px !important;
    border-bottom: 1px solid var(--mageia-tertiary) !important;
}   

.content-riepilogo .custom-riepilogo .custom-totals {
 border-top: 1px solid var(--mageia-tertiary) !important;
 padding: 20px !important;
}
.content-riepilogo .custom-riepilogo hr.hr-riepilogo {
display: none !important;
}
.content-riepilogo .custom-riepilogo .custom-totalone{
 border-top: 1px solid var(--mageia-tertiary) !important;
 padding: 20px !important;
}

.content-riepilogo .custom-riepilogo .custom-riepilogo-row span:first-child,
.content-riepilogo .custom-riepilogo .custom-totals .custom-subtotals span:first-child,
.content-riepilogo .custom-riepilogo .custom-totalone span:first-child {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: 'Akira', 'Helvetica', Arial, sans-serif !important;
}

.content-riepilogo .custom-riepilogo .custom-riepilogo-row span:last-child,
.content-riepilogo .custom-riepilogo .custom-totals .custom-subtotals span:last-child,
.content-riepilogo .custom-riepilogo .custom-totalone span:last-child {
    font-style: normal !important;
}



div.Riepilogo {
    display: none !important;
    color: var(--mageia-tertiary) !important;
    background: var(--mageia-primary) !important;
    border-radius: 0 !important;
    padding: 0px !important;
    margin-top: 4em;
}

div.Riepilogo div.ProductList {
    padding: 0 !important;
    margin: 0 auto  !important;
    border-radius: 0 !important;
    background: var(--mageia-secondary) !important;
    border: 1px solid var(--mageia-tertiary) !important;
}
div.Riepilogo div.Column.Column1 {
    width: 52%;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: 'Akira', 'Helvetica', Arial, sans-serif !important;
}
div.Riepilogo div.Row{
padding: 20px !important;
}
div.Riepilogo div.Row:last-child {
 border-top: 1px solid var(--mageia-tertiary) !important;
 opacity: 0.7 !important;
 font-size: 14px !important;
}

div.Riepilogo div.Row:last-child div.Column.Column1 {
 font-size: 14px !important;
}

div.Riepilogo div.Row div.Column.Column3{
    color: var(--mageia-secondary) !important;
}

div.Riepilogo div.Totale {
    background-color: var(--mageia-secondary) !important;
    border-radius: 0 !important;
    border: 1px solid var(--mageia-tertiary) !important;
}
div.Riepilogo div.Totale .Column{
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    font-family: 'Akira', 'Helvetica', Arial, sans-serif !important;
    color: var(--mageia-tertiary) !important;

}
div.Riepilogo .Validity {
    display: none !important;
}


.Wrap.Riepilogo.Bind.ContinueBtn > a:first-child,
.Wrap.Riepilogo.Bind.ContinueBtn > a:first-child:hover {
    display: block !important;
    padding: 15px 20px !important;
    margin: 0px !important;
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    color: var(--mageia-tertiary) !important;
    background: var(--mageia-secondary) !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    font-family: 'Akira', sans-serif !important;
    align-content: center !important;
}

.Wrap.Riepilogo.Bind.ContinueBtn .Button.Icon:hover {
    opacity: 1 !important;
}

div.NumberPickerList {
    background: #000 !important;
    border: 1px solid var(--mageia-tertiary) !important;
    padding: 4px 0 4px 0 !important;
}
form.Columns2.Vendita.Pagamento {
    background: var(--mageia-primary) !important;
}
.H2PagamentoContainer h1{
    font-size: 16px !important;
    margin: 0 !important;
}
.H2PagamentoContainer > h2{
    display: none !important;
}

.Pagamento .Riepilogo{
    margin-top: 0 !important;
}

.Pagamento div.Riepilogo div.Column.Column1 {
    text-align: left;
}
.Pagamento div.Riepilogo div.Row,
.Pagamento div.Riepilogo div.Totale {
    padding: 10px !important;
}

.Pagamento div.Riepilogo div.Totale .Column {
    text-align: left;
}

.Pagamento .Wrap.Step.Step1.Steps-2 {
    padding: 0 !important;
    background: var(--mageia-primary) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.Pagamento .Wrap.Step.Step1.Steps-2  .Intestazione .Group{
    background: var(--mageia-secondary) !important;
}

.Pagamento .Wrap.Step.Step1.Steps-2  .Intestazione .Group label{
    font-family: 'Akira', sans-serif !important;
    color: var(--mageia-tertiary) !important;
    pointer-events: none !important;
    background: transparent !important;
    padding: 4px 12px !important;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
}
form.Columns2.Vendita.Pagamento div.Group input {
    width: 100% !important;
    height: unset !important;
    background: var(--mageia-secondary) !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--mageia-tertiary) !important;
    font-size: 18px !important;
    padding-top: 0 !important;
    padding: 10px !important;
}

form.Columns2.Vendita.Pagamento div.Group input.iti__tel-input {
    padding-left: 90px !important;
}

form.Columns2.Vendita.Pagamento div.Group a.confirm-otp-btn,
form.Columns2.Vendita.Pagamento div.Group a.confirm-otp-btn:hover {
    display: flex !important;
    padding: 15px 20px !important;
    margin: 0px !important;
    border-radius: 0 !important;
    border: 1px solid var(--mageia-tertiary) !important;
    color: var(--mageia-tertiary) !important;
    background: var(--mageia-secondary);
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    font-family: 'Akira', sans-serif !important;
    align-content: center !important;
}
a.confirm-otp-btn.confirm-otp-btn-disabled {
    background-color: var(--mageia-secondary) !important;
}

a.confirm-otp-btn-length {
    height: unset !important;
     background: var(--mageia-primary) !important;
}


div.MetodoPagamento.Stripe #container {
    background: #000;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
}

div.MetodoPagamento.Stripe #StripePaymentElement {
    margin-top: 0 !important; 
    border-radius: 0 !important; 
    padding: 0 !important ; 
    margin-bottom: 20px;
}

div.MetodoPagamento.Stripe .p-CardNumberInput .p-Input .p-FauxInput {
    padding: 10px !important;
    background: var(--mageia-primary) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    color: var(--mageia-tertiary) !important;
}
div.Pagamento .PrivacyPanel {
    margin-top: 0 !important;
     background: var(--mageia-secondary);
     padding: 2em !important;
}

a.PayButton.Button.Icon.Right.Squared.Standard {
    padding: 15px 20px !important;
    margin: 0px !important;
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    color: var(--mageia-tertiary) !important;
    background: var(--mageia-secondary) !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    font-family: 'Akira', sans-serif !important;
    align-content: center !important;
        height: unset !important;
}


.footer_partner,
.footer_logos{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
}

.event_parcofiabe{
    margin-top: 3em;
    background: var(--mageia-primary) !important;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 4%;
    padding-right: 4%;
}

.footer_copyright span{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--mageia-tertiary);
}


/* THNAK YOU*/
a.Button.Download.Right.Standard,
a.Button.Download.Right.Standard:hover {
     display: block;
    width: fit-content !important;
    background-color: var(--mageia-primary);
    font-family: 'Akira', sans-serif !important;
    font-size: 18px;
    line-height: 1em;
    border: none !important; 
    color: var(--mageia-tertiary) !important;
    border-radius: 0;
    padding: 12px 35px;
    margin: 3em auto;
    cursor: pointer;
}

body.Biglietti #Content{
        min-height: 34vh !important;
}

body.Biglietti #Content form.Columns2 {
    text-align: center !important;
    line-height: 1.3em !important;
    font-size: 18px !important;
}

@media (max-width: 999px) {
    body.Biglietti #Content {
        min-height: 60vh !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0 !important;
    }
    body.Biglietti #Content form.Columns2 {
        font-size: 16px !important;
    }

    body.Biglietti .event_location{
        display:none !important;
    }
}

/* ============================================================
   MOBILE — override delle media query di style.css
   Stessa soglia di style.css: max-width 999px.
   Palette style2: primary #0000FF / secondary #000 / tertiary #fff.
   Niente oro (#C58F4E), niente border-radius.
   ============================================================ */

@media (max-width: 999px) {

    /* ---------- Popup ---------- */
    form.Vendita div.Step div.Wrap {
        padding: 0  !important;
    }
    table.Plain tr:first-child {
        height: unset !important;
    }


    div.Dialog {
        background-color: rgb(0 0 0 / 80%) !important;
        padding-left: 0;
        padding-right: 0;
    }

    div.Dialog.Cart {
        padding-top: 2em;
        padding-bottom: 20px;
    }

    div.Dialog.Cart div.Container {
        width: 100% !important;
        padding: 1.5em !important;
        top: 0 !important;
    }

    .popup-header {
        width: 100% !important;
        gap: 10px;
    }

    .popup-header .header-text-span {
        font-size: 16px;
        height: 42px;
        padding: 8px 10px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .custom-close {
        width: 42px;
        height: 42px;
        padding: 8px;
        justify-content: center;
    }

    .Dialog .Today {
        font-size: 18px;
    }

    /* ---------- Calendario ---------- */
    /* era: border 2px #c58f4e + ::before dorato con border-radius 28px */

    table.Plain {
        border: none !important;
        border-radius: 0 !important;
    }

        table.Plain::before {
            display: none !important;
        }

    body.Shop div.Date.Parametro .CalendarDescription {
        width: 100%;
        gap: 0.75em;
        padding: 0 22.5px !important;
    }

    .calendar_description_date {
        font-size: 14px !important;
    }

    .calendar_description_content h4 {
        font-size: 28px !important;
    }

    .calendar_description_content p {
        font-size: 16px !important;
        width: 100% !important;
    }

    .Wrap.Riepilogo.Bind.ContinueBtn .Button.Icon {
        width: 100% !important;
        height: unset !important;
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    a.PayButton.Button.Icon.Right.Squared.Standard:hover {
        opacity: 1 !important;
    }

    /* ---------- Ingresso backstage ---------- */

    .ingresso-backstage {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5em;
        padding: 1.5em;
    }

    .ingresso-backstage .ingresso-backstage-title {
        font-size: 28px !important;
        width: 100%;
    }

    .ingresso-backstage .ingresso-backstage-text {
        font-size: 16px !important;
        width: 100% !important;
    }

    .ingresso-backstage .ingresso-backstage-btn {
        width: 100% !important;
    }

    .ingresso-backstage .ingresso-backstage-btn .Button,
    .ingresso-backstage .ingresso-backstage-btn .Button:hover {
        font-size: 16px !important;
    }

    /* ---------- Event location / contatti ---------- */
    /* era: border 2px #C58F4E + border-radius 24px */

    .event_location {
        border: none !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column;
        gap: 2em;
        padding: 0 22.5px !important;
        margin: 3em 0 0 0 !important;
        width: auto !important;
    }

    .event_location .event_location_title {
        font-size: 28px !important;
    }

    .event_location .event_description {
        font-size: 16px;
        width: 100% !important;
    }

    /* !important necessario: la media query di style.css usa !important
       con la stessa specificita', altrimenti torna il corsivo dorato */
    .event_contacts {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5em;
        width: 100% !important;
        position: static !important;
        color: var(--mageia-tertiary) !important;
        font-family: inherit !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
        font-size: 16px !important;
    }

    .event_contacts_elements {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        position: static !important;
        line-height: normal !important;
        z-index: auto !important;
        padding: 0 !important;
        font-size: 16px !important;
    }

    .event_contacts_elements a,
    .event_contacts_elements a:hover {
        font-size: 14px;
        padding: 10px 12px;
    }

    /* ---------- Gallery ---------- */
    /* era: border 2px #C58F4E + ::before dorato */

    .event_gallery_element {
        border: 1px solid var(--mageia-tertiary);
        border-radius: 0;
    }

        .event_gallery_element::before {
            display: none;
        }

    .event_gallery_element img {
        border-radius: 0;
    }

    /* ---------- Footer ---------- */

    .footer_contacts {
        margin-top: 0 !important;
    }

    .event_parcofiabe {
        background: var(--mageia-primary) !important;
        margin-top: 3em;
    }

    body:not(.CMSPage) footer {
        margin: 2em auto 0px !important;
    }
        .footer_logos_mobile {
        display: block !important;
        padding: 10px 0;
    }
    .footer_copyright_first span {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: var(--mageia-tertiary);
    }


    /* ---------- Biglietti ---------- */

    div.custom-wrap {
        gap: 1.5em;
    }

    body.Shop div.Raggruppamento.Biglietti {
        margin-bottom: 2em !important;
    }

    body.Shop div.Raggruppamento div.Prodotto div.Content {
        padding: 0 0 0 10px !important;
    }

    body.Shop div.Raggruppamento div.Prodotto div.Content > h4 {
        font-size: 14px !important;
    }

    .custom-content-ticket {
        width: 100% !important;
        font-size: 14px;
    }

    body.Shop div.Raggruppamento div.Prodotto div.Bar div.NumberPicker {
        width: 70px !important;
        height: 44px !important;
    }

    body.Shop div.Raggruppamento div.Prodotto div.Bar .Price .event_prezzonetto {
        font-size: 18px !important;
    }

    /* ---------- Riepilogo ---------- */

    .content-riepilogo .custom-riepilogo .custom-riepilogo-row,
    .content-riepilogo .custom-riepilogo .custom-totals,
    .content-riepilogo .custom-riepilogo .custom-totalone {
        padding: 12px !important;
    }

    .content-riepilogo .custom-riepilogo .custom-riepilogo-row span:first-child,
    .content-riepilogo .custom-riepilogo .custom-totals .custom-subtotals span:first-child,
    .content-riepilogo .custom-riepilogo .custom-totalone span:first-child {
        font-size: 14px !important;
    }

    /* mantiene il bottone a tutta larghezza, style.css lo forzava a 200px */
    .Wrap.Riepilogo.Bind.ContinueBtn > a:first-child,
    .Wrap.Riepilogo.Bind.ContinueBtn > a:first-child:hover {
        width: 100% !important;
        height: unset !important;
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    /* ---------- Pagamento ---------- */

    .Pagamento .Wrap.Step.Step1.Steps-2 .Intestazione .Group label {
        font-size: 12px !important;
        line-height: 24px !important;
        padding: 4px 10px !important;
    }

    form.Columns2.Vendita.Pagamento div.Group input {
        font-size: 16px !important;
        padding: 10px !important;
    }

    form.Columns2.Vendita.Pagamento div.Group input.iti__tel-input {
        padding-left: 90px !important;
    }

    form.Columns2.Vendita.Pagamento div.Group a.confirm-otp-btn,
    form.Columns2.Vendita.Pagamento div.Group a.confirm-otp-btn:hover {
        font-size: 14px !important;
        padding: 12px 15px !important;
    }

    div.MetodoPagamento.Stripe #container {
        padding: 12px !important;
    }

    div.Pagamento .PrivacyPanel {
        padding: 1em !important;
    }

    a.PayButton.Button.Icon.Right.Squared.Standard {
        width: 100% !important;
        height: unset !important;
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    /* ---------- OTP ---------- */

    #otp-box h3 {
        font-size: 15px !important;
        color: var(--mageia-tertiary) !important;
        font-family: 'Akira', sans-serif !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .otp-inputs input {
        border-radius: 0 !important;
    }



    .PrivacyPanel .label{
        font-size: 12px !important;
        line-height: 16px !important;
    }
}









div.container-term-of-use{
    display: none !important;
}