/* Header search panel, search results and the category overview (inc/search.php). */

/* Panel under the header */
.search-panel{position:absolute;left:0;right:0;top:100%;z-index:55;background:var(--drawer);border-bottom:1px solid var(--line);box-shadow:var(--shadow-pop);max-height:calc(100dvh - var(--hdr) - 40px);overflow:auto}
.search-panel[hidden]{display:none}
.search-panel .wrap{padding-top:16px;padding-bottom:20px}
.sp-form{position:relative;display:flex;align-items:center;gap:8px}
.sp-form>.icon{position:absolute;left:16px;width:20px;height:20px;color:var(--ink-3);pointer-events:none}
.sp-form input[type=search]{flex:1;min-height:52px;padding-left:46px;border-radius:var(--r-pill);font-size:17px}
.sp-form input[type=search]::-webkit-search-cancel-button{display:none}
.sp-results:empty{display:none}
.sp-results,.sp-start{margin-top:18px}
.search-panel .eyebrow{display:block;margin:0 0 8px;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.search-panel .pills{margin:0 0 14px}
.sp-kits{list-style:none;margin:0 0 8px;padding:0}
.sp-kits a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;min-height:64px;padding:6px 8px;margin:0 -8px;border-radius:12px;color:var(--ink)}
.sp-kits a:hover,.sp-kits a:focus-visible{background:var(--panel)}
.sp-kits .pic{width:56px;height:56px;border-radius:10px;background:var(--stage);overflow:hidden}
.sp-kits img{width:100%;height:100%;object-fit:cover}
.sp-kits .nm{font-family:var(--display);font-size:17px;line-height:1.3}
.sp-kits .pr{font-size:var(--fs-md);color:var(--ink-2);font-variant-numeric:tabular-nums}
.sp-all{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--gold);font-size:var(--fs-md)}
.sp-none{margin:0;color:var(--ink-3);font-size:var(--fs-md)}
body.search-open::after{content:"";position:fixed;inset:0;z-index:40;background:rgba(4,7,12,.55)}
@media (max-width:820px){.search-panel{max-height:calc(100dvh - var(--hdr))}}
@media (max-width:420px){.hdr .hdr-account{display:none}}

/* Results page */
.search-page{padding-top:var(--s-8);padding-bottom:var(--s-16)}
.search-big{max-width:640px;margin:0 0 16px}
.search-big .btn{flex:none}
.sr-count{margin:0 0 12px;color:var(--ink-2)}
.sr-cats{align-items:center;margin:0 0 24px}
.sr-cats .lbl{margin-right:4px;font-size:var(--fs-sm);color:var(--ink-3)}
.sr-empty{max-width:640px;padding:20px 0 8px}
.sr-empty p{color:var(--ink-2)}
.sr-h{margin:var(--s-10) 0 var(--s-6);font-size:var(--fs-h3)}
@media (max-width:520px){.search-big .btn span{display:none}}

/* Category overview */
.cat-page{padding-bottom:var(--s-16)}
.c-intro{max-width:680px;color:var(--ink-2)}
.cat-grid{list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.cat-tile a{display:flex;flex-direction:column;height:100%;padding:14px 14px 18px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);color:var(--ink);transition:border-color var(--t-fast) ease,transform var(--t-fast) ease}
.cat-tile a:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.cat-tile .pic{display:block;aspect-ratio:4/3;margin-bottom:14px;border-radius:var(--r-lg);background:var(--stage);overflow:hidden}
.cat-tile .pic img{width:100%;height:100%;object-fit:contain}
.cat-tile .t{font-family:var(--display);font-size:22px;line-height:1.2}
.cat-tile .d{margin-top:6px;font-size:var(--fs-md);color:var(--ink-2)}
.cat-tile .n{margin-top:auto;padding-top:12px;font-size:var(--fs-sm);color:var(--gold)}
.cat-tile.all a{justify-content:center;min-height:200px;border-style:dashed;background:none}
@media (max-width:520px){.cat-grid{grid-template-columns:1fr 1fr;gap:12px}.cat-tile a{padding:10px 10px 14px}.cat-tile .t{font-size:18px}.cat-tile .d{display:none}.cat-tile.all{grid-column:1/-1}.cat-tile.all a{min-height:0;padding:18px}}