/* Search-page recipes — search_bar / search_results / search_filters / search_empty / search_tabs.
 * Tokens only, no !important (bar the reduced-motion kill-switch). apb-rx-* namespace. Reuses .apb-rx-btn. */

/* ---- search_bar ---- */
.apb-rx-srch-inner{max-width:720px;margin-inline:auto}
.apb-rx-srch--hero .apb-rx-srch-inner{text-align:center}
.apb-rx-srch-head h2{font-family:var(--apb-rx-font-display,inherit);font-size:clamp(26px,3.6vw,40px);font-weight:800;letter-spacing:-.02em;margin:0;color:var(--apb-rx-ink)}
.apb-rx-srch-head p{margin:10px 0 0;color:var(--apb-rx-muted,#6b7280);font-size:16px}
.apb-rx-srch--hero .apb-rx-srch-head{margin-bottom:22px}
.apb-rx-srch-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.apb-rx-srch--bar .apb-rx-srch-chips{justify-content:flex-start;margin:12px 0 0}
.apb-rx-srch-chip{font-size:13px;font-weight:600;color:var(--apb-rx-muted,#6b7280);padding:6px 13px;border-radius:var(--apb-rx-radius-pill,999px);border:1px solid var(--apb-rx-line,#e7e8ec);text-decoration:none;transition:color var(--apb-rx-t) var(--apb-rx-ease),border-color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-srch-chip:hover{color:var(--apb-rx-accent-text,var(--apb-rx-brand));border-color:var(--apb-rx-brand)}
.apb-rx-srch-form{display:flex;align-items:center;gap:8px;background:var(--apb-rx-surface,#fff);border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius-pill,999px);padding:8px 8px 8px 18px;box-shadow:var(--apb-rx-shadow-2,0 8px 24px -14px rgba(11,13,18,.18));transition:border-color var(--apb-rx-t) var(--apb-rx-ease),box-shadow var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-srch-form:focus-within{border-color:var(--apb-rx-brand);box-shadow:0 0 0 4px var(--apb-rx-ring,rgba(79,70,229,.2))}
.apb-rx-srch-ic{display:inline-flex;color:var(--apb-rx-muted,#6b7280);flex:0 0 auto}
.apb-rx-srch-ic svg{width:20px;height:20px}
.apb-rx-srch-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--apb-rx-ink)}
.apb-rx-srch-form .apb-rx-btn{flex:0 0 auto;white-space:nowrap}
.apb-rx-srch-popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--apb-rx-muted,#6b7280)}
.apb-rx-srch--hero .apb-rx-srch-popular{justify-content:center}
.apb-rx-srch-popular>span{font-weight:600}
.apb-rx-srch-pop{font-size:13px;color:var(--apb-rx-accent-text,var(--apb-rx-brand));text-decoration:none;padding:3px 10px;border-radius:var(--apb-rx-radius-pill,999px);background:var(--apb-rx-soft,#f4f5f7);transition:filter var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-srch-pop:hover{filter:brightness(.97)}

/* ---- search_results ---- */
.apb-rx-sres{max-width:1100px;margin-inline:auto}
.apb-rx-sres-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--apb-rx-line,#e7e8ec)}
.apb-rx-sres-count{font-size:15px;color:var(--apb-rx-muted,#6b7280)}
.apb-rx-sres-count strong{color:var(--apb-rx-ink);font-weight:700}
.apb-rx-sres-term{color:var(--apb-rx-accent-text,var(--apb-rx-brand));font-weight:600}
.apb-rx-sres-sort{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--apb-rx-muted,#6b7280)}
.apb-rx-sres-sort select{font:inherit;font-size:14px;color:var(--apb-rx-ink);background-color:var(--apb-rx-surface,#fff);border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius,10px);padding:7px 10px;cursor:pointer}
.apb-rx-sres-type{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-sres-card{text-decoration:none;color:inherit;border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius,16px);overflow:hidden;background:var(--apb-rx-surface,#fff);transition:transform var(--apb-rx-t) var(--apb-rx-ease),box-shadow var(--apb-rx-t) var(--apb-rx-ease),border-color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-sres-card:hover{transform:translateY(-2px);border-color:var(--apb-rx-line-accent,var(--apb-rx-brand));box-shadow:var(--apb-rx-shadow-2,0 8px 24px -14px rgba(11,13,18,.16))}
.apb-rx-sres-thumb img{width:100%;height:100%;object-fit:cover}
.apb-rx-sres-body{display:flex;flex-direction:column;gap:6px}
.apb-rx-sres-body h3{margin:0;font-size:clamp(16px,1.5vw,18px);font-weight:700;letter-spacing:-.01em;color:var(--apb-rx-ink);line-height:1.3}
.apb-rx-sres-body p{margin:0;color:var(--apb-rx-muted,#6b7280);font-size:14px;line-height:1.6}
.apb-rx-sres-meta{color:var(--apb-rx-muted,#6b7280);font-size:12.5px}
/* list */
.apb-rx-sres--list .apb-rx-sres-items{display:flex;flex-direction:column;gap:12px}
.apb-rx-sres--list .apb-rx-sres-card{display:grid;grid-template-columns:120px 1fr;gap:16px}
.apb-rx-sres--list .apb-rx-sres-thumb{aspect-ratio:1}
.apb-rx-sres--list .apb-rx-sres-body{padding:14px 16px 14px 0}
.apb-rx-sres--list .apb-rx-sres-card:not(:has(.apb-rx-sres-thumb)) .apb-rx-sres-body{padding-left:18px}
.apb-rx-sres--list .apb-rx-sres-card{grid-template-columns:120px 1fr}
/* grid */
.apb-rx-sres--grid .apb-rx-sres-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(14px,2vw,20px)}
.apb-rx-sres--grid .apb-rx-sres-thumb{aspect-ratio:16/10}
.apb-rx-sres--grid .apb-rx-sres-body{padding:16px}
@media(max-width:560px){.apb-rx-sres--list .apb-rx-sres-card{grid-template-columns:88px 1fr}}

/* ---- search_filters ---- */
.apb-rx-sfilt{max-width:280px;border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius,16px);background:var(--apb-rx-surface,#fff);padding:6px 18px 18px}
.apb-rx-sfilt-h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apb-rx-muted,#6b7280);padding:16px 0 8px}
.apb-rx-sfilt-group{border-top:1px solid var(--apb-rx-line,#e7e8ec)}
.apb-rx-sfilt-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:700;color:var(--apb-rx-ink)}
.apb-rx-sfilt-group summary::-webkit-details-marker{display:none}
.apb-rx-sfilt-chev{width:8px;height:8px;border-right:2px solid var(--apb-rx-muted,#6b7280);border-bottom:2px solid var(--apb-rx-muted,#6b7280);transform:rotate(45deg);transition:transform var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-sfilt-group[open] .apb-rx-sfilt-chev{transform:rotate(-135deg)}
.apb-rx-sfilt-opts{display:flex;flex-direction:column;gap:2px;padding-bottom:10px}
.apb-rx-sfilt-opt{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:14px;color:var(--apb-rx-ink)}
.apb-rx-sfilt-opt input{position:absolute;opacity:0;width:0;height:0}
.apb-rx-sfilt-box{flex:0 0 auto;width:18px;height:18px;border:1.5px solid var(--apb-rx-line,#e7e8ec);border-radius:5px;display:grid;place-items:center;transition:background var(--apb-rx-t) var(--apb-rx-ease),border-color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-sfilt-box::after{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;transform:scale(0);transition:transform var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-sfilt-opt input:checked~.apb-rx-sfilt-box{background:var(--apb-rx-brand);border-color:var(--apb-rx-brand)}
.apb-rx-sfilt-opt input:checked~.apb-rx-sfilt-box::after{transform:scale(1)}
.apb-rx-sfilt-opt input:focus-visible~.apb-rx-sfilt-box{box-shadow:0 0 0 3px var(--apb-rx-ring,rgba(79,70,229,.25))}
.apb-rx-sfilt-lbl{flex:1}
.apb-rx-sfilt-cnt{color:var(--apb-rx-muted,#6b7280);font-size:12.5px}
.apb-rx-sfilt-price{display:flex;align-items:center;gap:8px;padding-bottom:12px}
.apb-rx-sfilt-price input{width:100%;min-width:0;font:inherit;font-size:14px;border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius,10px);padding:8px 10px;color:var(--apb-rx-ink);background-color:var(--apb-rx-surface,#fff)}
.apb-rx-sfilt-price span{color:var(--apb-rx-muted,#6b7280);font-size:13px}
.apb-rx-sfilt-apply{width:100%;justify-content:center;margin-top:14px}

/* ---- search_empty ---- */
.apb-rx-sempty-inner{max-width:520px;margin-inline:auto;text-align:center;padding:clamp(24px,4vw,48px) 0}
.apb-rx-sempty-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--apb-rx-soft,#f4f5f7);color:var(--apb-rx-accent-text,var(--apb-rx-brand));margin-bottom:20px}
.apb-rx-sempty-ic svg{width:28px;height:28px}
.apb-rx-sempty h2{font-family:var(--apb-rx-font-display,inherit);font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;color:var(--apb-rx-ink)}
.apb-rx-sempty p{margin:0 0 20px;color:var(--apb-rx-muted,#6b7280);font-size:15px;line-height:1.6}
.apb-rx-sempty-sug{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-bottom:24px;font-size:13px;color:var(--apb-rx-muted,#6b7280)}
.apb-rx-sempty-sug>span{font-weight:600}
.apb-rx-btn--ghost{background:transparent;color:var(--apb-rx-ink);border:1px solid var(--apb-rx-line,#e7e8ec);box-shadow:none}
.apb-rx-btn--ghost:hover{background:var(--apb-rx-soft,#f4f5f7)}

/* ---- search_tabs (structural :checked, id-independent) ---- */
.apb-rx-stabs{position:relative;max-width:820px;margin-inline:auto}
.apb-rx-stabs>input{position:absolute;opacity:0;pointer-events:none}
.apb-rx-stabs-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--apb-rx-line,#e7e8ec);margin-bottom:16px}
.apb-rx-stabs-tabs label{cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:11px 14px;font-size:14px;font-weight:600;color:var(--apb-rx-muted,#6b7280);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--apb-rx-t) var(--apb-rx-ease),border-color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-stabs-tabs label span{font-size:11px;font-weight:700;color:var(--apb-rx-muted,#6b7280);background:var(--apb-rx-soft,#f4f5f7);border-radius:20px;padding:1px 7px}
.apb-rx-stabs-panel{display:none;flex-direction:column;gap:8px}
.apb-rx-stabs>input:nth-of-type(1):checked~.apb-rx-stabs-panel:nth-of-type(2),
.apb-rx-stabs>input:nth-of-type(2):checked~.apb-rx-stabs-panel:nth-of-type(3),
.apb-rx-stabs>input:nth-of-type(3):checked~.apb-rx-stabs-panel:nth-of-type(4),
.apb-rx-stabs>input:nth-of-type(4):checked~.apb-rx-stabs-panel:nth-of-type(5),
.apb-rx-stabs>input:nth-of-type(5):checked~.apb-rx-stabs-panel:nth-of-type(6){display:flex}
.apb-rx-stabs>input:nth-of-type(1):checked~.apb-rx-stabs-tabs label:nth-child(1),
.apb-rx-stabs>input:nth-of-type(2):checked~.apb-rx-stabs-tabs label:nth-child(2),
.apb-rx-stabs>input:nth-of-type(3):checked~.apb-rx-stabs-tabs label:nth-child(3),
.apb-rx-stabs>input:nth-of-type(4):checked~.apb-rx-stabs-tabs label:nth-child(4),
.apb-rx-stabs>input:nth-of-type(5):checked~.apb-rx-stabs-tabs label:nth-child(5){color:var(--apb-rx-accent-text,var(--apb-rx-brand));border-bottom-color:var(--apb-rx-brand)}
.apb-rx-stabs-row{display:flex;align-items:center;gap:14px;padding:12px 12px;border-radius:var(--apb-rx-radius,12px);text-decoration:none;color:inherit;transition:background var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-stabs-row:hover{background:var(--apb-rx-soft,#f4f5f7)}
.apb-rx-stabs-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:var(--apb-rx-radius,10px);overflow:hidden}
.apb-rx-stabs-thumb img{width:100%;height:100%;object-fit:cover}
.apb-rx-stabs-t{font-size:15px;font-weight:600;color:var(--apb-rx-ink);margin-bottom:3px}
.apb-rx-stabs-type{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--apb-rx-accent-text,var(--apb-rx-brand));margin-right:8px}
.apb-rx-stabs-meta{font-size:12.5px;color:var(--apb-rx-muted,#6b7280)}

@media(prefers-reduced-motion:reduce){
  .apb-rx-srch-form,.apb-rx-srch-chip,.apb-rx-sres-card,.apb-rx-sfilt-box,.apb-rx-sfilt-box::after,.apb-rx-stabs-tabs label,.apb-rx-stabs-row{transition:none}
  .apb-rx-sres-card:hover{transform:none}
}