/* Descol Live Search */
.dls-host{position:relative}

.dls-panel{
	position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
	width:min(940px,calc(100vw - 32px));
	max-height:calc(100vh - var(--dx-head-h,72px) - 40px);overflow:auto;overscroll-behavior:contain;
	background:#fff;border:1px solid var(--dc-border,#e4e9f0);border-radius:var(--dx-r,14px);
	box-shadow:var(--dx-shadow-lg,0 28px 64px -18px rgba(11,42,74,.32));
	z-index:1000;font-family:var(--dc-font,inherit);color:var(--dc-text,#1b2635);text-align:left;
	animation:dls-in .16s var(--dx-ease,ease) both
}
.dls-panel[hidden]{display:none}
@keyframes dls-in{from{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%,0)}}

.dls-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dls-grid--single{grid-template-columns:minmax(0,1fr)}
.dls-col{padding:22px 24px}
.dls-col--side{border-left:1px solid var(--dc-border,#e4e9f0);padding:0}
.dls-sec{padding:22px 24px}
.dls-sec+.dls-sec{border-top:1px solid var(--dc-border,#e4e9f0)}

.dls-title{font-family:var(--dx-display,inherit);font-weight:700;font-size:15px;color:var(--dc-navy,#0b2a4a);margin:0 0 12px}

/* Proizvodi */
.dls-products{list-style:none;margin:0;padding:0}
.dls-product{display:flex;gap:14px;align-items:center;padding:8px;margin:0 -8px;border-radius:var(--dx-r-sm,8px);color:inherit;text-decoration:none;transition:background .15s}
.dls-product.is-active,.dls-product:hover{background:var(--dc-light,#f5f7fa)}
.dls-product__img{flex:0 0 56px;width:56px;height:56px;border-radius:8px;background:#fff;border:1px solid var(--dc-light-2,#edf1f6);display:flex;align-items:center;justify-content:center;overflow:hidden}
.dls-product__img img{width:100%;height:100%;object-fit:contain}
.dls-product__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.dls-product__name{font-size:14px;line-height:1.35;color:var(--dc-text,#1b2635);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dls-product__name strong,.dls-chip strong,.dls-posts strong{font-weight:700;color:var(--dc-navy,#0b2a4a)}
.dls-product__price{font-size:14px;font-weight:700;color:var(--dc-navy,#0b2a4a)}
.dls-product__price del{color:var(--dc-muted,#5f6b7a);font-weight:400;margin-right:6px}
.dls-product__price ins{text-decoration:none;color:var(--dc-red,#e0244d)}
.dls-product__price .woocommerce-price-suffix{font-weight:400;font-size:12px;color:var(--dc-muted,#5f6b7a)}

.dls-all{
	display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;height:48px;padding:0 18px;
	border:0;border-radius:999px;cursor:pointer;font:600 15px var(--dc-font,inherit);color:#fff;
	background:linear-gradient(90deg,var(--dc-navy,#0b2a4a),var(--dc-blue,#1f5fd1));transition:filter .15s,box-shadow .15s
}
.dls-all:hover,.dls-all.is-active{filter:brightness(1.1);box-shadow:0 0 0 4px rgba(31,95,209,.15)}
.dls-all__count{font-weight:400;opacity:.85}

/* Kategorije / brendovi */
.dls-chips{display:flex;flex-wrap:wrap;gap:8px}
.dls-chip{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--dc-border,#e4e9f0);border-radius:8px;font-size:14px;line-height:1.2;color:var(--dc-text,#1b2635);text-decoration:none;background:#fff;transition:border-color .15s,background .15s,color .15s}
.dls-chip:hover,.dls-chip.is-active{border-color:var(--dc-blue,#1f5fd1);background:var(--dx-sky,#eaf2ff);color:var(--dc-navy,#0b2a4a)}

/* Blog */
.dls-posts{list-style:none;margin:0;padding:0}
.dls-posts a{display:block;padding:6px 8px;margin:0 -8px;border-radius:6px;font-size:14px;color:var(--dc-text,#1b2635);text-decoration:none}
.dls-posts a:hover,.dls-posts a.is-active{background:var(--dc-light,#f5f7fa)}

/* Stanja */
.dls-state{display:flex;align-items:center;gap:10px;padding:22px 24px;font-size:14px;color:var(--dc-muted,#5f6b7a)}
.dls-empty p{margin:0 0 4px;font-size:14px}
.dls-muted{color:var(--dc-muted,#5f6b7a)}
.dls-spinner{width:16px;height:16px;border:2px solid var(--dc-border,#e4e9f0);border-top-color:var(--dc-blue,#1f5fd1);border-radius:50%;animation:dls-spin .7s linear infinite}
@keyframes dls-spin{to{transform:rotate(360deg)}}
.dls-loading .dls-grid{opacity:.6;transition:opacity .15s}

/* Mobitel / tablet */
@media (max-width:860px){
	.dls-panel{left:0;right:0;width:auto;transform:none;top:calc(100% + 8px);max-height:70vh;animation:none}
	.dls-grid{grid-template-columns:minmax(0,1fr)}
	.dls-col--side{border-left:0;border-top:1px solid var(--dc-border,#e4e9f0)}
	.dls-col,.dls-sec{padding:16px}
}
@media (prefers-reduced-motion:reduce){.dls-panel{animation:none}.dls-spinner{animation-duration:2s}}