/* Tasarım sistemi — katalog kapağının dili: antrasit zemin + turuncu diyagonal kesim. */
h1, h2, h3, .font-head { font-family: 'Barlow Condensed', sans-serif; letter-spacing: .01em; }

.diag-cut  { clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%); }
.diag-band { clip-path: polygon(0 18%, 100% 0, 100% 82%, 0 100%); }

.card-lift { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card-lift:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(255,72,20,.45); border-color: #FF4814; }

.brand-logo { filter: grayscale(1) opacity(.55); transition: filter .2s ease; }
.brand-logo:hover { filter: grayscale(0) opacity(1); }

.slide { opacity: 0; visibility: hidden; transition: opacity .6s ease; }
.slide.active { opacity: 1; visibility: visible; }

/* Spec tablosu: uzun matrislerde satır okunurluğu */
.spec-row:nth-child(odd) { background: #FAFAFA; }

/* Hero slayt arka planları — slider aktif slaytın bg'sini de değiştirir (app.js) */
.hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center right;
  opacity: 0; transition: opacity .8s ease;
}
.hero-bg.active { opacity: 1; }