/* KREDO: живі підказки пошуку (2026-10-28) */
.ks-dd{position:fixed;z-index:100000;background:#fff;border:1px solid #dfe5d6;border-radius:10px;box-shadow:0 10px 30px rgba(40,60,20,.18);max-height:min(70vh,560px);overflow-y:auto;padding:6px 0;font-size:14px;line-height:1.35;text-align:left;-webkit-overflow-scrolling:touch}
.ks-dd a{color:#333;text-decoration:none}
.ks-h{padding:8px 14px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8a9a7a}
.ks-corr{padding:8px 14px;color:#555;background:#f6f9f2;border-bottom:1px solid #eef2e8;font-size:13px}
.ks-cat{display:flex;align-items:center;gap:8px;padding:7px 14px;color:#3d6b12 !important;font-weight:600}
.ks-ico{color:#8bbf3f;font-size:12px}
.ks-p{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:7px 14px}
.ks-p img,.ks-noimg{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#f7f7f7;display:block}
.ks-n{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ks-n b{background:#eef6e2;font-weight:600;border-radius:2px}
.ks-pr{white-space:nowrap;font-weight:700;color:#2f2f2f;text-align:right}
.ks-pr s{display:block;font-weight:400;color:#999;font-size:12px}
.ks-pr em{font-style:normal;color:#d0442b}
.ks-all{display:block;margin-top:4px;padding:10px 14px;border-top:1px solid #eef2e8;color:#3d6b12 !important;font-weight:600}
.ks-empty{padding:12px 14px;color:#777}
.ks-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 10px}
.ks-chip{display:inline-block;padding:5px 11px;border:1px solid #dfe5d6;border-radius:16px;background:#fafcf7;font-size:13px}
.ks-i:hover,.ks-on{background:#f3f8ec}
.ks-chip.ks-on,.ks-chip:hover{background:#e7f2d8;border-color:#bcd99a}
@media (max-width:600px){.ks-dd{font-size:15px;max-height:65vh}.ks-p{padding:9px 12px}}
/* сторінка пошуку */
.ks-note{margin:6px 0 14px;padding:10px 14px;border-radius:8px;background:#f6f9f2;border:1px solid #dfe9d0;color:#444}
.ks-zero{margin:10px 0 24px}
.ks-zero h3{margin:0 0 6px;font-size:18px}
.ks-zero p{margin:4px 0;color:#555}
.ks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px}
.ks-card{display:block;border:1px solid #e6eadf;border-radius:10px;padding:10px;background:#fff;color:#333 !important;text-decoration:none !important}
.ks-card:hover{box-shadow:0 6px 18px rgba(40,60,20,.12)}
.ks-card img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;margin-bottom:8px;max-width:100%}
.ks-card .ks-cn{display:block;font-size:13px;line-height:1.3;height:3.9em;overflow:hidden}
.ks-card .ks-cp{display:block;margin-top:6px;font-weight:700}
/* сторінка пошуку: новий верх замість старої форми «Критерії пошуку» (2026-10-29) */
html.ks-searchpage .nsearchpage > p,html.ks-searchpage .nsearchpage > .content,html.ks-searchpage .nsearchpage > h2,
.nsearchpage:has(.ks-head) > p,.nsearchpage:has(.ks-head) > .content,.nsearchpage:has(.ks-head) > h2{display:none !important}
.nsearchpage:has(.ks-head) > h1,html.ks-searchpage .nsearchpage > h1{text-transform:none !important;font-size:26px;line-height:1.25;font-weight:700;color:#2b2b2b;margin:4px 0 4px;letter-spacing:0}
.ks-head{margin:0 0 14px}
.ks-found{color:#7a8570;font-size:14px;margin-bottom:12px}
.ks-head .ks-note{margin:0 0 12px}
.ks-chips2{display:flex;gap:8px;flex-wrap:wrap}
.ks-chips2 a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #dfe5d6;border-radius:20px;background:#fff;color:#333 !important;text-decoration:none !important;font-size:14px;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}
.ks-chips2 a span{color:#8a9a7a;font-size:12px}
.ks-chips2 a:hover{border-color:#bcd99a;background:#f6faef}
.ks-chips2 a.on{background:#6d9a2a;border-color:#6d9a2a;color:#fff !important}
.ks-chips2 a.on span{color:#e6f2d4}
/* панель «Вид / Сортування» лише на сторінці пошуку */
html.ks-searchpage .nsearchpage .product-filter{display:flex !important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:0 !important;border-top:1px solid #edf0e8 !important;border-bottom:1px solid #edf0e8 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:10px 0 !important;margin:0 0 18px !important}
html.ks-searchpage .nsearchpage .product-filter:before,html.ks-searchpage .nsearchpage .product-filter:after{display:none !important}
html.ks-searchpage .nsearchpage .product-filter .pull-left,html.ks-searchpage .nsearchpage .product-filter .pull-right{float:none !important}
html.ks-searchpage .nsearchpage .product-filter > .pull-right{display:flex;align-items:center;gap:12px;margin-left:auto}
html.ks-searchpage .nsearchpage .product-filter .limit{display:none !important}
html.ks-searchpage .nsearchpage .display{display:inline-flex !important;align-items:center;border:1px solid #dfe5d6;border-radius:8px;overflow:hidden;padding:0 !important;margin:0 !important}
html.ks-searchpage .nsearchpage .display > span{display:none !important}
html.ks-searchpage .nsearchpage .display a{display:inline-flex !important;align-items:center;justify-content:center;width:38px;height:34px;margin:0 !important;padding:0 !important;color:#8a9a7a !important;cursor:pointer;border:0 !important;background:#fff}
html.ks-searchpage .nsearchpage .display a + a{border-left:1px solid #dfe5d6 !important}
html.ks-searchpage .nsearchpage .display a em{display:none !important}
html.ks-searchpage .nsearchpage .display a i{margin:0 !important;font-size:15px}
html.ks-searchpage .nsearchpage .display a.active{background:#eef6e2;color:#3d6b12 !important}
html.ks-searchpage .nsearchpage .product-filter .sort{display:flex !important;align-items:center;gap:8px;margin:0 !important}
html.ks-searchpage .nsearchpage .product-filter .sort > span{float:none !important;margin:0 !important;color:#7a8570;font-size:14px}
html.ks-searchpage .nsearchpage .product-filter .select-style{float:none !important;border:0 !important;background:none !important;margin:0 !important;padding:0 !important;width:auto !important;overflow:visible !important}
html.ks-searchpage .nsearchpage .product-filter select{-webkit-appearance:none;appearance:none;height:36px;padding:0 34px 0 14px !important;border:1px solid #dfe5d6 !important;border-radius:18px !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236d9a2a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 13px center !important;font-size:14px;color:#333;width:auto !important;min-width:170px;box-shadow:none !important;cursor:pointer}
html.ks-searchpage .nsearchpage .product-compare .btn{border-radius:18px !important;height:36px;line-height:34px;padding:0 14px !important;font-size:13px}
@media (max-width:600px){
 .nsearchpage:has(.ks-head) > h1,html.ks-searchpage .nsearchpage > h1{font-size:20px}
 .ks-chips2{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px 4px;scrollbar-width:none}
 .ks-chips2::-webkit-scrollbar{display:none}
 html.ks-searchpage .nsearchpage .product-filter .sort > span{display:none}
 html.ks-searchpage .nsearchpage .product-filter select{min-width:0}
}