._ShopPage_11dem_1 {
    width: 100%;
    display: flex;
    color: var(--bodycolortext);
    font-size: 16px;
    max-width: 1600px;
    margin: 0 auto;
    --borderradius: 0px
}

._ShopPage_11dem_1 ::-webkit-scrollbar {
    width: 6px
}

._ShopPage_11dem_1 ::-webkit-scrollbar-track {
    background: #96969680;
    border-radius: 8px
}

._ShopPage_11dem_1 ::-webkit-scrollbar-thumb {
    background-color: var(--bodycolortext);
    border-radius: 8px
}

._ShopPage_11dem_1 ::-webkit-scrollbar-thumb:hover {
    cursor: pointer
}

._ShopPage_11dem_1 a {
    text-decoration: none
}

._ShopPage_11dem_1 ul {
    list-style: none;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column
}

._ShopPage_11dem_1 ul li:not(:last-child) {
    padding-bottom: 20px
}

._ShopPage_11dem_1 ul li._parent_11dem_38 {
    padding-left: 20px
}

._ShopPage_11dem_1 ul._categories_11dem_41 {
    font-weight: 600
}

._ShopPage_11dem_1 ul._categories_11dem_41._root_categories_11dem_44 {
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden
}

._ShopPage_11dem_1 ul._subcategories_11dem_50 {
    padding-left: 24px;
    padding-top: 20px;
    font-weight: 400;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden
}

._ShopPage_11dem_1 ul._overflow_box_11dem_58 {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden
}

._ShopPage_11dem_1 ._loading_categories_11dem_63 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100px
}

._ShopPage_11dem_1 ._content_11dem_70 {
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (max-width: 1024px) {
    ._ShopPage_11dem_1 ._content_11dem_70 {
        padding: 40px 20px
    }
}

@media (max-width: 500px) {
    ._ShopPage_11dem_1 ._content_11dem_70 {
        grid-template-columns: 1fr
    }
}

._ShopPage_11dem_1 ._content_11dem_70 ._head_11dem_87 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px
}

._ShopPage_11dem_1 ._content_11dem_70 ._head_11dem_87 ._title_11dem_93 {
    flex-grow: 1;
    font-weight: 600;
    font-size: 24px
}

._ShopPage_11dem_1 ._content_11dem_70 ._head_11dem_87 ._filters_11dem_98 {
    width: 100%
}

._ShopPage_11dem_1 ._content_11dem_70 ._list_11dem_101 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px
}

@media (max-width: 1400px) {
    ._ShopPage_11dem_1 ._content_11dem_70 ._list_11dem_101 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1024px) {
    ._ShopPage_11dem_1 ._content_11dem_70 ._list_11dem_101 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 300px) {
    ._ShopPage_11dem_1 ._content_11dem_70 ._list_11dem_101 {
        grid-template-columns: repeat(1, 1fr)
    }
}

._ShopPage_11dem_1 button._all_categories_11dem_117 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    display: flex;
    padding: 8px 12px;
    font-size: inherit;
    font-weight: 600;
    background-color: #9696961a;
    border-radius: 4px
}

@media (max-width: 768px) {
    ._ShopPage_11dem_1 {
        flex-direction: column;
        position: relative
    }
}

._FilterGroup_16tx4_1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: all .2s ease
}

._FilterGroup_16tx4_1 ._head_16tx4_10 {
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: .8;
    background-color: #9696961a;
    border-radius: 4px;
    transition: inherit
}

._FilterGroup_16tx4_1 ._head_16tx4_10 ._title_16tx4_22 {
    flex-grow: 1;
    -webkit-user-select: none;
    user-select: none
}

._FilterGroup_16tx4_1 ._head_16tx4_10 ._icon_16tx4_26 {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .8;
    transform: rotate(0);
    transition: inherit
}

._FilterGroup_16tx4_1 ._head_16tx4_10:hover {
    cursor: pointer;
    opacity: 1
}

._FilterGroup_16tx4_1 ._content_wrapper_16tx4_38 {
    width: 100%;
    display: grid;
    grid-template-rows: 0fr;
    border-radius: 4px;
    transition: inherit
}

._FilterGroup_16tx4_1 ._content_wrapper_16tx4_38 ._content_16tx4_38 {
    width: 100%;
    min-height: 0px;
    overflow: hidden;
    transition: inherit;
    padding: 0 20px
}

._FilterGroup_16tx4_1._isOpen_16tx4_52 {
    gap: 2px
}

._FilterGroup_16tx4_1._isOpen_16tx4_52 ._head_16tx4_10 {
    opacity: 1;
    background-color: #96969633
}

._FilterGroup_16tx4_1._isOpen_16tx4_52 ._head_16tx4_10 ._icon_16tx4_26 {
    transform: rotate(-180deg);
    opacity: 1
}

._FilterGroup_16tx4_1._isOpen_16tx4_52 ._content_wrapper_16tx4_38 {
    grid-template-rows: 1fr;
    background-color: #9696961a
}

._FilterGroup_16tx4_1._isOpen_16tx4_52 ._content_wrapper_16tx4_38 ._content_16tx4_38 {
    min-height: auto;
    padding: 20px
}

._Icon_1oxqy_1 {
    fill: currentColor;
    flex-shrink: 0
}

._Product_1xqtv_1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: currentColor;
    font-size: 16px;
    text-transform: none;
    line-height: normal;
    text-decoration: none;
    font-weight: 400;
    opacity: .9;
    gap: 10px;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid rgba(150, 150, 150, 0.2);
    transition: all .2s ease
}

._Product_1xqtv_1._soon_1xqtv_15 ._image_1xqtv_15 img {
    opacity: .8
}

._Product_1xqtv_1:hover {
    opacity: 1
}

._Product_1xqtv_1:hover ._image_1xqtv_15 {
    transform: scale(.99)
}

._Product_1xqtv_1 ._image_1xqtv_15 {
    position: relative;
    width: 100%;
    min-width: 150px;
    height: 20vw;
    max-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: inherit
}

._Product_1xqtv_1 ._image_1xqtv_15 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center
}

@media (max-width: 1024px) {
    ._Product_1xqtv_1 ._image_1xqtv_15 {
        min-width: 230px;
    }
}

@media (max-width: 768px) {
    ._Product_1xqtv_1 ._image_1xqtv_15 {
        min-width: 100%;
        height: 40vw;
        max-height: unset;
    }
}

@media (max-width: 300px) {
    ._Product_1xqtv_1 ._image_1xqtv_15 {
        width: 100%;
        height: 100%;
    }
}

._Product_1xqtv_1 ._image_1xqtv_15 ._soon_chip_1xqtv_53 {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    color: #fff;
    background-color: #3bb154;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid rgba(59, 177, 84, .2)
}

._Product_1xqtv_1 ._info_1xqtv_66 {
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: inherit
}

._Product_1xqtv_1 ._info_1xqtv_66 ._title_1xqtv_74 {
    flex-grow: 1;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal
}

._Product_1xqtv_1 ._info_1xqtv_66 ._price_1xqtv_87 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

._Product_1xqtv_1 ._info_1xqtv_66 ._price_1xqtv_87 ._current_1xqtv_94 {
    padding: 4px 0;
    font-size: 18px;
    font-weight: 800
}

._Product_1xqtv_1 ._info_1xqtv_66 ._price_1xqtv_87 ._current_1xqtv_94._isOffert_1xqtv_99 {
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 4px;
    color: var(--bodycolorbackground);
    background-color: var(--bodycolortext)
}

._Product_1xqtv_1 ._info_1xqtv_66 ._price_1xqtv_87 ._before_1xqtv_106 {
    font-weight: 300;
    text-decoration: line-through;
    text-decoration-thickness: .5px
}

._Checkbox_1yvhf_1 {
    position: relative;
    width: 100%;
    display: flex;
    -webkit-user-select: none;
    user-select: none
}

._Checkbox_1yvhf_1:hover {
    cursor: pointer;
    opacity: .8
}

._Checkbox_1yvhf_1 input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 4px;
    margin-right: 8px;
    padding: 0;
    border: 1px solid var(--bodycolortext);
    background-color: transparent;
    cursor: pointer
}

._Checkbox_1yvhf_1 input[type=checkbox]:checked {
    opacity: 1;
    background-color: var(--bodycolortext)
}

._Checkbox_1yvhf_1 input[type=checkbox]:checked+._checkmark_1yvhf_29 {
    position: absolute;
    left: 2px;
    top: 1px;
    z-index: 1;
    color: var(--bodycolorbackground)
}

._Checkbox_1yvhf_1 ._checkmark_1yvhf_29 {
    pointer-events: none
}

._Checkbox_1yvhf_1 ._label_1yvhf_39 {
    cursor: inherit;
    font-size: inherit;
    color: currentColor;
    font-weight: 400;
    text-transform: none;
    line-height: normal
}

._LinkCategory_o7nhb_1 {
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-family: inherit;
    font-size: inherit;
    text-align: start;
    padding: 0;
    color: currentColor;
    text-transform: none;
    line-height: normal;
    border-radius: 4px;
    font-weight: inherit;
    transition: all .2s ease;
    display: flex;
    gap: 10px;
    opacity: .8
}

._LinkCategory_o7nhb_1 ._icon_o7nhb_21 {
    padding-top: 1px
}

._LinkCategory_o7nhb_1:hover {
    cursor: pointer;
    transform: translate(5px);
    opacity: 1
}

._LinkCategory_o7nhb_1._selected_o7nhb_29 {
    pointer-events: none;
    font-weight: 600;
    opacity: 1
}

._LinkCategory_o7nhb_1._loading_o7nhb_34 {
    opacity: .6;
    pointer-events: none
}

._Spinner_1cfcr_1 {
    width: 100%;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px
}

._Spinner_1cfcr_1 small {
    opacity: .8;
    font-size: 12px;
    font-weight: 600
}

._SpinnerIcon_1cfcr_16 {
    animation: _spin_1cfcr_1 1s linear infinite;
    fill: currentColor
}

@keyframes _spin_1cfcr_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

._Paginator_cmif3_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0
}

._Paginator_cmif3_1 ._button_cmif3_8 {
    width: fit-content;
    height: fit-content;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: currentColor;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    padding: 10px;
    border-radius: 4px;
    color: var(--bodycolorbackground);
    background-color: var(--bodycolortext);
    opacity: .8;
    font-weight: 500;
    transition: all .2s ease
}

._Paginator_cmif3_1 ._button_cmif3_8:hover {
    cursor: pointer;
    opacity: 1
}

._Paginator_cmif3_1 ._button_cmif3_8:disabled {
    pointer-events: none;
    color: currentColor;
    opacity: .6;
    background: #96969633
}

._Paginator_cmif3_1 ._legend_cmif3_35 {
    font-size: 14px;
    font-weight: 500;
    color: currentColor;
    text-transform: none;
    letter-spacing: normal;
    text-decoration: none;
    padding: 20px
}

._DualRangeInput_zt86q_1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 0 10px;
    --height: 4px;
    --thumbssize: 20px
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 {
    position: relative;
    height: var(--height);
    display: flex;
    align-items: center
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._range_zt86q_16 {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: var(--height);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    z-index: 2
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._range_zt86q_16::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bodycolortext);
    border: 1px solid var(--bodycolorbackground);
    width: var(--thumbssize);
    height: var(--thumbssize);
    margin-top: calc(var(--height) * .5);
    border-radius: 50%;
    cursor: pointer
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._range_zt86q_16::-moz-range-thumb {
    pointer-events: auto;
    background-color: var(--bodycolortext);
    border: 1px solid var(--bodycolorbackground);
    width: var(--thumbssize);
    height: var(--thumbssize);
    margin-top: calc(var(--height) * .5);
    border-radius: 50%;
    cursor: pointer
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._rangeTrack_zt86q_50 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: var(--height);
    transform: translateY(-50%);
    overflow: hidden
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._rangeTrack_zt86q_50:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--height);
    background-color: var(--bodycolortext);
    border-radius: var(--height);
    opacity: .2
}

._DualRangeInput_zt86q_1 ._input_zt86q_10 ._rangeTrack_zt86q_50 ._rangeHighlight_zt86q_68 {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    border-radius: var(--height)
}

._DualRangeInput_zt86q_1 ._values_zt86q_76 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    opacity: .8
}

@media (max-width: 768px) {
    ._DualRangeInput_zt86q_1 ._values_zt86q_76 {
        grid-template-columns: repeat(2, 1fr)
    }
}

._DualRangeInput_zt86q_1 ._values_zt86q_76 ._value_zt86q_76 {
    width: 100%;
    border: 1px solid rgba(150, 150, 150, .2);
    border-radius: 4px;
    display: inline-flex;
    gap: 4px
}

._DualRangeInput_zt86q_1 ._values_zt86q_76 ._value_zt86q_76 input {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
    width: 100%;
    color: currentColor;
    font-size: 14px;
    background: none;
    outline: 0;
    border: 0;
    padding: 15px
}

._DualRangeInput_zt86q_1 ._values_zt86q_76 ._value_zt86q_76 input::-webkit-outer-spin-button,
._DualRangeInput_zt86q_1 ._values_zt86q_76 ._value_zt86q_76 input:-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

._DualRangeInput_zt86q_1 ._values_zt86q_76 ._value_zt86q_76 span {
    opacity: .8;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

._Sidebar_15weg_1 {
    width: 100%;
    max-width: 400px;
    flex-shrink: 1;
    line-height: normal
}

@media (max-width: 768px) {
    ._Sidebar_15weg_1 {
        max-width: 100%;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

._Sidebar_15weg_1 ._container_15weg_15 {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 20px
}

._MobileSidebar_1wvqc_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: all .2s ease
}

._MobileSidebar_1wvqc_1 ._filters_1wvqc_7 {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 10px;
    background-color: var(--bodycolorbackground);
    /* height: 80px */
    flex-wrap: wrap;
}

._MobileSidebar_1wvqc_1 ._filters_1wvqc_7 ._close_1wvqc_16 {
    margin-left: auto;
    display: flex;
    justify-content: end;
    padding: 10px;
    opacity: .8;
    transition: inherit
}

._MobileSidebar_1wvqc_1 ._filters_1wvqc_7 ._close_1wvqc_16:hover {
    cursor: pointer;
    opacity: 1
}

@keyframes _appear_1wvqc_1 {
    0% {
        background-color: transparent
    }

    to {
        background-color: #000c
    }
}

@keyframes _appearX_1wvqc_1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

._MobileSidebar_1wvqc_1 ._container_1wvqc_44 {
    position: absolute;
    z-index: 1;
    top: 100%;
    flex-grow: 1;
    width: 100%;
    height: calc(100vh - 80px);
    animation: _appear_1wvqc_1 .4s ease forwards
}

._MobileSidebar_1wvqc_1 ._container_1wvqc_44 ._content_1wvqc_53 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px 20px;
    background-color: var(--bodycolorbackground);
    border-bottom: 1px solid rgba(150, 150, 150, .4)
}

._MobileSidebar_1wvqc_1 ._container_1wvqc_44 ._content_1wvqc_53 ._children_1wvqc_63 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: _appearX_1wvqc_1 .4s ease forwards
}

._Chip_1dbli_1 {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid currentColor;
    font-size: 14px;
    color: currentColor;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    border-radius: 4px;
    transition: all .2s ease;
    opacity: .8
}

._Chip_1dbli_1 ._label_1dbli_17 {
    flex-grow: 1;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

._Chip_1dbli_1:hover {
    cursor: pointer;
    opacity: 1
}

._Chip_1dbli_1._selected_1dbli_26 {
    opacity: 1;
    color: var(--bodycolorbackground);
    background-color: var(--bodycolortext);
    border-color: var(--bodycolortext)
}

._Chip_1dbli_1._loading_1dbli_32 {
    pointer-events: none;
    height: 38.4px;
    opacity: .8
}

._SelectChips_14ryn_1 {
    max-width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    gap: 10px
}

._MessageScreen_1fyc7_1 {
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

._MessageScreen_1fyc7_1 ._container_1fyc7_7 {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 20px;
    padding: 20px;
    opacity: .8;
    text-align: center
}

._MessageScreen_1fyc7_1._default_1fyc7_21 {
    color: currentColor;
    background-color: #96969633
}

._MessageScreen_1fyc7_1._error_1fyc7_25 {
    color: #9b0808;
    background-color: #9b080833
}

._MessageScreen_1fyc7_1._success_1fyc7_29 {
    color: #fff;
    background-color: #08911a
}