/* RESPONSIVE */

@media screen and (max-width: 800px)
{
    h2
    {
        font-size: 32px;
        line-height: 36px;
    }
}





/* ========================================================================================== */
/* Blocchi condivisi */
/* ========================================================================================== */

@media screen and (max-width: 500px)
{
    /* Perche sceglierci */
    .perche-sceglierci
    {
        padding: 52px 5%;
        text-align: center;
    }

    .perche-sceglierci h2
    {
        font-size: 46px;
        line-height: 46px;
    }

    .perche-sceglierci .servizio
    {
        width: auto;
    }

    .perche-sceglierci .servizio img
    {
        width: 30%;
    }

    .scopri-i-servizi
    {
        margin-top: 0;
    }


    /* FAQ */
    .faq-accordiion
    {
        padding: 0 5%;
    }

    .faq-accordion button.accordion-button,
    .faq-accordion button.accordion-button:not(.collapsed)    
    {
        line-height: 24px;
        padding-left: 32px;
    }

    .faq-accordiion .accordion-body
    {
        font-size: 16px;
    }

    /* I nostri numeri */
    .text-i-nostri-numeri
    {
        text-align: center;
    }

    .row-elenco-i-nostri-numeri
    {
        font-size: 46px;
    }


    /* Vista: i nostri settori */
    .view-i-nostri-settori .view-content
    {
        grid-template-columns: 1fr;
        margin-bottom: 48px;
    }

    .view-i-nostri-settori .wrapper-settore li
    {
        font-size: 16px;
        line-height: 20px;
        padding: 4px 0;
    }



    /* Prodotti nel mondo */
    .i-nostri-prodotti-mondo
    {
        height: auto;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: top center;
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;
        padding-top: 140px;
        text-align: center;
        align-items: center;
        margin-top: -48px;
    }

    .text-i-nostri-prodotti-mondo
    {
        padding: 32px 5%;
    }

    .text-i-nostri-prodotti-mondo h2
    {
        font-size: 46px;
        line-height: 46px;
    }

    .i-nostri-prodotti-mondo a.btn-blue
    {
        margin: auto;
    }


    /* Slider casi studio */
    .view-i-nostri-servizi .view-content.row
    {
        grid-template-columns: 1fr;
    }

    button.slick-prev.slick-arrow
    {
        /* display: none !important; */
        left: -15%;
    }

    button.slick-next.slick-arrow
    {
        /* display: none !important; */
        right: -15%;
    }

    .view-slider-casi-studio .view-footer
    {
        margin: 32px;
    }


    /* WebForm */
    .webform-submission-richiedi-informazioni-form
    {
        display: flex;
        flex-direction: column;
    }
    
    .webform-submission-richiedi-informazioni-form .form-actions
    {
        width: 50%;
        margin: auto;
    }

    .webform-submission-richiedi-informazioni-form #edit-container, 
    .webform-submission-richiedi-informazioni-form #edit-container-1
    {
        flex-direction: column;
        gap: 0px;
        margin-bottom: 0 !important;
    }

    .webform-submission-richiedi-informazioni-form #edit-submit
    {
        margin: auto;
    }


    /* Footer */
    .style-footer
    {
        display: flex;
        flex-direction: column;
        padding: 0 5%;
        align-items: start;
    }

    img.img-logo-footer
    {
        max-width: 250px;
    }

    .titolo-linea-footer
    {
        padding-top: 23px;
        width: 100%;
    }

    .style-footer-elenchi
    {
        display: flex;
        flex-direction: column;
        padding: 0px 5%;
    }

    .logo_double_title
    {
        margin-bottom: 16px;
    }

    .elenco-social-footer,
    .elenco-prodotti-footer,
    .elenco-contatti-footer
    {
        margin-top: 32px;
    }

    .container-testi,
    .copyright-agency-footer
    {
        flex-direction: column;
        padding: 0px 5%;
    }
}




@media screen and (max-width: 800px)
{
    /* Header */
    #navbar-main
    {
        background-size: 18vw;
        background-position: left 20%;
        background-image: url("/themes/custom/ecb_subtheme/media/ecb-header-mobile.png");
    }

    a.navbar-brand
    {
        width: 16%;
    }

    .header-search-button
    {
        position-anchor: unset;
        position: absolute;
        left: 75vw;
    }
    
    #navbar-main button.navbar-toggler
    {
        position-anchor: unset;
        position: absolute;
        top: 8px;
        left: 85vw;
    }

    .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span, 
    .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before, 
    .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after 
    {
        border-top: 3px solid var(--colore-nero);
    }

    nav#block-ecb-subtheme-main-menu
    {
        width: 100%;
        justify-content: start;
    }

    ul.navbar-nav .dropdown-item a
    {
        line-height: 36px;
    }

    #navbar-main:has(#CollapsingNavbar.show) nav[id^=block-ecb-subtheme-language]
    {
        opacity: 1;
            position: fixed;
        bottom: 20px;
        left: 5%;
        top: unset;
        right: unset;
    }

    #navbar-main:not(:has(#CollapsingNavbar.show)) nav[id^='block-ecb-subtheme-language']
    {
        display: none !important;
    }



    /* Responsive sub menu by Gemini */
    #CollapsingNavBar .navbar-nav {
        position: relative;
        overflow-x: hidden;
    }

    .navbar-nav .dropdown-menu {
        position: fixed;
        top: 0;
        right: -100%; 
        width: 100%;
        height: 100vh;
        transition: right 0.3s ease;
        display: block !important; 
        padding-top: 60px; 
    }

    .navbar-nav .dropdown.show .dropdown-menu {
        right: 0;
    }
    
    .navbar-nav  .dropdown-menu::before {
        content: "← Indietro";
        display: block;
        padding: 15px;
        color: #F8C341;
        cursor: pointer;
        font-weight: bold;
    }

    .navbar-nav > li:has(.show) ~ li,
    .navbar-nav > li:has(.show).dropdown ~ li,
    .navbar-nav > li:not(:has(.show)):has(~ li .show) {
        display: none;
    }

    .navbar-nav > li.dropdown.show > a.nav-link {
        display: none;
    }



    /* Header navigation */
    .header-navigation
    {
        padding: 60px 10%;
    }

    .header-navigation .wrapper-text .sopratesto
    {
        font-size: 20px;
        line-height: 27px;
        padding-left: 10%;
    }

    .header-navigation .wrapper-text h1
    {
        font-size: 42px;
        line-height: 46px;
        margin-top: 10px;
        margin-bottom: 28px;
        max-width: unset;
        padding-left: 10%;
    }

    .header-navigation .wrapper-text .sottotesto
    {
        font-size: 24px;
        line-height: 28px;
        padding-left: 10%;
    }

    .header-navigation .btn-blue
    {
        margin: 0 auto;
    }

}


@media screen and (max-width: 800px) and (min-width: 500px)
{
    /* Vista: i nostri settori */
    .view-i-nostri-settori .view-content
    {
        grid-template-columns: 1fr 1fr;
    }

    /* Slider casi studio */
    .view-i-nostri-servizi .view-content.row
    {
        grid-template-columns: 1fr 1fr;
    }

    .webform-submission-richiedi-informazioni-form
    {
        display: flex;
        flex-direction: column;
    }
    
    .webform-submission-richiedi-informazioni-form .form-actions
    {
        width: 50%;
        margin: auto;
    }
}


/* ========================================================================================== */
/* Homepage */
/* ========================================================================================== */

@media screen and (max-width: 500px)
{
    .view-homepage-i-nostri-servizi .view-content.row 
    {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin: 70px 0% 0 15%;
    }

    h2.title-servizi-griglia
    {
        margin: auto;
        text-align: center;
        font-size: 46px;
    }

    .wrapper-servizio-griglia .wrapper-title h3.title
    {
        font-size: 18px;
    }


    /* News */
    .view-homepage-news-in-singola-news .view-content.row, 
    .view-altre-news-in-news.view-id-altre_news_in_news .view-content.row 
    {
        display: flex;
        flex-direction: column;
    }

    .view-homepage-news-in-singola-news h2
    {
        font-size: 46px;
    }

    .row .single-news-listing 
    {
        width: 100%;
        margin: 0px 0px 65px 0px;
    }

}



/* ========================================================================================== */
/* Azienda */
/* ========================================================================================== */
@media screen and (max-width: 1000px)
{
    /* header azienda */
    .header-azienda .wrapper-contents
    {
        display: flex;
        align-items: center;
    }

    .header-azienda img.wrapper-img-header-azienda-left
    {
        height: fit-content;
        width: 20%;
    }

    .header-azienda div.stile-virgolette
    {
        position-area: top left;
        font-size: 80px;
    }

    .header-azienda p.wrapper-title-header-azienda 
    {
        margin: 32px 0 32px 24px;
        font-size: 24px;
        line-height: 32px;
        max-width: unset;
        font-weight: 400;
    }

    .header-azienda img.wrapper-img-header-azienda-left
    {
        margin-bottom: 32px;
    }

}



/* ========================================================================================== */
/* Strumentazioni Standard */
/* ========================================================================================== */
@media screen and (max-width: 500px)
{
    .view-i-nostri-prodotti .view-content
    {
        grid-template-columns: 1fr;
    }

    .view-i-nostri-settori  h3.title a,
    .view-i-nostri-prodotti h3.title a
    {
        font-size: 20px;
        line-height: 24px;
    }
}


@media screen and (max-width: 800px) and (min-width: 500px)
{
    .view-i-nostri-prodotti .view-content
    {
        grid-template-columns: 1fr 1fr;
    }

    .view-i-nostri-settori  h3.title a,
    .view-i-nostri-prodotti h3.title a
    {
        font-size: 20px;
        line-height: 24px;
    }
}



/* ========================================================================================== */
/* Soluzioni custom */
/* ========================================================================================== */

@media screen and (max-width: 500px)
{
    /* brochure */
    .container-brochure-azienda
    {
        background-size: contain;
        background-position: left center;
        text-align: center;
        gap: 32px;
    }

    .text-brochure-azienda
    {
        font-size: 24px;
    }

    /* Blocco applicazioni speciali */
    #blocco-applicazioni-speciali
    {
        padding: 0px 5% 60px 5%;
        background-size: 85%;
        text-align: center;
    }


    #blocco-applicazioni-speciali h2,
    #blocco-applicazioni-speciali h2 strong
    {
        color: var(--colore-nero);
        font-size: 35px;
        margin-bottom: 32px;
    }

    #blocco-applicazioni-speciali p,
    #blocco-applicazioni-speciali p strong
    {
        font-size: 22px;
        color: var(--colore-nero);
        padding-bottom: 24px;
        max-width: unset;
    }

    #blocco-applicazioni-speciali p.second-paragraph
    {
        max-width: unset;
    }

    #blocco-applicazioni-speciali p.last-paragraph
    {
        max-width: unset;
    }



    /* Blocco apparecchiature */
    #blocco-apparecchiature
    {
        padding: 48px 5% 0px 5%;
    }

    #blocco-apparecchiature .wrapper-service
    {
        width: 75vw;
    }




    /* Blocco: Chiavi in mano */
    #blocco-chiavi-in-mano
    {
        padding: 60px 10% 60px 10%;
        background-size: 75%;
    }

    #blocco-chiavi-in-mano .wrapper-text 
    {
        padding: 0;
    }

    #blocco-chiavi-in-mano .wrapper-text h2,
    #blocco-chiavi-in-mano .wrapper-text strong
    {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 24px;
    }


    #blocco-chiavi-in-mano .wrapper-text p
    {
        font-size: 20px;
        max-width: unset;
    }

    #blocco-chiavi-in-mano .wrapper-text li
    {
        font-size: 20px;
    }


}



/* ========================================================================================== */
/* Singolo Settore */
/* ========================================================================================== */

@media screen and (max-width: 500px)
{
    .view-casi-studio-per-settore .view-content
    {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 800px) and (min-width: 426px)
{
    .view-casi-studio-per-settore .view-content
    {
        grid-template-columns: 1fr 1fr;
    }
}



/* ========================================================================================== */
/* Singolo Prodotto */
/* ========================================================================================== */

@media screen and (max-width: 500px)
{
    .contenitore-singolo-prodotto
    {
        flex-direction: column;
        margin-top: 16px;
    }

    .contenitore-singolo-prodotto .wrapper-body
    {
        width: auto;
    }

    .contenitore-singolo-prodotto img
    {
        width: 75%;
        height: auto;
        position: relative;
        transform: unset;
    }

    .informazioni-singolo-prodotto,
    .settori-singolo-prodotto
    {
        width: auto;
        margin-bottom: 64px;
    }

    .settori-singolo-prodotto .accordion-body
    {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 800px) and (min-width: 426px)
{

    .informazioni-singolo-prodotto,
    .settori-singolo-prodotto
    {
        width: auto;
        margin-bottom: 64px;
    }

    .settori-singolo-prodotto .accordion-body
    {
        grid-template-columns: 1fr 1fr;
    }
}




/* ========================================================================================== */
/* Contatti */
/* ========================================================================================== */
@media screen and (max-width: 800px)
{
    .wrapper-contatti-page-body
    {
        background-image: unset;
    }

    .wrapper-contatti-page-body h2
    {
        line-height: 54px;
    }

}


/* ========================================================================================== */
/* Singola News */
/* ========================================================================================== */
@media screen and (max-width: 800px)
{
    .content .title-single-news
    {
        font-size: 36px;
        line-height: 40px;
        max-width: unset;
        width: auto;
        padding: 0 5%;
        position: inherit;
        margin-top: 64px;
    }

    .img-single-news
    {
        width: 100%;
    }

    .img-single-news img
    {
        width: 100%;
        height: 100%;
    }
}



/* ========================================================================================== */
/* Servizi */
/* ========================================================================================== */
@media screen and (max-width: 800px)
{
    .view-i-nostri-servizi .sottotesto
    {
        font-size: 28px;
        line-height: 36px;
    }

    .view-i-nostri-servizi .wrapper-text-servizio h3
    {
        font-size: 24px;
        line-height: 28px;
    }
}





/* ========================================================================================== */
/* OLD */
/* ========================================================================================== */
/* Queste sono regole di pagine che non sono state integrate nelle nuove bozze. 
Pertanto, vengono riusate le vecchie regole di responsive */

@media screen and (max-width: 992px)
{
    /* filtri prodotti - filtri settori */
    .immagine-interna-filtri-prodotti{
        display: none;
    }

    .testo-filtri-prodotti, .testo-filtri-settori{
        margin-left: 20px;
    }

    .banner-brochure{
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .banner-brochure .col-pdf{
        justify-content: center;
    }

    .banner-brochure{
        margin-top: 0px;
        height: 220px;
     }

     .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content, .view.view-prodotti-settore.view-id-prodotti_settore .row.view-content {
        column-gap: 120px;
    }

    .single-tipologia-prodotti-listing {
        max-width: 100%;
    }

    .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content, .view.view-prodotti-settore.view-id-prodotti_settore .row.view-content {
        margin-left: 150px;
    }

    .node--type-prodotti .main-content > .section .product-type-sectors-filter, 
    .node--type-settori .main-content > .section .sector-type-product-filter {
        width: 40%;
    }

    .node--type-prodotti .main-content > .section .product-type-listing, 
    .node--type-settori .main-content > .section .sector-type-listing  {
        width: 60%;
    }

    img.img2-header 
    {
        display: none;
    }
}



@media screen and (max-width: 500px) 
{
    .node--type-prodotti .header-search-button,
    .node--type-prodotto .header-search-button,
    .node--type-article .header-search-button,
    .page-node-22 .header-search-button
    {
        position-anchor: unset;
        position: absolute;
        left: 75vw;
    }
    
    .node--type-prodotti #navbar-main button.navbar-toggler,
    .node--type-prodotto #navbar-main button.navbar-toggler,
    .node--type-article #navbar-main button.navbar-toggler,
    .page-node-22 #navbar-main button.navbar-toggler
    {
        position-anchor: unset;
        position: absolute;
        top: 8px;
        left: 85vw;
    }

    .node--type-prodotti .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span,
    .node--type-prodotto .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span,
    .node--type-article .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span,
    .page-node-22 .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span, 
    .node--type-prodotti .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before,
    .node--type-prodotto .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before,
    .node--type-article .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before,
    .page-node-22 .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::before, 
    .node--type-prodotti .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after,
    .node--type-prodotto .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after,
    .node--type-article .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after,
    .page-node-22 .navbar-expand-xl .navbar-toggler[aria-expanded="true"] span::after 
    {
        border-top: 3px solid var(--colore-nero);
    }

    .node--type-prodotti nav[id^='block-ecb-subtheme-language'],
    .node--type-prodotto nav[id^='block-ecb-subtheme-language'],
    .node--type-article nav[id^='block-ecb-subtheme-language'],
    .page-node-22 nav[id^='block-ecb-subtheme-language']
    {
        position: fixed;
        bottom: 20px;
        left: 5%;
        top: unset;
        right: unset;
    }

    .node--type-prodotti #navbar-main:not(:has(#CollapsingNavbar.show)) nav[id^='block-ecb-subtheme-language'],
    .node--type-prodotto #navbar-main:not(:has(#CollapsingNavbar.show)) nav[id^='block-ecb-subtheme-language'],
    .node--type-article #navbar-main:not(:has(#CollapsingNavbar.show)) nav[id^='block-ecb-subtheme-language'],
    .page-node-22 #navbar-main:not(:has(#CollapsingNavbar.show)) nav[id^='block-ecb-subtheme-language']
    {
        display: none !important;
    }


    img.img2-header 
    {
        display: none;
    }
}


/* RESPONSIVE RULES FOR PRODUCT CATEGORY PAGES
   Targeting: .node--type-prodotti, .sector-type-product-filter, etc.
*/

/* Desktop & Large Tablets (up to 1200px) */
@media screen and (max-width: 1200px) {
    /* Product listing grid adjustments */
    .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content, 
    .view.view-prodotti-settore.view-id-prodotti_settore .row.view-content {
        max-width: 849px;
        margin: 0 auto;
        column-gap: 172px;
    }

    /* Footer structure */
    .copyright-agency-footer {
        width: 959px;
    }
}

/* Tablets (up to 992px) */
@media screen and (max-width: 992px) {
    /* Header & Navigation Mobile Adaptations */
    .navbar-expand-xl .navbar-nav {
        margin-left: 20px;
        margin-top: 16px;
    }
    
    .menu-contacts {
        display: none;
    }

    /* Main Content Layout: Sidebar vs Grid */
    .node--type-prodotti .main-content > .section .product-type-sectors-filter, 
    .node--type-settori .main-content > .section .sector-type-product-filter {
        width: 40%;
    }

    .node--type-prodotti .main-content > .section .product-type-listing, 
    .node--type-settori .main-content > .section .sector-type-listing {
        width: 60%;
    }

    /* Product Header & Brochure Banner */
    .immagine-interna-filtri-prodotti {
        display: none;
    }

    .testo-filtri-prodotti {
        margin-left: 20px;
    }

    .banner-brochure {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        margin-top: 0px;
        height: 220px;
    }

    /* Product Listing column gap */
    .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content, 
    .view.view-prodotti-settore.view-id-prodotti_settore .row.view-content {
        margin-left: 150px;
        column-gap: 120px;
    }

    /* Footer Mobile */
    .copyright-agency-footer {
        width: 730px;
    }
}

/* Small Tablets & Large Phones (up to 781px) */
@media screen and (max-width: 781px) {
    /* Grid alignment for product results */
    .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content, 
    .view.view-prodotti-settore.view-id-prodotti_settore .row.view-content {
        margin-left: 87px;
    }

    .single-tipologia-prodotti-listing {
        max-width: 100%;
    }
}

/* Small Tablets (up to 768px) */
@media screen and (max-width: 768px) {
    .banner-brochure h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .banner-brochure {
        height: 200px;
    }
}

/* Mobile Devices (up to 652px) */
@media screen and (max-width: 652px) {
    /* Header titles for the category */
    .testo-filtri-prodotti h1 {
        font-size: 50px;
        line-height: 55px;
    }

    .testo-filtri-prodotti p {
        font-size: 20px;
    }

    /* Full width stacks for Filter Sidebar and Product Grid */
    .node--type-prodotti .main-content > .section .product-type-sectors-filter,
    .node--type-prodotti .main-content > .section .product-type-listing {
        width: 100%;
    }

    /* Center facets and listings */
    .facets-widget-links {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .view.view-tipologia-prodotti.view-id-tipologia_prodotti .row.view-content {
        margin-left: 0px;
    }

    .single-tipologia-prodotti-listing {
        text-align: center;
    }
}

/* Small Mobile (up to 480px) */
@media screen and (max-width: 480px) {
    .testo-filtri-prodotti {
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 40px;
        max-width: 277px;
    }

    .testo-filtri-prodotti h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .testo-filtri-prodotti p {
        max-width: 357px;
    }

    .banner-brochure .col-pdf .btn-blue {
        height: 50px;
        padding: 15px 40px;
    }
}

/* Extra Small Mobile (up to 300px) */
@media screen and (max-width: 300px) {
    .testo-prodotti h1 {
        font-size: 40px;
        line-height: 45px;
    }
}


/* RESPONSIVE RULES FOR DEALERS PAGE (Node 38)
   Targeting: .testo-rivenditori, .text-rivenditori-nel-mondo, .rivenditori-nel-mondo
*/

/* Desktop & Large Tablets (up to 1302px) */
@media screen and (max-width: 1302px) {
    .testo-rivenditori {
        margin-top: -78px;
    }
}

/* Tablets (up to 1200px) */
@media screen and (max-width: 1200px) {
    .page-node-38 #navbar-main {
        height: auto;
    }

    .testo-rivenditori {
        margin-top: 20px;
    }
}

/* Tablets (up to 992px) */
@media screen and (max-width: 992px) {
    .text-rivenditori-nel-mondo {
        gap: 15px;
    }

    .elenco1-rivenditori-nel-mondo h3,  
    .elenco2-rivenditori-nel-mondo h3, 
    .elenco3-rivenditori-nel-mondo h3 {
        font-size: 35px;
    }

    .elenco1-rivenditori-nel-mondo .sottotitolo, 
    .elenco2-rivenditori-nel-mondo .sottotitolo, 
    .elenco3-rivenditori-nel-mondo .sottotitolo {
        font-size: 20px;
    }

    p.less-spaced-rivenditori, 
    p.more-spaced-rivenditori {
        font-size: 16px;
    }
}

/* Small Tablets & Large Phones (up to 953px) */
@media screen and (max-width: 953px) {
    .testo-rivenditori h1 {
        font-size: 50px;
        line-height: 55px;
    }

    .testo-rivenditori p {
        font-size: 20px;
    }
}

/* Mobile Landscape (up to 781px) */
@media screen and (max-width: 781px) {
    .testo-rivenditori {
        max-width: 640px;
    }

    /* Grid layout transformation for dealer lists */
    .text-rivenditori-nel-mondo {
        display: grid;
        grid-template-columns: 45% 55%;
        grid-template-rows: 30% 30% 30%;
        margin-bottom: -129px;
        margin-top: 50px;
        max-width: 422px;
        gap: 40px;
    }

    .elenco1-rivenditori-nel-mondo { grid-row: 1; grid-column: 1; padding-bottom: 388px; }
    .elenco4-rivenditori-nel-mondo { grid-row: 1; grid-column: 2; }
    .elenco2-rivenditori-nel-mondo { grid-row: 2; grid-column: 1; }
    .elenco5-rivenditori-nel-mondo { grid-row: 2; grid-column: 2; margin-top: 30px; }
    .elenco3-rivenditori-nel-mondo { grid-row: 3; grid-column: 1; margin-top: -54px; }
    .elenco6-rivenditori-nel-mondo { grid-row: 4; grid-column: 2; margin-top: -435px; }

    p.less-spaced-rivenditori, 
    p.more-spaced-rivenditori {
        font-size: 16px;
        margin: 3px;
        max-width: 225px;
    }
}

/* Mobile Portrait (up to 576px) */
@media screen and (max-width: 576px) {
    .testo-rivenditori {
        margin-left: 0px;
    }
}

/* Small Mobile (up to 480px) */
@media screen and (max-width: 480px) {
    .elenco1-rivenditori-nel-mondo h3, 
    .elenco2-rivenditori-nel-mondo h3, 
    .elenco3-rivenditori-nel-mondo h3, 
    .elenco4-rivenditori-nel-mondo h3,  
    .elenco5-rivenditori-nel-mondo h3, 
    .elenco6-rivenditori-nel-mondo h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .text-rivenditori-nel-mondo {
        text-align: center;
        max-width: 345px;
        row-gap: 10px;
        column-gap: 0px;
    }

    .elenco6-rivenditori-nel-mondo {
        margin-top: -385px;
    }
}

/* Extra Small Mobile (up to 377px) */
@media screen and (max-width: 377px) {
    /* Full stack: Switching to single column for dealer contacts */
    .text-rivenditori-nel-mondo {
        grid-template-columns: 100%;
        grid-template-rows: 20% 18% 11% 20% 5% 20%;
        margin-bottom: 77px;
        row-gap: 30px;
        max-width: 377px;
    }

    .elenco1-rivenditori-nel-mondo { grid-row: 1; grid-column: 1; padding-bottom: 0px; }
    .elenco4-rivenditori-nel-mondo { grid-row: 2; grid-column: 1; margin: 0 auto !important; margin-top: 30px !important; }
    .elenco2-rivenditori-nel-mondo { grid-row: 3; grid-column: 1; }
    .elenco5-rivenditori-nel-mondo { grid-row: 4; grid-column: 1; margin: 0 auto !important; margin-top: 30px !important; }
    .elenco3-rivenditori-nel-mondo { grid-row: 5; grid-column: 1; margin-top: -54px; }
    .elenco6-rivenditori-nel-mondo { grid-row: 6; grid-column: 1; margin: 0 auto !important; margin-top: 30px !important; }
}

/* Tiny Screens (up to 300px) */
@media screen and (max-width: 300px) {
    .testo-rivenditori h1 {
        font-size: 40px;
        line-height: 45px;
    }
}


/* RESPONSIVE RULES FOR GLOBAL SEARCH BAR
   Targeting: .globalsearch-searchbar, #block-ecb-globalsearch-form
*/

/* Mobile Portrait (up to 532px) */
@media screen and (max-width: 532px) {
    /* Search Bar Layout */
    .globalsearch-searchbar .content > form .form-item-search {
        max-width: 60%;
    }

    .globalsearch-searchbar .content > form .form-actions {
        max-width: 40%;
        width: 100%;
    }

    /* Search Toggle Button */
    .globalsearch-searchbar .toggle-search {
        margin: 7px 38px auto auto;
    }

    /* Global Search Results Page (if on /search) */
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h1 {
        margin-top: -80px;
        margin-left: 27px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 p, 
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h2, 
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3, 
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h4 {
        font-size: 18px;
        margin-left: 27px;
        margin-bottom: 13px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 p {
        line-height: 30px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h2, 
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3, 
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h4 {
        line-height: 35px;
    }

    .views-field.views-field-body {
        margin-left: 27px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3 a {
        font-size: 35px;
    }
}

/* Tiny Screens (up to 300px) */
@media screen and (max-width: 300px) {
    /* Search Result Adjustments */
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h3 a {
        font-size: 30px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 h1 {
        font-size: 50px;
        margin-bottom: 20px;
        margin-top: -110px;
    }

    /* Pagination/Links in search results */
    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 a {
        font-size: 9px;
        padding: 8px;
    }

    .view.view-search-globale.view-id-search_globale.view-display-id-page_1 li.page-item.active span.page-link {
        font-size: 12px;
    }
}