/* LCL Katalog — front-end (scoped pod .lcl-wrap, uklapa se u Astra) */
.lcl-wrap{--lcl-gap:20px;--lcl-radius:14px;--lcl-line:#e7e7ea;--lcl-muted:#6b7280;--lcl-ink:#16181d;--lcl-accent:#1565d8;padding:32px 0 56px}
.lcl-container{max-width:1200px;margin:0 auto;padding:0 20px}
.lcl-h1{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.15;margin:.2em 0 .35em}
.lcl-lead{color:var(--lcl-muted);max-width:60ch;margin:0 0 1.5em}
.lcl-count{color:var(--lcl-muted);margin:.1em 0 1.1em}

/* breadcrumb */
.lcl-bc{font-size:.86rem;color:var(--lcl-muted);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lcl-bc a{color:var(--lcl-muted);text-decoration:none}
.lcl-bc a:hover{color:var(--lcl-accent)}
.lcl-bc__sep{opacity:.5}
.lcl-bc [aria-current=page]{color:var(--lcl-ink);font-weight:600}

/* category landing */
.lcl-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--lcl-gap)}
.lcl-cat{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;border:1px solid var(--lcl-line);border-radius:var(--lcl-radius);text-decoration:none;color:var(--lcl-ink);background:#fff;transition:.18s ease}
.lcl-cat:hover{border-color:var(--lcl-accent);box-shadow:0 6px 22px rgba(21,101,216,.10);transform:translateY(-2px)}
.lcl-cat__name{font-weight:700;font-size:1.1rem}
.lcl-cat__go{color:var(--lcl-accent);font-size:.9rem;margin-top:10px}

/* chips (subcategories) */
.lcl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.lcl-chip{padding:7px 13px;border:1px solid var(--lcl-line);border-radius:999px;font-size:.85rem;text-decoration:none;color:var(--lcl-ink);background:#fff;transition:.15s}
.lcl-chip:hover{border-color:var(--lcl-accent);color:var(--lcl-accent)}
.lcl-chip.is-active{background:var(--lcl-ink);color:#fff;border-color:var(--lcl-ink)}

/* filter bar */
.lcl-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;align-items:center}
.lcl-filters .lcl-search{flex:1 1 220px;min-width:180px}
.lcl-filters input,.lcl-filters select{height:42px;padding:0 12px;border:1px solid var(--lcl-line);border-radius:10px;font-size:.92rem;background:#fff;color:var(--lcl-ink)}
.lcl-filters select{cursor:pointer}
.lcl-btn{display:inline-block;height:42px;line-height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--lcl-accent);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;transition:.15s}
.lcl-btn:hover{filter:brightness(.94)}
.lcl-btn--lg{height:52px;line-height:52px;font-size:1.02rem;padding:0 26px}

/* product grid */
.lcl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--lcl-gap)}
.lcl-card{display:flex;flex-direction:column;border:1px solid var(--lcl-line);border-radius:var(--lcl-radius);overflow:hidden;background:#fff;text-decoration:none;color:var(--lcl-ink);transition:.18s ease}
.lcl-card:hover{border-color:var(--lcl-accent);box-shadow:0 8px 26px rgba(0,0,0,.08);transform:translateY(-2px)}
.lcl-card__imgwrap{aspect-ratio:1/1;background:#f5f6f8;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lcl-card__img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lcl-card__body{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.lcl-card__brand{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--lcl-muted)}
.lcl-card__name{font-size:.93rem;line-height:1.32;margin:0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcl-card__foot{margin-top:auto;padding-top:6px}
.lcl-price{font-weight:800;color:var(--lcl-ink)}
.lcl-price--ask{color:var(--lcl-accent);font-weight:700}
.lcl-vat{color:var(--lcl-muted);font-size:.72rem}
.lcl-empty{padding:40px;text-align:center;color:var(--lcl-muted);border:1px dashed var(--lcl-line);border-radius:var(--lcl-radius)}
.lcl-img-ph{object-fit:cover!important;mix-blend-mode:normal!important}

/* pagination */
.lcl-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:30px 0 0}
.lcl-pager__i{min-width:42px;height:42px;line-height:42px;text-align:center;border:1px solid var(--lcl-line);border-radius:10px;text-decoration:none;color:var(--lcl-ink);padding:0 6px}
.lcl-pager__i:hover{border-color:var(--lcl-accent);color:var(--lcl-accent)}
.lcl-pager__i.is-active{background:var(--lcl-accent);color:#fff;border-color:var(--lcl-accent)}
.lcl-pager__dots{align-self:center;color:var(--lcl-muted);padding:0 4px}

/* product page */
.lcl-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start;margin-top:10px}
.lcl-product__media{border:1px solid var(--lcl-line);border-radius:var(--lcl-radius);background:#f5f6f8;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lcl-product__img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lcl-product__price{font-size:1.6rem;margin:6px 0 16px}
.lcl-specs{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--lcl-line)}
.lcl-specs li{display:flex;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid var(--lcl-line)}
.lcl-specs li span{color:var(--lcl-muted)}
.lcl-note{color:var(--lcl-muted);font-size:.85rem;margin:14px 0 0}

@media(max-width:782px){
	.lcl-product{grid-template-columns:1fr;gap:22px}
	.lcl-product__price{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){
	.lcl-cat,.lcl-card{transition:none}
	.lcl-cat:hover,.lcl-card:hover{transform:none}
}