.shop-category-filters{position:relative;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) 200px 200px;gap:16px;margin-bottom:16px;overflow:visible}
.shop-category-search{display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid var(--bg_border);border-radius:16px;background:var(--bg_main);color:var(--font_sub);min-width:0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.shop-category-search input{width:100%;min-width:0;height:54px;border:0;outline:none;background:transparent;color:var(--font_main);font-size:16px}
.shop-category-search input::placeholder{color:var(--font_sub);opacity:.8}
.shop-category-filters select{width:100%;height:54px;appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid var(--bg_border);border-radius:16px;padding:0 48px 0 16px;background-color:var(--bg_main);background-image:linear-gradient(45deg,transparent 50%,var(--font_sub) 50%),linear-gradient(135deg,var(--font_sub) 50%,transparent 50%);background-position:calc(100% - 21px) 24px,calc(100% - 16px) 24px;background-size:5px 5px;background-repeat:no-repeat;color:var(--font_main);font-size:14px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.shop-category-filters select option{background:var(--bg_main);color:var(--font_main)}
.shop-category-search:hover,.shop-category-filters select:hover{border-color:color-mix(in srgb,var(--main) 55%,var(--bg_border));background-color:color-mix(in srgb,var(--bg_main) 96%,var(--main))}
.shop-category-search:focus-within,.shop-category-filters select:focus-visible{outline:0;border-color:var(--main);box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 16%,transparent)}
.shop-theme-select{position:relative;min-width:0}
.shop-theme-select.is-open{z-index:1090}
.shop-theme-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.shop-theme-select-trigger{display:flex;width:100%;height:54px;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border:1px solid var(--bg_border);border-radius:16px;background:var(--bg_main);color:var(--font_main);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.shop-theme-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-theme-select-arrow{flex:0 0 auto;color:var(--font_sub);font-size:11px;transition:transform .24s ease,color .2s ease}
.shop-theme-select:hover .shop-theme-select-trigger,.shop-theme-select.is-open .shop-theme-select-trigger{border-color:color-mix(in srgb,var(--main) 65%,var(--bg_border));background:color-mix(in srgb,var(--bg_main) 95%,var(--main))}
.shop-theme-select.is-open .shop-theme-select-trigger{box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 14%,transparent),0 12px 32px rgba(0,0,0,.18)}
.shop-theme-select.is-open .shop-theme-select-arrow{transform:rotate(180deg);color:var(--main)}
.shop-theme-select-menu{position:absolute;z-index:1080;top:calc(100% + 8px);right:0;left:0;display:grid;gap:4px;max-height:280px;padding:7px;overflow:auto;border:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border));border-radius:15px;background:color-mix(in srgb,var(--bg_main) 97%,var(--main));box-shadow:0 20px 48px rgba(0,0,0,.38),inset 0 1px color-mix(in srgb,var(--font_main) 7%,transparent);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top;transition:opacity .18s ease,transform .18s ease,visibility .18s;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.shop-theme-select.is-open .shop-theme-select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.shop-theme-select-option{display:flex;width:100%;min-height:41px;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:0;border-radius:11px;background:transparent;color:var(--font_sub);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.shop-theme-select-option::after{content:"\f00c";font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:700;color:var(--main);font-size:11px;opacity:0;transform:scale(.65);transition:opacity .16s ease,transform .16s ease}
.shop-theme-select-option:hover,.shop-theme-select-option:focus-visible{outline:0;background:color-mix(in srgb,var(--main) 10%,var(--bg_sub));color:var(--font_main);transform:translateX(2px)}
.shop-theme-select-option.is-selected{background:color-mix(in srgb,var(--main) 14%,var(--bg_sub));color:var(--main);font-weight:700}
.shop-theme-select-option.is-selected::after{opacity:1;transform:scale(1)}
.shop-theme-select-menu::-webkit-scrollbar{width:5px}.shop-theme-select-menu::-webkit-scrollbar-track{background:transparent}.shop-theme-select-menu::-webkit-scrollbar-thumb{border-radius:9px;background:color-mix(in srgb,var(--main) 45%,var(--bg_border))}
@media(max-width:767.98px){.shop-category-filters{grid-template-columns:1fr 1fr;gap:10px}.shop-category-search{grid-column:1/-1}.shop-category-filters select{font-size:12px;padding-left:13px;padding-right:42px;background-position:calc(100% - 19px) 24px,calc(100% - 14px) 24px}}
@media(max-width:767.98px){.shop-theme-select-trigger{padding:0 13px;font-size:12px}.shop-theme-select-menu{right:auto;width:max-content;min-width:100%;max-width:min(88vw,300px)}.shop-theme-select:last-child .shop-theme-select-menu{right:0;left:auto}.shop-theme-select-option{font-size:12px}}
