/* «Чорна п'ятниця» — сторінка /black-friday. Графіт + золото RPF; заголовок і картки — класи теми. */

.rpf-bf-cats{margin:0 0 12px}
.rpf-bf-cats__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.rpf-bf-cats__link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid #d9d6cc;background:#fff;color:#17171b;font-weight:600;font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s}
.rpf-bf-cats__link:hover,.rpf-bf-cats__link:focus{border-color:#c9a22a;color:#17171b;text-decoration:none}
.rpf-bf-cats__link:focus-visible{outline:2px solid #c9a22a;outline-offset:2px}
.rpf-bf-cats__link.is-active{background:#17171b;border-color:#17171b;color:#fff}
.rpf-bf-cats__n{font-size:12px;font-weight:500;color:#8f90a6}
.rpf-bf-cats__link.is-active .rpf-bf-cats__n{color:#e2bd4a}

.rpf-bf-stock{color:#b3261e;font-weight:600}
.rpf-bf-pagination{display:flex;justify-content:center;padding:16px 0}
.rpf-bf-pagination .pagination{flex-wrap:wrap;justify-content:center;margin:0}

@media (max-width:767.98px){
	/* Перемикачі — одна прокручувана стрічка, без переносу на кілька рядків */
	.rpf-bf-cats{margin:0 -12px 10px}
	.rpf-bf-cats__list{flex-wrap:nowrap;overflow-x:auto;padding:0 12px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.rpf-bf-cats__list::-webkit-scrollbar{display:none}
	.rpf-bf-cats__link{white-space:nowrap}
}