/* ==========================================================
   MOBILE.CSS
========================================================== */

@media (max-width:768px){

    html{
        scroll-padding-top:70px;
    }

    iframe{
        max-width:100%;
    }

    img{
        max-width:100%;
        height:auto;
    }

    .contact-buttons{
        justify-content:center;
    }

}

@media (max-width:480px){

    body{
        overflow-x:hidden;
    }

    h1{
        word-break:break-word;
    }

    .hero-label{
        width:100%;
        justify-content:center;
    }

}

/* ==========================================================
   COOKIE — MOBILE
========================================================== */

@media (max-width:768px){

    #cookie_note{
        left:12px;
        right:12px;
        bottom:12px;
        transform:none;

        width:auto;
        max-width:none;

        padding:16px;
        gap:10px;

        border-radius:18px;

        flex-direction:column;
        align-items:stretch;
        text-align:left;
    }

    #cookie_note strong{
        display:block;
        margin-bottom:4px;

        font-size:16px;
        line-height:1.25;

        text-align:center;
    }

    #cookie_note p{
        margin:0;

        font-size:13px;
        line-height:1.45;

        text-align:center;
    }

    #cookie_note .cookie-links{
        display:flex;
        flex-direction:column;
        gap:3px;

        margin-top:2px;

        text-align:center;
    }

    #cookie_note .cookie-links a{
        font-size:12px;
        line-height:1.35;

        text-decoration:underline;
    }

    #cookie_note .cookie_accept{
        width:100%;

        margin-top:4px;
        padding:11px 18px;

        font-size:14px;
        line-height:1.2;
    }

    .cookie-settings{
        left:10px;
        bottom:10px;

        padding:6px 9px;

        font-size:10px;
    }

}

@media (max-width:480px){

    #cookie_note{
        left:10px;
        right:10px;
        bottom:10px;

        padding:14px;
        gap:9px;

        border-radius:16px;
    }

    #cookie_note p{
        font-size:12.5px;
    }

}