/* =========================================================
   Magic Streams — προσαρμογές πάνω στο template "magic"
   (φορτώνεται σε όλες τις σελίδες από το inc/bootstrap.php)
   ========================================================= */
:root {
  --ms-blue: #4285f4;
  --ms-accent: #009cde;
  --ms-green: #27ae60;
  --ms-red: #e74c3c;
  --ms-ink: #1f2937;
  --ms-muted: #6b7280;
  --ms-line: #e5e7eb;
}

/* ---------- Πίνακες πακέτων: Ναι / Όχι ---------- */
.plan-specs h2.spec-yes,
.plan-specs h2.spec-no,
h2.spec-yes, h2.spec-no { font-size: 22px; }
h2.spec-yes .fa { color: var(--ms-green); }
h2.spec-no .fa  { color: var(--ms-red); opacity: .8; }

/* ---------- Αρχική: προϊόντα ανά κατηγορία ---------- */
.ms-products { padding: 40px 0 20px; background: #f7f9fc; }
.ms-products-title { font-weight: 700; margin: 0 0 10px; font-size: 30px; }
.ms-cat-title {
  font-size: 20px; font-weight: 700; color: var(--ms-ink);
  margin: 30px 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--ms-line);
}
.ms-cat-title .fa { color: var(--ms-accent); margin-right: 6px; }
.ms-cards > div { margin-bottom: 24px; }
.ms-card {
  position: relative; height: 100%; min-height: 230px;
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--ms-line); border-top: 4px solid var(--ms-accent);
  border-radius: 10px; padding: 20px 18px 18px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
  transition: transform .15s ease, box-shadow .15s ease;
}
.ms-card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(15, 23, 42, .10); }
.ms-card h4 { font-size: 19px; font-weight: 700; margin: 0 0 8px; color: var(--ms-ink); }
.ms-card-desc { color: var(--ms-muted); font-size: 14px; line-height: 1.5; flex: 1 1 auto; margin-bottom: 12px; }
.ms-price { margin: 0 0 14px; color: var(--ms-ink); }
.ms-price strong { font-size: 28px; color: #f26522; font-weight: 700; }
.ms-price small { font-size: 13px; color: var(--ms-muted); }
.ms-card .btn { border-radius: 6px; font-weight: 600; }
.ms-badge {
  position: absolute; top: -12px; right: 14px;
  background: var(--ms-green); color: #fff; font-size: 12px; font-weight: 600;
  padding: 3px 10px; border-radius: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.ms-vat { color: var(--ms-muted); font-weight: 600; margin: 4px 0 10px; }
@media (max-width: 767px) {
  .ms-card { min-height: 0; }
  .ms-products-title { font-size: 24px; }
}

/* Κουπόνι στο κινητό */
.ms-promo-mobile {
  background: #f26522; color: #fff; padding: 12px 0; font-size: 14px; line-height: 1.5; text-align: center;
}
.ms-promo-mobile .coupon {
  display: inline-block; background: #fff; color: #f26522; font-weight: 700;
  padding: 1px 8px; border-radius: 4px; margin: 0 2px;
}

/* Testimonials */
.testimonial-site { color: var(--ms-accent); }

/* ---------- Επικοινωνία ---------- */
.contact-card {
  background: #fff; color: var(--ms-ink); border: 1px solid var(--ms-line);
  border-radius: 14px; padding: 22px; margin: 16px 0;
  box-shadow: 0 10px 20px rgba(2, 6, 23, .04), 0 2px 6px rgba(2, 6, 23, .06);
}
.contact-header { display: flex; gap: 14px; align-items: center; margin-bottom: 8px; }
.contact-badge {
  font-size: 24px; color: #fff; background: var(--ms-accent);
  width: 52px; height: 52px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px;
}
.contact-title { font-size: 26px; font-weight: 700; margin: 0; }
.contact-sub { color: var(--ms-muted); font-size: 15px; margin: 4px 0 0; }
.contact-grid { display: grid; gap: 18px; margin-top: 18px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .contact-grid { grid-template-columns: 1fr 1.4fr; } }
.cc-card { border: 1px solid var(--ms-line); border-radius: 12px; padding: 18px; }
.cc-card h3 { margin-top: 0; font-size: 19px; font-weight: 700; }
.contact-list { margin: 0; padding: 0; list-style: none; }
.contact-list li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; font-size: 15px; }
.contact-list li > .fa { color: var(--ms-accent); width: 18px; text-align: center; margin-top: 3px; font-size: 16px; }
.contact-card .cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.contact-card label { font-weight: 600; }
.contact-card .checkbox label { font-weight: 400; }
.contact-card .map-wrap { margin-top: 18px; border: 1px solid var(--ms-line); border-radius: 12px; overflow: hidden; height: 320px; }
.contact-card .map-wrap iframe { width: 100%; height: 100%; border: 0; display: block; }
.cc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- 404 ---------- */
.ms-404 { padding: 60px 0 70px; text-align: center; }
/* σε υπολογιστή το μενού είναι σταθερό (fixed) και κάλυπτε το «404» */
@media (min-width:992px){ .ms-404 { padding-top: 180px; } }
.ms-404 .ms-404-code { font-size: 96px; font-weight: 800; color: var(--ms-accent); line-height: 1; margin: 0; }
.ms-404 h1 { font-size: 28px; margin: 10px 0 12px; }
.ms-404 p { color: var(--ms-muted); font-size: 16px; }
.ms-404 .ms-404-links { margin-top: 24px; }
.ms-404 .ms-404-links .btn { margin: 4px; }

/* ---------- Footer ---------- */
.footer-qr { margin-top: 12px; }

/* ---------- Cookies ---------- */
.ms-cookie {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
  background: #111827; color: #e5e7eb; padding: 14px 0;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, .2); font-size: 14px;
}
.ms-cookie[hidden] { display: none; }
.ms-cookie .container { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ms-cookie p { margin: 0; flex: 1 1 420px; line-height: 1.5; }
.ms-cookie a { color: #93c5fd; text-decoration: underline; }
.ms-cookie-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.ms-cookie .btn { border-radius: 6px; font-weight: 600; }

/* ---------- Αρχική: πιο χαμηλό slide (χωρίς τις κάρτες που «πατούσαν» πάνω του) ---------- */
.ms-home-hero { padding-bottom: 0 !important; }
.ms-home-hero .bg-shape-poly { padding-top: 30px; padding-bottom: 40px; margin-bottom: 20px; }
.ms-home-hero .tc-carousel .item h1, .ms-home-hero .tc-carousel .item .h1 { margin-top: 10px; }
.ms-home-hero .promo-tag { margin: 20px auto; min-height: 0; padding: 22px 25px; }
@media (max-width: 991px) {
  .ms-home-hero .bg-shape-poly { padding-top: 20px; padding-bottom: 35px; margin-bottom: 10px; }
}

/* =========================================================
   Semi Dedicated Hosting (semi-dedicated-hosting.php)
   ========================================================= */
.ms-section-title { text-align: center; font-weight: 700; font-size: 30px; margin: 0 0 10px; color: var(--ms-ink); }
.ms-section-sub { text-align: center; color: var(--ms-muted); font-size: 16px; line-height: 1.6; max-width: 820px; margin: 0 auto 30px; }
.ms-sd-hero { padding-bottom: 0 !important; }
.ms-sd-hero .bg-shape-poly { padding-top: 30px; padding-bottom: 45px; margin-bottom: 20px; }
.ms-hero-cta { margin-top: 18px; }
.ms-hero-cta .btn { margin: 0 8px 8px 0; font-weight: 600; border-radius: 6px; }
.ms-hero-cta .btn-default { background: rgba(255,255,255,.92); }

.ms-sd-plans { padding: 50px 0 30px; background: #f7f9fc; }
.ms-plans-row { display: flex; flex-wrap: wrap; }
.ms-plans-row > div { margin-bottom: 26px; display: flex; }
.ms-plan {
  position: relative; width: 100%; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--ms-line); border-radius: 12px;
  padding: 26px 22px 22px; text-align: center;
  box-shadow: 0 4px 14px rgba(15,23,42,.05); transition: transform .15s ease, box-shadow .15s ease;
}
.ms-plan:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(15,23,42,.10); }
.ms-plan-featured { border: 2px solid var(--ms-accent); box-shadow: 0 12px 30px rgba(0,156,222,.18); }
.ms-plan-ribbon {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  background: var(--ms-accent); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .5px;
  padding: 4px 14px; border-radius: 20px; text-transform: uppercase; white-space: nowrap;
}
.ms-plan h3 { font-size: 21px; font-weight: 700; margin: 4px 0 6px; color: var(--ms-ink); }
.ms-plan-desc { color: var(--ms-muted); font-size: 14px; min-height: 40px; margin-bottom: 10px; }
.ms-plan-price { margin: 0 0 16px; }
.ms-plan-price strong { font-size: 36px; color: #f26522; font-weight: 800; }
.ms-plan-price small { font-size: 14px; color: var(--ms-muted); }
.ms-plan-specs { list-style: none; padding: 14px 0; margin: 0 0 18px; border-top: 1px solid var(--ms-line); border-bottom: 1px solid var(--ms-line); text-align: left; flex: 1 1 auto; }
.ms-plan-specs li { padding: 6px 4px; font-size: 15px; }
.ms-plan-specs .fa { color: var(--ms-accent); width: 22px; text-align: center; margin-right: 6px; }
.ms-plan .btn { border-radius: 6px; font-weight: 600; }
.ms-plan-common {
  background: #fff; border: 1px solid var(--ms-line); border-radius: 12px; padding: 20px 24px; margin: 6px 0 14px;
}
.ms-plan-common h3 { font-size: 17px; font-weight: 700; margin: 0 0 12px; text-align: center; }
.ms-plan-common ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; }
.ms-plan-common li { font-size: 14px; }
.ms-plan-common .fa { color: var(--ms-green); margin-right: 4px; }

.ms-sd-features { padding: 55px 0 30px; }
.ms-sd-features .row > div { margin-bottom: 24px; }
.ms-feature { height: 100%; padding: 22px; border: 1px solid var(--ms-line); border-radius: 12px; background: #fff; }
.ms-feature-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px;
  border-radius: 12px; background: rgba(0,156,222,.1); color: var(--ms-accent); font-size: 22px; margin-bottom: 12px;
}
.ms-feature h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; }
.ms-feature p { color: var(--ms-muted); margin: 0; line-height: 1.6; }
@media (min-width: 768px) { .ms-sd-features .row { display: flex; flex-wrap: wrap; } .ms-sd-features .row > div { display: flex; } }

.ms-sd-compare { padding: 45px 0; background: #f7f9fc; }
.ms-compare-table { background: #fff; border-radius: 12px; overflow: hidden; margin: 0; font-size: 15px; }
.ms-compare-table > thead > tr > th { background: #1f2937; color: #fff; border: 0; padding: 14px; text-align: center; font-size: 16px; }
.ms-compare-table > tbody > tr > td { padding: 12px 14px; text-align: center; vertical-align: middle; border-top: 1px solid var(--ms-line); }
.ms-compare-table > tbody > tr > td:first-child { text-align: left; font-weight: 600; color: var(--ms-ink); }
.ms-compare-table .ms-col-hl { background: rgba(0,156,222,.07); }
.ms-compare-table > thead > tr > th.ms-col-hl { background: var(--ms-accent); }
.ms-compare-table .fa { font-size: 18px; }

.ms-sd-when { padding: 50px 0 40px; }
.ms-sd-when h2 { font-weight: 700; font-size: 26px; margin-top: 0; }
.ms-checklist { list-style: none; padding: 0; margin: 16px 0 18px; }
.ms-checklist li { position: relative; padding-left: 30px; margin-bottom: 12px; font-size: 15px; line-height: 1.6; }
.ms-checklist .fa { position: absolute; left: 0; top: 3px; color: var(--ms-green); font-size: 18px; }
.ms-rounded { border-radius: 12px; box-shadow: 0 10px 26px rgba(15,23,42,.12); }
@media (max-width: 991px) { .ms-sd-when img { margin-top: 20px; } }
.ms-sd-compare .table-responsive { position: relative; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 0; margin: 0; }
@media (max-width: 767px) {
  .ms-compare-table { font-size: 13px; min-width: 540px; }
  .ms-compare-table > tbody > tr > td, .ms-compare-table > thead > tr > th { padding: 9px 8px; white-space: normal !important; }
  .ms-section-title { font-size: 24px; }
}

/* =========================================================
   ΚΟΙΝΑ COMPONENTS ΓΙΑ ΟΛΕΣ ΤΙΣ ΣΕΛΙΔΕΣ (βάση: semi-dedicated)
   ========================================================= */
/* Hero: πιο χαμηλό, με κουμπιά */
.ms-hero-compact { padding-bottom: 0 !important; }
.ms-hero-compact .bg-shape-poly { padding-top: 30px; padding-bottom: 45px; margin-bottom: 20px; }
@media (max-width: 991px) { .ms-hero-compact .bg-shape-poly { padding-top: 20px; padding-bottom: 35px; margin-bottom: 10px; } }

/* Ενότητες */
.ms-section { padding: 50px 0 35px; }
.ms-section-alt { background: #f7f9fc; }
.ms-section-dark { background: #111827; color: #e5e7eb; }
.ms-section-dark .ms-section-title { color: #fff; }
.ms-section-dark .ms-section-sub { color: #9ca3af; }
.ms-equal-row { display: flex; flex-wrap: wrap; }
.ms-equal-row > [class*="col-"] { display: flex; margin-bottom: 24px; }
.ms-equal-row > [class*="col-"] > * { width: 100%; }

/* Πακέτα (γενικά) */
.ms-plan-meta { font-size: 13px; color: var(--ms-muted); margin: -10px 0 14px; }
.ms-plan-specs .ms-spec-no { color: var(--ms-red); opacity: .8; }
.ms-plan-specs .ms-spec-yes { color: var(--ms-green); }
.ms-plan-tag {
  display: inline-block; font-size: 12px; font-weight: 600; color: var(--ms-accent);
  background: rgba(0,156,222,.1); padding: 3px 10px; border-radius: 20px; margin-bottom: 8px;
}
.ms-plan-trial { border-style: dashed; }

/* Πίνακες */
.ms-table-wrap { position: relative; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ms-table-wrap .ms-compare-table { min-width: 560px; }

/* Κείμενο μεγάλων σελίδων (όροι, πολιτική κ.λπ.) */
.ms-prose { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid var(--ms-line); border-radius: 14px; padding: 34px 38px; font-size: 15.5px; line-height: 1.75; color: #1f2937; }
.ms-prose h2, .ms-prose h3, .ms-prose h4 { font-weight: 700; color: var(--ms-ink); margin-top: 1.6em; scroll-margin-top: 140px; }
.ms-prose h2:first-child, .ms-prose h3:first-child, .ms-prose h4:first-child { margin-top: 0; }
.ms-prose ul, .ms-prose ol { padding-left: 1.3em; }
.ms-prose li { margin-bottom: .35em; }
.ms-prose a { color: var(--ms-accent); }
@media (max-width: 767px) { .ms-prose { padding: 22px 18px; font-size: 15px; } }
.ms-toc { max-width: 900px; margin: 0 auto 22px; background: #f7f9fc; border: 1px solid var(--ms-line); border-radius: 12px; padding: 18px 22px; }
.ms-toc h2 { font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.ms-toc ol { margin: 0; padding-left: 1.3em; columns: 2; column-gap: 30px; }
.ms-toc li { margin-bottom: 4px; break-inside: avoid; }
@media (max-width: 767px) { .ms-toc ol { columns: 1; } }

/* Κάρτα πληροφοριών / εργαλείων */
.ms-card-box { background: #fff; border: 1px solid var(--ms-line); border-radius: 14px; padding: 24px; box-shadow: 0 4px 14px rgba(15,23,42,.05); }
.ms-card-box h3 { margin-top: 0; font-weight: 700; font-size: 19px; }

/* FAQ (accordion του template) */
.ms-faq .panel { border: 1px solid var(--ms-line) !important; border-radius: 10px !important; margin-bottom: 10px !important; box-shadow: none; overflow: hidden; }
.ms-faq .panel-heading { background: #fff !important; padding: 0 !important; }
.ms-faq .panel-heading a { display: block; padding: 14px 18px; text-decoration: none; }
.ms-faq .panel-title { font-size: 16px; font-weight: 600; margin: 0; }
.ms-faq .panel-body { border-top: 1px solid var(--ms-line) !important; color: #374151; line-height: 1.7; }

/* Μπάντα CTA */
.ms-cta-band { padding: 45px 0; background: linear-gradient(135deg, #0b3b5e 0%, #009cde 100%); color: #fff; text-align: center; }
.ms-cta-band h2 { color: #fff; font-weight: 700; margin: 0 0 10px; font-size: 28px; }
.ms-cta-band p { color: rgba(255,255,255,.85); font-size: 16px; margin-bottom: 20px; }
.ms-cta-band .btn { font-weight: 700; border-radius: 6px; margin: 4px; }
.ms-cta-band .btn-default { background: #fff; color: #0b3b5e; border: 0; }
/* FAQ: ο τίτλος του ανοιχτού panel να μη γίνεται λευκός πάνω σε λευκό */
.ms-faq .panel-heading.accordion-active a .panel-title,
.ms-faq .panel-heading.accordion-active a .panel-title .fa,
.ms-faq .panel-heading a .panel-title { color: var(--ms-ink) !important; }
.ms-faq .panel-heading.accordion-active a .panel-title,
.ms-faq .panel-heading.accordion-active a .panel-title .fa { color: var(--ms-accent) !important; }
.ms-faq .TM-accordion .panel-heading.accordion-active { background: #f5fbff !important; }

/* ---------- (από ms-extra-hosting.css) ---------- */
/* =========================================================
   Hosting σελίδες (web, wordpress, email, reseller, plesk, cpanel, webuzo, nextcloud, minecraft)
   ========================================================= */
/* FAQ: η ανοιχτή ερώτηση είχε λευκά γράμματα σε λευκό φόντο (accordion-active του template) */
.ms-hosting-page .ms-faq .panel-heading.accordion-active a .panel-title,
.ms-hosting-page .ms-faq .panel-heading.accordion-active a .panel-title .fa { color: var(--ms-accent) !important; }
/* Λογότυπο μέσα σε κάρτα πακέτου */
.ms-hosting-page .ms-plan-logo { display: flex; align-items: center; justify-content: center; min-height: 90px; }
.ms-hosting-page .ms-plan-logo img { max-height: 60px; max-width: 80%; width: auto; height: auto; }
/* «Τι είναι το …;» */
.ms-hosting-page .ms-what-title { font-weight: 700; font-size: 26px; margin-top: 0; }
.ms-hosting-page .ms-what p { line-height: 1.7; }
.ms-hosting-page .ms-what-links { margin: 14px 0 0; }
.ms-hosting-page .ms-what-links li { margin-bottom: 6px; }
.ms-hosting-page .ms-what-links .fa { color: var(--ms-accent); margin-right: 4px; }
@media (max-width: 991px) { .ms-hosting-page .ms-what img { margin-top: 20px; } }
.ms-hosting-page .ms-note { color: var(--ms-muted); margin: 6px auto 0; max-width: 820px; }
.ms-hosting-page .ms-plan-trial .btn { white-space: normal; }

/* ---------- (από ms-extra-serversB.css) ---------- */
/* VPS / Cloud server pages (group serversB): scalable/network cloud, solusvm, virtualizor, vmware + windows-* */
.ms-vps-page .ms-plans-switch { margin: -6px 0 26px; }
.ms-vps-page .ms-plans-switch .btn { border-radius: 20px; font-weight: 600; }
.ms-vps-page .ms-plans-switch .fa { margin-right: 4px; }
.ms-vps-page .ms-section-title .fa { color: var(--ms-accent); margin-right: 6px; }
.ms-vps-page .ms-plan-logo { text-align: center; margin: 0 0 12px; }
.ms-vps-page .ms-plan-logo img { max-height: 42px; max-width: 70%; width: auto; height: auto; }
.ms-vps-page .ms-vps-split h2 { font-weight: 700; font-size: 26px; margin-top: 0; }
@media (max-width: 991px) { .ms-vps-page .ms-vps-split img { margin-top: 20px; } }
.ms-vps-page .ms-feature .ms-checklist { margin-bottom: 0; }
.ms-vps-page .ms-feature .ms-checklist li { font-size: 14px; margin-bottom: 8px; }
.ms-vps-page .ms-feature p { margin-bottom: 10px; }
.ms-vps-page .ms-os-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.ms-vps-page .ms-os-logos img { width: 96px; height: 96px; object-fit: contain; background: #fff; border: 1px solid var(--ms-line); border-radius: 12px; padding: 8px; }
@media (max-width: 767px) { .ms-vps-page .ms-os-logos { gap: 12px; } .ms-vps-page .ms-os-logos img { width: 76px; height: 76px; } }

/* ---------- (από ms-extra-streaming.css) ---------- */
/* =========================================================
   Streaming σελίδες (azuracast, centova-cast, centovacast, everestcast, sonicpanel, centova)
   ========================================================= */
/* Επιλογή ομάδας πακέτων (με / χωρίς AutoDJ) */
.ms-plan-tabs.nav-tabs { display: flex; max-width: 640px; margin: 0 auto 30px; padding: 4px; border: 0; background: #e6ecf3; border-radius: 30px; }
.ms-plan-tabs.nav-tabs > li { float: none; display: block; flex: 1 1 0; width: auto; margin: 0; }
.ms-plan-tabs.nav-tabs > li > a { margin: 0; border: 0 !important; border-radius: 26px; padding: 10px 12px; text-align: center; font-weight: 600; font-size: 15px; color: var(--ms-ink); background: transparent; }
.ms-plan-tabs.nav-tabs > li > a:hover { background: rgba(0,156,222,.12); }
.ms-plan-tabs.nav-tabs > li.active > a,
.ms-plan-tabs.nav-tabs > li.active > a:hover,
.ms-plan-tabs.nav-tabs > li.active > a:focus { background: var(--ms-accent); color: #fff; }
@media (max-width: 767px) {
  .ms-plan-tabs.nav-tabs > li > a { font-size: 14px; padding: 9px 8px; height: 100%; display: flex; align-items: center; justify-content: center; }
  .ms-plan-tabs.nav-tabs > li > a .fa { display: none; }
}

/* Demo player / δωρεάν δοκιμή */
.ms-demo-logo { margin: 0 auto 26px; max-width: 420px; }
.ms-demo-box { text-align: center; max-width: 900px; margin: 0 auto; }
.ms-demo-box iframe { max-width: 100%; }
.ms-about-text { font-size: 15px; line-height: 1.75; }

/* Centova Cast: επιλογή Icecast / Shoutcast */
.ms-server-logo { height: 64px; margin: 0 auto 12px; display: block; }
.ms-about-row { margin-top: 24px; }
@media (max-width: 991px) { .ms-about-row img { margin-top: 10px; } }
.ms-centova-row .ms-plan h3 { margin-bottom: 16px; }

/* ---------- (από ms-extra-company.css) ---------- */
/* =========================================================
   GROUP=company — εταιρικές σελίδες & εργαλεία (about-us, payment-methods,
   paysafecard, speedtest, watsmyip, players, free-website, legal)
   ========================================================= */
.ms-co-h2 { font-weight: 700; font-size: 26px; margin: 0 0 14px; color: var(--ms-ink); }
.ms-co-about p, .ms-co-psc p { font-size: 15.5px; line-height: 1.75; }

/* about-us: εταιρικά στοιχεία */
.ms-co-company ul { margin: 0; }
.ms-co-company li { padding: 10px 0; border-bottom: 1px solid var(--ms-line); font-size: 15px; }
.ms-co-company li:last-child { border-bottom: 0; }
.ms-co-company h3 .fa { color: var(--ms-accent); margin-right: 6px; }
@media (max-width: 991px) { .ms-co-about .ms-co-company { margin-top: 10px; } }

/* payment-methods */
.ms-co-methods .ms-feature { text-align: center; }
.ms-co-methods .ms-feature h3 { font-size: 16px; line-height: 1.45; margin: 0; }
.ms-co-bank-logo { text-align: center; padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid var(--ms-line); }
.ms-co-bank-logo img { height: 70px; width: auto; max-width: 100%; object-fit: contain; }
.ms-co-bank .bank-details p { margin: 0; padding: 9px 0; border-bottom: 1px dashed var(--ms-line); font-size: 15px; overflow-wrap: anywhere; }
.ms-co-bank .bank-details p:last-child { border-bottom: 0; }
.ms-co-bank .bank-details b { color: var(--ms-muted); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .3px; }
.ms-co-notes { text-align: center; margin-top: 4px; }
.ms-co-notes p { font-weight: 600; margin: 6px 0; }

/* paysafecard */
.ms-co-psc-img { margin-top: 10px; }

/* εργαλεία / generators */
.ms-co-frame { padding: 10px; }
.ms-co-frame iframe, .ms-co-demo iframe { display: block; border: 0; }
.ms-co-devices { margin: 0 auto 18px; }
.ms-co-gen { white-space: normal; font-weight: 600; border-radius: 6px; }
.ms-co-player textarea, .ms-co-fw textarea { font-family: Menlo, Consolas, monospace; font-size: 13px; }
.ms-co-fw-dyn .form-control { margin-bottom: 12px; }
#playerdisplay iframe, #preview object { max-width: 100%; }

/* συμπληρώσεις */
.ms-co-pay .ms-section-title, .ms-co-psc .ms-section-title { margin-bottom: 26px; }
.ms-co-values { display: flex; flex-wrap: wrap; gap: 2px 26px; }
@media (max-width: 767px) {
  .ms-co-methods > [class*="col-"] { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
  .ms-co-methods .ms-feature { padding: 14px 8px; }
  .ms-co-methods .ms-feature h3 { font-size: 14px; }
}
.ms-co-fw-dyn:empty { display: none; }
/* Επικοινωνία: 2 χάρτες */
.contact-card .ms-maps { margin-top: 18px; }
.contact-card .ms-maps .map-wrap { margin-top: 8px; height: 300px; }
.ms-map-title { font-size: 17px; font-weight: 700; margin: 10px 0 0; }
.ms-map-title .fa { color: var(--ms-accent); }
.ms-map-title small { color: var(--ms-muted); font-weight: 400; margin-left: 4px; }
@media (max-width: 991px) { .contact-card .ms-maps .col-md-6 + .col-md-6 { margin-top: 10px; } }

/* Hero: οι φωτογραφίες είναι φτιαγμένες για ψηλό hero με κεντράρισμα — κρατάμε ύψος 600px
   στον υπολογιστή και κεντράρουμε το κείμενο, ώστε να φαίνονται ολόκληρα τα πρόσωπα */
.hero-bg-wrap.ms-hero-compact,
.hero-bg-wrap.ms-sd-hero { background-position: center center !important; }
@media (min-width: 992px) {
  .hero-bg-wrap.ms-hero-compact { min-height: 600px; display: flex !important; align-items: center; }
  .hero-bg-wrap.ms-hero-compact > .container { flex: 0 0 auto; margin-left: auto; margin-right: auto; }
}

/* Τίτλος προϊόντος πάνω από τα πακέτα (Multicast, MediaCP κ.λπ.): αριστερά */
.TM-pricing-container .page-switcher { right: auto !important; left: 25px !important; text-align: left; }
.pricing-box .TMC-pricing-table > h2 { text-align: left; }
/* ο διπλός τίτλος πάνω από το κουτί των πακέτων έπεφτε πάνω στα κουμπιά του hero */
.ms-hero-compact ~ * .TM-pricing-container .page-switcher,
.TM-pricing-container .page-switcher { display: none !important; }
/* το float του hero (bg-shape-poly) έσπρωχνε δεξιά τον τίτλο του κουτιού πακέτων που ανεβαίνει πάνω στο hero */
.hero-bg-wrap { display: flow-root; }
/* σελίδες με απλό τίτλο (Σχετικά, Όροι, Πολιτική κ.λπ.): χωρίς το ψηλό hero */
@media (min-width: 992px) {
  .hero-bg-wrap.style-2.ms-hero-compact { min-height: 0; display: block !important; }
}

/* ---------- Επιλογή χρέωσης Μηνιαία / Ετήσια / Τριετής ---------- */
.ms-billing { text-align: center; margin: 4px 0 26px; }
.ms-billing-toggle { display: inline-flex; flex-wrap: wrap; justify-content: center; background: #eef1f6; border-radius: 50px; padding: 4px; gap: 4px; }
.ms-billing-toggle button {
  border: 0; background: transparent; color: #4b5563; font-weight: 700; font-size: 14px;
  padding: 9px 20px; border-radius: 50px; cursor: pointer; transition: background .15s ease, color .15s ease;
}
.ms-billing-toggle button:hover { color: var(--ms-ink); }
.ms-billing-toggle button.active { background: var(--ms-blue); color: #fff; box-shadow: 0 3px 10px rgba(66,133,244,.35); }
.ms-billing-badge { display: inline-block; color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 10px; margin-left: 4px; vertical-align: 1px; }
.ms-b-green { background: #27ae60; }
.ms-b-red { background: #e74c3c; }
.ms-billing-note { color: var(--ms-muted); font-size: 13px; margin: 10px 0 0; }
.ms-plan-cycle { margin: -10px 0 14px; font-size: 13px; line-height: 1.5; min-height: 0; }
.ms-plan-cycle:empty { display: none; }
.ms-cycle-total { display: block; color: var(--ms-ink); font-weight: 600; }
.ms-cycle-save { display: block; color: #27ae60; font-weight: 600; }
@media (max-width: 480px) { .ms-billing-toggle button { padding: 8px 12px; font-size: 13px; } }

/* Μπάντα CTA («Δεν είστε σίγουροι…», «Μεταφορά…»): ίδιο φόντο με φωτογραφία όπως στο αρχικό site */
.ms-cta-band {
  position: relative; z-index: 1;
  background: url(/templates/magic/assets/images/sec-bg1.webp) center center / cover no-repeat fixed;
}
.ms-cta-band::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: #1a1a1a; opacity: .9;
}
.ms-cta-band p { color: #b5b5b5; }
@media (max-width: 991px) { .ms-cta-band { background-attachment: scroll; } }
/* όπως το αρχικό: περισσότερο ύψος, μπλε λέξη-κλειδί, μπλε κουμπί */
.ms-cta-band { padding: 80px 0; }
.ms-cta-band h2 span, .ms-cta-band h3 span { color: #009cde; }
.ms-cta-band .btn-default,
.ms-cta-band .btn-primary { background: #009cde; color: #fff; border: 0; }
.ms-cta-band .btn-default:hover,
.ms-cta-band .btn-primary:hover { background: #0086bf; color: #fff; }
.ms-cta-band .btn-success { background: transparent; color: #fff; border: 2px solid #fff; }
.ms-b-orange { background: #f39c12; }

/* ---------- Αναζήτηση στο site (ms-search.js) ---------- */
.top-navbar .nav-search .form-group{position:relative}
/* το template άνοιγε το πεδίο με hover και κάλυπτε το μενού — ανοίγει μόνο όταν πατηθεί */
.top-navbar .nav-search:hover .form-group input[type=text]{width:32px;max-width:32px}
.top-navbar .nav-search:hover .form-group ::placeholder{color:#fff}
.top-navbar .nav-search.ms-search-open .form-group input[type=text],
.top-navbar .nav-search:focus-within .form-group input[type=text]{position:absolute;top:0;right:0;z-index:20;width:280px;max-width:min(280px,calc(100vw - 110px));max-height:34px;height:34px;padding-right:36px;background:#fff;box-shadow:0 2px 10px rgba(15,30,60,.12)}
.top-navbar .nav-search .form-group span.glyphicon{z-index:21}
.top-navbar .nav-search:focus-within .form-group ::placeholder,.top-navbar .nav-search.ms-search-open .form-group ::placeholder{color:#999}
.top-navbar .nav-search .ms-search-results{position:absolute;top:40px;right:0;z-index:1050;width:400px;max-width:calc(100vw - 24px);max-height:70vh;overflow-y:auto;background:#fff;border:1px solid #e3e7ee;border-radius:8px;box-shadow:0 12px 32px rgba(15,30,60,.18);text-align:left;padding:6px 0;line-height:1.35}
.top-navbar .nav-search .ms-search-results[hidden]{display:none}
.top-navbar .nav-search .ms-search-results a.ms-sr-item{display:block;float:none;padding:9px 14px;margin:0;height:auto;line-height:1.35;color:#333;text-decoration:none;border-left:3px solid transparent;font-weight:400;text-transform:none}
.top-navbar .nav-search .ms-search-results a.ms-sr-item:hover,.top-navbar .nav-search .ms-search-results a.ms-sr-item.active{background:#f2f7fd;border-left-color:#1e88e5;color:#333}
.ms-search-results .ms-sr-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ms-search-results .ms-sr-title{font-weight:600;font-size:14px;color:#1a1a1a}
.ms-search-results .ms-sr-title mark{background:#fff3b0;padding:0 1px;border-radius:2px;color:inherit}
.ms-search-results .ms-sr-price{flex:0 0 auto;font-size:12px;font-weight:600;color:#2e7d32;white-space:nowrap}
.ms-search-results .ms-sr-cat{display:inline-block;margin-top:2px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#1e88e5}
.ms-search-results .ms-sr-desc{display:block;margin-top:1px;font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-search-results .ms-sr-hint{padding:10px 14px;font-size:13px;color:#777}
.top-navbar .nav-search .ms-search-results a.ms-sr-kb{margin-top:4px;border-top:1px solid #eef1f5;font-size:13px;color:#1e88e5}
@media (max-width:767px){
  .top-navbar .nav-search .ms-search-results{position:fixed;top:92px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100vh - 110px)}
}

/* ---------- Πακέτα: αναπτυσσόμενα «όλα τα χαρακτηριστικά» (ms-more.js) ---------- */
.ms-more.ms-more-on{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.ms-more.ms-more-on>ul{overflow:hidden;min-height:0}
.ms-more.ms-more-on.open{grid-template-rows:1fr}
.ms-more-btn{--acc:#4285f4;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:12px 0 0;padding:9px 6px;border:1px dashed var(--acc);border-radius:8px;background:#fff;color:var(--acc);font-size:12.5px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ms-more-btn:hover,.ms-more-btn:focus-visible{background:var(--acc);border-style:solid;color:#fff;outline:none}
.ms-more-btn .ms-more-count{display:inline-block;flex:0 0 auto;box-sizing:content-box;min-width:18px;padding:3px 8px;line-height:1.2;text-align:center;border-radius:20px;background:var(--acc);color:#fff;font-size:11px;font-weight:700}
.ms-more-btn:hover .ms-more-count,.ms-more-btn:focus-visible .ms-more-count{background:#fff;color:var(--acc)}
.ms-more-btn .fa{transition:transform .3s ease}
.ms-more-btn .ms-more-hide{display:none}
.ms-more-btn[aria-expanded="true"] .ms-more-show,.ms-more-btn[aria-expanded="true"] .ms-more-count{display:none}
.ms-more-btn[aria-expanded="true"] .ms-more-hide{display:inline}
.ms-more-btn[aria-expanded="true"] .fa{transform:rotate(180deg)}
/* επιλογή χρέωσης Multicast / MediaCP: στο κινητό τα 4 κουμπιά χωράνε σε 2 σειρές */
@media (max-width:520px){
  .ms-cycle-toggle{flex-wrap:wrap;justify-content:center;border-radius:18px!important;max-width:100%}
  .ms-cycle-toggle button{padding:7px 12px!important;font-size:13px!important}
}
@media (min-width:992px) and (max-width:1199px){.ms-more-btn .ms-more-count{display:none}}
/* κάρτες .ms-plan με αναπτυσσόμενα χαρακτηριστικά */
.ms-plan .ms-plan-specs.ms-has-more{flex:0 0 auto;margin-bottom:0;border-bottom:0;padding-bottom:4px}
.ms-plan .ms-plan-extra{flex:0 0 auto;margin:0;padding:0 0 4px;border:0}
.ms-plan .ms-plan-extra li{font-size:14px}
.ms-plan .ms-plan-extra li:first-child{border-top:1px dashed var(--ms-line);padding-top:10px}
.ms-plan .ms-more-btn{--acc:var(--ms-accent,#1e88e5);margin:auto 0 18px}
.ms-more-btn .ms-more-show,.ms-more-btn .ms-more-hide{min-width:0;overflow:hidden;text-overflow:ellipsis}.ms-more-btn .fa{flex:0 0 auto}

/* ---------- Δωρεάν δοκιμή κάτω από τα πακέτα ---------- */
.ms-trial{display:flex;align-items:center;gap:22px;margin:10px auto 26px;max-width:980px;padding:22px 26px;border-radius:14px;background:linear-gradient(135deg,#f3fbf4 0%,#eaf4ff 100%);border:1px solid #d5e9da;box-shadow:0 6px 22px rgba(30,80,50,.08);text-align:left}
.ms-trial-badge{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;font-size:28px;box-shadow:0 6px 16px rgba(46,125,50,.35)}
.ms-trial-body{flex:1 1 auto;min-width:0}
.ms-trial-body h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#1b5e20}
.ms-trial-body p{margin:0 0 8px;font-size:14px;color:#555}
.ms-trial-specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}
.ms-trial-specs li{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#fff;border:1px solid #dfe8e1;font-size:13px;color:#333}
.ms-trial-specs .fa{color:#2e7d32}
.ms-trial-specs .ms-spec-no{color:#c62828}
.ms-trial-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:40px;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff!important;font-size:16px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 8px 20px rgba(46,125,50,.35);transition:transform .2s,box-shadow .2s}
.ms-trial-btn:hover,.ms-trial-btn:focus{transform:translateY(-2px);box-shadow:0 12px 26px rgba(46,125,50,.45)}
.ms-trial-btn .fa{transition:transform .3s}
.ms-trial-btn:hover .fa{transform:translateX(3px) rotate(-12deg)}
@media (max-width:767px){
  .ms-trial{flex-direction:column;text-align:center;padding:22px 18px;gap:14px}
  .ms-trial-specs{justify-content:center}
  .ms-trial-btn{width:100%;justify-content:center}
}
.ms-plans-row{justify-content:center}

/* ---------- Reseller: «Χωρίς όρια» ---------- */
.ms-unl-row{display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto}
.ms-unl-row>[class*=col-]{margin-bottom:22px}
.ms-unl{height:100%;padding:24px 14px 20px;border-radius:14px;background:#fff;border:1px solid var(--ms-line,#e6eaf0);text-align:center;box-shadow:0 4px 16px rgba(15,30,60,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.ms-unl:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,30,60,.12);border-color:#bcd7f5}
.ms-unl-ico{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;font-size:24px;box-shadow:0 6px 14px rgba(30,136,229,.3)}
.ms-unl h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.3}
.ms-unl-tag{display:inline-block;padding:4px 14px;border-radius:20px;background:#e8f5e9;color:#2e7d32;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ms-unl-tag:before{content:"∞ ";font-size:15px;line-height:1}
.ms-unl-tag-alt{background:#fff3e0;color:#e65100}
.ms-unl-tag-alt:before{content:"✓ ";font-size:12px}
@media (max-width:767px){.ms-unl{padding:18px 8px 16px}.ms-unl h3{font-size:14px}.ms-unl-ico{width:48px;height:48px;font-size:20px}}

/* ---------- FAQ: τρόποι πληρωμής ---------- */
.ms-pay-list{list-style:none;margin:6px 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.ms-pay-list li{display:block;position:relative;margin:0;padding:8px 12px 8px 38px;border-radius:8px;background:#f5f8fc;border:1px solid #e6edf5;line-height:1.35}
.ms-pay-list li:before{display:none!important}
.ms-pay-list .fa{position:absolute;left:12px;top:10px;width:18px;text-align:center;color:#1e88e5;font-size:16px}
@media (max-width:600px){.ms-pay-list{grid-template-columns:1fr}}
.panel-body ul.ms-pay-list>li{position:relative!important;padding:8px 12px 8px 38px!important;margin:0!important;list-style:none!important}
.panel-body ul.ms-pay-list>li>.fa{position:absolute!important;left:12px!important;top:10px!important}

/* ---------- Web TV (web-tv.php) ---------- */
.wt-pick-row{display:flex;flex-wrap:wrap;max-width:960px;margin:10px auto 0}
.wt-pick-row>[class*=col-]{margin-bottom:24px}
.wt-pick{position:relative;height:100%;display:flex;flex-direction:column;padding:30px 28px 26px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 8px 26px rgba(15,30,60,.07);text-align:center;transition:transform .2s,box-shadow .2s}
.wt-pick:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,30,60,.13)}
.wt-pick-main{border:2px solid #1e88e5;box-shadow:0 12px 34px rgba(30,136,229,.18)}
.wt-pick-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:20px;background:#f39c12;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 10px rgba(243,156,18,.35)}
.wt-pick-logo{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.wt-pick-logo img{max-height:56px;max-width:220px}
.wt-pick h3{margin:0 0 4px;font-size:22px;font-weight:800;color:#1a1a2e}
.wt-pick-tag{margin:0 0 14px;color:#777;font-size:14px}
.wt-pick-price{margin:0 0 18px;color:#555}
.wt-pick-price strong{font-size:34px;font-weight:800;color:#f26522;letter-spacing:-.5px}
.wt-pick-price small{font-size:14px;color:#888}
.wt-pick-list{list-style:none;margin:0 0 22px;padding:14px 0 0;border-top:1px solid #eef1f5;text-align:left;flex:1 1 auto}
.wt-pick-list li{padding:7px 0;font-size:15px;color:#333}
.wt-pick-list .fa{width:24px;color:#1e88e5;text-align:center;margin-right:6px}
.wt-compare{max-width:960px;margin:10px auto 18px;padding:22px 24px 10px;border-radius:16px;background:#fff;border:1px solid #e3e8ef}
.wt-compare-title{margin:0 0 12px;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center}
.wt-compare-title .fa{color:#1e88e5;margin-right:6px}
.wt-compare-table{margin:0}
.wt-compare-table>thead>tr>th{border-bottom:2px solid #e3e8ef;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#666}
.wt-compare-table>thead>tr>th+th,.wt-compare-table>tbody>tr>td+td{text-align:center;width:22%}
.wt-compare-table>tbody>tr>td{padding:10px 8px;border-top:1px solid #f0f2f5;font-size:15px;vertical-align:middle}
.wt-compare-table>tbody>tr:hover>td{background:#f7faff}
.wt-compare-table .ms-spec-yes{color:#2e7d32;font-size:17px}
.wt-no{color:#c5cbd3;font-size:15px}
.wt-eyebrow{display:inline-block;padding:6px 16px;border-radius:20px;background:#e8f1fd;color:#1e88e5;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wt-accent{color:#1e88e5}
.wt-who-row{display:flex;flex-wrap:wrap;margin-top:16px}
.wt-who-row>[class*=col-]{margin-bottom:22px}
.wt-who-card{height:100%;padding:28px 24px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 6px 20px rgba(15,30,60,.06);text-align:left}
.wt-who-ico{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;font-size:22px}
.wt-who-card h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1a1a2e}
.wt-who-card p{margin:0;color:#555;line-height:1.65}
.wt-dark{padding:70px 0 50px;background:linear-gradient(135deg,#0d1b2a 0%,#13294b 100%);color:#fff}
.wt-dark .ms-section-title{color:#fff}
.wt-feat-row{display:flex;flex-wrap:wrap;margin-top:18px}
.wt-feat-row>[class*=col-]{margin-bottom:20px}
.wt-feat{height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center;transition:background .2s,transform .2s}
.wt-feat:hover{background:rgba(30,136,229,.22);transform:translateY(-3px)}
.wt-feat .fa{font-size:28px;color:#64b5f6}
.wt-feat span{font-size:14px;font-weight:600;line-height:1.4;color:rgba(255,255,255,.92)}
.wt-demo-row{display:flex;flex-wrap:wrap;align-items:center}
.wt-demo h2{margin:12px 0 10px;font-size:32px;font-weight:800;color:#1a1a2e}
.wt-demo p{color:#555;font-size:16px;line-height:1.6}
.wt-eyebrow-live{background:#fdecea;color:#e53935}
.wt-eyebrow-live .fa{font-size:9px;vertical-align:2px;animation:wtBlink 1.4s infinite}
@keyframes wtBlink{50%{opacity:.25}}
.wt-demo-list{list-style:none;margin:16px 0 24px;padding:0}
.wt-demo-list li{padding:6px 0;color:#444}
.wt-demo-list .fa{width:24px;color:#1e88e5}
.wt-player{border-radius:14px;overflow:hidden;background:#0b0f19;box-shadow:0 20px 50px rgba(10,20,40,.35)}
.wt-player-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#151b2b}
.wt-player-bar span{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.wt-player-bar span+span{background:#febc2e}
.wt-player-bar span+span+span{background:#28c840}
.wt-player-bar em{margin-left:8px;font-style:normal;font-size:12px;color:#8a94a8}
.wt-player-bar em .fa{color:#e53935;font-size:8px;vertical-align:2px}
.wt-player video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}
.wt-steps{display:flex;flex-wrap:wrap;margin-top:10px}
.wt-steps>[class*=col-]{margin-bottom:22px}
.wt-step{position:relative;height:100%;padding:34px 24px 26px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;text-align:center}
.wt-step-n{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:#f26522;color:#fff;font-size:20px;font-weight:800;box-shadow:0 6px 14px rgba(242,101,34,.35)}
.wt-step h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#1a1a2e}
.wt-step p{margin:0;color:#666}
.wt-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 46px;margin-top:10px}
.wt-logos img{max-height:46px;max-width:150px;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.wt-logos img:hover{filter:none;opacity:1}
@media (max-width:991px){.wt-demo-row>.col-md-5{margin-bottom:24px;text-align:center}.wt-demo-list{display:inline-block;text-align:left}}
@media (max-width:767px){.wt-pick{padding:28px 20px 22px}.wt-compare{padding:16px 10px 4px}.wt-compare-table>tbody>tr>td{font-size:14px}.wt-demo h2{font-size:26px}.wt-logos{gap:20px 28px}.wt-logos img{max-height:36px;max-width:110px}}
@media (max-width:767px){.wt-compare .table-responsive{border:0;margin:0}.wt-compare-table>thead>tr>th{font-size:11px;letter-spacing:0;padding:8px 4px}.wt-compare-table>thead>tr>th+th,.wt-compare-table>tbody>tr>td+td{width:20%}.wt-compare-table>tbody>tr>td{padding:9px 4px}}
@media (max-width:767px){.wt-pick-row>[class*=col-],.wt-who-row>[class*=col-],.wt-steps>[class*=col-]{width:100%}}

/* ---------- Magic VPS: «Τι σημαίνει διαχειριζόμενο» ---------- */
.mv-split{display:flex;flex-wrap:wrap;max-width:1000px;margin:10px auto 0}
.mv-split>[class*=col-]{margin-bottom:22px}
.mv-box{height:100%;padding:28px 26px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 6px 20px rgba(15,30,60,.06)}
.mv-box h3{margin:0 0 14px;font-size:20px;font-weight:800;color:#1a1a2e}
.mv-box h3 .fa{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:10px;border-radius:12px;color:#fff;font-size:18px;vertical-align:middle}
.mv-box-us h3 .fa{background:linear-gradient(135deg,#1e88e5,#1565c0)}
.mv-box-you h3 .fa{background:linear-gradient(135deg,#43a047,#2e7d32)}
.mv-box-you .ms-checklist .fa{color:#2e7d32}
@media (max-width:767px){.mv-split>[class*=col-]{width:100%}}
.ms-plan .ms-plan-ico{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 4px;border-radius:16px;background:linear-gradient(135deg,#1e88e5,#7b1fa2);color:#fff;font-size:30px;box-shadow:0 8px 18px rgba(30,136,229,.3)}
.ms-plan .ms-plan-ico:hover{color:#fff}

/* ---------- HD Players (hd-players.php) ---------- */
.hdp-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;margin:0 auto 28px;padding:5px;border-radius:40px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 4px 14px rgba(15,30,60,.06)}
.hdp-filter button{border:0;background:transparent;padding:9px 20px;border-radius:30px;font-weight:700;font-size:14px;color:#555;cursor:pointer;transition:background .2s,color .2s}
.hdp-filter button span{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:10px;background:#eef2f7;color:#666;font-size:12px}
.hdp-filter button.active{background:#1e88e5;color:#fff}
.hdp-filter button.active span{background:rgba(255,255,255,.25);color:#fff}
.hdp-grid{display:flex;flex-wrap:wrap}
.hdp-col{margin-bottom:28px}
.hdp-card{height:100%;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e3e8ef;box-shadow:0 6px 20px rgba(15,30,60,.07);transition:transform .25s,box-shadow .25s}
.hdp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(15,30,60,.16)}
.hdp-shot{position:relative;display:block;width:100%;padding:0;border:0;background:#0b0f19;cursor:pointer;overflow:hidden}
.hdp-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.hdp-card:hover .hdp-shot img{transform:scale(1.05)}
.hdp-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(10,20,40,.55);color:#fff;font-weight:700;font-size:15px;opacity:0;transition:opacity .25s}
.hdp-play .fa{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#f26522;font-size:16px;padding-left:3px;box-shadow:0 6px 16px rgba(242,101,34,.5)}
.hdp-shot:hover .hdp-play,.hdp-shot:focus-visible .hdp-play{opacity:1}
.hdp-body{flex:1 1 auto;display:flex;flex-direction:column;padding:16px 18px 18px}
.hdp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.hdp-head h3{margin:0;font-size:18px;font-weight:800;color:#1a1a2e}
.hdp-price{flex:0 0 auto;padding:4px 12px;border-radius:20px;background:#fff3e8;color:#f26522;font-weight:800;font-size:14px}
.hdp-body p{flex:1 1 auto;margin:0 0 14px;color:#666;font-size:14px;line-height:1.5}
.hdp-actions{display:flex;gap:8px}
.hdp-actions .btn{flex:1 1 0;border-radius:8px;font-weight:700}
.hdp-group+.hdp-group{margin-top:10px}
.hdp-group-title{margin:10px 0 18px;font-size:20px;font-weight:800;color:#1a1a2e;text-align:center}
.hdp-group-title .fa{color:#1e88e5;margin-right:6px}
.hdp-strip{flex-direction:row;align-items:stretch;height:auto;margin-bottom:22px}
.hdp-strip .hdp-shot{flex:1 1 auto;width:auto;display:flex;align-items:center;background:#111}
.hdp-strip .hdp-shot img{aspect-ratio:auto;object-fit:contain;height:auto}
.hdp-strip .hdp-body{flex:0 0 300px;border-left:1px solid #eef1f5}
.hdp-why-row{display:flex;flex-wrap:wrap}
.hdp-why-row>[class*=col-]{margin-bottom:20px}
.hdp-why-item{height:100%;text-align:center;padding:10px 14px}
.hdp-why-item>span{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#f26522,#e53935);color:#fff;font-size:24px;box-shadow:0 8px 18px rgba(242,101,34,.3)}
.hdp-why-item h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#1a1a2e}
.hdp-why-item p{margin:0;color:#666}
.hdp-free-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hdp-free-links a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;background:#fff;border:1px solid #d9e6f5;color:#1e88e5;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.hdp-free-links a:hover{background:#1e88e5;color:#fff;text-decoration:none}
@media (max-width:991px){.hdp-strip{flex-direction:column}.hdp-strip .hdp-body{flex:auto;border-left:0;border-top:1px solid #eef1f5}}
@media (max-width:767px){.hdp-grid>[class*=col-],.hdp-why-row>[class*=col-]{width:100%}.hdp-play{opacity:1;background:rgba(10,20,40,.35)}}
.hdp-price small{font-size:11px;font-weight:600;opacity:.8;margin-left:1px}
/* HD Players: ολόκληρη η εικόνα χωρίς κόψιμο */
.hdp-card:not(.hdp-strip) .hdp-shot{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle at 50% 40%,#1c2438 0%,#0b0f19 75%)}
.hdp-card:not(.hdp-strip) .hdp-shot img{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.hdp-card:hover .hdp-shot img{transform:scale(1.03)}
.hdp-strip .hdp-shot{padding:10px}
.hdp-strip .hdp-shot img{width:100%;border-radius:4px}
/* HD Players: demo σε modal */
.hdp-modal .modal-dialog{max-width:calc(100vw - 20px);margin:60px auto}
.hdp-modal .modal-content{border-radius:14px;overflow:hidden;border:0;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hdp-modal .modal-header{background:#0f1626;color:#fff;border-bottom:0}
.hdp-modal .modal-header .close{color:#fff;opacity:.8;text-shadow:none}
.hdp-modal .modal-title{font-weight:700}
.hdp-modal .modal-body{padding:16px;background:#0b0f19}
.hdp-frame{position:relative;margin:0 auto;overflow:hidden}
.hdp-frame iframe{display:block;border:0;transform-origin:0 0;background:#000}
.hdp-modal .modal-footer{background:#fff}
@media (max-width:480px){.hdp-filter button{padding:8px 12px;font-size:13px}.hdp-filter{gap:2px}}
/* Magic Host — «Έρχεται σύντομα» */
.ms-plan-soon{background:linear-gradient(180deg,#fff 0%,#f6f3ff 100%);border-style:dashed}
.ms-ribbon-soon{background:linear-gradient(135deg,#7b1fa2,#1e88e5)!important}
.ms-soon-price{font-size:18px!important;font-weight:700;color:#7b1fa2!important}
.ms-soon-price .fa{margin-right:4px}
.ms-plan-logo .ms-ico-magichost{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto;border-radius:18px;background:linear-gradient(135deg,#7b1fa2,#1e88e5);color:#fff;font-size:34px;box-shadow:0 8px 20px rgba(123,31,162,.3)}
.ms-plan-soon .btn.disabled{opacity:.75;cursor:default}

/* ---------- Muses Radio Player (muses-player.php) ---------- */
.mu-box{max-width:900px;margin:0 auto 26px;padding:28px 30px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 8px 26px rgba(15,30,60,.07)}
.mu-box label{font-weight:700;color:#1a1a2e}
.mu-box .form-control{height:auto;padding:10px 12px;border-radius:8px}
.mu-range{width:100%;margin-top:10px;accent-color:#1e88e5}
.mu-check{display:flex!important;align-items:flex-start;gap:8px;font-weight:600!important;cursor:pointer;margin-top:28px}
.mu-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.mu-terms{margin:6px 0 18px;padding:14px 16px;border-radius:10px;background:#f5f8fc;border:1px solid #e6edf5;font-weight:500!important;line-height:1.5}
.mu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mu-result h3{margin:0 0 14px;font-size:20px;font-weight:800;color:#1a1a2e}
.mu-result h3 .fa{color:#1e88e5;margin-right:6px}
.mu-result h3+p{color:#555}
.mu-preview{display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:26px;padding:24px;border-radius:12px;background:repeating-conic-gradient(#f3f5f8 0% 25%,#fff 0% 50%) 50%/20px 20px;overflow-x:auto}
.mu-code{font-family:Menlo,Consolas,monospace;font-size:13px;background:#0f1626;color:#d6e2ff;border:0;margin-bottom:14px;resize:vertical}
.mu-copied{color:#2e7d32;font-weight:700}
.mu-credit{margin-top:6px;color:#888;font-size:13px}
@media (max-width:767px){.mu-box{padding:20px 16px}.mu-check{margin-top:4px}}
.mu-box textarea.mu-code{background:#0f1626!important;color:#e6edff!important;line-height:1.55}

/* λογότυπο πάνελ μέσα στις κάρτες πακέτων (ραδιόφωνο) */
.ms-plan-brand{display:flex;align-items:center;justify-content:center;height:44px;margin:0 0 8px}
.ms-plan-brand img{max-height:40px;max-width:75%;width:auto;height:auto}

/* EverestCast demo player στο κέντρο */
.ms-demo-box .rtplwrapperForIe{display:table!important;margin:0 auto!important;float:none!important}
.ms-demo-box .rtplmain_window{margin-left:auto!important;margin-right:auto!important}
.ms-demo-status{text-align:left}

/* web-radio: 5 κάρτες επιλογής panel, κεντραρισμένες */
.wr-pick-row{display:flex;flex-wrap:wrap;justify-content:center}
.wr-pick-row>[class*=col-]{margin-bottom:24px;float:none}
.wr-pick-row .wt-pick{height:100%;display:flex;flex-direction:column}
.wr-pick-row .wt-pick .btn{margin-top:auto}
.wr-pick-row .wt-pick-logo img{max-height:44px;width:auto;max-width:80%}
.wr-compare-table>thead>tr>th+th,.wr-compare-table>tbody>tr>td+td{width:12%}
@media (max-width:767px){.wr-pick-row>[class*=col-]{width:100%}}
@media (max-width:767px){
.wt-compare .table-responsive{overflow-x:auto;max-width:100%}
.wr-compare-table>thead>tr>th,.wr-compare-table>tbody>tr>td{white-space:normal!important}
.wr-compare-table>thead>tr>th{font-size:9px;padding:6px 1px;word-break:normal}
.wr-compare-table>tbody>tr>td{font-size:12px;padding:8px 2px}
.wr-compare-table>thead>tr>th+th,.wr-compare-table>tbody>tr>td+td{width:12%}
}

/* το πλαίσιο της πρώτης ενότητας (πακέτα) ανεβαίνει πάνω στην εικόνα της κεφαλίδας, όπως το παλιό TMC-pricing-table */
.mass-head + .ms-section.ms-section-alt{position:relative;z-index:3;margin-top:-85px;padding-top:0;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 85px,#f7f9fc 85px)}
.mass-head + .ms-section.ms-section-alt>.container{position:relative;background:#fff;border-top:10px solid #009cde;border-radius:12px;padding-top:30px;padding-bottom:10px;box-shadow:4px 4px 0 0 rgba(0,0,0,.1)}
#plans>.container{position:relative}
#plans .sticker-wrapper{z-index:4}
#plans .sticker-wrapper .sticker.bg-success{color:#fff}
@media (max-width:991px){
.mass-head + .ms-section.ms-section-alt{margin-top:-40px;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,#f7f9fc 40px)}
.mass-head + .ms-section.ms-section-alt>.container{padding-top:28px}
}
@media (max-width:767px){.mass-head + .ms-section.ms-section-alt>.container{width:auto!important;max-width:calc(100% - 16px);margin-left:auto;margin-right:auto}#plans .sticker-wrapper{right:6px}#plans .sticker-wrapper .sticker{font-size:11px;padding:5px 10px}}

/* αρχική: το πλαίσιο των υπηρεσιών ανεβαίνει πάνω στην εικόνα (μόνο σε υπολογιστή, στο κινητό υπάρχει η μπάρα κουπονιού) */
@media (min-width:992px){
.ms-products{position:relative;z-index:3;margin-top:-85px;padding-top:0;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 85px,#f7f9fc 85px)}
.ms-products>.container{position:relative;background:#fff;border-top:10px solid #009cde;border-radius:12px;padding-top:30px;padding-bottom:10px;box-shadow:4px 4px 0 0 rgba(0,0,0,.1)}
.hero-bg-wrap.ms-home-hero{padding-bottom:100px!important}
}

/* συχνές ερωτήσεις: καθαρές κάρτες με βελάκι δεξιά */
.ms-faq{max-width:920px;margin:0 auto}
.ms-faq .panel{border:1px solid #e3e8ef!important;border-radius:12px!important;margin-bottom:12px!important;background:#fff;box-shadow:0 2px 8px rgba(26,26,46,.04)!important}
.ms-faq .panel-heading,.ms-faq .panel-heading.accordion-active{border:0!important;border-left:0!important;background:#fff!important}
.ms-faq .panel-heading a{position:relative;padding:17px 54px 17px 22px!important}
.ms-faq .panel-heading a:before{display:none!important}
.ms-faq .panel-title>span{display:none!important}
.ms-faq .panel-heading a:after{content:"\f107";font-family:FontAwesome;position:absolute;right:22px;top:50%;margin-top:-11px;font-size:20px;line-height:22px;color:#9aa5b1;transition:transform .2s,color .2s}
.ms-faq .panel-heading.accordion-active a:after{transform:rotate(180deg);color:#009cde}
.ms-faq .panel-heading.accordion-active{background:#f3f9ff!important}
.ms-faq .panel-body{padding:16px 22px 18px!important}
.ms-faq .panel-body ul{padding-left:18px;margin-bottom:0}
.ms-why .ms-section-title{margin-bottom:24px}
.ms-why .TM-box{background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 4px 14px rgba(26,26,46,.05);padding:26px 20px}
.ms-why .TM-box>.fa{color:#009cde}
.ms-why .TM-box h3{font-weight:700;font-size:19px}

/* σελίδες με απλό τίτλο (όροι, πολιτική κ.λπ.): ψηλότερη μπάρα ώστε το πλαίσιο να μην καλύπτει τον τίτλο */
.mass-head .hero-bg-wrap:has(.page-title){padding-bottom:95px!important}
@media (max-width:991px){.mass-head .hero-bg-wrap:has(.page-title){padding-bottom:50px!important}}
.mass-head:has(.page-title) ~ section.ms-section:first-of-type{position:relative;z-index:3;margin-top:-85px;padding-top:0;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 85px,#f7f9fc 85px)}
.mass-head:has(.page-title) ~ section.ms-section:first-of-type>.container,
.mass-head:has(.page-title) + .container{position:relative;z-index:3;background:#fff;border-top:10px solid #009cde;border-radius:12px;padding-top:30px;padding-bottom:10px;box-shadow:4px 4px 0 0 rgba(0,0,0,.1)}
.mass-head:has(.page-title) + .container{margin-top:-85px;margin-bottom:30px}
@media (max-width:991px){
.mass-head:has(.page-title) ~ section.ms-section:first-of-type{margin-top:-40px;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,#f7f9fc 40px)}
.mass-head:has(.page-title) + .container{margin-top:-40px}
}
@media (max-width:767px){.mass-head:has(.page-title) ~ section.ms-section:first-of-type>.container,.mass-head:has(.page-title) + .container{width:auto!important;max-width:calc(100% - 16px);margin-left:auto;margin-right:auto}}
.mass-head:has(.page-title) + .container>.block-s3{padding-top:0}
.ms-plan-note,.ms-price-note{font-size:12px;color:#6b7280;margin:-8px 0 12px}

/* σημείωση με αστερίσκο: εμφανίζεται με hover ή tap */
.ms-tip{position:relative;display:inline-block;color:#f26522;font-weight:700;cursor:help;outline:0}
.ms-tip-text{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:240px;padding:10px 12px;border-radius:8px;background:#1a1a2e;color:#fff;font-size:12px;font-weight:400;line-height:1.5;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .15s;z-index:20;pointer-events:none}
.ms-tip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#1a1a2e}
.ms-tip:hover .ms-tip-text,.ms-tip:focus .ms-tip-text{opacity:1;visibility:visible}
@media (max-width:480px){.ms-tip-text{width:200px;left:auto;right:-20px;transform:none}.ms-tip-text:after{left:auto;right:22px}}
.ms-opt-head{display:block!important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#f26522;border:0!important;padding:4px 0 6px!important}
.ms-opt-sub{text-align:center;color:#6b7280;font-size:13px;margin:-6px 0 12px}
/* η σημείωση του αστερίσκου να φαίνεται πάνω από τη διπλανή κάρτα */
.ms-plans-row>div:hover,.ms-plans-row>div:focus-within{position:relative;z-index:10}

/* μενού «Υπηρεσίες»: σε υπολογιστή σε 3 στήλες, ώστε να χωράει σε laptop */
@media (min-width:992px){
/* grid αντί για CSS columns: ο Firefox δεν υποστηρίζει break-before:column */
.ms-mega{width:720px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,auto);grid-auto-flow:column;grid-auto-columns:1fr;align-content:start;padding:12px 6px!important;left:50%!important;right:auto!important;transform:translateX(-50%)}
.open>.ms-mega{display:grid}
.ms-mega>li.ms-col-break{grid-row-start:1}
.ms-mega>li>a{white-space:normal}
.ms-mega>li.ms-dropdown-header:first-child{margin-top:0}
}
@media (min-width:992px){.ms-mega:before,.ms-mega:after{left:50%!important;right:auto!important;margin-left:-7px}}

/* SEO: internal links to Multicast */
.ms-card-reco{font-size:13px;margin:-4px 0 12px;color:#f39c12;font-weight:600}
.ms-card-reco a{color:#0b6fa4;text-decoration:underline}
.ms-cta-band .ms-cross-link{margin:22px 0 0;font-size:15px}
.ms-cta-band .ms-cross-link a{color:#fff;font-weight:700;text-decoration:underline}