/* =========================================================
   Epic News Elements – Advanced Stylesheet v2.0.0
   Developer: Onur KAN | https://svarogtech.com
   ========================================================= */

/* ══════════════════════════════════════════════════════════
   HERO SLIDER (THUMB SYNC)
   ══════════════════════════════════════════════════════════ */
.ene-hero-slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.ene-hero-slider-wrap.thumb-pos-right,
.ene-hero-slider-wrap.thumb-pos-left {
  flex-direction: row;
  height: 520px;
}
.ene-hero-slider-wrap.thumb-pos-left  .ene-hero-thumbs { order: -1; }

.ene-hero-main { flex: 1; min-width: 0; position: relative; }
.ene-hero-main .swiper-slide {
  height: 520px;
  position: relative;
  overflow: hidden;
}
.ene-hero-slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 6s ease;
}
.ene-hero-main .swiper-slide-active .ene-hero-slide-bg {
  transform: scale(1.04);
}

.ene-gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 55%, transparent 100%);
  z-index: 1;
}
.ene-slide-overlay { position: absolute; inset: 0; z-index: 1; }

.ene-hero-slide-content {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 32px 28px;
  z-index: 10;
  color: #fff;
}
.ene-hero-slide-title { margin: 8px 0 10px; line-height: 1.3; }
.ene-hero-slide-title a { color: #fff; text-decoration: none; transition: opacity .2s; }
.ene-hero-slide-title a:hover { opacity: .85; }

.ene-hero-excerpt {
  font-size: 14px;
  color: rgba(255,255,255,.8);
  margin-bottom: 14px;
  line-height: 1.6;
}
.ene-hero-btn {
  display: inline-block;
  padding: 10px 22px;
  background: #e74c3c;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  transition: background .25s, transform .25s;
}
.ene-hero-btn:hover { background: #c0392b; transform: translateY(-2px); color: #fff; }

/* Thumbnail swiper */
.ene-hero-thumbs {
  flex-shrink: 0;
}
.thumb-pos-bottom .ene-hero-thumbs { height: 100px; }
.thumb-pos-right  .ene-hero-thumbs,
.thumb-pos-left   .ene-hero-thumbs { width: 160px !important; height: auto; }

.ene-hero-thumbs .swiper-slide {
  height: 100px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  border: 3px solid transparent;
  transition: border-color .2s, opacity .2s;
  position: relative;
  opacity: .7;
}
.ene-hero-thumbs .swiper-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  transition: opacity .2s;
}
.ene-hero-thumbs .swiper-slide-thumb-active {
  border-color: #e74c3c;
  opacity: 1;
}
.ene-hero-thumbs .swiper-slide-thumb-active::after { opacity: 0; }

.ene-thumb-label {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  z-index: 5;
  line-height: 1.3;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

/* Nav arrows */
.ene-hero-main .swiper-button-next,
.ene-hero-main .swiper-button-prev {
  width: 40px; height: 40px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.3);
  transition: background .2s;
}
.ene-hero-main .swiper-button-next:hover,
.ene-hero-main .swiper-button-prev:hover { background: #e74c3c; border-color: #e74c3c; }
.ene-hero-main .swiper-button-next::after,
.ene-hero-main .swiper-button-prev::after { font-size: 14px; color: #fff; font-weight: 700; }
.ene-hero-main .swiper-pagination-bullet-active { background: #e74c3c; }

/* ══════════════════════════════════════════════════════════
   HERO GRID
   ══════════════════════════════════════════════════════════ */
.ene-hero-grid { }
.ene-hero-grid-inner {
  display: grid;
  gap: 8px;
}

/* Layout 1: Big Left 1+4 */
.ene-hero-layout-1 .ene-hero-grid-inner {
  grid-template-columns: 1.6fr 1fr;
  grid-template-rows: repeat(2, 1fr);
}
.ene-hero-layout-1 .ene-hero-featured { grid-row: span 2; }

/* Layout 2: Big Top 1+4 */
.ene-hero-layout-2 .ene-hero-grid-inner {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
}
.ene-hero-layout-2 .ene-hero-featured { grid-column: span 4; }

/* Layout 3: Center Hero 2+1+2 */
.ene-hero-layout-3 .ene-hero-grid-inner {
  grid-template-columns: 1fr 1.8fr 1fr;
  grid-template-rows: auto;
}

/* Layout 4: Big Left + Right Stack */
.ene-hero-layout-4 .ene-hero-grid-inner {
  grid-template-columns: 1.4fr 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
}
.ene-hero-layout-4 .ene-hero-featured { grid-row: span 2; }

/* Layout 5: Full Width Stack */
.ene-hero-layout-5 .ene-hero-grid-inner {
  grid-template-columns: 1fr;
}
.ene-hero-layout-5 .ene-hero-featured { height: 420px; }

/* Layout 6: Mosaic */
.ene-hero-layout-6 .ene-hero-grid-inner {
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
}
.ene-hero-layout-6 .ene-hero-featured {
  grid-row: span 2;
  grid-column: span 2;
}

/* Post items */
.ene-hero-featured,
.ene-hero-sub {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
}
.ene-hero-featured { height: 460px; }
.ene-hero-sub      { height: 220px; }

.ene-hero-featured .ene-overlay,
.ene-hero-sub .ene-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.2) 60%, transparent 100%);
  transition: opacity .3s;
}
.ene-hero-sub .ene-overlay { background: rgba(0,0,0,.5); }

.ene-hero-content {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 20px 16px;
  z-index: 5;
  color: #fff;
}
.ene-hero-content .ene-post-meta,
.ene-hero-content .ene-post-meta a { color: rgba(255,255,255,.8) !important; }

.ene-hero-title { margin: 6px 0 8px; line-height: 1.35; }
.ene-hero-title a { color: #fff; text-decoration: none; transition: opacity .2s; }
.ene-hero-title a:hover { opacity: .85; }

.ene-hero-excerpt { font-size: 14px; color: rgba(255,255,255,.8); line-height: 1.6; }

/* Zoom hover */
.ene-hero-zoom .ene-hero-featured,
.ene-hero-zoom .ene-hero-sub {
  overflow: hidden;
}
.ene-hero-zoom .ene-hero-featured::before,
.ene-hero-zoom .ene-hero-sub::before {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  transition: transform .5s ease;
}
.ene-hero-zoom .ene-hero-featured:hover::before,
.ene-hero-zoom .ene-hero-sub:hover::before { transform: scale(1.05); }

/* Below-image style */
.ene-hero-below { display: flex; flex-direction: column; }
.ene-hero-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ene-hero-content-below { padding: 12px 0; position: static; color: inherit; }
.ene-hero-below .ene-hero-title a { color: #1a1a1a; }

/* ══════════════════════════════════════════════════════════
   FILTRELENEBILIR GRID
   ══════════════════════════════════════════════════════════ */
.ene-post-filter-wrap { }

.ene-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  align-items: center;
}

/* Pill style */
.ene-btn-style-pill .ene-filter-btn {
  padding: 7px 20px;
  border: 2px solid #e0e0e0;
  border-radius: 30px;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .25s;
  color: #555;
}
.ene-btn-style-pill .ene-filter-btn:hover,
.ene-btn-style-pill .ene-filter-btn.active { background: #e74c3c; border-color: #e74c3c; color: #fff; }

/* Square style */
.ene-btn-style-square .ene-filter-btn {
  padding: 7px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f5f5f5;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .25s;
  color: #444;
}
.ene-btn-style-square .ene-filter-btn.active { background: #e74c3c; border-color: #e74c3c; color: #fff; }

/* Underline style */
.ene-btn-style-underline .ene-filter-btn {
  padding: 8px 4px;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #777;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  transition: all .2s;
}
.ene-btn-style-underline .ene-filter-btn:hover { color: #e74c3c; }
.ene-btn-style-underline .ene-filter-btn.active { color: #e74c3c; border-bottom-color: #e74c3c; }

.ene-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}

.ene-filter-post-item {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: opacity .35s ease, transform .35s ease;
}
.ene-filter-post-item.ene-hidden { opacity: 0; transform: scale(.93); pointer-events: none; height: 0; overflow: hidden; margin: 0; padding: 0; }
.ene-filter-post-item.ene-visible { opacity: 1; transform: scale(1); }

/* Filter animations */
@keyframes ene-fade-scale-in { from { opacity:0; transform:scale(.92); } to { opacity:1; transform:scale(1); } }
@keyframes ene-fade-up-in    { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
@keyframes ene-flip-in       { from { opacity:0; transform:rotateX(-90deg) translateY(-30px); } to { opacity:1; transform:rotateX(0) translateY(0); } }

[data-anim="fade-scale"] .ene-filter-post-item { animation: ene-fade-scale-in .4s ease both; }
[data-anim="fade-up"]    .ene-filter-post-item { animation: ene-fade-up-in    .4s ease both; }
[data-anim="flip"]       .ene-filter-post-item { animation: ene-flip-in       .5s ease both; perspective: 600px; }

.ene-filter-post-item:nth-child(1) { animation-delay: .0s; }
.ene-filter-post-item:nth-child(2) { animation-delay: .05s; }
.ene-filter-post-item:nth-child(3) { animation-delay: .1s; }
.ene-filter-post-item:nth-child(4) { animation-delay: .15s; }
.ene-filter-post-item:nth-child(5) { animation-delay: .2s; }
.ene-filter-post-item:nth-child(6) { animation-delay: .25s; }
.ene-filter-post-item:nth-child(n+7) { animation-delay: .3s; }

.ene-filter-post-item .ene-post-thumb {
  position: relative; overflow: hidden; height: 220px;
}
.ene-filter-post-item .ene-post-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s ease;
}
.ene-filter-post-item:hover .ene-post-thumb img { transform: scale(1.05); }

.ene-filter-post-item.style-overlay .ene-post-thumb::after {
  content: ''; position: absolute; inset: 0;
  background: rgba(0,0,0,.45);
  transition: opacity .3s;
}
.ene-filter-post-item.style-overlay:hover .ene-post-thumb::after { opacity: .3; }

.ene-filter-post-item .ene-post-content { padding: 14px; }

.ene-filter-loading { text-align: center; grid-column: 1/-1; padding: 30px; }

/* ══════════════════════════════════════════════════════════
   VIDEO PLAYLIST
   ══════════════════════════════════════════════════════════ */
.ene-video-playlist-wrap {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
}
.ene-vp-pos-right  { flex-direction: row; }
.ene-vp-pos-left   { flex-direction: row-reverse; }
.ene-vp-pos-bottom { flex-direction: column; }

.ene-video-player-area {
  flex: 1;
  background: #000;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ene-video-player-inner {
  flex: 1;
  position: relative;
}
.ene-video-player-inner iframe {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  border: none;
}

.ene-video-now-playing {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255,255,255,.05);
  border-top: 1px solid rgba(255,255,255,.08);
  flex-shrink: 0;
}
.ene-vp-label {
  font-size: 11px;
  color: #e74c3c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
}
.ene-vp-current-title {
  font-size: 13px;
  color: rgba(255,255,255,.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ene-video-playlist-sidebar {
  width: 320px;
  flex-shrink: 0;
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ene-vp-pos-bottom .ene-video-playlist-sidebar { width: 100%; flex-direction: row; height: 120px; }

.ene-vp-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  flex-shrink: 0;
}
.ene-vp-header span { font-size: 12px; color: #aaa; }
.ene-vp-header span:first-child { color: #fff; font-weight: 600; font-size: 13px; }

.ene-vp-list {
  overflow-y: auto;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #444 transparent;
}
.ene-vp-pos-bottom .ene-vp-list { display: flex; overflow-y: hidden; overflow-x: auto; }

.ene-playlist-item {
  display: flex;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  transition: background .2s;
  border-bottom: 1px solid rgba(255,255,255,.05);
  align-items: center;
}
.ene-playlist-item:hover { background: rgba(255,255,255,.06); }
.ene-playlist-item.active { background: #e74c3c; }
.ene-vp-pos-bottom .ene-playlist-item { flex-direction: column; min-width: 140px; flex-shrink: 0; }

.ene-playlist-thumb-wrap {
  width: 80px;
  height: 54px;
  flex-shrink: 0;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.ene-vp-pos-bottom .ene-playlist-thumb-wrap { width: 100%; height: 60px; }

.ene-playlist-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ene-play-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: opacity .2s;
}
.ene-playlist-item:hover .ene-play-icon,
.ene-playlist-item.active .ene-play-icon { opacity: 1; }

.ene-playlist-duration {
  position: absolute;
  bottom: 3px; right: 4px;
  font-size: 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
}

.ene-playlist-info { flex: 1; min-width: 0; }
.ene-playlist-item-title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ene-playlist-item.active .ene-playlist-item-title { color: #fff; }
.ene-playlist-desc { display: block; font-size: 11px; color: #888; margin-top: 3px; }

/* ══════════════════════════════════════════════════════════
   LIVE SEARCH
   ══════════════════════════════════════════════════════════ */
.ene-live-search-wrap { position: relative; }

.ene-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.ene-search-input {
  width: 100%;
  padding: 12px 50px 12px 16px;
  border: 2px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  background: #fff;
  color: #333;
  -webkit-appearance: none;
}
.ene-search-input:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 0 3px rgba(231,76,60,.12);
}
.ene-search-input::placeholder { color: #aaa; }

/* Styles */
.ene-search-style-filled .ene-search-input { background: #f5f5f5; border-color: transparent; }
.ene-search-style-filled .ene-search-input:focus { background: #fff; border-color: #e74c3c; }
.ene-search-style-minimal .ene-search-input { border: none; border-bottom: 2px solid #ddd; border-radius: 0; padding-left: 0; }
.ene-search-style-minimal .ene-search-input:focus { border-bottom-color: #e74c3c; box-shadow: none; }

.ene-search-btn {
  position: absolute;
  right: 0;
  top: 0; bottom: 0;
  width: 48px;
  background: #e74c3c;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background .2s;
}
.ene-search-btn:hover { background: #c0392b; }
.ene-search-style-minimal .ene-search-btn { border-radius: 0; }

.ene-search-spinner {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
}
.ene-spin-ring {
  width: 18px; height: 18px;
  border: 2px solid #ddd;
  border-top-color: #e74c3c;
  border-radius: 50%;
  animation: ene-spin .7s linear infinite;
}

.ene-search-results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  z-index: 9999;
  overflow: hidden;
  max-height: 420px;
  overflow-y: auto;
}

.ene-search-result-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  transition: background .15s;
}
.ene-search-result-item:hover { background: #fafafa; }
.ene-search-result-item:last-of-type { border-bottom: none; }

.ene-search-result-item img {
  width: 56px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}
.ene-search-result-info { flex: 1; min-width: 0; }
.ene-search-result-cat {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #e74c3c;
  letter-spacing: .4px;
  margin-bottom: 2px;
}
.ene-search-result-title {
  display: block;
  font-size: 13px;
  color: #1a1a1a;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ene-search-result-date {
  display: block;
  font-size: 11px;
  color: #aaa;
  margin-top: 2px;
}

.ene-search-view-all {
  display: block;
  padding: 10px 14px;
  text-align: center;
  font-size: 13px;
  color: #e74c3c;
  text-decoration: none;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
  font-weight: 600;
  transition: background .15s;
}
.ene-search-view-all:hover { background: #f0f0f0; color: #e74c3c; }

.ene-search-no-result {
  padding: 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════
   POST TABS (HABER SEKMELERİ)
   ══════════════════════════════════════════════════════════ */
.ene-post-tabs-wrap { }

.ene-ptab-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 20px;
  border-bottom: 2px solid #efefef;
  padding-bottom: 0;
}

.ene-ptab-pos-bottom .ene-ptab-nav { order: 2; margin-bottom: 0; margin-top: 16px; border-bottom: none; border-top: 2px solid #efefef; padding-top: 12px; }
.ene-ptab-pos-left   { display: flex; gap: 0; }
.ene-ptab-pos-left .ene-ptab-nav { flex-direction: column; width: 160px; flex-shrink: 0; border-bottom: none; border-right: 2px solid #efefef; padding-right: 0; margin-bottom: 0; margin-right: 20px; }

/* Classic */
.ene-ptab-style-classic .ene-ptab-btn {
  padding: 8px 18px;
  border: 1px solid #ddd;
  border-bottom: none;
  background: #f8f8f8;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #555;
  border-radius: 4px 4px 0 0;
  position: relative;
  bottom: -2px;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ene-ptab-style-classic .ene-ptab-btn.active { background: #fff; border-color: #e0e0e0; border-bottom-color: #fff; color: #e74c3c; z-index: 1; }

/* Pill */
.ene-ptab-style-pill .ene-ptab-btn {
  padding: 7px 18px;
  border: 2px solid #e0e0e0;
  border-radius: 30px;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #555;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}
.ene-ptab-style-pill .ene-ptab-btn.active { background: #e74c3c; border-color: #e74c3c; color: #fff; }

/* Underline */
.ene-ptab-style-underline .ene-ptab-btn {
  padding: 10px 12px;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #777;
  border-bottom: 3px solid transparent;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ene-ptab-style-underline .ene-ptab-btn:hover { color: var(--tab-color, #e74c3c); }
.ene-ptab-style-underline .ene-ptab-btn.active { color: var(--tab-color, #e74c3c); border-bottom-color: var(--tab-color, #e74c3c); }

/* Block */
.ene-ptab-style-block .ene-ptab-btn {
  padding: 8px 16px;
  border: none;
  background: #efefef;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #555;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ene-ptab-style-block .ene-ptab-btn.active { background: #e74c3c; color: #fff; }

.ene-ptab-icon { font-size: 16px; line-height: 1; }

/* Panes */
.ene-ptab-pane { display: none; }
.ene-ptab-pane.active { display: block; animation: ene-fade-up-in .3s ease; }

/* Post Layouts */
.ene-ptab-posts.ene-ptab-layout-list-thumb { display: flex; flex-direction: column; gap: 12px; }
.ene-ptab-posts.ene-ptab-layout-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.ene-ptab-posts.ene-ptab-layout-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.ene-ptab-posts.ene-ptab-layout-numbered { display: flex; flex-direction: column; gap: 10px; }
.ene-ptab-posts.ene-ptab-layout-overlay-big { display: flex; flex-direction: column; gap: 0; }

.ene-ptab-post-item { display: flex; gap: 12px; align-items: flex-start; }
.ene-ptab-layout-grid-2 .ene-ptab-post-item,
.ene-ptab-layout-grid-3 .ene-ptab-post-item { flex-direction: column; }

.ene-ptab-thumb { width: 80px; flex-shrink: 0; }
.ene-ptab-layout-grid-2 .ene-ptab-thumb,
.ene-ptab-layout-grid-3 .ene-ptab-thumb { width: 100%; }
.ene-ptab-thumb img { width: 100%; height: 58px; object-fit: cover; border-radius: 4px; display: block; }
.ene-ptab-layout-grid-2 .ene-ptab-thumb img,
.ene-ptab-layout-grid-3 .ene-ptab-thumb img { height: 160px; }

.ene-ptab-post-body { flex: 1; }
.ene-ptab-post-title { margin: 0 0 5px; font-size: 13px; line-height: 1.4; }
.ene-ptab-post-title a { color: #1a1a1a; text-decoration: none; font-weight: 600; }
.ene-ptab-post-title a:hover { color: #e74c3c; }

.ene-ptab-num {
  font-size: 24px;
  font-weight: 800;
  min-width: 36px;
  flex-shrink: 0;
  color: #e74c3c;
  line-height: 1;
}

/* Overlay layout */
.ene-ptab-thumb-overlay {
  height: 160px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.ene-overlay-dark { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.8), transparent); }
.ene-ptab-ov-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px; }
.ene-ptab-ov-content .ene-ptab-post-title a { color: #fff; }

/* ══════════════════════════════════════════════════════════
   COUNTDOWN
   ══════════════════════════════════════════════════════════ */
.ene-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.ene-cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 90px;
}

.ene-cd-block {
  width: 100%;
  background: #e74c3c;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  box-shadow: 0 4px 12px rgba(231,76,60,.25);
  min-height: 76px;
}

.ene-cd-number {
  font-size: 38px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  letter-spacing: -1px;
  font-variant-numeric: tabular-nums;
  display: block;
}

.ene-cd-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: rgba(255,255,255,.75);
  text-align: center;
}

.ene-cd-sep {
  font-size: 36px;
  font-weight: 800;
  color: #e74c3c;
  align-self: flex-start;
  padding-top: 8px;
  line-height: 1;
}

/* Block style (dark) */
.ene-cd-style-block .ene-cd-label { color: #666; }

/* Inline style */
.ene-cd-style-inline { gap: 4px; }
.ene-cd-style-inline .ene-cd-unit { flex-direction: row; width: auto; gap: 4px; }
.ene-cd-style-inline .ene-cd-block { padding: 6px 12px; min-height: auto; border-radius: 4px; }
.ene-cd-style-inline .ene-cd-number { font-size: 20px; }
.ene-cd-style-inline .ene-cd-label { font-size: 11px; }
.ene-cd-style-inline .ene-cd-sep { font-size: 20px; padding-top: 0; }

/* ── FLIP CLOCK ──────────────────────────────────────────── */
.ene-cd-style-flip .ene-cd-block { display: none; }
.ene-cd-flip {
  width: 100%;
  perspective: 400px;
}
.flip-card {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  transform-style: preserve-3d;
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e74c3c;
  border-radius: 8px;
  backface-visibility: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
.flip-card-back {
  transform: rotateX(180deg);
  background: #c0392b;
}
.ene-cd-flip.flipping .flip-card-front {
  animation: flip-front .3s ease-in forwards;
}
.ene-cd-flip.flipping .flip-card-back {
  animation: flip-back .3s ease-out forwards;
}
@keyframes flip-front { 0% { transform:rotateX(0); } 100% { transform:rotateX(-90deg); } }
@keyframes flip-back  { 0% { transform:rotateX(90deg); } 100% { transform:rotateX(0); } }

/* ── CIRCLE STYLE ────────────────────────────────────────── */
.ene-cd-style-circle .ene-cd-block { display: none; }
.ene-cd-circle-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.ene-cd-circle-wrap svg {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}
.ene-cd-svg-track    { stroke: #f0f0f0; }
.ene-cd-svg-progress { stroke: #e74c3c; stroke-linecap: round; transition: stroke-dashoffset .9s ease; }
.ene-cd-circle-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.ene-cd-style-circle .ene-cd-number { font-size: 24px; }

.ene-cd-expired-msg {
  font-size: 18px;
  font-weight: 700;
  color: #e74c3c;
  text-align: center;
  padding: 20px;
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE – ADVANCED
   ══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .ene-filter-grid { grid-template-columns: repeat(2, 1fr); }
  .ene-hero-layout-1 .ene-hero-grid-inner { grid-template-columns: 1fr 1fr; }
  .ene-hero-layout-3 .ene-hero-grid-inner { grid-template-columns: 1fr 1.4fr; }
  .ene-hero-layout-4 .ene-hero-grid-inner { grid-template-columns: 1.2fr 1fr; }
  .ene-video-playlist-sidebar { width: 260px !important; }
}

@media (max-width: 768px) {
  .ene-hero-slider-wrap.thumb-pos-right,
  .ene-hero-slider-wrap.thumb-pos-left { flex-direction: column; height: auto; }
  .ene-hero-thumbs { width: 100% !important; height: 80px !important; }
  .ene-hero-main .swiper-slide { height: 320px !important; }
  .ene-hero-grid-inner { grid-template-columns: 1fr !important; }
  .ene-hero-featured,.ene-hero-sub { height: 220px !important; }
  .ene-filter-grid { grid-template-columns: 1fr; }
  .ene-video-playlist-wrap { flex-direction: column !important; }
  .ene-video-playlist-sidebar { width: 100% !important; height: 200px; }
  .ene-vp-list { flex-direction: row; overflow-x: auto; overflow-y: hidden; }
  .ene-playlist-item { min-width: 140px; flex-shrink: 0; }
  .ene-cd-unit { width: 72px; }
  .ene-cd-number { font-size: 28px; }
  .ene-ptab-style-classic .ene-ptab-btn { font-size: 11px; padding: 6px 10px; }
  .ene-ptab-pos-left { flex-direction: column; }
  .ene-ptab-pos-left .ene-ptab-nav { flex-direction: row; width: 100%; border-right: none; border-bottom: 2px solid #efefef; margin-right: 0; padding-bottom: 8px; margin-bottom: 16px; }
}

@media (max-width: 480px) {
  .ene-hero-slide-content { padding: 16px; }
  .ene-countdown { gap: 4px; }
  .ene-cd-unit { width: 60px; }
  .ene-cd-number { font-size: 22px; }
  .ene-cd-sep { font-size: 22px; }
}