/* Smart search. Mobile first. */
.kk-search { position: relative; }
.kk-search__form { display: flex; gap: .5rem; }
.kk-search__form input[type="search"] { flex: 1; min-width: 0; min-height: 3rem; padding: 0 1rem; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font: 1rem var(--sans, Arial); }
.kk-search__form input[type="search"]:focus-visible { outline: 3px solid var(--burgundy, #5c2a29); outline-offset: 2px; }
.kk-search--big .kk-search__form input[type="search"] { min-height: 3.5rem; font-size: 1.15rem; padding-inline: 1.4rem; }

.kk-search__chips { display: flex; gap: .4rem; margin-top: .8rem; overflow-x: auto; scrollbar-width: none; padding-bottom: .2rem; }
.kk-search__chips[hidden], .kk-search__list[hidden], .kk-search__popular[hidden] { display: none; }
.kk-search__chips button, .kk-search__popular button { flex: none; min-height: 2.25rem; padding: 0 .9rem; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font: 600 .78rem var(--sans, Arial); cursor: pointer; }
.kk-search__chips button.is-on, .kk-search__chips button:hover, .kk-search__popular button:hover { background: var(--burgundy, #5c2a29); border-color: var(--burgundy, #5c2a29); color: var(--cream, #f8f6ed); }
.kk-search__chips span { opacity: .7; margin-left: .2rem; }

.kk-search__popular { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: .9rem 0 0; font-size: .85rem; }
.kk-search__popular > span { opacity: .7; margin-right: .2rem; }

.kk-search__list { list-style: none; margin: .8rem 0 0; padding: 0; border-radius: 1rem; background: var(--cream, #f8f6ed); color: var(--chocolate, #3f291e); box-shadow: 0 12px 34px rgba(40, 24, 17, .22); overflow: hidden; }
.kk-search__list li + li { border-top: 1px solid rgba(63, 41, 30, .1); }
.kk-search__list a { display: flex; align-items: center; gap: .9rem; padding: .7rem .9rem; color: inherit; text-decoration: none; }
.kk-search__list li.is-active a, .kk-search__list a:hover, .kk-search__list a:focus-visible { background: var(--beige, #eadfcf); }
.kk-search__list img, .kk-search__ph { width: 3.5rem; height: 3.5rem; flex: none; border-radius: .6rem; object-fit: cover; background: var(--blush, #e8d0d0); }
.kk-search__txt { display: grid; gap: .15rem; min-width: 0; }
.kk-search__kick { font: 600 .66rem/1.2 var(--sans, Arial); letter-spacing: .12em; text-transform: uppercase; color: var(--burgundy, #5c2a29); }
.kk-search__note { margin-left: .6rem; padding: .1rem .45rem; border-radius: 999px; background: var(--powder, #d4e0df); color: var(--deep-blue, #2f4b5f); letter-spacing: .04em; text-transform: none; }
.kk-search__ttl { font: 1.1rem/1.2 var(--serif, Georgia); }
.kk-search__none { padding: 1rem; font-size: .95rem; }
.kk-search__more a { justify-content: center; font: 600 .82rem var(--sans, Arial); color: var(--burgundy, #5c2a29); }

.search-panel .kk-search__list { max-height: 60vh; overflow-y: auto; }
.kk-search-block { padding-block: var(--section, 3rem); }
.kk-search__heading { text-align: center; margin: 0 0 1.5rem; }
@media (min-width: 800px) { .kk-search--big .kk-search__list { margin-top: 1rem; } .kk-search__list img, .kk-search__ph { width: 4rem; height: 4rem; } }