header {
    width: 100%;
    height: 5.7rem;
    margin: 0 auto;
    top: 0;
    z-index: 10;
    background: #212121;
    padding-top: env(safe-area-inset-top, 0);
    justify-content: center;
    align-items: center;
    gap: 10.7rem;
    display: inline-flex
}
.logo {
    width: 13rem;
    height: auto;
}
@media (max-width: 768px) {
    .logo {
        width: 10rem;
    }
}
#category {
    position: absolute;
    left: 0;
    width: 3.5rem;
    height: 2.1rem;
    opacity: 0.60;
    padding: 0 0 1rem 1rem;
    cursor: pointer;
    object-fit: contain;
    object-position: center;
}
@media (min-width: 1024px) {
    #category {
        display: none;
    }
}