:root{
      --bg:#ffffff; --text:#1b1f24; --muted:#6b7280; --border:#e6e6ea;
      --primary:#3a0d3e; /* deep plum (closer to site) */
      --primary-700:#2b0b2f; --accent:#d10f2f; /* kicker red */
      --accent-2:#ff1b41; --chip:#f3f4f6; --soft:#fafafb;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{font-family:'Noto Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--text); background:var(--bg); line-height:1.55}
    a{color:inherit;text-decoration:none}
    a:hover{color:var(--accent)}
    img{display:block;max-width:100%}

    .container{max-width:1400px;width:100%;margin:0 auto;padding-left:clamp(20px,4vw,60px);padding-right:clamp(20px,4vw,60px)}

    /* Topbar */


    /* Main nav */


    /* Breaking News Carousel */
    .breaking-carousel {
      background: var(--accent);
      color: white;
      padding: 0;
      overflow: hidden;
      position: relative;
    }
    .breaking-container {
      display: flex;
      align-items: center;
      height: 52px;
    }
    .breaking-label {
      background: rgba(0,0,0,0.2);
      padding: 12px 20px;
      font-weight: 800;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      flex-shrink: 0;
      border-right: 1px solid rgba(255,255,255,0.2);
    }
    .breaking-content {
      flex: 1;
      overflow: hidden;
      position: relative;
      height: 100%;
    }
    .breaking-slider {
      display: flex;
      align-items: center;
      height: 100%;
      animation: slide 60s linear infinite;
      white-space: nowrap;
    }
    .breaking-item {
      display: inline-flex;
      align-items: center;
      padding: 0 40px;
      font-size: 14px;
      font-weight: 600;
      color: white;
      text-decoration: none;
      border-right: 1px solid rgba(255,255,255,0.2);
      height: 100%;
      white-space: nowrap;
      transition: background-color 0.2s;
    }
    .breaking-item:hover {
      background: rgba(0,0,0,0.1);
      color: white;
    }
    .breaking-dots {
      display: flex;
      align-items: center;
      padding: 0 20px;
      gap: 8px;
      flex-shrink: 0;
    }
    .breaking-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(255,255,255,0.4);
      cursor: pointer;
      transition: background-color 0.3s;
    }
    .breaking-dot.active {
      background: white;
    }
    @keyframes slide {
      0% { transform: translateX(0); }
      100% { transform: translateX(-100%); }
    }

    /* Pause animation on hover */
    .breaking-carousel:hover .breaking-slider {
      animation-play-state: paused;
    }

    /* Section utilities */
    .section{padding:22px 0}
    .section-title{display:flex;align-items:center;gap:12px;margin:6px 0 16px}
    .section-title h2{font-size:20px;margin:0;font-weight:800}
    .section-title .bar{flex:1;height:1px;background:var(--border)}
    .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}

    /* Hero */

/* ΝΕΟΣ ΕΝΤΥΠΩΣΙΑΚΟΣ HERO */
.hero-spectacular {
  height: 85vh;
  min-height: 600px;
  max-height: 900px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
  margin: 0 -20px;
/*  padding: 60px 0; */
}
.hero-slides {
  position: relative;
  height: 100%;
  width: 100%;
}
.hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-slide.active {
  opacity: 1;
}
.hero-slide::before {
  content: '';
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(15,15,35,0.10) 0%,
    rgba(26,26,46,0.20) 30%,
    rgba(58,13,62,0.30) 70%,
    rgba(43,11,47,0.40) 100%
  );
  z-index: 2;
}
.hero-bg {
  position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;
  object-fit: cover;
  z-index: 1;
  filter: brightness(0.7) contrast(1.2) saturate(1.1);
}
.hero-content {
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  padding: 0 clamp(40px, 6vw, 120px);
}
.hero-text {
  max-width: 800px;
  transform: translateY(40px);
  opacity: 0;
  transition: all 1s cubic-bezier(0.4,0,0.2,1) 0.3s;
}
.hero-slide.active .hero-text {
  transform: translateY(0);
  opacity: 1;
}
.hero-category {
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(209,15,47,0.95);color:#fff;
  padding:8px 16px;border-radius:50px;
  font-size:12px;font-weight:800;text-transform:uppercase;
  margin-bottom:20px;backdrop-filter:blur(10px);
}
.hero-title {
  font-size:clamp(2.5rem,6vw,4.5rem);
  font-weight:900;line-height:1.1;color:#fff;
  margin:0 0 24px 0;
  text-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.hero-excerpt {
  font-size:1.2rem;color:rgba(255,255,255,0.9);
  line-height:1.6;margin:0 0 32px 0;
  max-width:600px;
}
.hero-meta {
  display:flex;align-items:center;gap:24px;
  font-size:14px;color:rgba(255,255,255,0.8);
  margin-bottom:32px;
}
.hero-cta {
  display:inline-flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,#d10f2f 0%,#ff1b41 100%);
  color:#fff;padding:16px 32px;border-radius:50px;
  font-weight:800;font-size:16px;text-decoration:none;
  box-shadow:0 4px 15px rgba(209,15,47,0.4);
  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.hero-cta:hover { transform:translateY(-2px); }
.hero-cta::after { content:'→';margin-left:8px;transition:transform .3s; }
.hero-cta:hover::after { transform:translateX(4px); }
.hero-nav {
  position:absolute;bottom:40px;left:50%;transform:translateX(-50%);
  z-index:4;display:flex;gap:12px;
}
.hero-dot {
  width:12px;height:12px;border-radius:50%;
  background:rgba(255,255,255,0.3);cursor:pointer;
  transition:all .3s;
}
.hero-dot.active { background:#fff;transform:scale(1.2); }
.hero-arrow {
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:4;width:60px;height:60px;border-radius:50%;
  background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.2);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:24px;cursor:pointer;
}
.hero-arrow.prev { left:40px; }
.hero-arrow.next { right:40px; }
.hero-arrow:hover { background:rgba(255,255,255,0.2); }
@media (max-width:768px){
  .hero-spectacular {height:70vh;min-height:500px;padding:40px 0;}
  .hero-title{font-size:clamp(2rem,8vw,3rem);}
  .hero-excerpt{font-size:1rem;-webkit-line-clamp:3;overflow:hidden;}
  .hero-arrow{width:50px;height:50px;font-size:20px;}
  .hero-arrow.prev{left:20px;}
  .hero-arrow.next{right:20px;}
  .hero-nav{bottom:20px;}
}




@media (max-width:768px){ .feature img{height:360px} }

    .side-stack{display:grid;grid-template-rows:1fr 1fr;gap:26px}
    .side-card{display:block}
    .side-card img{width:100%;height:238px;object-fit:cover;border-radius:20px}
    .side-caption{color:#fff;font-weight:800;font-size:14px;margin-top:10px}

    /* Ticker */
    .ticker{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding:10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--soft);overflow:auto;white-space:nowrap}
    .ticker a{padding:0 10px;border-right:1px solid var(--border)}
    .ticker a:last-child{border-right:0}

    /* Mini strip under hero */
    .post-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;align-items:start;margin:18px 0 8px}
    .card-mini{display:block}
    .card-mini img{width:100%;height:145px;object-fit:cover;border-radius:10px}
    .card-mini h4{font-size:14px;line-height:1.25;margin:8px 0 4px;font-weight:800}
    .card-mini .time{font-size:12px;color:var(--muted)}
    .ad-card img{width:100%;height:170px;object-fit:cover;border-radius:10px}

    /* Link columns (Επικαιρότητα) */
    .links-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .links-columns ul{margin:0;padding:0;list-style:none}
    .links-columns li{margin:8px 0;border-bottom:1px dashed #eee;padding-bottom:6px}
    .links-columns li a{font-weight:700}

    /* Cards grids */
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .grid-5{display:grid;grid-template-columns:2fr 1fr;gap:24px}

    .card-md{border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
    .card-md img{height:160px;object-fit:cover}
    .card-md .body{padding:12px}
    .card-md h3{margin:8px 0 6px;font-size:16px;font-weight:800}
    .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}

    /* Media & Διασκέδαση special layout */
    .media-section{position:relative}
    .media-section .section-title{justify-content:center}
    .media-section .section-title .bar{display:none}
    .media-section .section-title h2{font-size:28px}
    .media-section:before{content:"THEINSIDER";position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-weight:800;font-size:72px;letter-spacing:.02em;color:#111827;opacity:.05;pointer-events:none}

    .media-top{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 1fr;gap:24px;margin-bottom:22px}
    .m-visual img{width:100%;height:180px;object-fit:cover;border-radius:12px}
    .m-headline{display:flex;align-items:center;padding:8px}
    .m-headline h3{font-size:26px;line-height:1.1;margin:0 0 6px;font-weight:800}
    .m-headline .time{font-size:12px;color:var(--muted)}

    .media-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .m-card img{width:100%;height:170px;object-fit:cover;border-radius:12px}
    .m-card h4{font-size:14px;margin:10px 0 4px;font-weight:800}
    .m-card .time{font-size:12px;color:var(--muted)}

    /* Opinions */
    .opinions{margin:32px 0}
    .opinions-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
    .op-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none}
    .op-card img{width:100%;height:180px;object-fit:cover}
    .op-card div{padding:18px}
    .op-title{font-size:18px;line-height:1.3;margin:0 0 8px;font-weight:800}
    .op-date{font-size:12px;color:var(--muted)}
    .op-badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:16px;font-size:10px;font-weight:800;text-transform:uppercase}

    /* Responsive */
    @media (max-width:1024px){
      .post-strip{grid-template-columns:repeat(3,1fr);gap:20px}
      .grid-4{grid-template-columns:1fr 1fr}
      .media-top{grid-template-columns:1fr 1fr;gap:16px}
      .media-bottom{grid-template-columns:1fr 1fr;gap:16px}
      .opinions-grid{grid-template-columns:1fr;gap:20px}
      .grid-5{grid-template-columns:1fr}
    }
    @media (max-width:768px){
      .container{padding-left:20px;padding-right:20px}
      .hero-grid{grid-template-columns:1fr}
      .post-strip{grid-template-columns:1fr 1fr;gap:16px}
      .grid-4{grid-template-columns:1fr}
      .grid-3{grid-template-columns:1fr}
      .links-columns{grid-template-columns:1fr;gap:16px}
      .media-top{grid-template-columns:1fr}
      .media-bottom{grid-template-columns:1fr}
      .opinions-grid{grid-template-columns:1fr}

      .feature h1{font-size:28px}
      .ticker{display:none}
    }
    @media (max-width:480px){
      .post-strip{grid-template-columns:1fr;gap:12px}

      .feature h1{font-size:24px;line-height:1.1}
      .feature .meta{padding:16px}
      .card-mini h4{font-size:13px}
      .section-title h2{font-size:18px}

    }

    /* Αφαιρεί πλαίσιο/φόντο από τις κάρτες μόνο όπου βάλαμε no-frame-cards */
.no-frame-cards .card-md{
  border: 0;
  background: transparent;
  box-shadow: none;
}
.no-frame-cards .card-md img{
  border-radius: 0;         /* optional: ίσιο crop */
  height: 200px;            /* κράτησε το layout σταθερό, προσαρμόσ’ το αν θέλεις */
  object-fit: cover;
}
.no-frame-cards .card-md .body{
  padding: 10px 0;          /* λιγότερο “κουτί” */
}

/* --- extracted from pages/homepage.php --- */

/* ---- SPORTS “MAG” LAYOUT ---- */
.sports-mag .section-title h2{letter-spacing:.01em}
.sports-grid{
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap:24px;
  align-items:stretch;
}

/* Lead */
.sport-lead{
  position:relative; display:block; overflow:hidden; border-radius:16px;
  aspect-ratio: 16/9; background:#000;
}
.sport-lead img{
  width:100%; height:100%; object-fit:cover; transform:scale(1.02);
  transition:transform .5s ease, filter .5s ease; filter:brightness(.9) contrast(1.05);
}
.sport-lead:hover img{ transform:scale(1.05); filter:brightness(1) }
.sport-overlay{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:22px; background:linear-gradient(180deg,rgba(0,0,0,0) 35%, rgba(0,0,0,0.55) 100%);
  color:#fff;
}
.sport-overlay .badge{
  display:inline-block; background:#ff1b41; color:#fff; font-weight:800; font-size:11px;
  padding:6px 10px; border-radius:999px; margin-bottom:10px; text-transform:uppercase; letter-spacing:.06em;
}
.sport-overlay h3{
  margin:0 0 6px 0; font-size: clamp(20px, 2.2vw, 30px); line-height:1.2; font-weight:900;
  text-shadow:0 2px 10px rgba(0,0,0,.3);
}
.sport-overlay .meta{display:flex; gap:8px; font-size:12px; opacity:.9}

/* Two stacked cards (right) */
.sport-stack{ display:grid; grid-template-rows:1fr 1fr; gap:24px }
.sport-card{
  display:flex; flex-direction:column; border:0; background:transparent; overflow:hidden;
  border-radius:14px;
}
.sport-card img{ width:100%; height:160px; object-fit:cover; border-radius:12px }
.sport-card .body{ padding:10px 2px }
.sport-card h4{ margin:6px 0 0; font-size:16px; line-height:1.35; font-weight:800 }

/* Horizontal strip */
.sport-strip{ position:relative; margin-top:20px }
.strip-track{
  display:flex; gap:16px; overflow:auto; scroll-snap-type:x proximity; padding:6px 48px;
}
.strip-item{
  min-width: 240px; max-width:280px; flex:0 0 auto; scroll-snap-align:start;
  text-decoration:none; color:inherit;
}
.strip-item img{ width:100%; height:160px; object-fit:cover; border-radius:12px }
.strip-item .t{ font-weight:800; font-size:14px; margin:8px 0 2px }
.strip-item .time{ font-size:12px; color:var(--muted) }

.strip-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%;
  border:1px solid var(--border); background:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.strip-btn.prev{ left:0 }
.strip-btn.next{ right:0 }
.strip-btn:hover{ background:#f8f8f8 }

/* Responsive */
@media (max-width:1024px){
  .sports-grid{ grid-template-columns:1fr; gap:18px }
  .sport-lead{ aspect-ratio: 16/9 }
  .sport-card img{ height:160px }
}
@media (max-width:640px){
  .strip-item{ min-width: 210px }
  .sport-card img{ height:150px }
}

/* --- extracted from pages/homepage.php --- */

/* τοπικό styling για το block */
    .links-two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
    .links-two ul{list-style:none;margin:0;padding:0}
    .links-two li{margin:0 0 36px 0}
    .links-two .kicker{color:#d10f2f;font-weight:800;letter-spacing:.02em;margin-bottom:6px}
    .links-two .headline{display:block;font-size:16px;line-height:1.35;font-weight:800;color:#1b1f24;text-decoration:none}
    .links-two .headline:hover{text-decoration:underline}
    @media (max-width: 900px){ .links-two{grid-template-columns:1fr;gap:28px} }