/* ===== Sektörel — site genişliğinde koyu pano (16:9 standart kırpım) ===== */
.sekt-sect {
  padding: 32px 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow-x: clip;
}

/* Koyu arka plan yalnızca .container içinde — tam genişlik şerit yok */
.sekt-inner {
  position: relative;
  padding: 22px 24px 24px;
  border-radius: 14px;
  overflow: hidden;
  background:
    linear-gradient(180deg, oklch(18% 0.014 265) 0%, oklch(15% 0.012 265) 100%);
  border: 1px solid oklch(28% 0.014 265);
  box-shadow:
    0 1px 2px rgba(15, 20, 35, 0.04),
    0 12px 32px -16px rgba(15, 20, 35, 0.14);
}
.sekt-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 79px,
      oklch(22% 0.012 265 / 0.35) 79px,
      oklch(22% 0.012 265 / 0.35) 80px
    );
  pointer-events: none;
  opacity: 0.45;
}

.sekt-inner > * {
  position: relative;
  z-index: 1;
}

.sekt-sect-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 18px;
  margin-bottom: 16px;
}
.sekt-cat-label {
  font-size: 20px;
  text-decoration: none;
  color: #fff;
}
.sekt-cat-label:hover { color: oklch(78% 0.12 75); }
.sekt-cat-label::after { background: oklch(72% 0.14 75); }

.sekt-sect-tagline {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: oklch(68% 0.012 265);
  letter-spacing: -0.01em;
}

/* Sektör çipleri */
.sekt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  overscroll-behavior: contain;
}
.sekt-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-decoration: none;
  color: oklch(88% 0.012 265);
  background: oklch(24% 0.014 265);
  border: 1px solid oklch(32% 0.014 265);
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.sekt-chip:hover {
  color: #fff;
  border-color: oklch(42% 0.014 265);
  background: oklch(28% 0.014 265);
}
.sekt-chip--otomotiv:hover { border-color: oklch(58% 0.14 55); background: oklch(32% 0.06 55); }
.sekt-chip--enerji:hover { border-color: oklch(62% 0.14 95); background: oklch(32% 0.06 95); }
.sekt-chip--sanayi:hover { border-color: oklch(58% 0.10 250); background: oklch(32% 0.05 250); }
.sekt-chip--tarim:hover { border-color: oklch(58% 0.12 145); background: oklch(32% 0.05 145); }
.sekt-chip--insaat:hover { border-color: oklch(58% 0.10 65); background: oklch(32% 0.05 65); }
.sekt-chip--telekom:hover { border-color: oklch(58% 0.14 290); background: oklch(32% 0.05 290); }
.sekt-chip--saglik:hover { border-color: oklch(58% 0.14 25); background: oklch(32% 0.05 25); }
.sekt-chip--lojistik:hover { border-color: oklch(58% 0.10 210); background: oklch(32% 0.05 210); }
.sekt-chip--video:hover { border-color: oklch(58% 0.18 25); background: oklch(32% 0.06 25); }

/* Ana pano */
.sekt-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
}

/* Sol — öne çıkan */
.sekt-feature {
  display: block;
  min-width: 0;
  min-height: 48px;
  touch-action: manipulation;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid oklch(30% 0.014 265);
  box-shadow: 0 12px 40px -20px rgba(0, 0, 0, 0.55);
  transition: transform .18s ease, box-shadow .18s ease;
}
.sekt-feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px -18px rgba(0, 0, 0, 0.65);
}

.sekt-feature-media {
  position: relative;
  width: 100%;
  aspect-ratio: var(--img-ratio-card);
  overflow: hidden;
  background: oklch(22% 0.012 265);
}
.sekt-feature-photo {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
}
.sekt-feature-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease;
}
.sekt-feature:hover .sekt-feature-photo img { transform: scale(1.04); }

.sekt-video-play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: rgba(6, 8, 14, 0.24);
}
.sekt-video-play svg {
  width: 52px;
  height: 52px;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
  color: oklch(22% 0.04 265);
}
.sekt-video-play--sm svg {
  width: 30px;
  height: 30px;
  padding: 8px;
}
.sekt-video-label {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 9px;
  border-radius: 6px;
  line-height: 1;
  background: oklch(38% 0.18 265);
  pointer-events: none;
}
.sekt-feature:hover .sekt-video-play {
  background: rgba(6, 8, 14, 0.38);
}
.sekt-row:hover .sekt-video-play {
  background: rgba(6, 8, 14, 0.34);
}

.sekt-feature-sector {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 9px;
  border-radius: 6px;
  line-height: 1;
}
.sekt-feature--otomotiv .sekt-feature-sector { background: oklch(48% 0.14 55); }
.sekt-feature--enerji .sekt-feature-sector { background: oklch(46% 0.12 95); }
.sekt-feature--sanayi .sekt-feature-sector { background: oklch(44% 0.10 250); }
.sekt-feature--tarim .sekt-feature-sector { background: oklch(44% 0.12 145); }
.sekt-feature--insaat .sekt-feature-sector { background: oklch(46% 0.10 65); }
.sekt-feature--telekom .sekt-feature-sector { background: oklch(44% 0.14 290); }
.sekt-feature--video .sekt-feature-sector { background: oklch(46% 0.18 25); }

.sekt-feature-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 40px 18px 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(6, 8, 14, 0.88) 52%, rgba(6, 8, 14, 0.96) 100%);
  pointer-events: none;
}
.sekt-feature-title {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.018em;
  color: #fff;
  margin: 0 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sekt-feature-summary {
  font-family: var(--font-sans);
  font-size: 12.5px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sağ — yatay akış */
.sekt-feed {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.sekt-row {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 74px;
  padding: 10px 12px 10px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  background: oklch(22% 0.012 265);
  border: 1px solid oklch(30% 0.014 265);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
  touch-action: manipulation;
  min-width: 0;
}
.sekt-row:hover {
  background: oklch(26% 0.014 265);
  border-color: oklch(38% 0.014 265);
}
@media (hover: hover) {
  .sekt-row:hover { transform: translateX(2px); }
}

.sekt-row-thumb {
  position: relative;
  width: 132px;
  aspect-ratio: var(--img-ratio-card);
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: oklch(28% 0.012 265);
}
.sekt-row-photo {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  border-radius: 0;
}
.sekt-row-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}
.sekt-row:hover .sekt-row-photo img { transform: scale(1.05); }

.sekt-row-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.sekt-row-sector {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
}
.sekt-row--otomotiv .sekt-row-sector { color: oklch(72% 0.12 55); }
.sekt-row--enerji .sekt-row-sector { color: oklch(74% 0.12 95); }
.sekt-row--sanayi .sekt-row-sector { color: oklch(72% 0.10 250); }
.sekt-row--tarim .sekt-row-sector { color: oklch(72% 0.12 145); }
.sekt-row--insaat .sekt-row-sector { color: oklch(74% 0.10 65); }
.sekt-row--telekom .sekt-row-sector { color: oklch(72% 0.14 290); }
.sekt-row--saglik .sekt-row-sector { color: oklch(72% 0.14 25); }
.sekt-row--lojistik .sekt-row-sector { color: oklch(72% 0.10 210); }
.sekt-row--video .sekt-row-sector { color: oklch(72% 0.16 25); }

.sekt-row-title {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: oklch(94% 0.008 265);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .15s ease;
}
.sekt-row:hover .sekt-row-title { color: #fff; }

.sekt-row-time {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  color: oklch(58% 0.010 265);
  letter-spacing: 0.02em;
}

@media (max-width: 1100px) {
  .sekt-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .sekt-sect { padding: 22px 0; }
  .sekt-inner {
    padding: 16px 14px 18px;
    border-radius: 12px;
  }
  .sekt-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
    margin-bottom: 14px;
  }
  .sekt-chips::-webkit-scrollbar { display: none; }
  .sekt-chip { flex-shrink: 0; }
  .sekt-row {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 10px;
    padding: 8px;
  }
  .sekt-row-thumb { width: 108px; }
  .sekt-feature-title { font-size: 16px; }
}