:root{
	--c-brand:#c3002f; --c-brand-deep:#1a1a1a; --c-accent:#c3002f;
	--c-line:#e5e9ec; --c-muted:#6b7280;
}

/* ===== product cards (home-style, no CTA) ===== */
.cat-main .p-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
}
.cat-main .p-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid var(--c-line);
	border-radius:14px;
	overflow:hidden;
	color:inherit;
	text-align:left;
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cat-main .p-card:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 28px -14px rgba(20,20,20,.25);
	border-color:#eab8c0;
	color:inherit;
	text-decoration:none;
}
.cat-main .p-card__media{
	position:relative;
	display:grid;
	place-items:center;
	aspect-ratio:1/1;
	padding:16px;
	background:#f6f8fa;
}
.cat-main .p-card__media img{max-width:100%;max-height:100%;object-fit:contain}
.cat-main .p-card__badge{
	position:absolute;top:10px;left:10px;
	padding:4px 10px;border-radius:999px;
	background:var(--c-accent);color:#fff;
	font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;
}
.cat-main .p-card__body{display:flex;flex-direction:column;flex:1;padding:14px}
.cat-main .p-card__name{
	min-height:36px;margin-bottom:10px;
	font-size:13.5px;line-height:1.35;color:#222;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cat-main .p-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto}
.cat-main .p-card__now{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:21px;color:var(--c-brand-deep)}
.cat-main .p-card--promo .p-card__now{color:var(--c-accent)}
.cat-main .p-card__old{font-size:13px;color:#9aa5ad;text-decoration:line-through}
.cat-main .p-card__ask{margin-top:auto;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:15px;color:var(--c-brand)}
.cat-main .p-card__suffix{margin-left:3px;font-size:12px;font-weight:400;color:#8a97a3}

.cat-seo{margin:6px 0 22px;color:#4b5560;font-size:14.5px;line-height:1.6}
.cat-empty{margin:30px 0;text-align:center;color:var(--c-muted)}

/* ===== filters panel ===== */
.cat-filters .cat-filters__head{display:none}
.cat-filters form{background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:16px 18px 18px}
.fgrp{padding:16px 0;border-top:1px solid #eef2f5}
.fgrp:first-child{padding-top:2px;border-top:0}
.fgrp--actions{border-top:0;padding-bottom:2px}
.fgrp__h{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-brand-deep);margin-bottom:12px}
.fsel{
	width:100%;padding:10px 34px 10px 12px;border:1px solid var(--c-line);border-radius:9px;background:#fff;
	font-family:'Montserrat',sans-serif;font-size:14px;color:#243038;cursor:pointer;appearance:none;-webkit-appearance:none;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%231a1a1a' d='M6 8 0 0h12z'/></svg>");
	background-repeat:no-repeat;background-position:right 12px center;
}
.fprice{display:flex;align-items:center;gap:8px;margin-top:12px}
.fprice__in{flex:1;position:relative}
.fprice__in input{width:100%;padding:9px 30px 9px 11px;border:1px solid var(--c-line);border-radius:9px;font-family:'Montserrat',sans-serif;font-size:14px}
.fprice__in span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--c-muted)}
.fprice__dash{color:#c3ccd3}
.fchk{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#3a4650;cursor:pointer;user-select:none}
.fchk input{position:absolute;opacity:0;width:0;height:0}
.fchk .fbox{width:18px;height:18px;border:1.5px solid #c6cfd6;border-radius:5px;display:grid;place-items:center;flex:0 0 auto;font-size:11px;color:#fff;line-height:1;transition:.15s}
.fchk input:checked + .fbox{background:var(--c-brand);border-color:var(--c-brand)}
.fchk .fbox::after{content:"✓";opacity:0}
.fchk input:checked + .fbox::after{opacity:1}
.fbtn{width:100%;border:0;border-radius:10px;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:14px;padding:12px 16px;cursor:pointer}
.fbtn--primary{background:var(--c-brand);color:#fff}
.fbtn--primary:hover{opacity:.93}

/* jQuery UI slider light restyle */
.cat-filters #slider-range.ui-slider{margin:6px 4px 2px;height:4px;border:0;background:#e6ebef;border-radius:2px}
.cat-filters #slider-range .ui-slider-range{background:var(--c-brand);border-radius:2px}
.cat-filters #slider-range .ui-slider-handle{width:15px;height:15px;top:-6px;border-radius:50%;background:#fff;border:2px solid var(--c-brand);box-shadow:0 2px 5px -1px rgba(20,20,20,.4)}

/* breadcrumb + title */
.main-row .breadcrumb{background:none;padding:0;margin:0;font-size:12.5px;color:var(--c-muted)}
.main-row .breadcrumb a{color:var(--c-muted)}
.main-row .breadcrumb a:hover{color:var(--c-brand)}
.cat-count{font-size:13px;color:var(--c-muted);margin:4px 0 0}

/* ===== pagination ===== */
.cat-pager .pagination{gap:6px}
.cat-pager .page-item{list-style:none}
.cat-pager .page-link{min-width:38px;height:38px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--c-line);border-radius:9px;background:#fff;color:var(--c-brand-deep);font-weight:600}
.cat-pager .page-item.active .page-link{background:var(--c-brand);border-color:var(--c-brand);color:#fff}
.cat-pager .page-link:hover{border-color:var(--c-brand);color:var(--c-brand);text-decoration:none}

/* ===== mobile bar (Filtruj / Sortuj) ===== */
.cat-mbar{display:none}

/* mobile-only panels: hidden on desktop by default */
.cat-sort,
.cat-scrim{display:none}

@media (max-width:1200px){
	.cat-main .p-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:991px){
	.cat-main{flex:0 0 100%;max-width:100%}
	.cat-mbar{display:flex;gap:10px;margin:8px 0 20px}
	.cat-mbar button{
		flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
		padding:12px;border:1px solid var(--c-line);border-radius:10px;background:#fff;
		font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:13.5px;color:var(--c-brand-deep);cursor:pointer;
	}
	.cat-mbar button:active{transform:scale(.99)}
	.cat-mbar .ic{width:16px;height:16px}

	/* aside becomes full-screen overlay */
	.cat-filters{
		display:none;position:fixed;inset:0;z-index:4000;
		max-width:none;width:100%;margin:0 !important;padding:0;background:#fff;
		flex-direction:column;
	}
	.cat-filters.is-open{display:flex}
	.cat-filters .cat-filters__head{
		display:flex;align-items:center;justify-content:space-between;
		padding:14px 16px;border-bottom:1px solid var(--c-line);flex:0 0 auto;
	}
	.cat-filters .cat-filters__head h3{margin:0;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--c-brand-deep)}
	.cat-filters__x{width:34px;height:34px;border:1px solid var(--c-line);border-radius:9px;background:#fff;font-size:18px;line-height:1;color:var(--c-brand-deep);cursor:pointer}
	.cat-filters form{flex:1;overflow:auto;border:0;border-radius:0;padding:8px 16px 90px}
	/* sticky apply button on mobile */
	.cat-filters .fgrp--actions{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;background:#fff;border-top:1px solid var(--c-line);margin:0}

	/* sort bottom sheet */
	.cat-sort{display:none;position:fixed;left:0;right:0;bottom:0;z-index:4000;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -18px 40px -20px rgba(20,20,20,.5);padding:8px 0 12px}
	.cat-sort.is-open{display:block}
	.cat-sort__grip{width:44px;height:4px;border-radius:2px;background:#d5dce1;margin:8px auto 6px}
	.cat-sort__head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 8px;border-bottom:1px solid var(--c-line)}
	.cat-sort__head h3{margin:0;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--c-brand-deep)}
	.cat-sort__x{width:30px;height:30px;border:1px solid var(--c-line);border-radius:8px;background:#fff;font-size:16px;color:var(--c-brand-deep);cursor:pointer}
	.cat-sort__opt{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:15px;border-bottom:1px solid #f2f5f7;cursor:pointer}
	.cat-sort__opt:last-child{border-bottom:0}
	.cat-sort__opt .rd{width:18px;height:18px;border-radius:50%;border:2px solid #c6cfd6;flex:0 0 auto}
	.cat-sort__opt.is-on{color:var(--c-brand-deep);font-weight:600}
	.cat-sort__opt.is-on .rd{border-color:var(--c-brand);box-shadow:inset 0 0 0 3px var(--c-brand)}

	.cat-scrim{display:none;position:fixed;inset:0;z-index:3900;background:rgba(20,20,20,.38)}
	.cat-scrim.is-open{display:block}
}

/* keep the sort <select> usable on desktop, hidden control duplicate on mobile handled by JS */