@media (min-width: 1024px) {

    /*Navigation Menu*/
    body {
        overscroll-behavior: none;
        --nav-height-client: 70px;
        --nav-padding: 10px;
    }
    
    body:has(.ios) {
        --nav-padding: 20px;
    }

    #app:has(.c-nav) .main.ios {
        padding-top: 80px;
    }
    
    .c-nav {
        top: var(--nav-padding);
        bottom: unset;
        justify-content: start;
        gap: 40px;
        padding-inline: 30px;
    }

    .c-nav .header {
        display: unset;
        color: white;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        font-size: 2em;
    }

    .c-nav .header > img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }

    .cn-link {
        flex-direction: row;
        gap: 10px;
        justify-items: center;
        align-items: center;
        margin-top: 0px;
    }

    .cn-link > .icon {
        font-size: 22px;
        margin-bottom: 0em;
    }

    .cn-link > .title {
        font-size: 1em;
    }

    .cn-link::before {
        transition-property: bottom;
        top: unset !important;
        bottom: -50px;
    }

    .cn-link.active::before {
        bottom: -36px;
    }

    #app:has(.c-nav) .main {
        padding-top: var(--r);
        padding-bottom: 0px;
    }

    /* Store */
    .store-intro {
        padding: 0px 30px 10px;
        margin-bottom: 20px;
    }

    .store-intro h2 {
        font-size: 1.4em;
    }

    .store-intro img {
        display: none;
    }

    .store-search {
        position: absolute;
        height: 20px;
        width: 50%;
        padding: 0px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .store-search > .c-bttn {
        left: -20px;
        width: 35px;
        height: 35px;
    }

    .store-search .label {
        left: 60px;
    }

    .store-services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .ss-product.active > span:nth-child(5) {
        width: var(--size);
        height: var(--size);
        bottom: calc(var(--size) * -0.5);
        color: transparent;
        left: calc(4% + (var(--index) * (var(--size) * 1.5)));
        transform: rotate(45deg);
    }

    .ss-product.active {
        filter: none
    }

    .ss-product:hover > span:nth-child(5) {
        width: 90px;
        height: 35px;
        bottom: -15px;
        overscroll-behavior: contain;
        color: white;
        left: 55%;
        transform: rotate(0deg);
    }

    .ss-product:hover {
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.6));
    }
}