/* v6.5.3 — Fullscreen Smart Search Experience */
html.smart-search-open,
body.smart-search-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}

.smart-search-overlay{
  width:100vw;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#070b08;
  color:#fff;
  overflow:hidden;
}

.smart-search-overlay::backdrop{
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.smart-search-screen{
  position:relative;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  width:100%;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -15%,rgba(255,211,74,.105),transparent 33%),
    radial-gradient(circle at 100% 20%,rgba(255,76,67,.08),transparent 32%),
    #070b08;
}

.smart-search-topbar{
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.smart-search-brand{
  display:inline-flex;
  align-items:center;
  color:#fff;
  min-width:0;
}

.smart-search-brand .brand-logo{
  display:block;
  max-height:48px;
  max-width:190px;
  width:auto;
  object-fit:contain;
}

.smart-search-brand strong{
  font-size:1.5rem;
}

.smart-search-close{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  min-height:46px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  cursor:pointer;
  transition:.2s ease;
}

.smart-search-close:hover{
  transform:rotate(4deg);
  border-color:rgba(255,211,74,.4)!important;
  background:rgba(255,211,74,.07)!important;
}

.smart-search-close svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.smart-search-command{
  width:min(920px,calc(100% - 44px));
  margin:clamp(34px,7vh,82px) auto 0;
}

.smart-search-form{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:76px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:rgba(15,21,17,.92);
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.smart-search-form:focus-within{
  border-color:rgba(255,211,74,.48);
  box-shadow:0 30px 100px rgba(0,0,0,.44),0 0 0 4px rgba(255,211,74,.055);
  transform:translateY(-1px);
}

.smart-search-main-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:var(--yellow);
}

.smart-search-main-icon svg,
.smart-search-empty-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.smart-search-input{
  width:100%;
  min-width:0;
  height:74px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#fff!important;
  font-size:clamp(1.05rem,2vw,1.32rem);
  font-weight:800;
}

.smart-search-input::placeholder{
  color:#747d76;
  font-weight:650;
}

.smart-search-clear{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  min-height:39px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
  color:#b7bdb8!important;
  cursor:pointer;
}

.smart-search-clear[hidden]{display:none!important}

.smart-search-clear svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.smart-search-caption{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:13px 5px 0;
  color:#737c75;
  font-size:.75rem;
}

.smart-search-keyboard-hint{
  display:flex;
  align-items:center;
  gap:6px;
}

.smart-search-keyboard-hint kbd{
  min-width:25px;
  height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.1);
  border-bottom-color:rgba(255,255,255,.18);
  border-radius:6px;
  background:#111612;
  color:#c4cac5;
  font:inherit;
}

.smart-search-content{
  width:min(920px,calc(100% - 44px));
  min-height:0;
  margin:24px auto 0;
  padding-bottom:34px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.14) transparent;
}

.smart-search-status{
  min-height:260px;
}

.smart-search-status[hidden]{display:none!important}

.smart-search-empty{
  min-height:250px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  text-align:center;
  color:#7c857e;
}

.smart-search-empty strong{
  color:#fff;
  font-size:1.05rem;
}

.smart-search-empty p{
  max-width:420px;
  margin:0;
  line-height:1.8;
  font-size:.86rem;
}

.smart-search-empty-icon{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  margin-bottom:5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  color:#59625b;
}

.smart-search-spinner{
  width:34px;
  height:34px;
  border:3px solid rgba(255,255,255,.09);
  border-top-color:var(--yellow);
  border-radius:50%;
  animation:smartSearchSpin .72s linear infinite;
}

@keyframes smartSearchSpin{to{transform:rotate(360deg)}}

.smart-search-groups{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:13px;
}

.smart-search-groups span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:31px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  color:#8d958f;
  background:rgba(255,255,255,.018);
  font-size:.73rem;
}

.smart-search-groups b{
  color:var(--yellow);
  font-weight:900;
}

.smart-search-result-list{
  display:grid;
  gap:7px;
  padding-bottom:20px;
}

.smart-search-result{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:90px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  color:#fff;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}

.smart-search-result:hover,
.smart-search-result.is-active{
  transform:translateX(-3px);
  border-color:rgba(255,211,74,.22);
  background:rgba(255,255,255,.052);
}

.smart-search-result-type{
  display:grid;
  place-items:center;
  min-height:42px;
  padding:7px 9px;
  border-radius:12px;
  background:rgba(255,211,74,.085);
  color:var(--yellow);
  font-size:.73rem;
  font-weight:900;
  text-align:center;
}

.smart-search-result-copy{
  min-width:0;
}

.smart-search-result-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1rem;
  line-height:1.6;
}

.smart-search-result-copy p{
  margin:4px 0 0;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#8d958f;
  line-height:1.7;
  font-size:.79rem;
}

.smart-search-result-copy small{
  display:block;
  margin-top:4px;
  color:#687069;
  font-size:.71rem;
}

.smart-search-result mark{
  padding:.02em .18em;
  border-radius:.25em;
  background:rgba(255,211,74,.16);
  color:var(--yellow);
  font-weight:900;
}

.smart-search-result-arrow{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:#68716a;
}

.smart-search-result-arrow svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.smart-search-result.is-active .smart-search-result-arrow,
.smart-search-result:hover .smart-search-result-arrow{
  color:var(--yellow);
}

.header-search-icon,
.mobile-search-action{
  cursor:pointer;
}

@media(max-width:700px){
  .smart-search-overlay{
    height:100dvh;
  }

  .smart-search-topbar{
    width:calc(100% - 28px);
    min-height:68px;
    padding-top:env(safe-area-inset-top);
  }

  .smart-search-brand .brand-logo{
    max-height:40px;
    max-width:150px;
  }

  .smart-search-close{
    width:42px;
    height:42px;
    min-height:42px!important;
  }

  .smart-search-command{
    width:calc(100% - 24px);
    margin:20px auto 0;
  }

  .smart-search-form{
    min-height:62px;
    padding:0 12px;
    gap:8px;
    border-radius:18px;
  }

  .smart-search-main-icon{
    width:35px;
  }

  .smart-search-main-icon svg{
    width:21px;
    height:21px;
  }

  .smart-search-input{
    height:60px!important;
    font-size:1rem;
  }

  .smart-search-caption{
    padding-top:9px;
  }

  .smart-search-keyboard-hint{
    display:none;
  }

  .smart-search-content{
    width:calc(100% - 24px);
    margin-top:17px;
    padding-bottom:calc(26px + env(safe-area-inset-bottom));
  }

  .smart-search-status{
    min-height:210px;
  }

  .smart-search-empty{
    min-height:200px;
  }

  .smart-search-result{
    grid-template-columns:58px minmax(0,1fr);
    gap:11px;
    min-height:82px;
    padding:12px 11px;
    border-radius:15px;
  }

  .smart-search-result-arrow{
    display:none;
  }

  .smart-search-result-type{
    min-height:38px;
    font-size:.68rem;
  }

  .smart-search-result-copy strong{
    font-size:.92rem;
  }

  .smart-search-result-copy p{
    -webkit-line-clamp:2;
    font-size:.76rem;
  }
}

@media(max-width:420px){
  .smart-search-caption>span{
    font-size:.7rem;
  }

  .smart-search-result{
    grid-template-columns:52px minmax(0,1fr);
    gap:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .smart-search-spinner{animation:none}
  .smart-search-result,
  .smart-search-close,
  .smart-search-form{transition:none}
}


/* v6.5.4 — Discovery, recent searches & shortcuts */
.smart-search-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.smart-search-command-hint{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#6f786f;
  font-size:.7rem;
}
.smart-search-command-hint kbd{
  min-width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#9aa29b;
  font:inherit;
}
.smart-search-discovery{
  display:grid;
  gap:28px;
  padding:4px 0 32px;
}
.smart-search-discovery-section{
  display:grid;
  gap:12px;
}
.smart-search-discovery-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.smart-search-discovery-head h2{
  margin:0;
  font-size:.9rem;
  color:#f3f5f3;
}
.smart-search-discovery-head button{
  min-height:32px!important;
  padding:5px 9px!important;
  border:0!important;
  background:transparent!important;
  color:#747d76!important;
  font-size:.72rem;
  cursor:pointer;
}
.smart-search-discovery-head button:hover{
  color:var(--yellow)!important;
}
.smart-search-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.smart-search-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:39px!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.02)!important;
  color:#c2c8c3!important;
  font-size:.78rem;
  cursor:pointer;
  transition:.16s ease;
}
.smart-search-chip svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#727c74;
  stroke-width:1.8;
  stroke-linecap:round;
}
.smart-search-chip:hover,
.smart-search-chip.is-active{
  transform:translateY(-1px);
  border-color:rgba(255,211,74,.25)!important;
  background:rgba(255,211,74,.055)!important;
  color:#fff!important;
}
.smart-search-chip.is-trending b{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:rgba(255,211,74,.08);
  color:var(--yellow);
  font-size:.68rem;
}
.smart-search-fresh-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.smart-search-fresh-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 12px;
  align-items:center;
  min-height:84px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  background:rgba(255,255,255,.018);
  color:#fff;
  transition:.16s ease;
}
.smart-search-fresh-card:hover,
.smart-search-fresh-card.is-active{
  transform:translateY(-2px);
  border-color:rgba(255,211,74,.2);
  background:rgba(255,255,255,.045);
}
.smart-search-fresh-card>span{
  color:var(--yellow);
  font-size:.68rem;
  font-weight:900;
}
.smart-search-fresh-card strong{
  grid-column:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.86rem;
}
.smart-search-fresh-card svg{
  grid-column:2;
  grid-row:1/3;
  width:18px;
  height:18px;
  fill:none;
  stroke:#626b64;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.smart-search-fresh-card:hover svg,
.smart-search-fresh-card.is-active svg{
  stroke:var(--yellow);
}
@media(max-width:700px){
  .smart-search-command-hint{display:none}
  .smart-search-discovery{gap:23px}
  .smart-search-fresh-grid{grid-template-columns:1fr}
}