/* Ajax Product Search — styles */
.aps-wrap{position:relative;width:560px;font-size:14px;box-sizing:border-box}
.aps-wrap *{box-sizing:border-box}

.aps-form{display:flex;align-items:stretch;background:#fff;border:1px solid #e2e6ee;border-radius:30px;overflow:hidden;height:46px}

.aps-cat{position:relative;display:flex;align-items:center;flex:0 0 auto}
.aps-cat:after{content:"";position:absolute;right:0;top:9px;bottom:9px;width:1px;background:#e2e6ee}
.aps-cat-select{border:0;background:transparent;height:100%;padding:0 34px 0 18px;color:#333;font-size:14px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;max-width:170px}
.aps-cat:before{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #888;border-bottom:2px solid #888;transform:translateY(-70%) rotate(45deg);pointer-events:none}

.aps-field{flex:1 1 auto;display:flex}
.aps-input{
    border: 0 !important;
    background: transparent;
    width: 100% !important;
    height: 100% !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: #333 !important;
    outline: none;
    box-shadow: none !important;
}
.aps-input::placeholder{color:#9aa1ad}

.aps-btn{flex:0 0 auto;border:0;cursor:pointer;background:var(--aps-color,#21409a);color:#fff;width:56px;display:flex;align-items:center;justify-content:center;margin:0;border-radius:0;transition:filter .15s}
.aps-btn:hover{filter:brightness(1.08)}

.aps-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 12px 30px rgba(20,40,90,.12);z-index:9999;max-height:70vh;overflow:auto}

.aps-list{list-style:none;margin:0;padding:6px}
.aps-item{margin:0}
.aps-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit}
.aps-link:hover{background:#f3f6fc}

.aps-thumb{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#f5f5f5}
.aps-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

.aps-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.aps-name{font-weight:600;color:#1f3aa0;line-height:1.3;font-size:14px}

.aps-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.aps-price-now{color:#e02020;font-weight:700;font-size:14px}
.aps-price-old{color:#9aa1ad;font-size:13px}

.aps-empty,.aps-loading{padding:16px;color:#777;text-align:center;font-size:14px}
@media(max-width:849px) {
	.aps-wrap {
		width: 100% !important;
	}
	.aps-form {
		background: #fff;
		overflow: hidden;
		flex-direction: column !important;
		height: auto !important;
		border-radius: 0 !important;
		border: none !important;
	}
	.aps-cat-select {
		width: 100% !important;
		margin: 0 !important;
		height: 45px !important;
		border-radius: 8px;
   		 overflow: hidden;
		max-width: unset !important;
		border: 1px solid #eee !important;
	}
	.aps-input {
		margin: 10px 0 0 !important;
    height: 45px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    line-height: 1 !important;
    min-height: unset !important;
		padding: 0 65px 0 14px !important;
	}
	.aps-btn {
		    position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    border-radius: 0 8px 8px 0;
	}
	.aps-results {
		max-height: 50vh;
	}
}
@media (max-width:480px){
	.aps-cat-select{max-width:120px;padding-left:12px;font-size:13px}
	.aps-name{font-size:13px}
}