/* Εσωτερικές σελίδες Ανόρθωσης (Φάση 3) – συμπληρώνει τα styles του template
   για όσα φόρτωναν δυναμικά από το juventus.com (λίστα ειδήσεων, βαθμολογία, FAQ κ.λπ.). */
:root {
  --ano-navy: #061a33;
  --ano-blue: #0b2d61;
  --ano-accent: #00c6ff;
  --ano-line: #d7dde6;
  --ano-soft: #f3f5f8;
  --ano-text: #061a33;
  --ano-muted: #5a6b7d;
}

/* ---------------------------------------------------------------- κοινά */
.ano-section { padding: 56px 0; background: #fff; color: var(--ano-text); }
.ano-section--soft { background: var(--ano-soft); }
.ano-section--dark { background: var(--ano-navy); color: #fff; }
.ano-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.ano-title {
  font-family: "Roboto Condensed", Roboto, Arial, sans-serif; font-weight: 700; text-transform: uppercase;
  font-size: 40px; line-height: 1.05; margin: 0 0 24px; color: inherit;
}
.ano-title small { display: block; font-size: 15px; letter-spacing: .08em; color: var(--ano-accent); margin-bottom: 6px; }
.ano-lead { font-family: Roboto, Arial, sans-serif; font-size: 18px; line-height: 1.6; max-width: 820px; margin: 0 0 24px; }
.ano-note { font-size: 13px; color: var(--ano-muted); margin-top: 16px; }
.ano-section--dark .ano-note { color: #9fb0c6; }
.ano-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border: 2px solid var(--ano-accent);
  background: var(--ano-accent); color: var(--ano-navy); font: 700 15px/1 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase; letter-spacing: .04em; text-decoration: none; transition: background .2s, color .2s;
}
.ano-btn:hover { background: transparent; color: var(--ano-accent); }
.ano-btn--ghost { background: transparent; color: inherit; border-color: currentColor; }
.ano-btn--ghost:hover { background: var(--ano-accent); border-color: var(--ano-accent); color: var(--ano-navy); }
.ano-cards { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.ano-card { background: #fff; border: 1px solid var(--ano-line); padding: 24px; color: var(--ano-text); }
.ano-section--dark .ano-card { background: var(--ano-blue); border-color: #1d4380; color: #fff; }
.ano-card h3 { font: 700 22px/1.15 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; margin: 0 0 10px; }
.ano-card p { font: 400 15px/1.55 Roboto, Arial, sans-serif; margin: 0 0 10px; }
.ano-card a { color: inherit; }
.ano-stat { font: 900 64px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-accent); }

/* ---------------------------------------------------------------- ειδήσεις */
/* Το base.css (θέμα Juventus) δίνει σε κάθε .grid-item ένα ::after με padding-bottom 160%/100%
   και στα --gallery λευκό caption — τα ακυρώνουμε ώστε οι κάρτες να ακολουθούν το CSS grid. */
.jcom-mosaic-grid.ano-news-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 330px; grid-auto-flow: dense;
  gap: 6px; padding: 0 0 64px;
}
.jcom-mosaic-grid.ano-news-grid .grid-item { width: auto !important; height: auto !important; min-height: 0; position: relative; overflow: hidden; }
.jcom-mosaic-grid.ano-news-grid .grid-item::after { display: none; }
.jcom-mosaic-grid.ano-news-grid .grid-item:first-child { grid-column: span 2; grid-row: span 2; }
.jcom-mosaic-grid.ano-news-grid .grid-item--square { grid-column: span 2; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper { position: absolute; inset: 0; width: auto; height: auto; padding: 0; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper > a { display: block; height: 100%; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container { display: block; position: relative; height: 100%; padding: 0; border-radius: 0; background: var(--ano-blue, #0b2a55); }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-image-container { position: absolute; inset: 0; width: auto; height: auto; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-image-container::before { display: none; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .d3-o-media-object__picture { position: absolute; inset: 0; display: block; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .d3-o-media-object__picture img {
  display: block; width: 100%; height: 100% !important; object-fit: cover; object-position: center; transition: transform .4s;
}
.jcom-mosaic-grid.ano-news-grid .grid-item:hover img { transform: scale(1.05); }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-content {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; padding: 70px 20px 20px;
  background: linear-gradient(rgba(6, 26, 51, 0), rgba(6, 26, 51, .95));
}
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-content::before { display: none; }
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-content .item-date {
  color: var(--ano-accent); font: 700 13px/1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; margin: 0 0 8px; max-height: none;
}
.jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title {
  color: #fff; font: 700 19px/1.15 "Roboto Condensed", Arial, sans-serif; margin: 0; padding: 0; max-height: none;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.jcom-mosaic-grid.ano-news-grid .grid-item--square .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title { font-size: 26px; }
.jcom-mosaic-grid.ano-news-grid .grid-item:first-child .grid-item-wrapper .grid-item-content-container .grid-item-content { padding: 120px 32px 32px; }
.jcom-mosaic-grid.ano-news-grid .grid-item:first-child .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title { font-size: 36px; }
.jcom-c-news-filter-item.is-active a { color: var(--ano-accent); }
@media (max-width: 1023px) {
  .jcom-mosaic-grid.ano-news-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 260px; }
  .jcom-mosaic-grid.ano-news-grid .grid-item:first-child .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title { font-size: 30px; }
}
@media (max-width: 599px) {
  .jcom-mosaic-grid.ano-news-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; }
  .jcom-mosaic-grid.ano-news-grid .grid-item:first-child { grid-row: span 1; grid-column: auto; }
  .jcom-mosaic-grid.ano-news-grid .grid-item--square { grid-column: auto; }
  .jcom-mosaic-grid.ano-news-grid .grid-item:first-child .grid-item-wrapper .grid-item-content-container .grid-item-content { padding: 70px 20px 20px; }
  .jcom-mosaic-grid.ano-news-grid .grid-item .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title,
  .jcom-mosaic-grid.ano-news-grid .grid-item:first-child .grid-item-wrapper .grid-item-content-container .grid-item-content .item-title { font-size: 22px; }
}

/* ---------------------------------------------------------------- βαθμολογία */
.ano-table-wrap { overflow-x: auto; }
.ano-table { width: 100%; border-collapse: collapse; font-family: "Roboto Condensed", Arial, sans-serif; color: var(--ano-text); }
.ano-table th { background: var(--ano-navy); color: #fff; font-weight: 700; font-size: 15px; text-transform: uppercase; padding: 12px 8px; }
.ano-table td { padding: 10px 8px; border-bottom: 1px solid var(--ano-line); font-size: 20px; text-align: center; }
.ano-table td.ano-team { text-align: left; font-weight: 700; text-transform: uppercase; }
.ano-table td.ano-team span { display: inline-flex; align-items: center; gap: 12px; }
.ano-table td.ano-team img { width: 32px; height: 32px; object-fit: contain; }
.ano-table td.ano-pts { font-weight: 900; }
.ano-table tr.is-ano td { background: #e6f9ff; }
.ano-table tr.is-ano td:first-child { box-shadow: inset 5px 0 0 var(--ano-accent); }
.ano-table .ano-pos { font-weight: 700; width: 48px; }
.ano-form { display: inline-flex; gap: 4px; }
.ano-form i { width: 24px; height: 24px; line-height: 24px; font: 700 13px/24px Roboto, sans-serif; color: #fff; font-style: normal; }
.ano-form .w { background: #1f9d55; } .ano-form .d { background: #8a99ab; } .ano-form .l { background: #d64545; }
.ano-legend { display: flex; flex-wrap: wrap; gap: 18px; font-size: 14px; color: var(--ano-muted); margin-top: 14px; }
@media (max-width: 767px) {
  .ano-table td { font-size: 16px; padding: 8px 4px; }
  .ano-table .ano-hide-sm { display: none; }
}

/* ---------------------------------------------------------------- FAQ */
.ano-faq { max-width: 960px; margin: 0 auto; }
.ano-faq h2 { font: 700 26px/1.1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; margin: 40px 0 12px; color: var(--ano-text); }
.ano-faq details { border-bottom: 1px solid var(--ano-line); }
.ano-faq summary {
  cursor: pointer; list-style: none; padding: 18px 40px 18px 0; position: relative;
  font: 700 19px/1.3 "Roboto Condensed", Arial, sans-serif; color: var(--ano-text);
}
.ano-faq summary::-webkit-details-marker { display: none; }
.ano-faq summary::after { content: "+"; position: absolute; right: 8px; top: 12px; font-size: 28px; color: var(--ano-accent); }
.ano-faq details[open] summary::after { content: "–"; }
.ano-faq details > div { padding: 0 0 20px; font: 400 16px/1.6 Roboto, Arial, sans-serif; color: #26374d; }
.ano-faq details > div a { color: var(--ano-blue); font-weight: 700; }

/* ---------------------------------------------------------------- χορηγοί */
.ano-sponsors { display: grid; gap: 2px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); background: var(--ano-line); border: 2px solid var(--ano-line); }
.ano-sponsor {
  background: #fff; min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 24px; text-decoration: none; color: var(--ano-text); transition: background .2s;
}
.ano-sponsor:hover { background: var(--ano-soft); }
.ano-sponsor img { max-width: 160px; max-height: 70px; object-fit: contain; }
.ano-sponsor strong { font: 700 20px/1.1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; text-align: center; }
.ano-sponsor span { font: 400 13px/1 Roboto, Arial, sans-serif; color: var(--ano-muted); }
.ano-sponsors--major { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ano-sponsors--major .ano-sponsor { min-height: 220px; background: var(--ano-navy); color: #fff; }
.ano-sponsors--major .ano-sponsor:hover { background: var(--ano-blue); }
.ano-sponsors--major .ano-sponsor span { color: #9fb0c6; }
.ano-sponsors--major .ano-sponsor img { max-width: 200px; max-height: 90px; }

/* ---------------------------------------------------------------- εισιτήρια / στάδιο / σύλλογος */
.ano-price { width: 100%; border-collapse: collapse; font-family: "Roboto Condensed", Arial, sans-serif; }
.ano-price th, .ano-price td { padding: 14px 12px; border-bottom: 1px solid #1d4380; text-align: center; font-size: 19px; }
.ano-price th { text-transform: uppercase; font-size: 14px; letter-spacing: .06em; color: var(--ano-accent); }
.ano-price td:first-child, .ano-price th:first-child { text-align: left; }
.ano-price td:not(:first-child) { font-weight: 700; }
.ano-hours { list-style: none; margin: 0; padding: 0; }
.ano-hours li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--ano-line); font-size: 15px; }
.ano-section--dark .ano-hours li { border-color: #1d4380; }
.ano-split { display: grid; gap: 40px; grid-template-columns: 1fr 1fr; align-items: center; }
.ano-split img { width: 100%; height: 100%; max-height: 520px; object-fit: cover; display: block; }
@media (max-width: 899px) { .ano-split { grid-template-columns: 1fr; } }
.ano-timeline { list-style: none; margin: 0; padding: 0 0 0 28px; border-left: 3px solid var(--ano-accent); }
.ano-timeline li { position: relative; padding: 0 0 26px; }
.ano-timeline li::before { content: ""; position: absolute; left: -37px; top: 4px; width: 15px; height: 15px; background: var(--ano-navy); border: 3px solid var(--ano-accent); border-radius: 50%; }
.ano-timeline b { display: block; font: 900 24px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-blue); margin-bottom: 6px; }
.ano-timeline span { font: 400 16px/1.5 Roboto, Arial, sans-serif; }
.ano-person img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; margin: -24px -24px 18px; width: calc(100% + 48px); max-width: none; }
.ano-person small { display: block; color: var(--ano-accent); font: 700 13px/1.2 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.ano-map { width: 100%; height: 420px; border: 0; display: block; }

/* ---------------------------------------------------------------- ρόστερ: placeholder φωτογραφίας */
.jcom-player-item .ano-noimg, .jcom-player-item .ano-photo, .player-items .ano-noimg, .player-items .ano-photo { aspect-ratio: 363 / 481; width: 100%; overflow: hidden; }
.jcom-player-item .ano-noimg, .player-items .ano-noimg { background: radial-gradient(circle at 50% 35%, #0b2d61, #061a33 70%); display: flex !important; justify-content: center; align-items: flex-start; padding-top: 16%; box-sizing: border-box; }
.jcom-player-item .ano-noimg img, .player-items .ano-noimg img { width: 46% !important; height: auto !important; object-fit: contain !important; opacity: .3; }
.jcom-player-item .ano-photo img, .player-items .ano-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 20%; }

/* ---------------------------------------------------------------- πρόγραμμα */
.next-match .jcom-nm__team__name { color: #fff; font-family: "Roboto Condensed", Arial, sans-serif; font-weight: 700; text-transform: uppercase; }
.next-match .ano-nm-when { display: block; color: #9fb0c6; font-size: 13px; margin-top: 4px; }
.juve-tab-btn.active { color: var(--ano-accent) !important; border-color: var(--ano-accent) !important; }
.juve-tab-btn { color: #9fb0c6; }
.juve-tab-btn:hover { color: #fff; }
/* κάρτες επόμενου αγώνα: το countdown ήταν σκούρο μπλε πάνω σε σκούρο μπλε και ξεχείλιζε από τα 100px */
.next-matches .next-match .next-match-content .next-match-content__footer { flex-wrap: wrap; gap: 12px 16px; }
.next-matches .next-match .next-match-content .next-match-content__footer .jcom-nm__timer .label { color: #9fb0c6; white-space: nowrap; }
.next-matches .next-match .next-match-content .next-match-content__footer .jcom-nm__timer .next-matches-component__remaintime { color: #fff; font-variant-numeric: tabular-nums; }
.next-matches .next-match .next-match-content .next-match-content__footer .jcom-nm__timer .next-matches-component__remaintime .next-matches-component__remaintime-block { width: auto; white-space: nowrap; }
/* σκορ σε λευκή κάρτα: το γαλάζιο accent δεν διαβαζόταν· αποτέλεσμα με τα χρώματα φόρμας της αρχικής */
.juve-match-score.score-played { color: var(--ano-navy); }
.juve-match-badge.ano-res--w { color: #0b8f58; }
.juve-match-badge.ano-res--d { color: #9a6c00; }
.juve-match-badge.ano-res--l { color: #d02f40; }
/* κινητό: σε στήλη τα flex-basis 160/150px γίνονταν ύψος (κενά, τεντωμένο κουμπί) και τα ονόματα έσπαγαν μέσα στη λέξη */
@media (max-width: 768px) {
  .juve-match-row__meta, .juve-match-row__actions { flex: 0 0 auto; }
  .juve-match-row__actions { align-items: center; }
  .juve-match-row__teams { gap: 8px; }
  .juve-match-scorebox { flex-basis: 90px; }
  .juve-match-team { flex-direction: column; gap: 6px; text-align: center !important; justify-content: flex-start !important; }
  .juve-match-team.team-home { flex-direction: column-reverse; justify-content: flex-end !important; }
  .juve-match-team__name { font-size: 14px; line-height: 1.15; }
  /* το «1d 02h 56m 15s» στα 22px ξεπερνούσε την κάρτα κατά ~25px */
  .next-matches .next-match .next-match-content .next-match-content__footer .jcom-nm__timer .label { margin-right: 8px; }
  .next-matches .next-match .next-match-content .next-match-content__footer .jcom-nm__timer .next-matches-component__remaintime { font-size: 18px; }
}

/* ---------------------------------------------------------------- κέντρο αγώνα */
/* Hero: φωτογραφία γηπέδου με σκοτεινή διαβάθμιση, σκορ, σκόρερ, ταινία γεγονότων και στοιχεία αγώνα */
.md-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--ano-navy); color: #fff; padding: 112px 0 0; }
.md-hero__bg { position: absolute; inset: 0; z-index: -1; background-size: cover; background-position: center 40%; }
.md-hero__bg::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 40%, rgba(11,45,97,.55), rgba(6,26,51,.92) 70%), linear-gradient(180deg, rgba(6,26,51,.7), rgba(6,26,51,.88) 60%, var(--ano-navy));
}
.md-crumbs { display: flex; flex-wrap: wrap; gap: 4px 0; font: 400 13px/1.4 Roboto, Arial, sans-serif; color: #9fb0c6; margin: 0 0 28px; }
.md-crumbs a { color: #c9d6e6; text-decoration: none; }
.md-crumbs a:hover { color: var(--ano-accent); }
.md-crumbs > * + *::before { content: "/"; margin: 0 10px; color: #4b6283; }
.md-comp {
  display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 auto 28px; width: max-content; max-width: 100%;
  padding: 8px 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(6,26,51,.5);
  font: 700 13px/1.2 "Roboto Condensed", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #c9d6e6; text-align: center;
}
.md-comp img { width: 20px; height: 20px; object-fit: contain; }
.md-comp i { width: 4px; height: 4px; border-radius: 50%; background: var(--ano-accent); flex: none; }
.md-battle { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 24px; }
.md-side-team { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }
.md-crest { width: 128px; height: 128px; object-fit: contain; filter: drop-shadow(0 10px 30px rgba(0,0,0,.45)); }
.md-side-team h1, .md-side-team h2 {
  font: 900 40px/1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .01em; color: #fff; margin: 18px 0 12px;
}
.md-scorers { list-style: none; margin: 0; padding: 0; font: 400 15px/1.3 Roboto, Arial, sans-serif; color: #c9d6e6; }
.md-scorers li { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 3px 0; }
.md-scorers .md-ico--goal { width: 14px; height: 14px; }
.md-score { display: flex; flex-direction: column; align-items: center; padding-top: 18px; }
.md-status {
  padding: 5px 14px; border-radius: 4px; background: var(--ano-accent); color: var(--ano-navy);
  font: 700 13px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase;
}
.md-score__nums { display: flex; align-items: center; gap: 18px; margin: 10px 0 6px; font: 900 112px/1 "Roboto Condensed", Arial, sans-serif; font-variant-numeric: tabular-nums; }
.md-score__nums i { font-style: normal; font-size: 64px; color: var(--ano-accent); transform: translateY(-8px); }
.md-score__ht { font: 700 14px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #9fb0c6; }

/* Ταινία 0'-90': γηπεδούχοι πάνω από τη γραμμή, φιλοξενούμενοι κάτω */
.md-strip { position: relative; height: 84px; margin: 40px auto 0; max-width: 920px; }
.md-strip__bar { position: absolute; left: 0; right: 0; top: 41px; height: 2px; background: rgba(255,255,255,.22); }
.md-strip__ht { position: absolute; top: -8px; width: 2px; height: 18px; background: rgba(255,255,255,.45); }
.md-strip__ht em { display: none; }
.md-strip__ev {
  position: absolute; display: grid; place-items: center; width: 26px; height: 26px; margin-left: -13px; border-radius: 50%;
  background: var(--ano-blue); border: 1px solid rgba(255,255,255,.25); color: #fff;
}
.md-strip__ev--h { top: 6px; }
.md-strip__ev--a { top: 52px; background: #3a4a5f; }
.md-strip__ev--goal { background: var(--ano-accent); border-color: var(--ano-accent); }
.md-strip__ev--goal.md-strip__ev--a { background: #fff; border-color: #fff; }
.md-strip__ev .md-ico--goal { width: 16px; height: 16px; }
.md-strip__ev .md-ico--card { width: 9px; height: 12px; }
.md-strip__ev .md-ico--sub { width: 15px; height: 15px; }
.md-strip__t { position: absolute; top: 34px; transform: translateX(-50%); padding: 0 6px; background: transparent; font: 700 11px/16px "Roboto Condensed", Arial, sans-serif; color: #9fb0c6; display: none; }
.md-strip__t--0 { left: 0; transform: translateX(-110%); display: block; }
.md-strip__t--90 { left: 100%; transform: translateX(10%); display: block; }

.md-meta { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); margin: 32px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.14); }
.md-meta li { padding: 20px 20px 28px; font: 700 16px/1.3 "Roboto Condensed", Arial, sans-serif; color: #fff; text-transform: uppercase; }
.md-meta li + li { border-left: 1px solid rgba(255,255,255,.14); }
.md-meta small { display: block; margin-bottom: 6px; font-size: 12px; letter-spacing: .14em; color: var(--ano-accent); }

/* Εικονίδια γεγονότων */
.md-ico { display: inline-block; flex: none; vertical-align: middle; }
.md-ico--goal { width: 18px; height: 18px; }
.md-ico--goal circle { fill: #fff; stroke: var(--ano-navy); stroke-width: 1.6; }
.md-ico--goal path { fill: var(--ano-navy); }
.md-ico--card { width: 12px; height: 16px; border-radius: 2px; transform: rotate(8deg); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.md-ico--yellow { background: #f5c400; }
.md-ico--red { background: #e23b4e; }
.md-ico--sub { width: 20px; height: 20px; }
.md-ico--sub .in { fill: #19b46e; }
.md-ico--sub .out { fill: #e23b4e; }

/* Tabs: κολλάνε κάτω από το σταθερό header */
/* Το .d3-l-wrap του template έχει overflow-x:hidden, που ακυρώνει το sticky — το clip κόβει χωρίς scroll container */
body:has(.md-tabs) .d3-l-wrap { overflow-x: clip; overflow-y: visible; }
.md-tabs { position: sticky; top: 80px; z-index: 20; background: var(--ano-navy); border-bottom: 1px solid #1d4380; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.md-tabs .ano-wrap { display: flex; justify-content: center; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.md-tabs button {
  position: relative; flex: none; padding: 20px 22px 18px; border: 0; background: none; cursor: pointer; color: #9fb0c6;
  font: 700 17px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; transition: color .2s;
}
.md-tabs button::after { content: ""; position: absolute; left: 22px; right: 22px; bottom: 0; height: 3px; background: var(--ano-accent); transform: scaleX(0); transition: transform .25s; }
.md-tabs button:hover { color: #fff; }
.md-tabs button[aria-selected="true"] { color: #fff; }
.md-tabs button[aria-selected="true"]::after { transform: scaleX(1); }
.md-tabs button:focus-visible { outline: 2px solid var(--ano-accent); outline-offset: -4px; }

.md-body { background: var(--ano-soft); color: var(--ano-text); }
.md-panel { padding: 48px 0 72px; scroll-margin-top: 140px; }
.md-card { background: #fff; border-radius: 6px; box-shadow: 0 1px 2px rgba(6,26,51,.06), 0 8px 28px rgba(6,26,51,.07); padding: 28px; }
.md-card__title {
  display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: var(--ano-text);
  font: 900 22px/1.1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .02em;
}
.md-card__title::before { content: ""; width: 4px; height: 20px; background: var(--ano-accent); }
.md-card .ano-note { margin: 18px 0 0; }
.md-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.md-side { display: grid; gap: 28px; }

/* Χρονολόγιο: κεντρική γραμμή, γεγονότα γηπεδούχων αριστερά, φιλοξενούμενων δεξιά */
.md-timeline__teams { display: flex; justify-content: space-between; gap: 12px; margin: -6px 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--ano-line); font: 700 14px/1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--ano-muted); }
.md-timeline__teams span { display: inline-flex; align-items: center; gap: 8px; }
.md-timeline__teams img { width: 24px; height: 24px; object-fit: contain; }
.md-timeline { position: relative; list-style: none; margin: 0; padding: 0; }
.md-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--ano-line); }
.md-ev { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); align-items: center; padding: 8px 0; }
.md-ev__min {
  grid-column: 2; grid-row: 1; justify-self: center; z-index: 1; min-width: 50px; padding: 6px 6px; border-radius: 999px; text-align: center;
  background: #fff; border: 2px solid var(--ano-line); font: 900 15px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-text);
}
.md-ev__card {
  grid-row: 1; max-width: 340px; width: 100%; padding: 12px 14px; border-radius: 6px; background: var(--ano-soft); border: 1px solid var(--ano-line);
  font: 400 15px/1.45 Roboto, Arial, sans-serif; color: var(--ano-text);
}
.md-ev--h .md-ev__card { grid-column: 1; justify-self: end; border-right: 3px solid var(--ano-blue); }
.md-ev--a .md-ev__card { grid-column: 3; justify-self: start; border-left: 3px solid #f5c400; }
.md-ev__head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.md-ev__head strong { font: 700 13px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--ano-muted); }
.md-ev__head img { width: 20px; height: 20px; object-fit: contain; margin-left: auto; }
.md-ev__body { display: flex; align-items: center; gap: 12px; }
.md-ev__body p { margin: 0; flex: 1; min-width: 0; }
.md-ev__score { flex: none; font: 900 26px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-accent); }
.md-ev--goal .md-ev__card { background: var(--ano-navy); border-color: var(--ano-navy); color: #fff; }
.md-ev--goal.md-ev--h .md-ev__card { border-right-color: var(--ano-accent); }
.md-ev--goal .md-ev__head strong { color: var(--ano-accent); }
.md-ev--goal .md-ev__min { background: var(--ano-accent); border-color: var(--ano-accent); color: var(--ano-navy); }
.md-ev--sub .md-ev__body { display: block; }
.md-sub { display: flex; align-items: center; gap: 8px; margin: 0; }
.md-sub span::before { display: inline-block; width: 16px; font-weight: 900; }
.md-sub--in span::before { content: "▲"; color: #19b46e; font-size: 11px; }
.md-sub--out { color: var(--ano-muted); }
.md-sub--out span::before { content: "▼"; color: #e23b4e; font-size: 11px; }
.md-sub--in .md-ico--sub { display: none; }
.md-sep { position: relative; z-index: 1; display: flex; justify-content: center; padding: 14px 0; }
.md-sep span {
  padding: 7px 16px; border-radius: 999px; background: var(--ano-text); color: #fff;
  font: 700 13px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase;
}
.md-sep--end span { background: var(--ano-accent); color: var(--ano-navy); }

/* Στατιστικά με μπάρες σύγκρισης */
.md-stat__teams { display: flex; justify-content: space-between; margin: -8px 0 6px; }
.md-stat__teams img { width: 28px; height: 28px; object-fit: contain; }
.md-stat { padding: 10px 0; }
.md-stat__nums { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 7px; font-family: "Roboto Condensed", Arial, sans-serif; }
.md-stat__nums b { font-size: 22px; font-weight: 900; min-width: 24px; }
.md-stat__nums b:last-child { text-align: right; }
.md-stat__nums span { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ano-muted); }
.md-stat__bar { display: flex; gap: 4px; height: 6px; }
.md-stat__bar i { display: block; height: 100%; border-radius: 3px; min-width: 6px; }
.md-stat__bar i:first-child { margin-right: auto; }

.md-mini-table { list-style: none; margin: 0 0 16px; padding: 0; }
.md-mini-table li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--ano-line); font: 700 17px/1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; }
.md-mini-table li.is-ano { background: #e6f9ff; box-shadow: inset 4px 0 0 var(--ano-accent); }
.md-mini-table b { width: 22px; font-size: 20px; font-weight: 900; }
.md-mini-table img { width: 28px; height: 28px; object-fit: contain; }
.md-mini-table span { flex: 1; }
.md-mini-table em { font-style: normal; color: var(--ano-muted); }
.md-link { font: 700 14px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--ano-blue); text-decoration: none; }
.md-link:hover { color: var(--ano-accent); }

.md-card--next { background: var(--ano-navy); color: #fff; }
.md-card--next .md-card__title { color: #fff; }
.md-next { display: flex; align-items: center; justify-content: center; gap: 10px; font: 700 17px/1.1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; text-align: center; }
.md-next img { width: 44px; height: 44px; object-fit: contain; }
.md-next em { font-style: normal; color: var(--ano-accent); font-size: 14px; }
.md-next__when { margin: 16px 0 20px; text-align: center; font: 400 14px/1.5 Roboto, Arial, sans-serif; color: #c9d6e6; }
.md-next__cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.md-next__cta .ano-btn { padding: 11px 18px; font-size: 14px; }

/* Ενδεκάδες: ένα γήπεδο με τις δύο ομάδες, πλαϊνά οι πάγκοι */
.md-lineups { display: grid; grid-template-columns: 300px minmax(0, 560px) 300px; justify-content: center; gap: 28px; align-items: start; }
.md-team { background: #fff; border-radius: 6px; box-shadow: 0 1px 2px rgba(6,26,51,.06), 0 8px 28px rgba(6,26,51,.07); padding: 24px; }
.md-team--h { border-top: 4px solid var(--ano-blue); }
.md-team--a { border-top: 4px solid #f5c400; }
.md-team__head { display: flex; align-items: center; gap: 14px; }
.md-team__head img { width: 52px; height: 52px; object-fit: contain; }
.md-team__head h3 { margin: 0 0 6px; font: 900 24px/1 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; color: var(--ano-text); }
.md-chip { display: inline-block; padding: 4px 10px; border-radius: 4px; background: var(--ano-soft); font: 700 14px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-blue); }
.md-team__coach { margin: 18px 0; padding: 12px 0; border-top: 1px solid var(--ano-line); border-bottom: 1px solid var(--ano-line); font: 700 17px/1.2 "Roboto Condensed", Arial, sans-serif; color: var(--ano-text); }
.md-team__coach small, .md-label { display: block; margin: 0 0 4px; font: 700 12px/1.2 "Roboto Condensed", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ano-muted); }
.md-label { margin-bottom: 8px; }
.md-bench { list-style: none; margin: 0; padding: 0; }
.md-bench li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--ano-line); font: 400 15px/1.2 Roboto, Arial, sans-serif; }
.md-bench li:last-child { border-bottom: 0; }
.md-bench b { width: 26px; font: 900 16px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-blue); }
.md-bench span { flex: 1; min-width: 0; }
.md-bench em { font-style: normal; font: 700 11px/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-muted); letter-spacing: .06em; }

.md-pitch-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.md-pitch__tag { font: 700 14px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--ano-muted); }
.md-pitch {
  position: relative; width: 100%; aspect-ratio: 68 / 100; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column;
  background: repeating-linear-gradient(180deg, #2f8f4e 0 10%, #2a8448 10% 20%); box-shadow: 0 12px 34px rgba(6,26,51,.22);
}
.md-pitch__marks, .md-pitch__marks i { position: absolute; pointer-events: none; border: 2px solid rgba(255,255,255,.55); }
.md-pitch__marks { inset: 14px; border-radius: 2px; }
.md-pitch__marks::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 2px solid rgba(255,255,255,.55); }
.md-pitch__marks .circle { left: 50%; top: 50%; width: 26%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); }
.md-pitch__marks .spot { left: 50%; top: 50%; width: 6px; height: 6px; border: 0; border-radius: 50%; background: rgba(255,255,255,.7); transform: translate(-50%, -50%); }
.md-pitch__marks .box { left: 22%; right: 22%; height: 15%; }
.md-pitch__marks .six { left: 37%; right: 37%; height: 5.5%; }
.md-pitch__marks .box--top, .md-pitch__marks .six--top { top: -2px; }
.md-pitch__marks .box--bottom, .md-pitch__marks .six--bottom { bottom: -2px; }
.md-pitch__half { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: space-around; padding: 18px 10px; }
.md-pitch__line { display: flex; justify-content: space-around; }
.md-pl { display: flex; flex-direction: column; align-items: center; gap: 5px; width: 25%; min-width: 0; }
.md-pl__shirt {
  position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff;
  font: 900 16px/1 "Roboto Condensed", Arial, sans-serif; box-shadow: 0 4px 10px rgba(0,0,0,.3);
}
.md-pl__name {
  max-width: 100%; padding: 3px 7px; border-radius: 3px; background: rgba(6,26,51,.78); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 12px/1.15 "Roboto Condensed", Arial, sans-serif; letter-spacing: .02em;
}
.md-pl__marks { position: absolute; left: 50%; top: -10px; display: flex; gap: 2px; transform: translateX(-50%); }
.md-pl__marks:empty { display: none; }
.md-pl__marks .md-mk--goal, .md-pl__marks .md-mk--yellow, .md-pl__marks .md-mk--red { position: relative; }
.md-pl .md-pl__marks { left: auto; right: -14px; top: -8px; transform: none; flex-direction: column; align-items: flex-start; }
.md-mk { display: inline-flex; align-items: center; }
.md-mk .md-ico--goal { width: 15px; height: 15px; }
.md-mk .md-ico--card { width: 9px; height: 12px; }
.md-mk--in, .md-mk--out { padding: 2px 5px; border-radius: 3px; font: 700 11px/1 "Roboto Condensed", Arial, sans-serif; font-style: normal; color: #fff; white-space: nowrap; }
.md-mk--in { background: #19b46e; }
.md-mk--out { background: #e23b4e; }
.md-mk--in::before { content: "▲ "; font-size: 8px; }
.md-mk--out::before { content: "▼ "; font-size: 8px; }
.md-bench .md-mk { flex: none; }
.md-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 6px 0 0; font: 400 13px/1 Roboto, Arial, sans-serif; color: var(--ano-muted); }
.md-legend span { display: inline-flex; align-items: center; gap: 6px; }
.md-legend .md-ico--goal { width: 15px; height: 15px; }
.md-legend .md-ico--card { width: 9px; height: 12px; }

.ano-table tr.is-opp td { background: #fff8d6; }
.ano-table tr.is-opp td:first-child { box-shadow: inset 5px 0 0 #f5c400; }

@media (max-width: 1199px) {
  .md-grid { grid-template-columns: minmax(0, 1fr) 320px; }
  .md-lineups { grid-template-columns: 1fr 1fr; }
  .md-pitch-wrap { grid-column: 1 / -1; grid-row: 1; max-width: 560px; width: 100%; justify-self: center; }
}
@media (max-width: 959px) {
  .md-grid { grid-template-columns: 1fr; }
  .md-side { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
  .md-side-team h1, .md-side-team h2 { font-size: 30px; }
  .md-crest { width: 96px; height: 96px; }
  .md-score__nums { font-size: 88px; }
  .md-meta { grid-template-columns: 1fr 1fr; }
  .md-meta li:nth-child(3) { border-left: 0; }
  .md-meta li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.14); }
}
@media (max-width: 699px) {
  .md-hero { padding-top: 96px; }
  .md-crumbs { margin-bottom: 20px; }
  .md-comp { font-size: 11px; letter-spacing: .08em; padding: 7px 12px; margin-bottom: 22px; }
  .md-battle { gap: 6px; }
  .md-crest { width: 64px; height: 64px; }
  .md-side-team h1, .md-side-team h2 { font-size: 19px; margin: 10px 0 8px; overflow-wrap: anywhere; }
  .md-scorers { font-size: 12px; }
  .md-scorers li { gap: 4px; }
  .md-score { padding-top: 4px; }
  .md-score__nums { font-size: 60px; gap: 8px; }
  .md-score__nums i { font-size: 36px; transform: translateY(-4px); }
  .md-status { font-size: 11px; padding: 4px 10px; }
  .md-score__ht { font-size: 11px; letter-spacing: .06em; }
  .md-strip { margin: 28px 22px 0; }
  .md-strip__ev { width: 22px; height: 22px; margin-left: -11px; }
  .md-strip__ev--a { top: 56px; }
  .md-meta li { padding: 14px 12px 18px; font-size: 14px; }
  .md-tabs { top: 64px; }
  .md-tabs .ano-wrap { justify-content: flex-start; gap: 0; }
  .md-tabs button { padding: 17px 14px 15px; font-size: 15px; }
  .md-tabs button::after { left: 14px; right: 14px; }
  .md-panel { padding: 28px 0 48px; }
  .md-card { padding: 20px 16px; }
  .md-timeline::before { left: 26px; }
  .md-ev { grid-template-columns: 52px minmax(0, 1fr); gap: 0 10px; }
  .md-ev__min { grid-column: 1; min-width: 46px; font-size: 14px; }
  .md-ev--h .md-ev__card, .md-ev--a .md-ev__card { grid-column: 2; justify-self: stretch; max-width: none; border-right: 1px solid var(--ano-line); }
  .md-ev--h .md-ev__card { border-left: 3px solid var(--ano-blue); }
  .md-ev--goal.md-ev--h .md-ev__card { border-left-color: var(--ano-accent); border-right-color: var(--ano-navy); }
  .md-ev--goal.md-ev--a .md-ev__card { border-right-color: var(--ano-navy); }
  .md-sep { justify-content: flex-start; }
  .md-lineups { grid-template-columns: 1fr; }
  .md-pitch-wrap { grid-column: auto; }
  .md-pitch__half { padding: 14px 4px; }
  .md-pl__shirt { width: 32px; height: 32px; font-size: 14px; }
  .md-pl__name { font-size: 10.5px; padding: 2px 4px; }
  .md-pl .md-pl__marks { right: -12px; }
}
.ano-events { list-style: none; margin: 0; padding: 0; }
.ano-ev { display: grid; grid-template-columns: 52px 30px 1fr; align-items: start; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--ano-line); font: 400 16px/1.45 Roboto, Arial, sans-serif; }
.ano-ev b { font: 900 20px/1.2 "Roboto Condensed", Arial, sans-serif; color: var(--ano-blue); }
.ano-ev--a b { color: var(--ano-muted); }
.ano-ev__icon { font-size: 18px; text-align: center; }
.ano-facts td { width: 33%; }
.jcom-matchroom--tabs .tab-item.active a, .jcom-matchroom--tabs .tab-item a:hover { color: var(--ano-accent); }
.ano-split > * { min-width: 0; }
.juve-fixtures-tabs { max-width: 100%; overflow-x: auto; }
@media (max-width: 599px) { .ano-title { font-size: 30px; } .ano-section { padding: 40px 0; } .ano-wrap { padding: 0 16px; } }
.ano-ev { grid-template-columns: 52px 30px minmax(0, 1fr); }
.ano-ev span { white-space: normal; min-width: 0; }
.juve-match-team__name { overflow-wrap: anywhere; min-width: 0; }

/* ---------------------------------------------------------------- άρθρο */
/* Σχετικά Νέα: ο τίτλος 32-48px έπιανε 5+ γραμμές σε κάρτα 1/3 και πατούσε τα βελάκια */
.oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info { padding: 24px 60px 28px 28px; font-size: 14px; line-height: 1.2; }
.oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info .jcom-c-article__relateditems__item__info__title { font-size: 26px; line-height: 1.1; }
.oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info .jcom-c-article__relateditems__item__info__title h3 {
  font-size: inherit; line-height: inherit; margin: 6px 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info .jcom-c-article__relateditems__item__info__type { color: var(--ano-accent); }
@media (max-width: 767px) {
  /* Σε κινητό οι κάρτες είχαν ύψος ~190px και το κείμενο έβγαινε έξω, πάνω στην προηγούμενη */
  .oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item { aspect-ratio: 4 / 3; }
  .oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item picture { position: absolute; inset: 0; height: 100%; }
  .oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__carousel img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
  .oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info { padding: 16px 20px; }
  .oc-c-article .jcom-c-article__relateditems .jcom-c-article__relateditems__item__info .jcom-c-article__relateditems__item__info__title { font-size: 24px; }
}
@media (max-width: 599px) {
  /* Ο τίτλος του hero με 60px έβγαινε έξω από την οθόνη (π.χ. «ΕΠΑΓΓΕΛΜΑΤΙΚΟ») */
  .jcom-c-prescroll .jcom-c-article__title { font-size: 40px; line-height: 1.05; overflow-wrap: anywhere; }
  /* Οριζόντια φωτογραφία σε κάθετη οθόνη: κρατάμε το αριστερό τμήμα, όπου είναι συνήθως ο παίκτης */
  .jcom-c-articlebackground img { object-position: 25% center !important; -o-object-position: 25% center !important; }
}

/* Προφίλ ποδοσφαιριστή: διαδρομή σε σκούρο φόντο και σύνδεσμος για το ρόστερ */
.player-statistics .ano-timeline { margin-top: 24px; color: #fff; }
.player-statistics .ano-timeline b { color: var(--ano-accent); }
.player-statistics .ano-note { color: #9fb0c6; }
.ano-squad-link { text-align: center; margin: 8px 0 56px; color: #fff; }

/* Ρόστερ: ο τίτλος κάθε γραμμής ήταν «υδατογράφημα» 150px σε σκούρο μπλε πίσω από τις κάρτες και δεν διαβαζόταν */
.jcom-player-list .jcom-team-items-list + .jcom-team-items-list { margin-top: 48px; }
.jcom-player-list .jcom-item__title { position: static !important; margin: 0 0 24px !important; padding: 0 0 12px; border-bottom: 3px solid var(--ano-accent); }
.jcom-player-list .jcom-item__title h2 { font: 900 44px/1 "Roboto Condensed", Roboto, Arial, sans-serif !important; color: #fff !important; letter-spacing: .02em; display: flex; align-items: baseline; gap: 14px; }
.jcom-player-list .ano-group-count { font-size: 22px; color: var(--ano-accent); }
@media (max-width: 767px) {
  .jcom-player-list .jcom-item__title h2 { font-size: 30px !important; }
  .jcom-player-list .ano-group-count { font-size: 18px; }
}

/* ---------------------------------------------------------------- στάδιο: επιβλητική εκδοχή */
/* Hero: νυχτερινό πλάνο με τους προβολείς, σε όλο σχεδόν το ύψος της οθόνης, με σκοτεινή διαβάθμιση για τον τίτλο */
.ano-std-hero .jcom-static-header, .ano-std-hero .jcom-static-header figure { height: max(640px, 92vh); }
.ano-std-hero .jcom-static-header figure img { height: 100%; object-fit: cover; object-position: 50% 45%; }
.ano-std-hero .jcom-static-header figure::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(6,26,51,.5) 0%, rgba(6,26,51,0) 18%, rgba(6,26,51,0) 45%, rgba(6,26,51,.85) 100%);
}
/* Το template βάζει ενιαίο μαύρο φιλμ 60% που «σβήνει» τους προβολείς — το αντικαθιστά η διαβάθμιση */
.ano-std-hero .jcom-static-header::before { background: transparent !important; }
.ano-std-hero .jcom-static-header__title span { text-shadow: 0 6px 40px rgba(0,0,0,.55); }
.ano-std-kicker {
  display: block; font: 700 16px/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ano-accent); margin: 0 0 18px; text-shadow: 0 2px 12px rgba(0,0,0,.6);
}
@media (max-width: 599px) {
  .ano-std-hero .jcom-static-header, .ano-std-hero .jcom-static-header figure { height: 78vh; min-height: 520px; }
  .ano-std-kicker { font-size: 12px; letter-spacing: .14em; margin-bottom: 10px; }
}

/* Μεγάλη τυπογραφία ενοτήτων */
.ano-std-display {
  font: 900 clamp(48px, 9vw, 128px)/.92 "Roboto Condensed", Roboto, Arial, sans-serif; text-transform: uppercase;
  letter-spacing: -.01em; margin: 0; color: inherit;
}
.ano-std-display small { display: block; font-size: 16px; letter-spacing: .22em; color: var(--ano-accent); margin-bottom: 14px; }

/* Εισαγωγή με «υδατογράφημα» 1986 */
.ano-std-intro { position: relative; overflow: hidden; padding: 120px 0; border-top: 6px solid var(--ano-accent); }
.ano-std-intro .ano-wrap { position: relative; }
.ano-std-watermark {
  position: absolute; right: -2%; top: 50%; transform: translateY(-50%); pointer-events: none; user-select: none;
  font: 900 clamp(160px, 30vw, 420px)/1 "Roboto Condensed", Arial, sans-serif; color: transparent;
  -webkit-text-stroke: 2px rgba(0,198,255,.18);
}
.ano-std-intro__grid { position: relative; display: grid; grid-template-columns: 5fr 6fr; gap: 64px; align-items: end; }
.ano-std-intro .ano-lead { color: #c9d6e6; }
.ano-std-intro .ano-lead:first-child { color: #fff; font-size: 21px; }

/* Ζώνη αριθμών πάνω σε φωτογραφία */
.ano-std-stats {
  position: relative; isolation: isolate; overflow: hidden; color: #fff; padding: 120px 0; background: var(--ano-navy);
}
/* Φωτογραφία φόντου ως ξεχωριστό layer (inline url, ώστε να λύνεται σχετικά με τη σελίδα) */
.ano-std-bg { position: absolute; inset: 0; z-index: -1; background-size: cover; background-position: center; }
.ano-std-bg::after { content: ""; position: absolute; inset: 0; }
.ano-std-stats .ano-std-bg { background-attachment: fixed; }
.ano-std-stats .ano-std-bg::after { background: linear-gradient(90deg, rgba(6,26,51,.95) 0%, rgba(6,26,51,.72) 100%); }
.ano-std-stats__row { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 24px; }
.ano-std-stat { padding: 8px 32px 8px 0; }
.ano-std-stat + .ano-std-stat { border-left: 1px solid rgba(255,255,255,.18); padding-left: 32px; }
.ano-std-stat__num {
  font: 900 clamp(56px, 7vw, 108px)/1 "Roboto Condensed", Arial, sans-serif; color: var(--ano-accent);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.ano-std-stat p { font: 700 15px/1.35 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; margin: 14px 0 0; color: #c9d6e6; }
@media (max-width: 899px) {
  .ano-std-stats .ano-std-bg { background-attachment: scroll; }
  .ano-std-stats__row { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .ano-std-stat:nth-child(odd) { border-left: 0; padding-left: 0; }
}

/* Επόμενος αγώνας εντός έδρας */
.ano-std-match {
  position: relative; isolation: isolate; overflow: hidden; color: #fff; padding: 140px 0; text-align: center; background: var(--ano-navy);
}
.ano-std-match .ano-std-bg { background-position: center 30%; }
.ano-std-match .ano-std-bg::after { background: linear-gradient(180deg, rgba(6,26,51,.9), rgba(6,26,51,.62) 50%, rgba(6,26,51,.95)); }
.ano-std-match .ano-std-display { font-size: clamp(40px, 7vw, 96px); }
.ano-std-match .ano-std-display span { color: var(--ano-accent); }
.ano-std-match__when { font: 700 16px/1.3 "Roboto Condensed", Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--ano-accent); margin: 0 0 18px; }
.ano-std-match__date { font: 700 22px/1.3 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; margin: 22px 0 36px; }
.ano-std-match__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 0; }
.ano-std-match .ano-btn { padding: 16px 30px; font-size: 16px; }

/* Αναβαθμίσεις: φωτογραφία ως την άκρη της οθόνης */
.ano-std-upgrades { display: grid; grid-template-columns: 1fr 1fr; background: #fff; color: var(--ano-text); }
.ano-std-upgrades__img { min-height: 560px; }
.ano-std-upgrades__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ano-std-upgrades__txt { padding: 96px max(24px, calc((100vw - 1240px) / 2 + 24px)) 96px 64px; align-self: center; }
@media (max-width: 899px) {
  .ano-std-upgrades { grid-template-columns: 1fr; }
  .ano-std-upgrades__img { min-height: 0; aspect-ratio: 4 / 3; }
  .ano-std-upgrades__txt { padding: 48px 24px; }
}

/* Εγκαταστάσεις: αριθμημένα πλακίδια */
.ano-std-facilities { padding: 100px 0; }
.ano-std-fac__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: #1d4380; border: 2px solid #1d4380; }
.ano-std-fac { position: relative; background: var(--ano-navy); padding: 40px 32px 36px; transition: background .25s; }
.ano-std-fac:hover { background: var(--ano-blue); }
.ano-std-fac::before { content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 0; background: var(--ano-accent); transition: width .35s; }
.ano-std-fac:hover::before { width: 100%; }
.ano-std-fac__n { display: block; font: 900 72px/1 "Roboto Condensed", Arial, sans-serif; color: transparent; -webkit-text-stroke: 2px var(--ano-accent); margin-bottom: 24px; }
.ano-std-fac h3 { font: 700 24px/1.15 "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; margin: 0 0 12px; color: #fff; }
.ano-std-fac p { font: 400 15px/1.6 Roboto, Arial, sans-serif; color: #c9d6e6; margin: 0 0 10px; }
.ano-std-fac__link a { color: var(--ano-accent); font-weight: 700; }

@media (max-width: 899px) {
  .ano-std-intro { padding: 72px 0; }
  .ano-std-intro__grid { grid-template-columns: 1fr; gap: 28px; }
  .ano-std-stats, .ano-std-match { padding: 80px 0; }
  .ano-std-fac__grid { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .ano-std-stat + .ano-std-stat, .ano-std-stat { padding-right: 12px; }
  .ano-std-stat:nth-child(even) { padding-left: 16px; }
  .ano-std-stat p { font-size: 13px; }
  .ano-std-match__date { font-size: 18px; }
  .ano-std-intro .ano-lead:first-child { font-size: 18px; }
}