:root{
    --fer-bordeaux:#831531;        /* colore centrale */
    --fer-ivory:#f4e9d3;           /* avorio del logo (facoltativo) */
    --fer-text:#ffffff;            /* testi bianchi */
    --fer-accent:#d9b38c;          /* righe sottili */
}

@font-face {
    font-family: 'AntiqueOliNorDReg';
    src: url('../fonts/AntiqueOliNorDReg.ttf') format('truetype');
}

@font-face {
    font-family: 'American Scribe';
    src: url('../fonts/American Scribe.ttf') format('truetype');
}

a{
    color: var(--fer-text);
    text-decoration:none;
}

.side-image{
    min-height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.center-col{
    background:var(--fer-bordeaux);
    color:var(--fer-text);
    min-height:100vh;
}

.img-left{ background-image:url('../img/bg_sinistra.jpg'); }   /* es: pizza in teglia */
.img-right{ background-image:url('../img/bg_destra.jpg'); } /* es: lasagna fritta */

.rombo{
    background-color: #fff;
    transform: rotate(45deg);
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    margin:0 .5rem;
}

.rombo i{
    color: #7b1c2a;
    font-size: 20px;
}

.rombo img{
    width: 20px;
    height: 20px;
}
.rombo i,
.rombo img{
    transform: rotate(-45deg);
}
.brand-badge{
    width:220px;
    height:220px;
    object-fit:contain;
}
.script{
    font-family:'American Scribe', cursive;
    font-size: 80px;
    line-height:1;
    margin: .25rem 0 1.25rem;
    text-align:center;
    white-space:nowrap;
}

.divider{
    height:2px;
    background:var(--fer-text);
    opacity:.6;
    width:280px;
    margin: 8px auto 20px;
}

.contacts{
    font-family: 'AntiqueOliNorDReg', sans-serif;
    font-weight: 500;
}

.contacts h6{
    letter-spacing:.06em;
    margin:0;
    text-transform:uppercase;
}
.contacts .addr{
    line-height:1.25;
    margin-bottom:.35rem;
}

/* Mobile: impila le colonne (immagini sopra/sotto) */
@media (max-width: 992px){
    .side-image{
        display: none
    }
    .script{
        font-size: 64px;
    }
}