#p-scarti {
    min-height: 100vh;
    padding-bottom: 1.5rem;
}


#p-scarti_p-sections_filter {
    position: fixed;
    top: var(--header-height);
    right: 0;
    left: 0;
    height: 2.5rem;
    z-index: 10;
}
#p-scarti_p-sections_filter button {height: fit-content;}

#p-scarti_p-container {margin-top: 2rem;}
#p-scarti_p-container > ul {grid-column: 1/-1;}
.p-scarti_p-container-item {margin-bottom: .5rem;}
.p-scarti_p-container-item video,
.p-scarti_p-container-item img {
    height: 1rem;
    min-width: auto;
    max-width: 2rem;
    object-fit: contain;
    transform: translate(0, 1rem);
    margin-right: .5rem;
}
@media only screen and (min-width: 1024px) {
    #p-scarti_p-container {margin-top: 0;}
    #p-scarti_p-container > ul {grid-column: span 3;}
    #p-scarti_p-container li.hide-m {
        margin-bottom: 1em;
        padding-top: 2px;
    }

    #p-scarti_p-container > ul,
    #p-scarti_p-container li.hide-m {display: block !important;}

    .p-scarti_p-container-item > * {translate: 0 -.75rem;}
}
@media (hover: hover) {
    .p-scarti_p-container-item:hover {background-color: var(--c-yellow);}
}


/* 
FOOTER
*/
#p-scarti_p-nav {
    position: fixed;
    right: 0;
    bottom: -2px;
    left: 0;
    height: 4.2rem;
    padding: calc(.5rem - 2px) 0;
}

#p-scarti_p-nav .marquee {height: calc(3.2rem + 4px); padding-top: 2px;}
#p-scarti_p-nav a {
    top: 0;
    right: 0;
}
#p-scarti_p-nav a span {height: 3.2rem;}