.kswc-container{position:relative;display:inline-block;width:var(--kswc-width-desktop,auto)}
.kswc-form{margin:0}
.kswc-input-wrap{display:flex;align-items:center;gap:8px;padding:var(--kswc-py,12px) var(--kswc-px,14px);background:var(--kswc-bg,#fafafa);border:var(--kswc-bw,1px) solid var(--kswc-border,#e5e7eb);border-radius:var(--kswc-br,10px);box-shadow:none}
.kswc-container.is-open .kswc-input-wrap{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.kswc-input{flex:1 1 auto;border:0 !important;outline:none;font-size:var(--kswc-fs,15px);color:var(--kswc-text,#111827);background:transparent !important;padding:8px 0;box-shadow:none !important;-webkit-appearance:none;appearance:none}
.kswc-input[disabled]{opacity:1;color:#6b7280;cursor:pointer}
.kswc-input:focus{border:0 !important;outline:none;box-shadow:none !important;background:transparent}
.kswc-input::placeholder{color:#6b7280;opacity:1}
.kswc-button{border:0;background:transparent;color:var(--kswc-icon,#f97316);padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0;-webkit-appearance:none;appearance:none;width:var(--kswc-icon-box,24px);height:var(--kswc-icon-box,24px);flex:0 0 var(--kswc-icon-box,24px);user-select:none;outline:none}
.kswc-button:focus{outline:2px solid transparent;outline-offset:2px}
.kswc-button:hover{color:var(--kswc-icon-hover,#ea580c)}
.kswc-button svg{width:var(--kswc-icon-size,20px);height:var(--kswc-icon-size,20px);display:block}
.kswc-results{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--kswc-border,#e5e7eb);border-top:0;border-bottom-left-radius:var(--kswc-br,10px);border-bottom-right-radius:var(--kswc-br,10px);box-shadow:0 10px 20px rgba(0,0,0,.08);padding:8px;z-index:9999;display:none;max-height:600px;overflow:auto}
.kswc-state{padding:10px 8px;color:#6b7280;font-size:14px}
.kswc-section{padding:6px 0}
.kswc-section-title{font-weight:600;color:#374151;font-size:13px;padding:6px 8px;text-transform:uppercase;letter-spacing:.02em}
.kswc-item{display:flex;align-items:center;gap:10px;padding:12px 10px;color:#111827}
.kswc-item:hover{background:#f3f4f6}
.kswc-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #f3f4f6;background:#fff;flex:0 0 auto}
.kswc-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.kswc-title{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kswc-sub{font-size:12px;color:#6b7280}
.kswc-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f3f4f6;color:#f97316}
.kswc-price{font-size:13px;color:var(--kswc-link,#f97316)}
.kswc-sale{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;border-radius:9999px;padding:2px 6px}
.kswc-count{margin-left:8px;color:#6b7280;font-size:12px}
.kswc-more{display:block;text-align:center;margin-top:0;padding:14px;border-radius:8px;background:#f9fafb;color:var(--kswc-link,#f97316);font-weight:600;position:sticky;bottom:0;border-top:1px solid #eee}
.kswc-more:hover{background:#f3f4f6}
@media (max-width: 768px){
  .kswc-container{max-width:100%;width:var(--kswc-width-mobile,100%)}
  .kswc-results{max-height:80vh;overflow:auto}
}

/* Mobil tam ekran overlay */
.kswc-no-scroll{overflow:hidden}
.kswc-overlay{position:fixed;inset:0;background:#fff;z-index:10000;display:flex;flex-direction:column}
.kswc-ov-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #eee}
.kswc-ov-input-wrap{position:relative;flex:1;display:flex;align-items:center}
.kswc-ov-input{flex:1;border:0;outline:none;font-size:16px;padding:10px 12px;background:#f5f5f5;border-radius:8px}
.kswc-ov-state{position:absolute;right:10px;color:#6b7280;font-size:13px}
.kswc-ov-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#111}
.kswc-ov-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.kswc-ov-results{flex:1 1 auto;overflow:auto;padding:8px 8px calc(env(safe-area-inset-bottom, 0) + 96px) 8px}
.kswc-ov-footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;box-shadow:0 -6px 16px rgba(0,0,0,.06);z-index:10001;padding-bottom:env(safe-area-inset-bottom, 0)}
.kswc-ov-more{display:block;text-align:center;width:100%;padding:16px;color:var(--kswc-link,#f97316);font-weight:600}
@supports (height: 100dvh){
  .kswc-ov-results{padding-bottom: calc(env(safe-area-inset-bottom, 0) + 96px)}
}


