.catalog-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;padding:22px;background:#f7f8f4;border:1px solid #e5e9df;border-radius:20px;margin-bottom:16px;color:#173c2b}
.catalog-filters label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.catalog-search>div{position:relative}.catalog-search i{position:absolute;left:15px;top:17px;color:#74816c}.catalog-search input,.catalog-filters select{width:100%;height:48px;background:white;border:1px solid #dce3d7;border-radius:12px;padding:0 14px;font-size:14px}.catalog-search input{padding-left:40px}.catalog-submit{border:0;border-radius:12px;padding:12px 20px;background:#173c2b;color:white;grid-column:1/-1;font-weight:600}.catalog-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#64735f;margin:18px 2px 24px}.catalog-meta a{text-decoration:underline;text-underline-offset:4px}.animated-select{position:relative;min-width:0}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;text-align:left;border:1px solid #dce3d7;border-radius:12px;background:#fff;padding:12px 14px;font-size:14px;color:inherit}.select-trigger:after{content:'';width:7px;height:7px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.select-trigger[aria-expanded=true]:after{transform:rotate(225deg)}.select-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:280px;overflow:auto;z-index:40;padding:6px;background:#fff;border:1px solid #e1e6dd;border-radius:14px;box-shadow:0 16px 40px #173c2b24;animation:select-open .2s ease-out;transform-origin:top}.select-panel[hidden],[hidden]{display:none!important}.select-panel button{display:block;width:100%;text-align:left;padding:12px;border-radius:9px;font-size:14px;overflow-wrap:anywhere}.select-panel button:hover,.select-panel button:focus-visible{background:#f1f5ed}.select-panel button[aria-pressed=true]{background:#e8efe3;color:#254e30;font-weight:600}.select-trigger:focus-visible,.catalog-filters input:focus-visible,.catalog-submit:focus-visible{outline:2px solid #9eac79;outline-offset:3px}.product-category{font-size:10px;letter-spacing:.04em;color:#6c795c;margin:0 0 6px;display:block}.kategori-menu{display:flex;flex-direction:column;gap:6px}.kategori-menu a{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#f6f8f3;border-radius:10px;font-size:14px;color:#244631;overflow-wrap:anywhere}.kategori-menu a:hover{background:#e8efe3}.catalog-empty{padding:50px 20px;text-align:center;color:#6b7863;background:#f8f9f5;border-radius:18px;margin:20px 0}.catalog-more{text-align:center;padding:24px 0 0}.catalog-more button{padding:12px 24px;border-radius:24px;border:1px solid #cdd7c4;color:#23432c;background:#f8faf5;font-size:14px}.catalog-more button:disabled{opacity:.5}.catalog-more p{color:#a23e32;font-size:13px;margin-top:12px}#product-grid[aria-busy=true]{opacity:.5;transition:opacity .2s}#vitrin{scroll-margin-top:110px}#infinite-loader{display:none}.catalog-item-enter{animation:select-open .35s ease-out}
@keyframes select-open{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.catalog-filters{grid-template-columns:1fr;gap:14px;padding:16px}.catalog-meta{font-size:11px}.select-panel{max-height:220px}}
@media(prefers-reduced-motion:reduce){.select-panel,.catalog-item-enter{animation:none}.select-trigger:after{transition:none}}

.select-panel{position:fixed;right:auto;box-sizing:border-box;z-index:10000;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;animation:none}.select-panel button{border:0;background:transparent;color:inherit;cursor:pointer}.select-panel button:disabled{opacity:.5;cursor:default}

