.content__categories__header .row { max-width: 101.25rem; margin: auto; padding: .0625rem .625rem 1.5625rem } .content__catagories { max-width: 112.5rem; margin: auto; padding: 1.25rem .625rem 0 } .content__catagories .row { max-width: 101.25rem; margin: auto; padding: 0 .3125rem } .content__catagories .row .column-1 { position: fixed; top: 0; left: 0; height: 100dvh; width: 28.125rem; z-index: 999; overflow-y: auto; background: var(--pgm-color-white); transform: translateX(-100%); transition: all .4s ease } .content__catagories .row .column-1.active { transform: translateX(0) } .content__catagories .row .column-1 .title--filters { display: flex; align-items: center; justify-content: space-between; font-size: 1.625rem; font-weight: 600 } .content__catagories .row .column-1 .filters-close-button { display: flex } .content__catagories .row .column-1 .filters-close-button:before { width: 1.875rem; height: 1.875rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#menu_close) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .content__categories__links { max-width: 112.5rem; margin: auto; padding: 0 .625rem } .body-category h1 { margin-bottom: .6875rem; gap: .9375rem; display: flex; align-items: center; font-size: 1.625rem; font-weight: 600 } .body-category .head-line-item-count { font-size: .9375rem; font-weight: 500; color: var(--pgm-color-40) } .subcategories__list { gap: .9375rem; display: grid; grid-template-columns: repeat(9, 1fr) } .subcategories__list li { font-size: 1rem; font-weight: 500; background: var(--pgm-color-47); border-radius: 10px } .subcategories__list li a { height: 100%; min-width: 8rem; padding: 1.5625rem 1.25rem 1.5625rem .9375rem; gap: 1.5625rem; display: flex; flex-direction: column; align-items: center; text-align: center } .subcategories__list li a:hover { background: var(--pgm-color-62); box-shadow: 0 10px 15px 0 hsla(41, 44%, 92%, .502); border-radius: 10px } .subcategories__list li .count { font-size: .875rem; color: var(--pgm-color-12); font-weight: 600 } .subcategories__list li .link { flex: 1 } .content__catagories .subcategories { padding: 0 .625rem } .content__categories__sort { padding-top: 1.25rem } .content__categories__sort .row { max-width: 101.25rem; margin: auto; padding: 0 .625rem } .mobile-filter-btn { min-height: 2.875rem; width: 100%; padding: .625rem 2.5rem; gap: .625rem; display: none; align-items: center; justify-content: center; font-size: .875rem; font-weight: 600; background: var(--pgm-color-white); border: 1px solid var(--pgm-color-14); border-radius: 10px } .mobile-filter-btn:before { width: 1.5rem; height: 1.5rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#filter) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .sort-switchviews-wrap { width: 100% } .sort-switchviews-wrap .sort-filter-navbar-wrap { display: flex; align-items: center; justify-content: space-between } .sort-switchviews-wrap .sort-filter-navbar-wrap .items-count { margin-left: auto; font-size: .875rem; white-space: nowrap } .sort-module-wrap { display: flex; align-items: center; justify-content: space-between } .quick-filters { gap: .9375rem; display: flex; align-items: center } .quick-filters>a { padding: 1.125rem 1.25rem; gap: .625rem; display: flex; align-items: center; font-size: .9375rem; font-weight: 500; border: 2px solid var(--pgm-color-black); border-radius: 5px } .quick-filters>a:after { width: 1.125rem; height: 1.125rem; padding: 1px; background-clip: content-box; mask: url(/assets/webdesign/svg/sprite.stack.svg#filter_btn) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); transition: all .2s ease; content: "" } .quick-filters-group { gap: .9375rem; display: flex; align-items: center } .quick-filters .q-title { padding: .8125rem 1.25rem; gap: .625rem; display: flex; align-items: center; font-size: .9375rem; border: 1px solid var(--pgm-color-41); border-radius: 5px; cursor: pointer } .quick-filters .q-title:after { width: 1.875rem; height: 1.875rem; padding: 1px; background-clip: content-box; mask: url(/assets/webdesign/svg/sprite.stack.svg#chevron_right) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); transform: rotate(90deg); transition: all .2s ease; content: "" } .quick-filters .q-title span { color: var(--pgm-color-40) } .quick-filters-count { height: 1.5rem; width: 1.5rem; display: flex; align-items: center; justify-content: center; font-size: .875rem; background: var(--pgm-color-black); color: var(--pgm-color-white); border-radius: 50% } .quick-filters-count:empty { display: none } .quick-filters [class^=q-filter] { position: relative } .quick-filters .q-content { position: absolute; top: 4.25rem; left: 0; width: 20.625rem; z-index: 99 } .quick-filters .q-content>div { padding: 1.25rem !important; border: 1px solid var(--pgm-color-41); background: var(--pgm-color-white); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .149); border-radius: 5px } .quick-filters .q-content>div.priceSliderBox { min-height: 9.5rem } .quick-filters .q-content>div.priceSliderBox .ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 } .quick-filters .q-content>div.priceSliderBox .ui-rangeSlider-leftLabel { left: 0 !important } .quick-filters .q-content>div.priceSliderBox .ui-rangeSlider-rightLabel { right: 0 !important } .quick-filters .q-content .filters-producer { max-height: 400px; overflow-x: auto } .sort { position: relative; width: max-content; display: flex; flex-direction: column; font-size: .9375rem } .sort__selector-selected { gap: 5px; display: inline-flex; align-items: center; color: var(--pgm-color-55); cursor: pointer } .sort__selector-selected:after { width: 1.875rem; height: 1.875rem; padding: 1px; background-clip: content-box; mask: url(/assets/webdesign/svg/sprite.stack.svg#chevron_right) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); transform: rotate(90deg); transition: all .2s ease; content: "" } .sort__select { position: absolute; top: 1.875rem; right: 0; z-index: 10; font-size: .875rem; background: var(--pgm-color-white); border-radius: 5px; border: 1px solid var(--pgm-color-56); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .251) } .sort__select a { padding: .625rem .9375rem; display: block; white-space: nowrap } .sort__select a.is--active, .sort__select a:hover { background: var(--pgm-color-56) } .sort.active .sort__select { display: block } .sort.active .sort__selector-selected:after { transform: rotate(-90deg) } .product-content .items-count { display: none } #CategoryDesription { padding-bottom: 2.1875rem } #CategoryDesription h2 { margin-bottom: 1.25rem } #CategoryDesription a { text-decoration: underline } #CategoryDesription .description { display: grid; grid-template-columns: 1fr 23.75rem; font-size: .9375rem } #CategoryDesription .description__text { padding: 0 2.5rem 0 0 } #CategoryDesription .description__links { padding: 0 0 0 2.5rem; border-left: 1px solid var(--pgm-color-41) } .new-filters .filters-tab { padding: 1.875rem } .new-filters .filters-tab h3.title--filters { margin-bottom: 0; font-size: 1rem; font-weight: 500; cursor: pointer } .new-filters .filters-tab .filter-header { margin-bottom: .875rem; border-bottom: 1px solid var(--pgm-color-14) } .new-filters .filters-tab .filter-header.filters-tab-producer { padding-bottom: 5px } .new-filters .filters-tab .filter-header h3 { margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; font-size: 1rem; font-weight: 500; cursor: pointer } .new-filters .filters-tab .filter-header h3:after { height: 1.875rem; width: 1.875rem; padding: 1px; background-clip: content-box; mask: url(/assets/webdesign/svg/sprite.stack.svg#chevron_right) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); transform: rotate(-90deg); content: ""; transition: all .2s ease } .new-filters .filters-tab .filter-header.filter-producer h3 { margin-bottom: .625rem } .new-filters .filters-tab .filter-header.priceSliderBox h3:after { display: none } .new-filters .filters-tab .filter-header #divFiltrGrizly, .new-filters .filters-tab .filter-header .block-wrap { overflow: hidden } .new-filters .filters-tab .filter-header #divFiltrGrizly.range-wrap, .new-filters .filters-tab .filter-header .block-wrap.range-wrap { overflow: initial } .new-filters .filters-tab .filter-header #divFiltrGrizly label { margin-bottom: 0 } .new-filters .filters-tab .filter-header.close h3:after { transform: rotate(-90deg) } .new-filters .filters-tab .filter-header.close #divFiltrGrizly, .new-filters .filters-tab .filter-header.close .block-wrap { height: 0 } .new-filters .filters-tab .filter-header.close #divFiltrGrizly.range-wrap, .new-filters .filters-tab .filter-header.close .block-wrap.range-wrap { height: auto } .new-filters .filters-tab .filter-header.open { padding-bottom: 1.75rem } .new-filters .filters-tab .filter-header.open h3:after { transform: rotate(90deg) } .new-filters .filters-tab .filter-header.open #divFiltrGrizly, .new-filters .filters-tab .filter-header.open .block-wrap { height: auto } .new-filters .filters-tab .filter-header label { margin-bottom: .9375rem; gap: .3125rem; display: flex; align-items: center; cursor: pointer; font-weight: 500 } .new-filters .filters-tab .filter-header label input[type=checkbox] { margin-right: .625rem; cursor: pointer } .new-filters .filters-tab .filter-header label span { line-height: 1.428; color: var(--pgm-color-55) } .new-filters .filters-tab .filter-header label.row-disabled { display: none } .new-filters .filters-tab .filter-header #filterCustomAttributes label { margin-bottom: .9375rem } .new-filters .filters-tab .filter-header #filterCustomAttributes label:last-child { margin-bottom: 0 } .new-filters .filters-tab #formFiltersParam .fltrSection.open .block-wrap { height: auto } .new-filters .filters-tab #formFiltersParam .fltrSection.filters-param-baleni.open .block-wrap { min-height: 5.625rem } .new-filters .filters-tab #formFiltersParam .fltrSection.filters-param-baleni.open input { height: 2.4375rem; width: 3.25rem; padding: 0; border: 0 } .new-filters .filters-tab #formFiltersParam .ParamRow { margin-bottom: .9375rem; gap: .9375rem; display: flex; align-items: center; cursor: pointer; font-weight: 500 } .new-filters .filters-tab #formFiltersParam .ParamRow:last-child { margin-bottom: 0 } .new-filters .filters-tab #formFiltersParam .ParamRow input[type=checkbox] { cursor: pointer } .new-filters .filters-tab #formFiltersParam .ParamRow span { line-height: 1.428; color: var(--pgm-color-55) } .new-filters .filters-tab #formFiltersParam .ParamRow.row-disabled { display: none } .new-filters .filters-tab .producer label { display: inline-flex } .new-filters .filters-tab .search-producer__form-inp-wrap { position: relative; width: 100%; margin: 0 0 1.1875rem; display: flex; align-items: center; border-radius: 10px; border: 1px solid var(--pgm-color-13) } .new-filters .filters-tab .search-producer__form-inp-wrap:before { position: absolute; top: .75rem; left: .5625rem; height: 1.875rem; width: 1.875rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#search) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .new-filters .filters-tab .search-producer__form-input { height: 2.1875rem; max-width: 100%; font-size: .875rem; border: 0 } .new-filters .filters-tab .show-all-param-values { font-size: .875rem; text-decoration: underline } .new-filters .filters-tab .filters-tab-labels { display: none } .new-filters .btnBox { position: sticky; bottom: 0; left: 0; right: 0; margin-top: 1.9375rem; padding: 1.875rem; gap: .9375rem; display: flex; align-items: center; background: var(--pgm-color-white) } .new-filters .btnBox button { min-height: 3.75rem } .new-filters .btnBox #filterCloseResults { padding: .625rem 1.875rem; gap: .75rem; display: flex; align-items: center; font-weight: 500; background: var(--pgm-color-white); color: var(--pgm-color-black); border-color: var(--pgm-color-41) } .new-filters .btnBox #filterCloseResults:before { height: 1.875rem; width: 1.875rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#menu_close) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .new-filters .btnBox #filterShowResults { flex: 1; font-weight: 500 } .priceSliderBox { min-height: 6.875rem; margin-bottom: 1rem !important; padding: 1.6875rem 0 5.5rem !important; border-bottom: 1px solid var(--pgm-color-49) } .priceSliderBox h3 { margin-bottom: .875rem; font-size: 1rem; font-weight: 500 } .ui-rangeSlider .ui-rangeSlider-bar { top: .5rem !important; height: 5px; background: var(--pgm-color-black); border-radius: 30px } .ui-rangeSlider .ui-rangeSlider-innerBar { top: .375rem !important; height: .3125rem; background: var(--pgm-color-49); border-radius: 30px } .ui-rangeSlider .ui-rangeSlider-handle { height: 1.375rem; width: 1.375rem; background: var(--pgm-color-black); border: 2px solid var(--pgm-color-white); border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .251) } .ui-rangeSlider .ui-rangeSlider-arrow { display: none } .ui-rangeSlider-label { bottom: -3.375rem; height: 2.5625rem; width: 4.3125rem; padding: .625rem .9375rem; display: flex !important; align-items: center; justify-content: center; border: 1px solid var(--pgm-color-40); border-radius: 6px; background: var(--pgm-color-white) } .ui-rangeSlider-label.ui-rangeSlider-leftLabel { left: 0 !important } .ui-rangeSlider-label.ui-rangeSlider-rightLabel { right: 0 !important } #filterParamLabel, .filters-tab-labels { gap: .625rem; display: flex; align-items: center; flex-wrap: wrap } #filterParamLabel:empty, .filters-tab-labels:empty { margin-bottom: 0 } #filterParamLabel>div, .filters-tab-labels>div { padding: .125rem .125rem .125rem .75rem; gap: .3125rem; display: inline-flex; align-items: center; font-size: .875rem; background: var(--pgm-color-9); border-radius: 10px } #filterParamLabel>div label, .filters-tab-labels>div label { width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0; cursor: pointer } #filterParamLabel>div label:before, .filters-tab-labels>div label:before { width: .5rem; height: .5rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#close) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } #filterParamLabel .labelRemoveAll, #filterParamLabel .lnk-remove-all-filter, .filters-tab-labels .labelRemoveAll, .filters-tab-labels .lnk-remove-all-filter { font-size: .9375rem; font-weight: 500; cursor: pointer; text-decoration: underline; background: none } #filterParamLabel .labelRemoveAll:hover, #filterParamLabel .lnk-remove-all-filter:hover, .filters-tab-labels .labelRemoveAll:hover, .filters-tab-labels .lnk-remove-all-filter:hover { text-decoration: none } .filter-producer, .fltrSectionNegation { margin-bottom: 1.875rem; border-bottom: 1px solid var(--pgm-color-49) } .filter-producer h3, .fltrSectionNegation h3 { margin-bottom: 1.125rem; font-size: 1rem; font-weight: 500 } .filter-producer .search-producer__form-inp-wrap, .fltrSectionNegation .search-producer__form-inp-wrap { position: relative; margin-bottom: 1.125rem } .filter-producer .search-producer__form-inp-wrap:before, .fltrSectionNegation .search-producer__form-inp-wrap:before { position: absolute; top: .6875rem; left: .6875rem; width: 1.875rem; height: 1.875rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#search) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .filter-producer .search-producer__form-input, .fltrSectionNegation .search-producer__form-input { width: 100%; min-height: 3.4375rem; padding-left: 2.8125rem; background: var(--pgm-color-47); border: 0; border-radius: 10px } .filter-producer .show-all-param-values, .fltrSectionNegation .show-all-param-values { text-decoration: underline } .filter-producer label, .fltrSectionNegation label { margin-bottom: .875rem; gap: .3125rem; display: flex; align-items: center } .filter-producer label input, .fltrSectionNegation label input { margin-right: .625rem } .content__categories__topsale .row { max-width: 112.5rem; margin: auto; padding: 1.875rem .625rem 0; gap: 3.75rem } .content__categories__topsale .row:has(#BannImg_4) { display: grid; grid-template-columns: 1fr 24.625rem; align-items: start } #BannImg_4 { margin: 0; padding: 1.25rem .625rem 0; gap: .625rem; display: grid } #BannImg_4.f-carousel { height: 14.375rem; margin: 0 } #BannImg_4.f-carousel:has(.f-carousel__viewport+figure) { height: auto } #BannImg_4 a { height: 13.125rem; display: block; aspect-ratio: 395/210 } #BannImg_4 img { border-radius: 10px } #BannImg_4 .f-carousel__dots { display: none } #BannImg_4 .pgmbanner-fig figcaption { position: absolute; bottom: 0; left: .625rem; right: .625rem; padding: .1875rem; background: rgba(0, 0, 0, .5); color: var(--pgm-color-white); font-size: .875rem; border-radius: 0 0 10px 10px } #BannImg_4 .pgmbanner-fig.f-carousel__slide figcaption { left: 0; right: 0 } #BannImg_8 .f-carousel__dots { display: none } #BannImg_8 .pgmbanner-fig figcaption { position: absolute; bottom: 0; left: .625rem; right: .625rem; padding: .1875rem; background: rgba(0, 0, 0, .5); color: var(--pgm-color-white); font-size: .875rem } #BannImg_8 .pgmbanner-fig.f-carousel__slide figcaption { left: 0; right: 0 } #searchBlockProd .alert { margin-bottom: 3.75rem } #search_result_article, #search_result_categories, #search_result_producer, #search_result_recepty { margin: 3.4375rem 0 .625rem; display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; font-weight: 600 } #search_result_article .show-all, #search_result_categories .show-all, #search_result_producer .show-all, #search_result_recepty .show-all { gap: 5px; display: flex; align-items: center; font-size: .875rem; font-weight: 400; color: var(--pgm-color-6); text-decoration: underline; cursor: pointer } #search_result_article .show-all:after, #search_result_categories .show-all:after, #search_result_producer .show-all:after, #search_result_recepty .show-all:after { height: 1.375rem; width: 1.375rem; display: inline-block; content: ""; background: url(/assets/webdesign/svg/sprite.stack.svg#arrow_right_c) no-repeat 50% } #searchArticle.active .show-all:after, #searchProducer.active .show-all:after, #searchRecepty.active .show-all:after { transform: rotate(180deg) } #searchCategory.active { margin-bottom: .625rem } #searchCategory.active .show-all:after { transform: rotate(180deg) } #search_result_categories { margin-top: 0 } #grizly_search_content h1 { margin: 2.25rem 0 } #grizly_search_content .subcategories__list li { gap: .625rem } #grizly_search_content .search-items { gap: 6.25rem; display: grid; grid-template-columns: auto 21.875rem 21.875rem } #grizly_search_content .search-items:has(#searchProducer.hidden) { grid-template-columns: 21.875rem 21.875rem } #searchProducer .subproducers__list { gap: 1.5625rem; display: flex; flex-wrap: wrap; align-items: center } #searchProducer .subproducers__list img { max-height: 3.125rem; max-width: 9.375rem } #searchArticle>span, #searchRecepty>span { margin-bottom: 1.25rem } #searchArticle ul li, #searchRecepty ul li { margin-bottom: .625rem } #searchArticle ul li a:hover, #searchRecepty ul li a:hover { color: var(--pgm-color-6); text-decoration: underline } #producerDetail .producer-content { margin-bottom: 1.875rem; gap: 1.25rem; display: grid; grid-template-columns: 6.25rem 1fr } #producerDetail .producer-description .title { margin: 0 0 1.25rem; font-size: 2.25rem; font-weight: 700 } #producerDetail .producer-categories .producer-categories-title { margin-bottom: 1.25rem; font-weight: 600 } #producerDetail .producer-categories .row { padding: 0 } #producerDetail .producer-categories .group-title { margin-bottom: .3125rem; font-weight: 600 } #producerDetail .producer-categories li { margin-bottom: .625rem } #producerDetail .producer-categories li:nth-child(n+11) { display: none } #producerDetail .producer-categories li.link { display: inherit } #producerDetail .producer-categories .show-all, #producerDetail .producer-categories a:hover { color: var(--pgm-color-6); text-decoration: underline } #producerDetail .producer-categories .show-all { gap: 5px; display: NONE; align-items: center; font-size: .875rem; font-weight: 400; cursor: pointer } #producerDetail .producer-categories .show-all:after { height: .9375rem; width: .9375rem; display: inline-block; content: ""; background: url(/assets/webdesign/svg/sprite.stack.svg#arrow_right_c) no-repeat 50% } #producerDetail .producer-categories.packed .show-all { display: flex } #producerDetail .producer-categories.packed .group:nth-child(n+9) { display: none } .categories { margin-bottom: 1.875rem } .categories__list { gap: .9375rem; display: grid; grid-template-columns: repeat(7, 1fr) } .categories__list li { padding: .9375rem; gap: .9375rem; align-items: center; font-size: .875rem; font-weight: 600; background: var(--pgm-color-white); border: 1px solid var(--pgm-color-19); border-radius: 10px } .categories__list li, .categories__list li figure { display: flex; justify-content: center } .categories__list li img { height: 9.375rem } .categories__list li h2 { margin-top: 1.25rem; font-size: 1.5625rem; font-weight: 600; text-align: center } .category-desc { margin: 3.125rem 0; padding: 2.5rem; gap: 1.875rem; scroll-margin-top: 9.375rem; scroll-behavior: smooth; display: flex; align-items: center; background: var(--pgm-color-47); border-radius: 10px } .category-desc__image { flex-shrink: 0 } .category-desc__content { font-size: .9375rem } .category-desc__content h3 { margin-bottom: 1.25rem; font-size: 1.625rem; font-weight: 500 } @media (max-width:1400px) { .categories__list, .subcategories__list { grid-template-columns: repeat(5, 1fr) } } @media (max-width:1200px) { #grizly_search_content .search-items { display: block } .categories__list li h2 { font-size: 1.25rem } } @media (max-width:1100px) { .quick-filters__title-d { display: none } } @media (max-width:1024px) { .content__categories__topsale .row:has(#BannImg_4) { gap: 1.5rem; display: flex; flex-direction: column; align-items: normal } #BannImg_4 { padding-top: 1.25rem; order: 1; grid-template-columns: 1fr 1fr } } @media (max-width:1000px) { .quick-filters>a { padding: .75rem 1.375rem; font-size: .875rem } .quick-filters-group { display: none } } @media (max-width:950px) { .doc-not-scrollable { overflow: hidden !important } .doc-not-scrollable, .doc-not-scrollable body { scrollbar-width: none } .content__catagories .row { display: block } .content__catagories .row .column-1 { width: unset } .content__catagories .row .column-2 { width: 100% } .content__categories__sort { min-height: 3rem; margin-bottom: 0; padding-top: .5625rem; border: 0 } .mobile-filter-btn { display: flex } .sort-switchviews-wrap .sort-filter-navbar-wrap { gap: 1.25rem; flex-direction: column } .product-content .items-count { display: block } .new-filters.active:before { position: fixed; z-index: 999; top: 0; left: 0; height: 100%; width: 100%; content: ""; background: #1e1e1e; opacity: .9; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .new-filters.active .filters-tab { position: fixed; top: 0; left: 0; z-index: 9999; height: 100dvh; width: 100%; margin: 0; padding: .625rem 0 4rem; display: flex; flex-direction: column; overflow-y: auto; background: var(--pgm-color-white); border-radius: 0 } .new-filters.active .filters-tab::-webkit-scrollbar { width: 10px } .new-filters.active .filters-tab::-webkit-scrollbar-track { padding: 2px; border-radius: 6px; background: var(--pgm-color-14); -webkit-box-shadow: inset 0 0 6px var(--pgm-color-14) } .new-filters.active .filters-tab::-webkit-scrollbar-thumb { width: 6px; border-radius: 6px; background: var(--pgm-color-6) } .new-filters.active .filters-tab .filter-header { order: 15; padding-left: .75rem; padding-right: .75rem } .new-filters.active .filters-tab .filter-header.filter-basic { padding-top: 1.5625rem; border-top: 1px solid var(--pgm-color-14) } .new-filters.active .filters-tab .filters-tab-labels { padding: 0 .75rem 1.5rem; display: flex; order: 10 } .new-filters.active .filters-tab .btnBox { order: 20; position: fixed; left: 0; bottom: 0; width: 100%; padding: .75rem; background: var(--pgm-color-9) } .new-filters.active .filters-tab .btnBox #filterShowResults { width: 100%; display: flex } .new-filters.active h3.title--filters { margin: 0 0 1rem; padding: 0 2.8125rem; gap: 0; text-align: center; font-size: 1.25rem; color: var(--pgm-color); border-radius: 0; background: unset } .new-filters.active h3.title--filters:before { position: absolute; top: 1.0625rem; right: 1.0625rem; width: .875rem; height: .875rem; mask: url(/assets/webdesign/svg/sprite.stack.svg#close) no-repeat 50% 50%; mask-size: cover; background-color: var(--pgm-color-black); content: "" } .new-filters.active h3.title--filters strong { font-weight: 700 } #filterParamLabel, .filters-tab-labels { margin-bottom: .4375rem } #filterParamLabel .labelRemoveAll, #filterParamLabel .lnk-remove-all-filter, .filters-tab-labels .labelRemoveAll, .filters-tab-labels .lnk-remove-all-filter { font-size: .875rem } } @media (max-width:900px) { .subcategories__list { grid-template-columns: repeat(4, 1fr) } #CategoryDesription .description { display: block } #CategoryDesription .description__text { margin-bottom: 1.25rem } #CategoryDesription .description__links { padding: 0; border: 0 } .categories__list { grid-template-columns: repeat(4, 1fr) } } @media (max-width:768px) { .content__categories__header .row { padding: .25rem .625rem .625rem } .body-search .content__categories__header .row { padding-bottom: 0 } .content__catagories { padding: .625rem 0 } .content__catagories .row { padding: 0 } .content__catagories .row .column-1 .title--filters { font-size: 1.4375rem } .body-category h1 { display: block; line-height: 1 } .body-category .head-line-item-count { margin-left: .625rem } .subcategories__list { gap: .625rem; display: flex; --f-carousel-slide-width: 18.18182%; --f-carousel-gap: 10px } .subcategories__list li a { min-width: 6.25rem; max-height: 110px; padding: .625rem; gap: .625rem; font-size: .8125rem } .subcategories__list li img { width: auto; height: 2.8125rem } .subcategories__list>div { margin-bottom: .9375rem } #CategoryDesription { padding-bottom: 1.0625rem } .new-filters .filters-tab .filter-header label, .ui-rangeSlider-label { font-size: .9375rem } .content__categories__topsale .row:has(#BannImg_4) { padding-top: 0 } #search_result_article, #search_result_categories, #search_result_producer, #search_result_recepty { margin: 2.0625rem 0 .625rem; font-size: 1.125rem } #search_result_article .show-all, #search_result_categories .show-all, #search_result_producer .show-all, #search_result_recepty .show-all { font-size: 0 } #search_result_article .show-all:after, #search_result_categories .show-all:after, #search_result_producer .show-all:after, #search_result_recepty .show-all:after { background: url(/assets/webdesign/svg/sprite.stack.svg#arrow_down_c) no-repeat 50%; transition: all .2s ease } #searchArticle .mobile-wrapper, #searchProducer .mobile-wrapper, #searchRecepty .mobile-wrapper { height: 0; overflow: hidden } #searchArticle.active .mobile-wrapper, #searchProducer.active .mobile-wrapper, #searchRecepty.active .mobile-wrapper { height: auto } #searchCategory .subcategories__list { height: 0; min-height: 0 } #searchCategory.active .mobile-wrapper { height: auto } #searchCategory.active .subcategories__list { height: auto; min-height: 7.8125rem } #searchProducer.active .subproducers__list { margin-bottom: 1.875rem } #search_result_article, #search_result_categories, #search_result_producer, #search_result_recepty { margin: 0; padding: .75rem 0; border-top: 1px solid var(--pgm-color-19) } #grizly_search_content h1 { margin-bottom: 1.25rem; font-size: 1.5625rem; line-height: 1.28 } #grizly_search_content #searchArticle>span, #grizly_search_content #searchRecepty>span { margin-bottom: 0 } #grizly_search_content .subcategories__list li img { width: 2.75rem; height: auto } #grizly_search_content #searchArticle.active .mobile-wrapper, #grizly_search_content #searchRecepty.active .mobile-wrapper { height: auto } #searchProducer .subproducers__list li:nth-child(n+6) { padding-bottom: 1.25rem } #producerDetail .producer-content { display: block } #producerDetail .logo { display: none } .categories__list { gap: .625rem; grid-template-columns: repeat(3, 1fr) } .categories__list li img { width: auto; height: 5rem } .categories__list li h2 { font-size: 1.125rem } } @media (max-width:700px) { .category-desc { padding: 1.25rem; gap: .875rem; flex-direction: column; text-align: center } .category-desc__image img { max-height: 7.5rem; width: auto } .category-desc__content p { line-height: 1.66 } } @media (max-width:600px) { .subcategories__list { min-height: 125px; --f-carousel-slide-width: 22.22222%; overflow: hidden } #BannImg_4 { grid-template-columns: auto } } @media (max-width:550px) { .subcategories__list li { padding: 0; gap: .9375rem } .categories__list { grid-template-columns: repeat(2, 1fr) } .categories__list li { padding: .25rem .625rem; gap: .9375rem } } @media (max-width:500px) { .sort-module-wrap { align-items: baseline } .quick-filters { gap: .5625rem .9375rem; flex: 0; flex-wrap: wrap; justify-content: center } } @media (max-width:450px) { .content__catagories .row .column-1 { top: 20%; width: 100%; height: calc(100dvh - 20%); overflow: auto; border-radius: 10px 10px 0 0 } .subcategories__list { --f-carousel-slide-width: 28.16901% } } @media (min-width:1100px) { .quick-filters__title-m { display: none } }