/* Neutral storefront surface inspired by compact catalog applications. */
body.storefront-body {
    background: #f1f1f3 !important;
    color: #23272d;
}

body.storefront-body .navbar-acg {
    margin: 7px 12px 0;
    border: 1px solid #dedfe3;
    border-radius: 14px;
    background: rgba(248, 248, 249, .97);
    box-shadow: 0 3px 12px rgba(24, 28, 33, .08);
}

body.storefront-body .store-brand-name {
    color: #1f2328;
}

body.storefront-body .store-page {
    max-width: 1120px;
}

body.storefront-body .store-search,
body.storefront-body .store-categories,
body.storefront-body .store-products {
    border: 1px solid #dedfe3;
    background: #fff;
    box-shadow: 0 3px 10px rgba(24, 28, 33, .08);
    backdrop-filter: none;
}

body.storefront-body .store-search {
    border-radius: 12px;
}

body.storefront-body .store-search button {
    background: #0d0e10;
}

body.storefront-body .store-ribbon {
    border: 1px solid #dedfe3;
    background: #fff;
    color: #4e5660;
    box-shadow: 0 2px 8px rgba(24, 28, 33, .06);
}

body.storefront-body .store-ribbon i {
    color: #20242a;
}

@media (min-width: 768px) {
    body.storefront-body .store-catalog {
        display: grid;
        grid-template-columns: 250px minmax(0, 1fr);
        align-items: start;
        gap: 16px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    body.storefront-body .store-categories,
    body.storefront-body .store-products {
        min-width: 0;
        overflow: hidden;
        border-radius: 12px;
    }

    body.storefront-body .store-categories {
        padding: 15px 13px;
        border-right: 1px solid #dedfe3;
    }

    body.storefront-body .store-products {
        padding: 15px 16px 10px;
    }
}

body.storefront-body .store-category {
    color: #555d66;
}

body.storefront-body .store-category:hover,
body.storefront-body .store-category.is-primary {
    background: #fff;
    color: #15181c;
    box-shadow: 0 2px 8px rgba(24, 28, 33, .1);
}

body.storefront-body .store-category.is-primary {
    outline: 1px solid #dfe1e5;
}

body.storefront-body .store-category__count {
    background: #f1f2f4;
    color: #646b74;
}

body.storefront-body .store-product-head {
    border-radius: 8px 8px 0 0;
    background: #f4f4f6;
}

body.storefront-body .store-product,
body.storefront-body .store-product-head {
    border-color: #e1e2e5;
}

body.storefront-body .store-product:hover {
    background: #f8f8f9;
}

body.storefront-body .store-product__price {
    color: #111317;
}

body.storefront-body .store-product__action {
    background: #0d0e10;
}

body.storefront-body .store-product.is-soldout .store-product__action {
    background: #a9adb3;
}

@media (max-width: 767.98px) {
    body.storefront-body .navbar-acg {
        margin: 5px 7px 0;
    }

    body.storefront-body .store-catalog {
        background: transparent;
    }

    body.storefront-body .store-categories,
    body.storefront-body .store-products {
        border-color: #dedfe3;
        background: #fff;
        box-shadow: 0 3px 10px rgba(24, 28, 33, .07);
    }

    body.storefront-body .navbar-nav .nav-link {
        background: #fff;
    }

    body.storefront-body .navbar-nav .nav-link.active {
        border-color: #d9dadd;
        background: #fff;
        color: #111317;
        box-shadow: 0 2px 7px rgba(24, 28, 33, .09);
    }
}