@media (min-width: 1024px) {
   /* a#offcanvas-menu {
        display: none;
    }*/

    main nav.shop {
        display: block;
        position: fixed;
        right: auto;
        top: 0;
        width: 240px;
        height: 100vh;
        padding: 70px 45px 30px 30px;
        background-color: transparent;
        background-image: url("/styles/images/rand_web.png");
        background-position: top right;
        color: var(--color-text);
        overflow-y: scroll;
    }

    main nav.shop ul {
        display: block;
        text-align: left;
    }

    main nav.shop ul:first-child {
        border-bottom: 1px solid rgba(0,0,0,.5);
        padding-bottom: .5em;
        margin-bottom: 1em;
    }

    main nav.shop ul li {
        margin-bottom: .5em;
    }
    main nav.shop ul li a {
        color: var(--color-text);
    }
    main nav.shop ul li.title {
        margin-top: 1em;
        margin-bottom: .8em;
        font-weight: 600;
        font-size: 20px;
    }
    main nav.shop ul li.title span:first-of-type {
        letter-spacing: 1px;
    }
    main nav.shop ul li.selected {
        font-weight: 600;
    }
    .home main nav.shop,
    .page main nav.shop {
        display: none;
    }
    body.shop {
       background: #efece9;
    }
    body.shop img.site-bg{
       display: none;
    }
    body.shop .content {
        margin: 0 auto 0 300px;
        width: calc(100vw - 280px);
        max-width: calc(100vw - 340px);
    }
    body.shop .product .content {
        max-width: 960px;
    }
}
@media (min-width: 2000px) {
    body.shop .content {
        max-width: 1500px;
    }
}