/* Koleksiyon / kategori / arama — vitrin rafı: dev başlık, cam sekmeler, yapışkan araç çubuğu, akan ızgara */
.cat-head { position: relative; padding-block: var(--space-l) 0; isolation: isolate; }
.cat-head::before { content: ""; position: absolute; z-index: -1; right: -10vw; top: -30vh; width: 50vw; height: 50vw; max-width: 46rem; max-height: 46rem; border-radius: 50%; background: radial-gradient(closest-side, var(--intro-tint, #DDE3FF), transparent 70%); filter: blur(56px); pointer-events: none; }
.cat-head__grid { display: grid; gap: var(--space-m); margin-top: var(--space-l); }
.cat-head__grid .tag { margin-bottom: var(--space-s); }
.cat-head__title { font-size: clamp(2.8rem, 1.4rem + 5.4vw, 7.4rem); font-weight: 300; letter-spacing: -.05em; line-height: .94; max-width: 12ch; }
.cat-head__side { display: grid; gap: var(--space-m); align-content: end; }
.cat-head__count { display: flex; align-items: baseline; gap: .7rem; font-size: var(--step-4); font-weight: 300; letter-spacing: -.04em; line-height: 1; }
.cat-head__count [data-count] { font-variant-numeric: tabular-nums; min-width: 1.6ch; }
.cat-head__count small { font-size: .64rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); }
@media (min-width: 1024px) { .cat-head__grid { grid-template-columns: 1.3fr 1fr; align-items: end; } }

.cat-tabs { margin-top: var(--space-l); overflow-x: auto; scrollbar-width: none; padding: .35rem 0; scroll-snap-type: x proximity; }
.cat-tabs::-webkit-scrollbar { display: none; }
.cat-tabs ul { display: inline-flex; gap: .3rem; padding: .3rem; border-radius: 999px; background: rgba(255, 255, 255, .62); border: 1px solid rgba(255, 255, 255, .92); box-shadow: var(--shadow-glass); white-space: nowrap; }
.cat-tabs a { display: inline-flex; align-items: center; gap: .45rem; padding: .72rem 1.1rem; border-radius: 999px; text-decoration: none; font-size: var(--step--1); font-weight: 600; color: var(--ink-2); transition: background var(--dur-s), color var(--dur-s), box-shadow var(--dur-s); scroll-snap-align: start; }
.cat-tabs a small { font-size: .6rem; letter-spacing: .1em; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.cat-tabs a:hover { color: var(--ink); background: rgba(255, 255, 255, .95); }
.cat-tabs a[aria-current] { background: var(--ink); color: #fff; box-shadow: 0 12px 24px -12px rgba(16, 19, 33, .55); }
.cat-tabs a[aria-current] small { color: rgba(255, 255, 255, .6); }
.cat-tabs__sold { color: var(--oxblood); } .cat-tabs__sold[aria-current] { background: var(--oxblood); }

.catalog { padding-block: var(--space-m) var(--space-3xl); }
.cat-tools { display: grid; gap: .75rem; margin-bottom: var(--space-l); }
.cat-tools__bar { position: sticky; top: calc(var(--header-h) + .6rem); z-index: 30; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .4rem; border-radius: 999px; background: rgba(246, 247, 250, .78); border: 1px solid rgba(255, 255, 255, .95); box-shadow: var(--shadow-glass); backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); }
.cat-tools__q { flex: 1 1 14rem; min-width: 0; min-height: 2.9rem; border-radius: 999px !important; border-color: transparent !important; background: rgba(255, 255, 255, .85) !important; padding-inline: 1.1rem !important; }
.cat-tools__filter { min-height: 2.9rem; padding-inline: 1.1rem; --btn-bd: transparent; --btn-bg: rgba(255, 255, 255, .85); }
.cat-tools__badge { position: static; margin-left: .35rem; min-width: 1.15rem; height: 1.15rem; line-height: 1.15rem; border-radius: 999px; background: var(--cobalt); color: #fff; font-size: .6rem; text-align: center; padding-inline: .3rem; }
.cat-tools__sort { display: inline-flex; align-items: center; gap: .6rem; margin-left: auto; padding-left: .4rem; }
.cat-tools__sort .label { font-size: .58rem; }
.cat-tools__sort select { min-height: 2.9rem; padding: .4rem 2.2rem .4rem 1rem; background: rgba(255, 255, 255, .85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23101321' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9rem center; border: 0; border-radius: 999px; font-size: var(--step--1); font-weight: 600; appearance: none; -webkit-appearance: none; cursor: pointer; }
.cat-chips { display: flex; flex-wrap: wrap; gap: .45rem; padding-inline: .4rem; }
.cat-chips a { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .8rem; border-radius: 999px; background: var(--ink); color: #fff; font-size: var(--step--2); font-weight: 600; letter-spacing: .04em; text-decoration: none; transition: background var(--dur-s), transform var(--dur-s) var(--ease-out); }
.cat-chips a .icon { width: .85rem; height: .85rem; }
.cat-chips a:hover { background: var(--cobalt); transform: translateY(-2px); }
.cat-chips__clear { background: transparent !important; color: var(--ink-3) !important; border: 1px dashed var(--rule-strong); }

.cat-grid { position: relative; }
.cat-grid__item { min-width: 0; animation: cat-in .9s var(--ease-out) both; animation-delay: calc(var(--d, 0) * 70ms); }
@keyframes cat-in { from { opacity: 0; transform: translateY(1.6rem); } }
.cat-grid__item.is-hidden { display: none; }
@media (min-width: 900px) {
  .cat-grid__item--wide { grid-column: span 2; }
  .cat-grid__item--wide .card__media { aspect-ratio: 5 / 4; }
  .cat-grid__item--wide .card__title { font-size: var(--step-3); font-weight: 300; letter-spacing: -.03em; }
}
.cat-grid .card { transition: opacity var(--dur-m) var(--ease-out); }
.cat-grid .card.is-leaving { opacity: 0; }
.cat-grid .card.is-entering { animation: rise var(--dur-l) var(--ease-out); }
.catalog .empty { margin-bottom: var(--space-l); }

.filtre { display: grid; gap: var(--space-m); align-content: start; }
.filtre fieldset { display: grid; gap: .15rem; padding: var(--space-s) var(--space-m); border-radius: var(--radius); background: rgba(255, 255, 255, .66); box-shadow: var(--shadow-glass); }
.filtre legend { float: left; width: 100%; padding-bottom: .5rem; }
.filtre .choice { display: flex; align-items: center; gap: .6rem; min-height: 2.6rem; }
.filtre .choice small { margin-left: auto; font-variant-numeric: tabular-nums; }
.filtre .drawer__foot { margin: var(--space-m) calc(var(--space-m) * -1) calc(var(--space-m) * -1); }
@media (max-width: 599px) {
  .cat-tools__bar { border-radius: 22px; }
  .cat-tools__sort { margin-left: 0; width: 100%; justify-content: space-between; padding: .2rem .5rem .3rem; }
  .cat-tools__sort select { flex: 1; margin-left: .6rem; }
  .cat-head__count { font-size: var(--step-3); }
}
@media (max-width: 1023px) { .cat-tools__bar { top: calc(var(--header-h) + .4rem); } }

/* Kategori satın alma rehberi (uzun içerik) */
.cat-about { padding-top: 0; }
.cat-about__prose { max-width: none; }
.cat-about__prose h2 { font-size: var(--step-2); font-weight: 500; letter-spacing: -.025em; margin-top: 1.4em; padding-top: 0; border: 0; }
.cat-about__prose h2:first-child { margin-top: 0; }
.cat-about__prose p { max-width: 66ch; }
.cat-about__prose a { color: var(--cobalt); }