/* ==========================================================================
   Mağaza / kategori başlığı
   ========================================================================== */

/* Dar başlık (varsayılan) */
.tsec-cat-hero { position: relative; border-bottom: 1px solid var(--tsec-line); background: var(--tsec-bg); }
.tsec-cat-hero__inner { position: relative; z-index: 1; padding-block: 18px 16px; }

.tsec-breadcrumb { margin: 0 0 6px; color: var(--tsec-muted); font-size: 12.5px; line-height: 1.5; }
.tsec-breadcrumb a { color: inherit; text-decoration: none; }
.tsec-breadcrumb a:hover { color: var(--tsec-black); text-decoration: underline; text-underline-offset: 2px; }
.tsec-breadcrumb__sep { margin-inline: 7px; opacity: .6; }

.tsec-cat-hero__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; }
.tsec-cat-hero__title { margin: 0; color: var(--tsec-black); font-size: 28px; font-weight: 700; line-height: 1.25; }
.tsec-cat-hero__count { color: var(--tsec-muted); font-size: 14px; font-weight: 500; }
.tsec-cat-hero__desc { max-width: 760px; margin-top: 6px; color: #444; font-size: 14px; line-height: 1.6; }
.tsec-cat-hero__desc p { margin: 0 0 .4em; }

/* Başlığın hemen altındaki içerik kabının üst boşluğunu azalt (Blocksy dikey boşluğu). */
.tsec-cat-hero + .ct-container[data-vertical-spacing*="top"] { padding-top: 20px; }

/* Görselli başlık (kategoriye görsel yüklenmişse) */
.tsec-cat-hero--image {
	display: flex;
	align-items: flex-end;
	min-height: 280px;
	overflow: hidden;
	border-bottom: 0;
	background: #1a1a1a;
}
.tsec-cat-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tsec-cat-hero--image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .62) 100%);
}
.tsec-cat-hero--image .tsec-cat-hero__inner { width: 100%; padding-block: 48px 26px; }
.tsec-cat-hero--image .tsec-breadcrumb,
.tsec-cat-hero--image .tsec-breadcrumb a,
.tsec-cat-hero--image .tsec-cat-hero__title,
.tsec-cat-hero--image .tsec-cat-hero__count,
.tsec-cat-hero--image .tsec-cat-hero__desc { color: #fff; }
.tsec-cat-hero--image .tsec-breadcrumb a:hover { color: #fff; }
.tsec-cat-hero--image .tsec-cat-hero__title { font-size: 40px; text-shadow: 0 2px 14px rgba(0, 0, 0, .35); }
.tsec-cat-hero--image .tsec-cat-hero__count { opacity: .9; }

@media (max-width: 575px) {
	.tsec-cat-hero__inner { padding-block: 12px 12px; }
	.tsec-cat-hero__title { font-size: 22px; }
	.tsec-cat-hero--image { min-height: 180px; }
	.tsec-cat-hero--image .tsec-cat-hero__inner { padding-block: 32px 18px; }
	.tsec-cat-hero--image .tsec-cat-hero__title { font-size: 27px; }
	.tsec-cat-hero + .ct-container[data-vertical-spacing*="top"] { padding-top: 14px; }
}