.storefront .menu-breadcrumbs {
    margin-bottom: 0.625rem;
}
@media screen and (min-width: 1024px) {
    .storefront .menu-breadcrumbs {
        margin-bottom: 1.3125rem;
    }
}
.storefront__content {
    margin-bottom: 2rem;
}
.storefront__top {
    display: flex;
}
.storefront__title {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.29373;
    letter-spacing: -0.03em;
    color: #363D40;
    color: var(--G-color-text-dark);
    margin-bottom: 1.0625rem;
}
@media screen and (max-width: 1023px) {
    .storefront__title {
        color: #202527;
        color: var(--G-color-default);
        font-size: 1.25rem;
    }
}
.storefront__count {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2.15167;
    letter-spacing: -0.02em;
    color: #94999E;
    color: var(--G-color-text-light);
    margin-left: 1.5rem;
}
@media screen and (max-width: 1023px) {
    .storefront__count {
        display: none;
    }
}
.storefront__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 22px;
    grid-column-gap: 22px;
    margin-bottom: 0.9375rem;
}
@media screen and (min-width: 1024px) {
    .storefront__list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 28px;
        margin-bottom: 2.75rem;
    }
}
.sf-filter-btn {
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.70227;
    color: #FFF;
    color: var(--G-color-bg);
    padding: 0.4375rem 1.125rem;
    min-height: 2.5rem;
    min-width: 8.8125rem;
    border-radius: 0.25rem;
    border: none;
    display: flex;
    align-items: center;
}
.sf-filter-btn:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='17' viewBox='0 0 15 17' width='15' xmlns='http://www.w3.org/2000/svg' color='%23FFF'%3E%3Cg stroke='currentColor' stroke-linecap='round'%3E%3Cpath d='m3.5 1.00781v14.99999' stroke-width='2'/%3E%3Cpath d='m1.5 11.5h4' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath d='m11.5 16v-15' stroke-width='2'/%3E%3Cpath d='m13.5 5.5h-4' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 1.0625rem;
    width: 0.9375rem;
}
.sf-filter-btn__text {
    margin-left: 0.5rem;
    margin-right: 0.3125rem;
}
.storefront-filter {
    display: grid;
    grid-template-areas: "btn switcher" "tags tags" "select count";
    margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
    .storefront-filter {
        grid-template-areas: "category category category category" "tags tags select switcher";
        grid-template-columns: 1fr 1fr 1fr 90px;
        margin-bottom: 1.875rem;
    }
}
.storefront-filter__category {
    grid-area: category;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 1.375rem;
}
@media screen and (max-width: 1023px) {
    .storefront-filter__category {
        display: none;
    }
}
.storefront-filter__filter-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: btn;
    margin-bottom: 1.5rem;
    justify-self: start;
}
@media screen and (min-width: 1024px) {
    .storefront-filter__filter-btn {
        display: none;
    }
}
.storefront-filter__category-btn {
    background-color: #FFF;
    background-color: var(--G-color-bg);
    border: 1px solid #D1D1D1;
    border: 1px solid var(--G-color-gray-dark);
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.875rem;
    height: 2.375rem;
    line-height: 2.25rem;
    min-width: 2.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.storefront-filter__category-btn:not([disabled]):hover {
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
}
.storefront-filter__category-btn:not([disabled]):active {
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
}
.storefront-filter__category-btn--is-active {
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
    box-shadow: inset 0 0 0 1px #0096EA;
    box-shadow: inset 0 0 0 1px var(--G-color-blue-common);
    cursor: default;
}
.storefront-filter__switcher {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    position: relative;
    grid-area: switcher;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-bottom: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .storefront-filter__switcher {
        gap: 15px;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0.9375rem;
    }
}
@media screen and (min-width: 1024px) {
    .storefront-filter__switcher:before {
        content: "";
        height: 1.25rem;
        transform: translateY(-50%);
        width: 1px;
        background-color: #D1D1D1;
        background-color: var(--G-color-gray-dark);
        position: absolute;
        left: 0;
        top: 50%;
    }
}
.storefront-filter__switcher-btn {
    border: none;
    background-color: transparent;
    color: #94999E;
    color: var(--G-color-placeholder);
    cursor: pointer;
    transition: 0.25s linear;
}
@media screen and (max-width: 1023px) {
    .storefront-filter__switcher-btn {
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 0.25rem;
        border: 1px solid #94999E;
        border: 1px solid var(--G-color-placeholder);
    }
}
.storefront-filter__switcher-btn:hover {
    color: #0096EA;
    color: var(--G-color-blue-common);
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
}
.storefront-filter__switcher-btn:focus-visible {
    color: #0096EA;
    color: var(--G-color-blue-common);
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
}
.storefront-filter__switcher-btn--active {
    color: #0096EA;
    color: var(--G-color-blue-common);
    border-color: #0096EA;
    border-color: var(--G-color-blue-common);
}
.storefront-filter__tags {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: tags;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.storefront-filter__tag {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f2f2f6;
    background-color: var(--G-color-gray-alpine);
    min-height: 2.125rem;
    padding: 0.3125rem 0.6875rem;
    border-radius: 0.125rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.storefront-filter__tag span {
    white-space: nowrap;
}
.storefront-filter__tag-btn {
    position: relative;
}
.storefront-filter__tag-btn:after {
    content: "";
    position: absolute;
    top: -0.3125rem;
    left: -0.3125rem;
    bottom: -0.3125rem;
    right: -0.3125rem;
}
.storefront-filter__tag-clear {
    background-color: transparent;
    border: none;
    min-height: 2.125rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #545658;
    color: var(--G-color-link-gray-light);
    cursor: pointer;
}
.storefront-filter__select {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: select;
    margin-top: 0.5rem;
    width: 100%;
    max-width: 8.75rem;
}
@media screen and (min-width: 1024px) {
    .storefront-filter__select {
        margin-left: auto;
        margin-top: 0;
        max-width: 8.75rem;
        margin-right: 0.875rem;
    }
}
.storefront-filter__count {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: count;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 2.15167;
    letter-spacing: -0.02em;
    color: #94999E;
    color: var(--G-color-placeholder);
    margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
    .storefront-filter__category {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
    }
    .storefront-filter__switcher {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
    }
    .storefront-filter__tags {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .storefront-filter__select {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
}
@media screen and (min-width: 1024px) {
    .storefront-filter__count {
        display: none;
        margin-top: 0;
    }
}
.storefront-item__image {
    position: relative;
}
.storefront-item__favorite {
    position: absolute;
    right: 0.3125rem;
    top: 0.3125rem;
    color: #545658;
    color: var(--G-color-link-gray-light);
    padding: 0.375rem;
    background-color: #FFF;
    background-color: var(--G-color-bg);
    border-radius: 50%;
    border: none;
    cursor: pointer;
}
@media screen and (min-width: 1024px) {
    .storefront-item__favorite {
        right: 0.4375rem;
        top: 0.4375rem;
    }
}
.storefront-item__favorite .icons-pool {
    width: 1.125rem;
    height: 1rem;
}
.storefront-item__favorite .icons-pool--i-heart-contour-small {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23545658'%3E %3Cpath d='M22.0312 0C18.9852 0 16.3415 1.75886 14.9999 4.34123C13.6583 1.75886 11.0146 0 7.9686 0C3.56802 0 -0.00012207 3.67008 -0.00012207 8.1964C-0.00012207 9.58402 0.338309 10.8887 0.929878 12.0343C0.952378 12.2078 1.17552 12.5589 1.55703 13.0487C1.80174 13.3901 2.06517 13.716 2.35669 14.013C5.93801 18.1604 14.9999 27 14.9999 27C14.9999 27 24.0617 18.1604 27.643 14.0139C27.9345 13.716 28.198 13.39 28.4427 13.0496C28.8242 12.5598 29.0474 12.2088 29.0699 12.0352C29.6614 10.8887 29.9999 9.58402 29.9999 8.1964C29.9999 3.67008 26.4317 0 22.0312 0ZM28.0809 8.92351C28.0724 8.9939 28.0602 9.06333 28.0499 9.13371C28.0245 9.30439 27.9946 9.47314 27.957 9.63898C27.9402 9.71133 27.9224 9.78267 27.9036 9.85497C27.8586 10.0237 27.8061 10.1896 27.748 10.3535C27.7283 10.4094 27.7095 10.4664 27.688 10.5223C27.6045 10.7373 27.5117 10.9475 27.4067 11.1501C27.3289 11.2986 27.2352 11.4365 27.147 11.5782C27.1499 11.5811 27.1573 11.5917 27.1592 11.5946C27.5558 12.0642 15.598 23.9933 14.9998 24.4494C14.4017 23.9933 2.44395 12.0642 2.84145 11.5936C2.84336 11.5907 2.85081 11.5801 2.85365 11.5772C2.76556 11.4354 2.67179 11.2986 2.594 11.1491C2.489 10.9466 2.39615 10.7363 2.31272 10.5213C2.2912 10.4654 2.27243 10.4085 2.25272 10.3526C2.19458 10.1896 2.14208 10.0237 2.09708 9.85402C2.07831 9.78262 2.05958 9.71128 2.04365 9.63802C2.00522 9.47214 1.97522 9.30439 1.94988 9.13371C1.93958 9.06333 1.92738 8.9939 1.91895 8.92351C1.89267 8.68437 1.87488 8.44235 1.87488 8.19645C1.87488 4.73466 4.60302 1.92857 7.9686 1.92857C8.24331 1.92857 8.5114 1.95363 8.77674 1.99029C8.84424 1.99992 8.91081 2.0105 8.97831 2.0221C9.22017 2.0636 9.45738 2.11664 9.68801 2.18602C9.70772 2.19182 9.72831 2.19565 9.74802 2.20145C10.003 2.28151 10.2487 2.3818 10.4877 2.49363C10.5327 2.51486 10.5767 2.538 10.6217 2.56018C10.8374 2.66818 11.0464 2.78778 11.247 2.91988L11.2499 2.89286C11.2499 2.89286 11.518 3.09731 11.9071 3.4261C11.9239 3.44057 11.9427 3.45217 11.9596 3.46659C11.9708 3.47622 11.9812 3.48686 11.9914 3.49649C12.8033 4.18982 14.1064 5.40287 14.9999 6.75C15.8934 5.40287 17.1964 4.18982 18.0083 3.49745C18.0186 3.48782 18.0289 3.47723 18.0402 3.46755C18.057 3.45308 18.0758 3.44153 18.0927 3.42706C18.4817 3.09731 18.7499 2.89286 18.7499 2.89286L18.7527 2.91988C18.9534 2.78778 19.1624 2.66818 19.378 2.56018C19.423 2.538 19.4671 2.51486 19.5121 2.49363C19.7512 2.3818 19.9968 2.28151 20.2518 2.20145C20.2714 2.1957 20.2921 2.19182 20.3118 2.18602C20.5424 2.11659 20.7805 2.06355 21.0215 2.0221C21.088 2.01055 21.1546 1.99992 21.2231 1.99029C21.4884 1.95363 21.7565 1.92857 22.0312 1.92857C25.3968 1.92857 28.1249 4.73466 28.1249 8.1964C28.1249 8.4423 28.108 8.68437 28.0809 8.92351Z' fill='currentColor'/%3E %3C/svg%3E");
}
.storefront-item__bottom {
    padding-top: 0.375rem;
}
@media screen and (min-width: 1024px) {
    .storefront-item__bottom {
        padding-top: 0.8125rem;
    }
}
.storefront-item__title {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #202527;
    color: var(--G-color-default);
}
.storefront-item__descr {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.29373;
    color: #545658;
    color: var(--G-color-link-gray-light);
    margin-bottom: 0.25rem;
}
.storefront-item__cost {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.29373;
    color: #202527;
    color: var(--G-color-default);
}
.storefront-item__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
.storefront-item__action {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 1rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.29373;
    color: #94999E;
    color: var(--G-color-placeholder);
    margin-bottom: 0.3125rem;
}
@media screen and (min-width: 1024px) {
    .storefront-item__action {
        margin-bottom: 0;
    }
}
.storefront-item__icon {
    flex-shrink: 0;
    color: #0096EA;
    color: var(--G-color-blue-common);
}