/* =====================================================================
   assets/ps-search/ps-search-suggest.css — PHPStore ortak premium arama önerileri
   Tüm vitrin temalarında aynı bileşen; renkler temanın kendi değişkenlerinden
   (JS tarafından --pss-accent / --pss-text / --pss-font olarak) devralınır.
   Açık tema; simgeler Phosphor duotone. (GÜNCELLEME 36)
   ===================================================================== */
.pss{
  --pss-accent:#0071e3; --pss-accent-rgb:0,113,227; --pss-text:#1d1d1f; --pss-muted:#6e6e73; --pss-hair:rgba(0,0,0,.075);
  --pss-soft:rgba(var(--pss-accent-rgb),.075); --pss-soft-2:rgba(var(--pss-accent-rgb),.13); --pss-tile:#f5f5f7;
  --pss-radius:18px; --pss-ease:cubic-bezier(.22,1,.36,1);
  position:fixed; z-index:2147480000; left:0; top:0; width:420px; max-width:calc(100vw - 16px);
  display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box;
  background:rgba(255,255,255,.97); -webkit-backdrop-filter:saturate(180%) blur(22px); backdrop-filter:saturate(180%) blur(22px);
  border:1px solid rgba(0,0,0,.07); border-radius:var(--pss-radius);
  box-shadow:0 28px 70px -24px rgba(15,23,42,.32),0 10px 24px -12px rgba(15,23,42,.14),0 0 0 .5px rgba(15,23,42,.04);
  color:var(--pss-text); font-family:var(--pss-font,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif);
  font-size:14px; line-height:1.4; text-align:left; letter-spacing:normal; text-transform:none;
  -webkit-font-smoothing:antialiased; color-scheme:light;
  opacity:0; transform:translateY(-6px) scale(.985); transform-origin:50% 0;
  transition:opacity .22s var(--pss-ease),transform .32s var(--pss-ease);
}
.pss *,.pss *::before,.pss *::after{box-sizing:border-box}
.pss[hidden]{display:none!important}
.pss.is-open{opacity:1;transform:none}
.pss a{color:inherit;text-decoration:none!important}
.pss .ph-duotone{line-height:1}

/* ilerleme çizgisi (istek sürerken, önceki sonuçlar görünürken) */
.pss::before{content:"";position:absolute;left:0;top:0;height:2px;width:36%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pss-accent),transparent);opacity:0;pointer-events:none}
.pss.is-busy::before{opacity:1;animation:pssBar 1s var(--pss-ease) infinite}
@keyframes pssBar{from{transform:translateX(-100%)}to{transform:translateX(300%)}}

.pss-body{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}
.pss-body::-webkit-scrollbar{width:8px}.pss-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.14);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.pss-cols{display:block}
.pss.is-wide .pss-cols.has-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,34%);gap:4px}
.pss.is-wide .pss-cols.has-side .pss-side{border-left:1px solid var(--pss-hair);padding-left:6px;margin:4px 0}

/* bölüm başlıkları */
.pss-sec+.pss-sec{margin-top:2px}
.pss-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 6px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--pss-muted)}
.pss-sec-h i{font-size:14px;margin-right:6px;color:var(--pss-accent);vertical-align:-2px}
.pss-sec-h button{all:unset;cursor:pointer;font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--pss-accent);padding:2px 6px;border-radius:6px}
.pss-sec-h button:hover{background:var(--pss-soft)}

/* ürün satırı */
.pss-item{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:8px 10px;border-radius:13px;cursor:pointer;transition:background .18s,transform .18s var(--pss-ease)}
.pss-item:hover{background:rgba(0,0,0,.035)}
.pss-item.is-active{background:var(--pss-soft)}
.pss-item.is-active::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--pss-accent)}
.pss-thumb{position:relative;width:58px;height:58px;border-radius:13px;background:var(--pss-tile);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.045)}
.pss-thumb img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .35s var(--pss-ease)}
.pss-thumb img.is-in{opacity:1}
.pss-thumb i{font-size:24px;color:rgba(0,0,0,.28)}
.pss-thumb img+i{position:absolute}
.pss-thumb img.is-in+i{display:none}
.pss-off{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:6px;background:#ff3b30;color:#fff;font-size:10px;font-weight:750;letter-spacing:-.01em;line-height:1.5}
.pss-txt{min-width:0}
.pss-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:590;line-height:1.32;letter-spacing:-.01em;color:var(--pss-text)}
.pss mark{background:rgba(var(--pss-accent-rgb),.11)!important;color:var(--pss-accent)!important;font-weight:720;padding:0 1px!important;margin:0 -1px;border-radius:4px;box-shadow:none!important}
.pss-meta mark{font-weight:650}
.pss-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;color:var(--pss-muted);white-space:nowrap;overflow:hidden}
.pss-meta span{overflow:hidden;text-overflow:ellipsis}
.pss-meta .pss-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5;flex:none}
.pss-meta code{font:inherit;font-size:11.5px;letter-spacing:.02em;font-family:ui-monospace,"SF Mono",Menlo,monospace;color:var(--pss-muted)}
.pss-stock{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:600}
.pss-stock i{font-size:13px}
.pss-stock.is-ok{color:#1f8a4c}
.pss-stock.is-low{color:#b35a00}
.pss-stock.is-out{color:var(--pss-muted)}
.pss-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;padding-left:4px}
.pss-now{font-size:14.5px;font-weight:720;letter-spacing:-.015em;color:var(--pss-text)}
.pss-price.has-off .pss-now{color:#d70015}
.pss-old{font-size:12px;color:var(--pss-muted);text-decoration:line-through}
.pss-go{font-size:16px;color:var(--pss-muted);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .25s var(--pss-ease)}
.pss-item.is-active .pss-go,.pss-item:hover .pss-go{opacity:1;transform:none;color:var(--pss-accent)}
.pss-item.is-out .pss-thumb img{filter:grayscale(.7);opacity:.6}

/* kategori / marka satırları (yan sütun) */
.pss-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;cursor:pointer;font-size:13.5px;font-weight:560;transition:background .18s}
.pss-row:hover{background:rgba(0,0,0,.035)}
.pss-row.is-active{background:var(--pss-soft)}
.pss-row .pss-ic{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--pss-soft);color:var(--pss-accent);overflow:hidden}
.pss-row .pss-ic i{font-size:17px}
.pss-row .pss-ic img{width:100%;height:100%;object-fit:contain;background:#fff}
.pss-row .pss-rt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pss-row small{flex:none;font-size:11.5px;font-weight:600;color:var(--pss-muted);background:var(--pss-tile);border-radius:999px;padding:1px 8px}
.pss-row .pss-go{font-size:14px}
.pss-row.is-active .pss-go,.pss-row:hover .pss-go{opacity:1;transform:none;color:var(--pss-accent)}

/* çipler (son / popüler aramalar) */
.pss-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 10px}
.pss-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;background:var(--pss-tile);color:var(--pss-text);font-size:13px;font-weight:560;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;max-width:100%}
.pss-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pss-chip i{font-size:15px;color:var(--pss-muted)}
.pss-chip:hover{background:rgba(0,0,0,.065)}
.pss-chip.is-active{background:var(--pss-soft-2);color:var(--pss-accent);box-shadow:inset 0 0 0 1px rgba(var(--pss-accent-rgb),.25)}
.pss-chip.is-active i{color:var(--pss-accent)}
.pss-chip .pss-x{all:unset;display:grid;place-items:center;width:20px;height:20px;margin-right:-6px;border-radius:6px;color:var(--pss-muted);cursor:pointer}
.pss-chip .pss-x:hover{background:rgba(0,0,0,.08);color:var(--pss-text)}
.pss-chip .pss-x i{font-size:12px}

/* iskelet */
.pss-sk{display:grid;grid-template-columns:58px minmax(0,1fr) 70px;gap:13px;align-items:center;padding:8px 10px}
.pss-sk i{display:block;border-radius:8px;background:linear-gradient(100deg,#f1f1f4 30%,#e6e6ea 50%,#f1f1f4 70%);background-size:220% 100%;animation:pssShim 1.2s linear infinite}
.pss-sk i:first-child{width:58px;height:58px;border-radius:13px}
.pss-sk b{display:flex;flex-direction:column;gap:7px}
.pss-sk b i:first-child{width:82%;height:12px;border-radius:6px}
.pss-sk b i:last-child{width:46%;height:10px;border-radius:6px}
.pss-sk>i:last-child{width:70px;height:14px;border-radius:6px}
@keyframes pssShim{to{background-position:-120% 0}}

/* boş durum */
.pss-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px 14px}
.pss-empty-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--pss-soft);color:var(--pss-accent);margin-bottom:12px}
.pss-empty-ic i{font-size:26px}
.pss-empty b{font-size:15px;font-weight:680;letter-spacing:-.01em}
.pss-empty p{margin:4px 0 0;font-size:13px;color:var(--pss-muted);max-width:36ch}
.pss-empty+.pss-sec .pss-sec-h{justify-content:center}
.pss-empty+.pss-sec .pss-chips{justify-content:center}

/* alt şerit */
.pss-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--pss-hair);background:rgba(248,248,250,.92)}
.pss-all{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:640;color:var(--pss-accent)!important;padding:6px 10px;margin:-6px -10px;border-radius:9px;cursor:pointer}
.pss-all span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pss-all i{font-size:16px;transition:transform .25s var(--pss-ease)}
.pss-all:hover,.pss-all.is-active{background:var(--pss-soft)}
.pss-all:hover i,.pss-all.is-active i{transform:translateX(3px)}
.pss-keys{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--pss-muted);white-space:nowrap}
.pss-keys span{display:inline-flex;align-items:center;gap:4px}
.pss-keys kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.08);font:600 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--pss-text)}
.pss-keys kbd i{font-size:11px}

/* mobil: tam genişlikte alt sayfa (sheet) görünümü */
.pss.is-sheet{--pss-radius:20px;transform:translateY(10px)}
.pss.is-sheet.is-open{transform:none}
.pss.is-sheet .pss-item{grid-template-columns:52px minmax(0,1fr) auto;gap:11px;padding:9px 8px}
.pss.is-sheet .pss-thumb{width:52px;height:52px;border-radius:12px}
.pss.is-sheet .pss-keys{display:none}
.pss.is-sheet .pss-meta code,.pss.is-sheet .pss-meta code+.pss-dot,.pss.is-sheet .pss-meta .pss-dot:has(+code){display:none}
.pss.is-sheet .pss-foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}
.pss.is-sheet .pss-chip{height:36px}
.pss.is-sheet .pss-side .pss-rows{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 10px}
.pss.is-sheet .pss-side .pss-row{padding:0 12px 0 4px;height:38px;border-radius:11px;background:var(--pss-tile);font-size:13px}
.pss.is-sheet .pss-side .pss-row .pss-ic{width:30px;height:30px;background:#fff}
.pss.is-sheet .pss-side .pss-row .pss-go{display:none}
@media (hover:none){.pss-keys{display:none}}

@media (prefers-reduced-motion:reduce){
  .pss,.pss *{transition:none!important;animation:none!important}
  .pss{transform:none}
}
/* görsel ekran okuyucu metni */
.pss-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}