/* İlgili rehberler (7.78) — kategori + ürün sayfası. Renk sayfanın jetonlarından (--primary / --sh-* / --pd-*), yoksa nötr yedek. */
.dtk-guides { margin: 48px 0 8px; }
.dtk-guides .dtk-guides__title { margin: 0 0 16px; font-size: 22px; font-weight: 750; letter-spacing: -.01em; color: var(--sh-ink, var(--pd-ink, #111827)); }
.dtk-guides .dtk-guides__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.dtk-guides .dtk-guides__grid > li { margin: 0; padding: 0; }
.dtk-guides .dtk-guide { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--sh-line, #e5e7eb); border-radius: 16px; background: #fff; color: inherit; text-decoration: none; transition: border-color .16s, box-shadow .2s, transform .2s; }
.dtk-guides .dtk-guide:hover { border-color: color-mix(in srgb, var(--primary, #c94a1a) 40%, #e5e7eb); box-shadow: 0 12px 28px rgba(0,0,0,.08); transform: translateY(-2px); }
.dtk-guides .dtk-guide__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f3f4f6; }
.dtk-guides .dtk-guide__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dtk-guides .dtk-guide__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1 1 auto; }
.dtk-guides .dtk-guide__name { margin: 0; font-size: 17px; line-height: 1.35; font-weight: 700; color: var(--sh-ink, var(--pd-ink, #111827)); }
.dtk-guides .dtk-guide__text { font-size: 14px; line-height: 1.55; color: var(--sh-muted, #4b5563); }
.dtk-guides .dtk-guide__go { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--primary, #c94a1a); }
.dtk-guides .dtk-guide:hover .dtk-guide__go i { transform: translateX(3px); }
.dtk-guides .dtk-guide__go i { transition: transform .16s; }
@media (max-width: 640px) { .dtk-guides { margin-top: 36px; } .dtk-guides .dtk-guides__grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .dtk-guides .dtk-guide { transition: none; } .dtk-guides .dtk-guide:hover { transform: none; } }