:root{
  --red:#DA291C;
  --black:#111111;
  --text:#1a1a1a;
  --muted:#6b7280;
  --border:#e5e7eb;
  --card:#ffffff;
  --bg:#ffffff; /* строго белый фон */
  --radius:0px;
  --shadow:0 .5rem 1.25rem rgba(0,0,0,.06);
}
*{box-sizing:border-box}



/*.container{max-width:1200px;margin:0 auto;padding:24px}*/

/*h1{font-size:clamp(28px,3.2vw,40px);margin:0 0 6px}*/
.mu-partners-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}

.partner-intro {
  margin: 10px 0 30px 0;
  padding: 25px 30px;
  background: #f7f7f7;
  border-left: 4px solid #DA291C;
  border-radius: 0px;
}

.partner-intro p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}

.partner-card{
  grid-column: span 3;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  position:relative;overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}

.partner-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:var(--cat-color, var(--red));
  /*z-index:0;*/
}
.partner-card[data-cat="Global"]{--cat-color:#DA291C}
.partner-card[data-cat="Financial"]{--cat-color:#155EEF}
.partner-card[data-cat="Media"]{--cat-color:#7C3AED}
.partner-card[data-cat="Regional"]{--cat-color:#16A34A}

.partner-card:hover{
  border-color:color-mix(in srgb, var(--cat-color, var(--red)) 38%, var(--border));
}

.partner-card:hover .mu-partners-badge{
  color:var(--cat-color, var(--red));
}

.partner-card:hover{
    transform:translateY(-4px);
    border-color:rgba(218,41,28,.35);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.partner-card[data-size="lg"]{grid-column: span 6}

@media (max-width:1000px){
  .partner-card,
  .partner-card[data-size="lg"]{grid-column: span 4}
}
@media (max-width:720px){
  .partner-card,
  .partner-card[data-size="lg"]{grid-column: span 6}
}
@media (max-width:520px){
  .partner-card,
  .partner-card[data-size="lg"]{grid-column: span 12}
}

.logo-wrap{display:grid;place-items:center;height:120px;background:linear-gradient(180deg,#fff 0,#fafafa 100%)}
.mu-partners-logo{max-width:74% !important;display:block;margin: 0 !important;}

.mu-partners-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  padding:10px 56px 12px 12px;
  border-top:1px solid var(--border);
}
.mu-partners-name{font-size: 16px;font-weight:700;line-height: 20px;margin-bottom: 10px;}
.mu-partners-badge{
  font-size:13px;
  color:var(--muted);
  background:none;
  padding:0;
  border-radius:0;
}
.mu-partners-btn{appearance:none;border:none;background:var(--red);color:#fff;font-weight:700;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow)}
.mu-partners-btn.ghost{background:#fff;color:var(--red);border:1px solid var(--red)}

.mu-partners-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.mu-partners-stat{border:1px solid var(--border);border-radius:0x;padding:14px;background:#fff;text-align:center}
.mu-partners-stat .mu-partners-num{font-size:28px;font-weight:900;font-family: sans-serif;}
.mu-partners-stat .lbl{color:var(--muted);font-size:12px;line-height: 14px;}

.mu-partners-stat{
  position:relative;
  overflow:hidden;
  text-align:left;
}
.mu-partners-stat::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--stat-color, var(--red));
}
.mu-partners-stat .mu-partners-num{line-height:1}
.mu-partners-stat .lbl{margin-top:6px}
.stat--partners{--stat-color:#DA291C}
.stat--countries{--stat-color:#111111}
.stat--oldest{--stat-color:#16A34A}
.stat--global{--stat-color:#155EEF}

@media (max-width:900px){.mu-partners-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.mu-partners-stats{grid-template-columns:repeat(2,1fr)}}

.mu-partners-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:20px;z-index: 14;}
.mu-partners-modal[open]{display:flex}
.mu-partners-dialog{max-width:720px;width:100%;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 1rem 2rem rgba(0,0,0,.2)}
.mu-partners-dialog header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.mu-partners-dialog .mu-partners-body{padding:16px}
.mu-partners-dialog .mu-partners-body p{margin:0 0 10px;font-size: 16px;line-height: 24px;}
.mu-partners-dialog footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--border)}
.mu-partners-dialog header strong {font-size: 16px;}

.since-card{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  padding:14px 16px;
  background:#fafafa;
  border:1px solid var(--border);
  border-radius:14px;
}
.since-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  color:var(--red);
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
}
.since-label{
  font-size:13px;
  color:var(--muted);
}
.since-value{
  margin-top:2px;
  font-size:17px;
  font-weight:800;
  color:var(--black);
}

.info-stack{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.info-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:#fafafa;
  border:1px solid var(--border);
  border-radius:14px;
}
.info-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
}
.info-icon svg{
  width:28px;
  height:20px;
  display:block;
  border-radius:3px;
}
.flag-icon svg{
  width:30px;
  height:20px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.info-label{
  font-size:13px;
  color:var(--muted);
}
.info-value{
  margin-top:0px;
  font-size:17px;
  font-weight:800;
  color:var(--black);
  font-family: sans-serif;
}

.ribbon{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--red),#000);margin:18px 0}

.card-arrow{
  position:absolute;
  right:16px;
  bottom:18px;
  /*z-index:2;*/
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:var(--red);
  opacity:.7;
  transition:.25s;
}

.partner-card .card-arrow{color:var(--cat-color, var(--red));}

.partner-card:hover .card-arrow{
    opacity:1;
    transform:translateX(4px);
}

.partner-card:hover .mu-partners-logo{
    transform:scale(1.04);
}

.mu-partners-logo{
    transition:transform .25s ease;
}

.partner-card{
    cursor:pointer;
}


@supports not (color: color-mix(in srgb, red 50%, white)){
  .partner-card:hover{border-color:rgba(218,41,28,.35)}
}

@media (max-width:640px){
  .container{padding:18px 14px}

  h1{font-size:clamp(24px,7vw,32px);line-height:1.12}

  .mu-partners-stats{gap:10px;margin:16px 0}
  .mu-partners-stat{padding:12px 10px;}
  .mu-partners-stat .mu-partners-num{font-size:24px}
  .mu-partners-stat .lbl{font-size:12px}

  .mu-partners-grid{gap:12px}
  .logo-wrap{height:108px}
  /*.mu-partners-logo{max-height:56px}*/
  .mu-partners-meta{padding:9px 52px 11px 11px}
  .card-arrow{right:12px;bottom:14px}
}

@media (max-width:430px){
  .mu-partners-stats{grid-template-columns:1fr 1fr}
  .info-card{padding:12px;align-items:flex-start}
  .info-icon,.since-icon{width:38px;height:38px}
  .info-value{font-size:15px}
  .mu-partners-dialog footer{padding:12px;justify-content:stretch}
  .mu-partners-dialog footer .mu-partners-btn{width:100%}
}

@media (max-width:360px){
  .mu-partners-stats{grid-template-columns:1fr}
}

@media (max-width:720px){
  .mu-partners-modal{padding:12px;align-items:flex-end}
  .mu-partners-dialog{
    max-height:calc(100dvh - 24px);
    display:flex;
    flex-direction:column;
  }
  .mu-partners-dialog .mu-partners-body{overflow:auto}
}

.card-arrow{
  overflow:hidden;
  border-radius:999px;
  background:rgba(218,41,28,.06);
}
.arrow-line{
  position:absolute;
  left:9px;
  width:0;
  height:2px;
  background:currentColor;
  border-radius:999px;
  opacity:0;
  transition:.25s ease;
}
.arrow-icon{
  position:relative;
  z-index:1;
  transition:.25s ease;
}
.partner-card:hover .arrow-line{
  width:12px;
  opacity:1;
}
.partner-card:hover .arrow-icon{
  transform:translateX(5px);
}

@media (hover:none){
  .partner-card:hover{transform:none}
  .partner-card:hover .mu-partners-logo{transform:none}
  .partner-card:hover .card-arrow{transform:none}
}