/* KARMA_SMART_SEARCH_V1_1 */
.search-dialog--smart{
  width:min(820px,calc(100% - 32px));
  max-height:min(86vh,760px);
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 34px 110px rgba(0,0,0,.48);
}
.search-dialog--smart[open]{animation:karmaSearchIn .2s ease-out}
.search-dialog--smart::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(7px)}
.search-dialog--smart .search-dialog__top{margin:0;padding:26px 28px 18px;align-items:center}
.search-dialog--smart .search-dialog__top h2{margin:0;font-size:32px;letter-spacing:-.025em}
.search-dialog__close{font-size:25px;line-height:1;color:#111}
.search-box--smart{margin:0 28px;height:60px;border:1px solid #d5d1ca;border-radius:14px;background:#fff;transition:border-color .18s,box-shadow .18s}
.search-box--smart:focus-within{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,.06)}
.search-box--smart input{font-size:17px}
.search-box--smart input::-webkit-search-cancel-button{display:none}
.search-clear{width:34px;height:34px;border:0;border-radius:50%;background:#f0eee9;color:#303030;font-size:22px;line-height:1;padding:0}
.search-clear:hover{background:#e6e2db}
.search-dialog--smart .search-popular,.search-recent{padding:0 28px}
.search-dialog--smart .search-popular{margin:16px 0 10px}
.search-dialog--smart .search-popular button,.search-recent button,.search-feedback button,.search-empty__chips button{
  border:1px solid #d9d5ce;background:#fff;border-radius:999px;padding:8px 12px;color:#171717;transition:.18s
}
.search-dialog--smart .search-popular button:hover,.search-recent button:hover,.search-feedback button:hover,.search-empty__chips button:hover{border-color:#111;background:#111;color:#fff}
.search-recent{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.search-recent span{font-size:12px;color:#777}
.search-results--smart{max-height:410px;overflow:auto;padding:8px 20px 12px;gap:4px;scrollbar-width:thin}
.search-dialog--smart .search-result{grid-template-columns:68px minmax(0,1fr) auto;min-height:82px;padding:7px 9px;border:1px solid transparent;border-radius:13px;transition:background .16s,border-color .16s,transform .16s}
.search-dialog--smart .search-result:hover,.search-dialog--smart .search-result.is-active{background:#f6f4ef;border-color:#e4dfd6;transform:translateY(-1px)}
.search-dialog--smart .search-result img{width:68px;height:68px;border-radius:9px;border-color:#ece8e1}
.search-result__copy{min-width:0}
.search-dialog--smart .search-result b{display:block;font-size:14px;line-height:1.35;white-space:normal}
.search-dialog--smart .search-result small{font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.search-dialog--smart .search-result strong{font-size:14px;white-space:nowrap}
.search-results-footer{border-top:1px solid #ece8e1;padding:14px 28px 20px;text-align:center}
.search-results-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;background:#080808;color:#fff;font-size:13px;font-weight:500}
.search-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;border:0}
.search-empty>b{font-size:19px;margin-bottom:16px}
.search-empty>a{margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.search-empty__chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.search-result--loading{pointer-events:none}
.search-skeleton{display:block;background:linear-gradient(90deg,#f0eee9 25%,#faf9f7 45%,#f0eee9 65%);background-size:220% 100%;animation:karmaSearchShimmer 1.15s infinite linear;border-radius:7px}
.search-skeleton--image{width:68px;height:68px}
.search-skeleton--title{width:min(310px,72%);height:14px;margin-bottom:10px}
.search-skeleton--meta{width:130px;height:10px}
.search-skeleton--price{width:62px;height:14px}
@keyframes karmaSearchIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes karmaSearchShimmer{to{background-position:-220% 0}}
@media(max-width:840px){
  .search-dialog--smart{width:100%;max-width:none;max-height:calc(100dvh - 16px);margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}
  .search-dialog--smart .search-dialog__top{padding:20px 18px 14px}
  .search-dialog--smart .search-dialog__top h2{font-size:27px}
  .search-box--smart{margin:0 16px;height:58px;padding-inline:14px}
  .search-box--smart input{font-size:16px}
  .search-dialog--smart .search-popular,.search-recent{padding-left:16px;padding-right:16px}
  .search-dialog--smart .search-popular{margin-top:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .search-dialog--smart .search-popular::-webkit-scrollbar{display:none}
  .search-dialog--smart .search-popular span,.search-dialog--smart .search-popular button{flex:0 0 auto}
  .search-results--smart{max-height:calc(100dvh - 320px);padding:6px 10px 10px}
  .search-dialog--smart .search-result{grid-template-columns:62px minmax(0,1fr);min-height:76px;padding:7px}
  .search-dialog--smart .search-result img{width:62px;height:62px}
  .search-dialog--smart .search-result strong{grid-column:2;margin-top:-17px;justify-self:end;font-size:13px}
  .search-dialog--smart .search-result b{padding-right:62px}
  .search-results-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom))}
  .search-empty{min-height:210px}
}