.search-bar{width:100%;max-width:500px;position:relative}.search-bar__input-wrapper{background:#f5f5f5;border:2px solid #0000;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative}.search-bar_focused .search-bar__input-wrapper{background:#fff;border-color:#0070f3;box-shadow:0 4px 12px #0000001a}.search-bar__icon{opacity:.5;flex-shrink:0;width:20px;height:20px;margin-left:16px;position:relative}.search-bar_focused .search-bar__icon{opacity:.8}@media screen and (max-width:1279px){.search-bar__icon{width:18px;height:18px}}.search-bar__input{background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:Onest,sans-serif;font-size:16px}.search-bar__input::placeholder{color:#999}@media screen and (max-width:1279px){.search-bar__input{padding:11px 13px;font-size:15px}}.search-bar__clear{cursor:pointer;color:#666;background:#e0e0e0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-size:18px;line-height:1;transition:all .2s;display:flex}.search-bar__clear:hover{color:#333;background:#ccc}.search-bar__dropdown{z-index:100;background:#fff;border-radius:12px;max-height:400px;padding:8px 0;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.search-bar__dropdown::-webkit-scrollbar{width:6px}.search-bar__dropdown::-webkit-scrollbar-track{background:0 0}.search-bar__dropdown::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.search-bar__item{cursor:pointer;color:#333;padding:12px 20px;font-family:Onest,sans-serif;font-size:15px;transition:background .2s}.search-bar__item:hover{background:#f5f5f5}.search-bar__no-results{text-align:center;color:#999;padding:20px;font-family:Onest,sans-serif;font-size:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.filter-category__container{background:#f6f6f6;border-radius:20px;flex-direction:column;min-width:350px;max-width:350px;height:fit-content;max-height:100%;padding:24px;display:inline-flex}@media screen and (max-width:1279px){.filter-category__container{display:none}}.filter-category__item{position:relative}.filter-category__item:not(:last-child):after{content:"";border-bottom:1px solid #0000004d;position:absolute;bottom:0;left:20px;right:20px}.filter-category__category{cursor:pointer;vertical-align:middle;color:#000000d9;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:26px 16px;font-family:Onest,sans-serif;font-size:20px;font-weight:600;line-height:24px;transition:background .3s;display:flex}.filter-category__arrow{min-width:18px;min-height:18px;transition:transform .3s}.filter-category__arrow_open{transform:rotate(180deg)}.filter-category__subcategories{padding-bottom:10px;padding-left:24px}.filter-category__subcategory{cursor:pointer;vertical-align:middle;color:#000000d9;-webkit-user-select:none;user-select:none;border-radius:8px;margin:4px 0;padding:12px 16px;font-family:Onest,sans-serif;font-size:17px;font-weight:500;line-height:24px;transition:background .2s}.filter-category__subcategory:not(:has(.filter-category__subcategory-text_active)):hover .filter-category__subcategory-text{color:#7d7d7d}.filter-category__subcategory-text_active{color:#2d72d9;font-weight:500}.filter-category__subcategory-text_active:hover{color:#2d72d9}.filter-category__category-text{transition:all .2s}.filter-category__category-text:hover{color:#7d7d7d}.filter-category__category-text_active,.filter-category__category-text_active:hover{color:#2d72d9;font-weight:600}.filter-category__subcategory-text{transition:all .2s}.filter-category__subcategory-text_active,.filter-category__subcategory-text_active:hover{color:#2d72d9;font-weight:500}.filter-category__mobile{display:none}@media screen and (max-width:430px){.filter-category__mobile{flex-direction:column;gap:24px;display:flex}}@media screen and (max-width:1279px){.filter-category__mobile{justify-content:space-between;gap:24px;display:flex}}.filter-category__btn-filters{border:1px solid #4c4c4c;border-radius:20px;justify-content:center;align-items:center;width:134px;height:44px;display:flex}@media screen and (max-width:430px){.filter-category__btn-filters{width:100%}}.filter-category__btn-filters-text{letter-spacing:0;vertical-align:middle;color:#4c4c4c;font-size:15px;font-weight:600;line-height:24px}.filter-category__icon-filter{color:#4c4c4c}.filter-category__modal{-webkit-backdrop-filter:blur(4px)!important;background:#0006!important}.filter-category__modal-wrapper{width:430px;height:90%;padding:0 15px 15px 20px}@media screen and (max-width:500px){.filter-category__modal-wrapper{width:85vw;height:90%;padding:0 15px 15px 20px}}.filter-category__b-close{justify-content:flex-end;padding:20px 20px 0 0;display:flex}.filter-category__btn-close-mobile{cursor:pointer;color:#282828;transition:all .25s}.filter-category__btn-close-mobile:hover{opacity:.65}.filter-category__btn-select-filters{background-color:#0068b1;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;width:max-content;min-width:134px;max-width:430px;height:44px;padding:0 18px;display:flex}@media screen and (max-width:430px){.filter-category__btn-select-filters{width:100%}}.filter-category__btn-clear-filter{justify-content:center;align-items:center;display:flex}.filter-category__btn-clear-filter-icon{color:#fff}.filter-category__selected-filter-text{color:#fff;letter-spacing:0;text-align:center;vertical-align:middle;font-size:16px;font-weight:500;line-height:20px}.filter-category__selected-filter-title{letter-spacing:0;text-align:center;vertical-align:middle;color:#fff9;font-size:16px;font-weight:500;line-height:20px}.filter-category__skeleton-title{border-radius:6px;display:block}.filter-category__btn-filters_skeleton{pointer-events:none;border-color:#4c4c4c4d}.filter-category__skeleton-mobile-title{border-radius:6px;display:block}.filter-category__skeleton-title,.filter-category__skeleton-mobile-title{background:linear-gradient(90deg,#ececec 0%,#f5f5f5 50%,#ececec 100%) 0 0/200% 100%;border-radius:6px;height:24px;animation:1.5s ease-in-out infinite productSkeletonShimmer;display:block}.filter-category__skeleton-mobile-title{width:80px;height:16px}.g-modal__content{background:#f6f6f6!important;border-radius:20px!important}
