/* MIDI FROID — premium visual refresh, 2026 */
:root {
  --mf-navy:#071b2d;
  --mf-blue:#0478b9;
  --mf-cyan:#20b5dd;
  --mf-ink:#102536;
  --mf-muted:#667887;
  --mf-line:#dce7ee;
  --mf-soft:#f4f8fb;
  --mf-white:#ffffff;
  --mf-shadow:0 22px 60px rgba(4,31,51,.13);
}
html { scroll-behavior:smooth; }
body { color:var(--mf-ink); background:#fff; }

/* Header */
.header-fixed.fixed-menu { background:transparent; }
.fixed-menu .navigation-header,
.navigation-header {
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 30px rgba(4,31,51,.08) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:8px 0 7px !important;
}
.navigation-header .navigation-brand { margin-top:0; }
.navigation-header .navigation-brand .brand-logo { width:190px; }
.navigation-header .navigation-brand .brand-logo .logo,
.navigation-header .navigation-brand .brand-logo .logo.logo-alt,
.fixed-menu .navigation-header .navigation-brand .brand-logo .logo,
.fixed-menu .navigation-header .navigation-brand .brand-logo .logo.logo-alt {
  display:block !important;
  height:54px !important;
  background-image:url("../img/logo-midifroid-frigomar.png") !important;
  background-size:contain !important;
  background-position:left center !important;
  background-repeat:no-repeat !important;
}
.navigation-header .navigation-bar > li:not(.featured) > a,
.fixed-menu .navigation-header .navigation-bar > li:not(.featured) > a {
  color:var(--mf-ink) !important;
  font-weight:700;
  letter-spacing:.03em;
}
.navigation-header .navigation-bar > li:not(.featured) > a:hover,
.navigation-header .navigation-bar.navigation-bar-left > li.active > a { color:var(--mf-blue) !important; }
.navigation-header .navigation-toggle .icon-bar { background:var(--mf-navy) !important; }
.navigation-header .btn.btn-outline-color,
.fixed-menu .navigation-header .btn.btn-outline-color {
  border-color:var(--mf-blue) !important;
  color:var(--mf-blue) !important;
  border-radius:999px;
  font-weight:700;
}
.navigation-header .btn.btn-outline-color:hover { color:#fff !important; background:var(--mf-blue) !important; }
.navigation-bar .dropdown-menu { background:var(--mf-navy); border-radius:12px; overflow:hidden; box-shadow:var(--mf-shadow); }
.navigation-bar .dropdown-menu > li a { text-transform:none; letter-spacing:.01em; }

/* Homepage hero */
.mf-hero {
  min-height:92vh;
  padding:150px 0 80px;
  display:flex;
  align-items:center;
  color:#fff;
  position:relative;
  overflow:hidden;
  background-image:linear-gradient(90deg, rgba(3,18,31,.88) 0%, rgba(3,30,51,.72) 45%, rgba(4,31,51,.24) 100%), url("../img/background/midi-froid-cannes.jpg");
  background-size:cover;
  background-position:center 60%;
}
.mf-hero:after {
  content:"";
  position:absolute;
  inset:auto -8% -130px auto;
  width:470px;
  height:470px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025);
}
.mf-hero .container { position:relative; z-index:2; }
.mf-kicker {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:rgba(7,27,45,.25);
}
.mf-kicker:before { content:""; width:8px; height:8px; border-radius:50%; background:var(--mf-cyan); box-shadow:0 0 0 6px rgba(32,181,221,.16); }
.mf-hero h1 {
  margin:26px 0 18px;
  max-width:860px;
  font-size:clamp(42px,5.2vw,76px);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#fff;
  font-weight:800;
}
.mf-hero h1 span { color:#7dddf3; }
.mf-hero-lead { max-width:710px; margin:0 0 30px; font-size:20px; line-height:1.65; color:rgba(255,255,255,.88); }
.mf-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; }
.mf-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  font-weight:800;
  transition:.2s ease;
}
.mf-btn-primary { color:#fff !important; background:linear-gradient(135deg,var(--mf-blue),var(--mf-cyan)); box-shadow:0 12px 28px rgba(0,130,190,.28); }
.mf-btn-primary:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,130,190,.34); }
.mf-btn-ghost { color:#fff !important; border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.06); }
.mf-btn-ghost:hover { background:#fff; color:var(--mf-navy) !important; }
.mf-hero-proof { display:flex; flex-wrap:wrap; gap:22px 32px; color:rgba(255,255,255,.8); font-size:14px; }
.mf-hero-proof strong { display:block; font-size:18px; color:#fff; }

/* Common premium sections */
.mf-section { padding:90px 0; }
.mf-section-soft { background:var(--mf-soft); }
.mf-eyebrow { margin-bottom:10px; color:var(--mf-blue); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.mf-title { margin:0 0 18px; color:var(--mf-navy); font-size:clamp(32px,4vw,48px); line-height:1.12; letter-spacing:-.025em; font-weight:800; }
.mf-lead { max-width:800px; color:var(--mf-muted); font-size:18px; line-height:1.75; }
.mf-center { text-align:center; }
.mf-center .mf-lead { margin-left:auto; margin-right:auto; }

.mf-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px; }
.mf-service-card {
  height:100%;
  background:#fff;
  border:1px solid var(--mf-line);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 50px rgba(5,39,64,.07);
  transition:.25s ease;
}
.mf-service-card:hover { transform:translateY(-6px); box-shadow:var(--mf-shadow); }
.mf-service-card img { width:100%; height:210px; object-fit:cover; display:block; }
.mf-service-content { padding:26px 26px 28px; }
.mf-service-content h3 { margin:0 0 10px; color:var(--mf-navy); font-size:24px; font-weight:800; }
.mf-service-content p { min-height:74px; color:var(--mf-muted); line-height:1.65; }
.mf-link { color:var(--mf-blue); font-weight:800; }
.mf-link:hover { color:var(--mf-cyan); }

.mf-trust-strip { padding:28px 0; background:var(--mf-navy); color:#fff; }
.mf-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; text-align:center; }
.mf-trust-item strong { display:block; margin-bottom:4px; font-size:25px; color:#fff; }
.mf-trust-item span { color:rgba(255,255,255,.7); font-size:13px; text-transform:uppercase; letter-spacing:.08em; }

.mf-split { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.mf-split-image { position:relative; }
.mf-split-image img { width:100%; border-radius:24px; box-shadow:var(--mf-shadow); }
.mf-badge {
  position:absolute;
  left:-18px;
  bottom:24px;
  padding:16px 20px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 36px rgba(5,39,64,.15);
  color:var(--mf-navy);
  font-weight:800;
}
.mf-checks { margin:24px 0 30px; padding:0; list-style:none; }
.mf-checks li { position:relative; padding:8px 0 8px 30px; color:#435767; }
.mf-checks li:before { content:"\f00c"; font-family:FontAwesome; position:absolute; left:0; top:8px; color:var(--mf-blue); }

.mf-dealer { padding:72px 0; background:linear-gradient(135deg,#061a2c,#0b3552); color:#fff; }
.mf-dealer-wrap { display:flex; align-items:center; justify-content:space-between; gap:42px; }
.mf-dealer-copy h2 { margin:0 0 10px; color:#fff; font-size:38px; font-weight:800; }
.mf-dealer-copy p { margin:0; max-width:680px; color:rgba(255,255,255,.74); font-size:17px; }
.mf-dealer-logo { width:min(330px,36vw); padding:18px 24px; border-radius:18px; background:#fff; }
.mf-dealer-logo img { width:100%; height:auto; }

.mf-cta { padding:80px 0; background:#fff; }
.mf-cta-box {
  padding:44px 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-radius:26px;
  background:linear-gradient(135deg,#eaf7fc,#f5fbfd);
  border:1px solid #d8edf6;
}
.mf-cta-box h2 { margin:0 0 8px; color:var(--mf-navy); font-size:34px; font-weight:800; }
.mf-cta-box p { margin:0; color:var(--mf-muted); }

/* Footer refresh */
.mf-footer-top { padding:56px 0 36px; background:#061a2c; color:#fff; }
.mf-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:44px; }
.mf-footer-logo { width:240px; margin-bottom:18px; filter:brightness(0) invert(1); opacity:.94; }
.mf-footer-top h4 { margin:4px 0 14px; color:#fff; font-weight:800; }
.mf-footer-top p,.mf-footer-top a { color:rgba(255,255,255,.72); line-height:1.7; }
.mf-footer-top a:hover { color:#fff; }
.mf-footer-bottom { padding:18px 0; background:#04131f; color:rgba(255,255,255,.58); font-size:13px; text-align:center; }
.mf-footer-bottom a { color:rgba(255,255,255,.75); }

/* Hide legacy homepage blocks if any remain */
body .mf-home + .legacy-hide { display:none; }

@media (max-width:991px) {
  .navigation-header .navigation-brand .brand-logo { width:165px; }
  .mf-service-grid { grid-template-columns:1fr; }
  .mf-service-card { display:grid; grid-template-columns:260px 1fr; }
  .mf-service-card img { height:100%; min-height:220px; }
  .mf-split { grid-template-columns:1fr; }
  .mf-trust-grid { grid-template-columns:repeat(2,1fr); }
  .mf-dealer-wrap,.mf-cta-box { align-items:flex-start; flex-direction:column; }
  .mf-dealer-logo { width:320px; max-width:100%; }
  .mf-footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:767px) {
  .navigation-header .navigation-brand .brand-logo { width:145px; }
  .mf-hero { min-height:88vh; padding:125px 0 60px; background-position:58% center; }
  .mf-hero h1 { font-size:42px; }
  .mf-hero-lead { font-size:17px; }
  .mf-section { padding:68px 0; }
  .mf-service-card { display:block; }
  .mf-service-card img { height:205px; }
  .mf-trust-grid { grid-template-columns:1fr 1fr; }
  .mf-trust-item strong { font-size:20px; }
  .mf-badge { position:static; display:inline-block; margin-top:14px; }
  .mf-cta-box { padding:32px 26px; }
  .mf-footer-grid { grid-template-columns:1fr; }
}


/* SEO / internal page hero */
.mf-page-h1{font-size:clamp(34px,4.4vw,58px);line-height:1.08;margin:12px auto 18px;max-width:1050px;font-weight:700;letter-spacing:-.025em;color:#fff}
.mf-page-intro{font-size:18px;line-height:1.65;max-width:880px;margin:0 auto;color:rgba(255,255,255,.9)}
.mf-seo-local{padding-top:72px;padding-bottom:72px}
@media(max-width:767px){.mf-page-h1{font-size:34px}.mf-page-intro{font-size:16px}.mf-seo-local{padding-top:52px;padding-bottom:52px}}