/* Τρόποι Πληρωμής — «Τέσσερις τράπεζες» (μίνιμαλ πρόταση C) */

    /* ============ Πρόταση C (μίνιμαλ) — «ΤΕΣΣΕΡΙΣ ΤΡΑΠΕΖΕΣ» (prefix mC-) ============
       Η δομή της παλιάς σελίδας (2 τρόποι → 4 τράπεζες δίπλα-δίπλα → δικαιούχος → αιτιολογία),
       με τη γλώσσα του νέου site: λευκές κάρτες, --radius, απαλή σκιά, Commissioner, ένα μπλε.
       Χωρίς monospace: τα νούμερα με tabular-nums. Χωρίς JS: όλα ορατά, χωρίς κουμπιά αντιγραφής. */

    /* ---------- Τιμές για επαγγελματίες: μία ήσυχη γραμμή ---------- */
    .mC-prosec { margin-top: 18px; }
    .mC-pro { display: flex; align-items: flex-start; gap: 10px; margin: 0; max-width: 760px; font-size: 14px; line-height: 1.55; color: var(--muted); }
    .mC-pro svg { flex: none; width: 18px; height: 18px; margin-top: 1px; fill: none; stroke: var(--blue); stroke-width: 1.7; stroke-linecap: round; }
    .mC-pro b { color: var(--ink); font-weight: 600; }

    /* ---------- Πώς πληρώνετε: δύο απαλά πλαίσια ---------- */
    .sec__intro a[href^="tel:"] { white-space: nowrap; }
    .mC-ways { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .mC-way { min-width: 0; padding: clamp(18px, 2.2vw, 26px); border-radius: var(--radius); background: var(--soft); }
    .mC-way h3 { margin: 0 0 6px; font-size: 16.5px; font-weight: 700; line-height: 1.3; }
    .mC-way h3 span { color: var(--blue); }
    .mC-way p { margin: 0; color: var(--muted); line-height: 1.6; }

    /* ---------- Τράπεζες: 4 κάρτες (λογότυπο → όνομα → λογαριασμός → IBAN) ---------- */
    .mC-banks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
    .mC-bank {
      min-width: 0; display: flex; flex-direction: column; padding: 10px;
      border-radius: calc(var(--radius) + 4px); background: #fff;
      border: 1px solid rgba(20, 26, 36, .07);
      box-shadow: 0 1px 2px rgba(20, 26, 36, .03), 0 24px 48px -36px rgba(8, 47, 134, .45);
    }
    .mC-logo { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 10px; background: var(--soft); }
    /* μικρό zoom: κρύβει το λεπτό περίγραμμα που έχει «ψημένο» το λογότυπο της Εθνικής */
    .mC-logo img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); }
    /* αχνό εσωτερικό περίγραμμα: ορίζει και το λευκό πλακίδιο της Εθνικής */
    .mC-logo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(20, 26, 36, .07); pointer-events: none; }
    .mC-bank h3 { margin: 16px 8px 0; font-size: 16px; font-weight: 700; line-height: 1.3; }
    .mC-fields { display: grid; gap: 14px; margin: 12px 8px 6px; }
    .mC-lbl { margin: 0 0 2px; font-size: 12.5px; font-weight: 500; color: var(--muted); }
    .mC-lblrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; margin-bottom: 2px; }
    .mC-lblrow .mC-lbl { margin: 0; }
    .mC-acc { margin: 0; font-size: 15px; font-weight: 500; letter-spacing: .02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
    .mC-iban {
      margin: 0; font-size: 17px; font-weight: 400; line-height: 1.5;
      letter-spacing: .045em; word-spacing: .14em;
      font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1, "lnum" 1;
      text-wrap: balance; color: var(--ink); transition: color .3s ease;
    }
    .mC-bank.is-copied .mC-iban { color: var(--blue); }

    /* Αντιγραφή IBAN: ήσυχο κουμπί-κείμενο δίπλα στην ετικέτα */
    .mC-copy {
      flex: none; display: inline-flex; align-items: center; gap: 5px;
      margin: -8px -8px -8px 0; padding: 8px; border: 0; border-radius: 8px; background: none; cursor: pointer;
      font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; color: var(--blue);
      transition: background-color .15s ease, color .15s ease;
    }
    .mC-copy:hover { background: #eef5fc; }
    .mC-copy svg, .mC-mini svg { flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .mC-copy svg { width: 14px; height: 14px; }
    .mC-i-ok { display: none; }
    .is-done > .mC-i-ok { display: block; }
    .is-done > .mC-i-copy, .is-fail > .mC-i-copy { display: none; }
    .mC-copy.is-fail { color: #b42318; }
    .mC-copy[hidden], .mC-mini[hidden] { display: none; }

    /* ---------- Όνομα δικαιούχου: μικρή αριθμημένη λίστα ---------- */
    .mC-names { list-style: none; counter-reset: mC-n; margin: 0; padding: 0; max-width: 820px; }
    .mC-names li { counter-increment: mC-n; display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 7px 0; }
    .mC-names li::before {
      content: counter(mC-n) "."; flex: none; width: 16px; font-size: 13px; font-weight: 600; line-height: 22.5px; color: var(--blue);
      font-variant-numeric: tabular-nums;
    }
    .mC-name { min-width: 0; font-size: 15px; font-weight: 500; letter-spacing: .02em; line-height: 22.5px; overflow-wrap: anywhere; }
    .mC-mini {
      position: relative; flex: none; display: inline-grid; place-items: center;
      width: 32px; height: 32px; margin-top: -5px; padding: 0; border: 0; border-radius: 8px; background: none; cursor: pointer;
      font: inherit; color: var(--muted); transition: background-color .15s ease, color .15s ease;
    }
    .mC-mini svg { width: 15px; height: 15px; }
    .mC-mini:hover { background: #eef5fc; color: var(--blue); }
    .mC-mini.is-done { color: var(--blue); }
    .mC-mini.is-fail { color: #b42318; }
    /* «Αντιγράφηκε»: μικρή ετικέτα πάνω από το εικονίδιο — δεν μετακινεί το κείμενο */
    .mC-mini__txt {
      position: absolute; right: 0; bottom: calc(100% + 2px); padding: 4px 8px; border-radius: 6px;
      background: #fff; box-shadow: 0 4px 14px rgba(20, 26, 36, .12); white-space: nowrap; pointer-events: none;
      font-size: 12px; font-weight: 600; line-height: 1.2; color: inherit;
      opacity: 0; transform: translateY(3px); transition: opacity .18s ease, transform .18s ease;
    }
    .mC-mini.is-done .mC-mini__txt, .mC-mini.is-fail .mC-mini__txt { opacity: 1; transform: none; }
    /* όταν υπάρχει χώρος: δεξιά από το εικονίδιο (χωρίς να σκεπάζει τίποτα) */
    .mC-mini.mC-tip-side .mC-mini__txt { right: auto; bottom: auto; left: calc(100% + 2px); top: 50%; padding: 4px 6px; background: none; box-shadow: none; transform: translate(-3px, -50%); }
    .mC-mini.mC-tip-side.is-done .mC-mini__txt, .mC-mini.mC-tip-side.is-fail .mC-mini__txt { transform: translate(0, -50%); }

    /* ---------- Αιτιολογία κατάθεσης: μία απαλή γραμμή ---------- */
    .mC-reason {
      display: flex; align-items: flex-start; gap: 12px; max-width: 820px; margin: 0;
      padding: 14px 18px; border-radius: var(--radius); background: #eef5fc; font-size: 14.5px; line-height: 1.55;
    }
    .mC-reason svg { flex: none; width: 18px; height: 18px; margin-top: 2px; fill: none; stroke: var(--blue); stroke-width: 1.7; stroke-linecap: round; }
    .mC-reason b { font-weight: 600; }

    /* εστίαση πληκτρολογίου (ίδια με το υπόλοιπο site) */
    .mC-copy:focus-visible, .mC-mini:focus-visible { outline: 3px solid rgba(31, 124, 255, .4); outline-offset: 2px; }

    /* ΜΟΝΟ για την προεπισκόπηση: θέση του newsletter */

    /* ---------- Responsive ---------- */
    @media (max-width: 1080px) {
      .mC-banks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      /* tablet/κινητό: μικρό λογότυπο δίπλα στο όνομα, στοιχεία από κάτω (πιο συμμαζεμένο ύψος) */
      .mC-bank { display: grid; grid-template-columns: 108px minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: center; column-gap: 16px; padding: 10px 10px 12px; }
      .mC-logo { grid-column: 1; grid-row: 1; border-radius: 9px; }
      .mC-bank h3 { grid-column: 2; grid-row: 1; margin: 0; }
      .mC-fields { grid-column: 1 / -1; align-self: start; margin: 16px 8px 2px; }
    }
    @media (max-width: 640px) {
      .mC-ways { grid-template-columns: minmax(0, 1fr); gap: 10px; }
      .mC-banks { grid-template-columns: minmax(0, 1fr); gap: 12px; }
      .mC-bank { grid-template-columns: 92px minmax(0, 1fr); column-gap: 14px; }
      .mC-fields { margin: 14px 6px 2px; }
      .mC-reason { padding: 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .mC-iban, .mC-copy, .mC-mini, .mC-mini__txt { transition: none; }
    }
    @media print {
      .mC-bank { box-shadow: none; border-color: #bbb; break-inside: avoid; }
    }
  

/* «Προσοχή!» — η αιτιολογία κατάθεσης σε έντονο κίτρινο, για να μην ξεχνιέται */
.mC-reason {
  max-width: 860px; padding: 18px 22px; gap: 14px;
  background: #ffd23f; color: #0b1f4a; border-left: 6px solid #e0a800;
  box-shadow: 0 10px 24px -14px rgba(176, 128, 0, .55);
}
.mC-reason svg { width: 26px; height: 26px; margin-top: 1px; stroke: #0b1f4a; stroke-width: 2; stroke-linejoin: round; }
.mC-reason p { margin: 0; font-size: 15.5px; line-height: 1.55; color: inherit; }
.mC-reason .mC-reason__t { margin-bottom: 2px; font-size: 18px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.mC-reason b { font-weight: 700; }
@media (max-width: 560px) {
  .mC-reason { padding: 14px 14px 14px 12px; gap: 10px; }
  .mC-reason p { font-size: 14.5px; }
}
@media print { .mC-reason { background: none; border: 2px solid #000; box-shadow: none; } }

/* ===== Κορυφή: «Η κατάθεση ταξιδεύει» (πρόταση B) ===== */

    /* ============ Hero πρόταση B — «Η ΚΑΤΑΘΕΣΗ ΤΑΞΙΔΕΥΕΙ» (prefix hB-) ============
       Ίδια γλώσσα με «Η εταιρεία» / «Επικοινωνία»: βαθύ μπλε gradient, κουκκίδες, λευκές/κυανές γραμμές,
       λευκό φορτηγάκι, γυάλινη κάρτα. Δεξιά μια ήρεμη σκηνή: 4 τράπεζες → αποθήκη ΑΡΑΜΠΑΤΖΗΣ → δρόμος.
       Χωρίς JS ή με reduced-motion: στατική σκηνή (όλα ορατά, φορτηγάκι στον δρόμο, ✓ πάνω από την αποθήκη). */

    .hB-hero {
      position: relative; overflow: hidden; isolation: isolate;
      display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
      align-items: center; gap: clamp(16px, 3vw, 40px);
      padding-block: clamp(28px, 3.6vw, 44px);
    }
    /* διακοσμητικά: πλέγμα κουκκίδων (προς τα δεξιά) + μία διάχυτη λάμψη πίσω από τη σκηνή */
    .hB-deco { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
    .hB-deco::before {
      content: ""; position: absolute; inset: 0;
      background-image: radial-gradient(rgba(255,255,255,.16) 1.2px, transparent 1.4px);
      background-size: 22px 22px;
      -webkit-mask-image: linear-gradient(110deg, transparent 38%, #000 82%);
              mask-image: linear-gradient(110deg, transparent 38%, #000 82%);
    }
    .hB-deco span {
      position: absolute; right: 6%; top: -150px; width: 460px; height: 460px; border-radius: 50%;
      background: radial-gradient(circle, rgba(63,200,240,.26), transparent 65%);
    }

    .hB-copy { min-width: 0; }
    .hB-hero h1 { font-size: clamp(30px, 4.4vw, 48px); }
    .hB-hero .phead__lead { max-width: 520px; }

    /* ---------- Γυάλινο chip: το IBAN της τράπεζας που «φωτίζεται», ομάδα-ομάδα ---------- */
    .hB-chip {
      display: inline-grid; gap: 9px; max-width: 100%; margin-top: 24px;
      padding: 13px 18px 12px; border-radius: var(--radius); color: #fff;
      background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
      -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
      box-shadow: 0 18px 40px -22px rgba(0,0,0,.55);
      transition: background-color .2s, border-color .2s;
    }
    .hB-chip:hover { background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.32); }
    .hB-chip:focus-visible { outline: 3px solid #7fd3ff; outline-offset: 3px; }
    .hB-chip__top { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.2; }
    .hB-chip__k { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; color: #7fd3ff; }
    .hB-chip__k::after { content: "·"; margin-left: 8px; color: #cfe3ff; }
    .hB-chip__bank { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity .3s ease; }
    .hB-chip__bank.is-out { opacity: 0; }
    .hB-chip__dots { display: none; flex: none; gap: 5px; margin-left: auto; padding-left: 14px; }
    .hB-run .hB-chip__dots { display: flex; }
    .hB-chip__dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.25); transition: background-color .4s, box-shadow .4s; }
    .hB-chip__dots i.is-on { background: #7fd3ff; box-shadow: 0 0 8px rgba(127,211,255,.9); }

    .hB-chip__iban {
      display: flex; flex-wrap: wrap; column-gap: .5em; row-gap: 4px;
      font-size: clamp(16px, 1.45vw, 19px); font-weight: 500; line-height: 1.3; letter-spacing: .045em;
      font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1, "lnum" 1;
    }
    .hB-g { position: relative; display: inline-block; }
    .hB-g__v { display: inline-block; }
    /* «υποδοχές»: αχνή γραμμή κάτω από κάθε ομάδα μέχρι να «προσγειωθούν» τα ψηφία */
    .hB-g::after {
      content: ""; position: absolute; left: 1px; right: 3px; bottom: -3px; height: 2px; border-radius: 2px;
      background: rgba(255,255,255,.28); opacity: 0; transition: opacity .35s ease;
    }
    .hB-run .hB-g::after { opacity: 1; }
    .hB-run .hB-g.is-on::after { opacity: 0; }
    .hB-run .hB-g__v { opacity: 0; transform: translateY(5px); transition: opacity .3s ease, transform .4s cubic-bezier(.2,1.4,.4,1); }
    .hB-run .hB-g.is-on .hB-g__v { opacity: 1; transform: none; }

    .hB-chip__go { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #cfe3ff; transition: color .2s; }
    .hB-chip__go svg { flex: none; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
    .hB-chip:hover .hB-chip__go { color: #fff; }
    .hB-chip:hover .hB-chip__go svg { transform: translateY(2px); }

    /* ---------- Σκηνή (SVG) ---------- */
    /* η σκηνή «ακουμπά» στη δεξιά άκρη: το φορτηγάκι βγαίνει από το πλαίσιο */
    .hB-scene { min-width: 0; margin-right: calc(-1 * clamp(18px, 4vw, 44px)); }
    .hB-scene svg { display: block; width: 100%; height: auto; overflow: hidden; }

    .hB-lbl { font: 600 13px "Commissioner", system-ui, sans-serif; letter-spacing: .01em; fill: #e3eeff; transition: fill .4s, opacity .4s; }
    .hB-dot { fill: #fff; transition: opacity .4s; }
    .hB-halo { fill: rgba(127,211,255,.16); transform-box: fill-box; transform-origin: center; transition: transform .6s cubic-bezier(.3,1.5,.5,1), fill .4s; }
    .hB-line { fill: none; stroke: rgba(255,255,255,.34); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 0 6; transition: stroke .4s; }
    .hB-trace { fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; opacity: 0; filter: drop-shadow(0 0 5px rgba(120,200,255,.9)); }
    .hB-port { fill: #7fd3ff; filter: drop-shadow(0 0 4px rgba(127,211,255,.95)); }
    .hB-flash { fill: none; stroke: #7fd3ff; stroke-width: 1.6; }

    .hB-road { fill: none; stroke: rgba(255,255,255,.10); stroke-width: 14; }
    .hB-lane { fill: none; stroke: rgba(255,255,255,.38); stroke-width: 1.4; stroke-dasharray: 8 8; }
    .hB-house { fill: rgba(6,36,110,.5); stroke: #fff; stroke-width: 1.8; stroke-linejoin: round; filter: drop-shadow(0 0 10px rgba(120,200,255,.25)); }
    .hB-sign rect { fill: rgba(255,255,255,.10); stroke: rgba(255,255,255,.42); stroke-width: 1; }
    .hB-sign text { font: 800 9.5px "Commissioner", system-ui, sans-serif; letter-spacing: .16em; fill: #fff; }
    .hB-win { fill: rgba(127,211,255,.16); stroke: rgba(255,255,255,.55); stroke-width: 1.2; }
    .hB-door-in { fill: #041c55; }
    .hB-shutter rect { fill: #dbe9ff; }
    .hB-shutter path { fill: none; stroke: rgba(10,63,174,.32); stroke-width: 1; }
    .hB-frame { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linejoin: round; }

    .hB-badge circle { fill: #fff; filter: drop-shadow(0 0 10px rgba(127,211,255,.85)); }
    .hB-badge path { fill: none; stroke: #0a46c4; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
    .hB-ring { fill: none; stroke: rgba(255,255,255,.75); stroke-width: 1.5; }
    .hB-coin { filter: drop-shadow(0 0 6px rgba(127,211,255,.95)); }
    .hB-coin circle { fill: #fff; }
    .hB-coin text { font: 800 11px "Commissioner", system-ui, sans-serif; fill: #0a46c4; }

    /* στατική εκδοχή (χωρίς JS / reduced-motion): χωρίς νόμισμα και παλμούς */
    .hB-coin, .hB-ring, .hB-flash { display: none; }

    /* ---------- Κατάσταση κίνησης (μόνο με JS & χωρίς reduced-motion) ---------- */
    .hB-run .hB-coin, .hB-run .hB-ring, .hB-run .hB-flash { display: inline; }
    .hB-run .hB-bank .hB-lbl { opacity: .62; }
    .hB-run .hB-bank .hB-dot { opacity: .55; }
    .hB-run .hB-bank .hB-halo { transform: scale(.55); fill: rgba(127,211,255,.10); }
    .hB-run .hB-bank.is-on .hB-lbl { opacity: 1; fill: #fff; }
    .hB-run .hB-bank.is-on .hB-dot { opacity: 1; }
    .hB-run .hB-bank.is-on .hB-halo { transform: scale(1.3); fill: rgba(127,211,255,.28); }
    .hB-run .hB-line.is-on { stroke: rgba(255,255,255,.55); }
    /* είσοδος: οι κόμβοι και οι γραμμές εμφανίζονται ήρεμα, μία φορά */
    .hB-run .hB-intro { opacity: 0; }
    .hB-run.hB-in .hB-intro { animation: hB-in .8s ease forwards; animation-delay: var(--d, 0s); }
    @keyframes hB-in { to { opacity: 1; } }

    /* κλικ στο chip → η κάρτα της τράπεζας φωτίζεται για λίγο */
    #logariasmoi { scroll-margin-top: 110px; }
    .mC-bank.hB-flash-card { outline: 2px solid rgba(31,124,255,0); outline-offset: 3px; animation: hB-card 2.2s ease .35s 1; }
    @keyframes hB-card { 0%, 100% { outline-color: rgba(31,124,255,0); } 15%, 60% { outline-color: rgba(31,124,255,.55); } }

    /* ---------- Responsive ---------- */
    @media (max-width: 860px) {
      .hB-hero { grid-template-columns: minmax(0, 1fr); gap: 18px; }
      .hB-scene { justify-self: end; width: min(100% + clamp(18px, 4vw, 44px), 640px); margin-bottom: -6px; }
    }
    @media (max-width: 560px) {
      .hB-lbl { font-size: 16px; }
      .hB-sign text { font-size: 11px; letter-spacing: .1em; }
      .hB-chip { display: grid; }
    }
    @media (max-width: 400px) {
      .hB-lbl { font-size: 19px; }
      .hB-sign text { font-size: 12px; letter-spacing: .06em; }
      .hB-chip { padding: 12px 12px 11px; }
      .hB-chip__iban { font-size: 14px; letter-spacing: .02em; column-gap: .34em; }   /* χωράει σε μία γραμμή στα 360px */
    }
    @media (prefers-reduced-motion: reduce) {
      .hB-chip, .hB-chip__go, .hB-chip__go svg { transition: none; }
      .hB-chip:hover .hB-chip__go svg { transform: none; }
      .mC-bank.hB-flash-card { animation: none; outline-color: rgba(31,124,255,.55); }
    }
  

/* Προπληρωμή: τονισμός μέσα στο κείμενο — μπλε πλαίσιο, λευκά γράμματα (αντί για bold) */
.mC-hl {
  padding: 1px 7px 2px; border-radius: 6px; background: var(--blue); color: #fff; font-weight: 600;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
@media print { .mC-hl { background: none; color: #000; text-decoration: underline; } }

.mC-reason { margin: 0 auto clamp(28px, 4vw, 48px); }   /* «Προσοχή!» στο κέντρο της σελίδας */

/* ===== Δύο «Προσοχή!» δίπλα-δίπλα: κίτρινο (αιτιολογία) + μπλε (άμεση μεταφορά) ===== */
.mC-alerts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch;
  max-width: 1120px; margin: 0 auto clamp(28px, 4vw, 48px);
}
.mC-alerts .mC-reason { max-width: none; margin: 0; }
.mC-reason--blue {
  background: linear-gradient(110deg, #082f86, #0a46c4 60%, #1572c0); color: #fff;
  border-left-color: #ffd23f; box-shadow: 0 12px 26px -14px rgba(8, 47, 134, .8);
}
.mC-reason--blue svg { stroke: #ffd23f; }
.mC-reason--blue .mC-reason__t { color: #ffd23f; }
.mC-reason--blue .mC-tag { display: inline-block; padding: 0 7px; border-radius: 5px; background: #ffd23f; color: #082f86; font-weight: 800; letter-spacing: .02em; }
@media (max-width: 820px) { .mC-alerts { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
@media print { .mC-reason--blue { background: none; color: #000; } .mC-reason--blue svg { stroke: #000; } .mC-reason--blue .mC-reason__t { color: #000; } }

.mC-help { margin: 14px 0 0 !important; }   /* τηλέφωνο κάτω από τα δύο κουτιά */
.mC-alerts + .mC-help { margin: -12px 0 clamp(28px, 4vw, 48px) !important; text-align: center; }   /* τηλέφωνο κάτω από τα δύο έγχρωμα κουτιά */
.mC-alerts + .mC-help { max-width: none; width: 100%; margin-left: auto !important; margin-right: auto !important; text-align: center; }