/* E-Catalog: hero + oynatıcı çerçevesi + seri datasheet ızgarası. Yalnızca tokens.css değişkenleri; mobil önce. */
.catalog-hero__inner { display: grid; gap: var(--space-7); align-items: end; }
.catalog-hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }
.catalog-hero__cta .btn--secondary { color: #fff; border-color: rgb(255 255 255 / 0.7); }
.catalog-hero__cta .btn--secondary:hover, .catalog-hero__cta .btn--secondary:focus-visible { background: #fff; border-color: #fff; color: #063529; }
.btn--download { gap: var(--space-2); }
.btn--download .btn__icon { width: 1.15rem; height: 1.15rem; flex: none; }
.btn--download small { opacity: 0.8; font-weight: 500; letter-spacing: 0.04em; }
.catalog-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: 0; }
.catalog-stats div { display: flex; flex-direction: column-reverse; gap: var(--space-1); padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4); border-left: 1px solid color-mix(in srgb, var(--color-gold) 60%, transparent); }
.catalog-stats dd { margin: 0; font-family: var(--font-serif); font-size: clamp(1.7rem, 1.2rem + 2vw, 2.8rem); line-height: 1; color: var(--color-gold); }
.catalog-stats dt { font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: rgb(255 255 255 / 0.75); }
@media (min-width: 900px) { .catalog-hero__inner { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } }

/* Bölüm başlıkları */
.catalog-head { display: grid; justify-items: center; margin-bottom: var(--space-6); text-align: center; }
.catalog-head .eyebrow { margin-bottom: var(--space-3); }
.catalog-head .eyebrow::before { display: none; }
.catalog-head h2 { margin: 0; font-family: var(--font-serif); font-size: clamp(2.2rem, 1.6rem + 2.6vw, 3.8rem); font-weight: 500; line-height: 1; color: var(--wp--preset--color--brand-deep); }
.catalog-head h2 sup { margin-left: 0.35rem; font-family: var(--font-sans); font-size: 0.32em; font-weight: 600; letter-spacing: 0.1em; vertical-align: super; color: var(--color-gold-muted); }
.catalog-head__rule { display: block; width: 7rem; height: 1px; margin-top: var(--space-4); background: linear-gradient(90deg, transparent, var(--color-gold), transparent); }
.catalog-head__lead { max-width: 36rem; margin: var(--space-4) 0 0; line-height: 1.7; color: var(--color-text-muted); }
.catalog-head--dark .eyebrow { color: #e4c58f; }
.catalog-head--dark h2 { color: #fff; }
.catalog-head--dark h2 sup { color: var(--color-gold); }
.catalog-head--dark .catalog-head__lead { color: rgb(255 255 255 / 0.78); }

/* Oynatıcı çerçevesi (flipbook eklentisi aynı; yalnızca çevre tasarımı) */
.catalog-viewer { padding-block: var(--space-8); background: var(--gradient-paper-soft, var(--color-background)); }
.catalog-viewer__frame { padding: clamp(0.35rem, 1vw, 0.9rem); background: linear-gradient(135deg, #fff, var(--color-surface)); border: 1px solid var(--color-gold); border-radius: 1rem; box-shadow: 0 2rem 4rem -2rem rgb(5 15 11 / 0.45); overflow: hidden; }
.catalog-viewer__frame > * { max-width: 100%; }

/* Seri datasheet ızgarası */
.catalog-series { position: relative; padding-block: var(--space-9); border-block: 1px solid color-mix(in srgb, var(--color-gold) 45%, transparent); }
.catalog-series::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60rem 28rem at 12% 0%, rgb(197 156 99 / 0.14), transparent 70%), radial-gradient(40rem 24rem at 100% 100%, rgb(197 156 99 / 0.08), transparent 70%); }
.catalog-series > .container { position: relative; }
.catalog-search { position: relative; display: block; max-width: 30rem; margin: 0 auto var(--space-7); }
.catalog-search svg { position: absolute; left: 1.1rem; top: 50%; width: 1.25rem; height: 1.25rem; transform: translateY(-50%); fill: none; stroke: var(--color-gold); stroke-width: 1.7; stroke-linecap: round; pointer-events: none; }
.catalog-search input { width: 100%; min-height: 3.2rem; padding: 0.8rem 1.25rem 0.8rem 3.1rem; border: 1px solid var(--color-gold); border-radius: 2rem; background: rgb(255 255 255 / 0.06); font: inherit; font-size: 1rem; color: #fff; transition: box-shadow var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease); }
.catalog-search input::placeholder { color: rgb(255 255 255 / 0.55); }
.catalog-search input:focus { outline: none; background: rgb(255 255 255 / 0.1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-gold) 35%, transparent); }
.catalog-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.catalog-card[hidden] { display: none; }
.catalog-card { position: relative; display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid color-mix(in srgb, var(--color-gold) 55%, transparent); border-radius: 0.9rem; background: rgb(255 255 255 / 0.04); transition: border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease); }
.catalog-card:hover, .catalog-card:focus-within { border-color: var(--color-gold); background: rgb(255 255 255 / 0.08); transform: translateY(-4px); }
.catalog-card.is-new { border-color: rgb(197 156 99 / 0.3); }
.catalog-card__media { position: relative; display: block; aspect-ratio: 5 / 4; margin: var(--space-3) var(--space-3) 0; overflow: hidden; border-radius: 0.6rem; background: #fff; }
.catalog-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow) var(--ease); }
.catalog-card__media.is-cutout img { object-fit: contain; padding: var(--space-3); }
.catalog-card:hover .catalog-card__media img { transform: scale(1.05); }
.catalog-card__media .new-badge { z-index: 5; }
.catalog-card.is-new > .gold-ring { border-radius: inherit; }
.catalog-card__media .gold-ring { border-radius: 0.6rem; }
.catalog-card__body { display: grid; align-content: start; gap: var(--space-2); padding: var(--space-3) var(--space-4) var(--space-4); }
.catalog-card__name { margin: 0; font-family: var(--font-serif); font-size: var(--text-h4, 1.6rem); font-weight: 500; line-height: 1.1; }
.catalog-card__name a { color: #fff; text-decoration: none; }
.catalog-card__meta { margin: 0; font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: #e4c58f; }
.catalog-card__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-3); }
.catalog-card__actions .btn--primary { background: var(--color-gold); border-color: var(--color-gold); color: #0b1d17; }
.catalog-card__actions .btn--primary:hover, .catalog-card__actions .btn--primary:focus-visible { background: #fff; border-color: #fff; color: #063529; }
.catalog-card__view { font-size: var(--text-small); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; color: #fff; }
.catalog-card__view:hover, .catalog-card__view:focus-visible { color: var(--color-gold); }
.catalog-empty { margin: var(--space-6) 0 0; padding: var(--space-6); border: 1px dashed var(--color-gold); border-radius: 0.75rem; text-align: center; color: rgb(255 255 255 / 0.8); }
@media (min-width: 560px) { .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); } }
@media (min-width: 1240px) { .catalog-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 599.98px) {
	.catalog-series { padding-block: var(--space-8); }
	.catalog-viewer { padding-block: var(--space-7); }
	.catalog-card__name { font-size: var(--text-h5); }
}
@media (prefers-reduced-motion: reduce) { .catalog-card, .catalog-card__media img { transition: none; } }