/* Public mobile header: reserve control space before the logo is sized. */
@media (max-width: 991.98px) {
    .fp-header .grid {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-rows: 45px auto;
        column-gap: 8px;
        row-gap: 22px;
    }

    .fp-header .logo {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        overflow: hidden;
    }

    .fp-header .logo img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 45px;
        object-fit: contain;
        object-position: left center;
    }

    .fp-header .mobile-notification {
        position: relative !important;
        right: auto;
        top: auto;
        grid-column: 2;
        grid-row: 1;
        flex-shrink: 0;
    }

    .fp-header .btn-all-categories {
        position: relative;
        right: auto;
        top: auto;
        grid-column: 3;
        grid-row: 1;
        flex-shrink: 0;
    }

    .fp-header .search {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 374.98px) {
    .fp-header .grid {
        column-gap: 6px;
    }

    .fp-header .mobile-notification {
        gap: 6px;
    }
}