.mct-contact{
  --mct-radius:15px;
  --mct-fg:#ffffff;               /* icons, labels, values, chevrons */
  --ink:#2f4a56; --rule:rgba(47,74,86,.35);
  --row-a:rgba(46,104,130,.80); --row-b:rgba(58,122,150,.72);  /* frosted teal glass so white text stays readable */
  --card-shadow:0 14px 34px rgba(40,90,120,.22),inset 0 1px 0 rgba(255,255,255,.55);
  /* network colours: left → middle → right (as "r,g,b") */
  --net-c1:104,160,214; --net-c2:98,102,112; --net-c3:222,66,72;
  position:relative;width:100%;max-width:1120px;margin:24px auto;padding:64px 24px;overflow:hidden;box-sizing:border-box;
  border-radius:var(--mct-radius);
  font-family:"Maven Pro","Helvetica Neue",Arial,sans-serif;color:var(--ink);
  /* same background as the Glass Products Showcase */
  background:radial-gradient(ellipse at 50% 30%,#fbfbfb,#e9ebee);
}
.mct-contact.mct-full{width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:0;margin-top:0;margin-bottom:0;padding:80px clamp(20px,5vw,80px)}
.mct-contact *,.mct-contact *::before,.mct-contact *::after{box-sizing:border-box}
.mct-contact.mct-transparent{background:none}
.mct-contact.mct-transparent .mct-blob{display:none}

/* soft blurred colour blobs (from the showcase) */
.mct-blob{position:absolute;border-radius:50%;filter:blur(10px);opacity:.55;pointer-events:none}
.mct-b1{width:300px;height:300px;left:10%;top:-70px;background:#7cc4dc}
.mct-b2{width:220px;height:220px;right:10%;top:30%;background:#b9a8e8}
.mct-b3{width:220px;height:220px;left:44%;bottom:-90px;background:#9be0c4}

.mct-net{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.mct-inner{position:relative;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1px 2fr;gap:26px;align-items:stretch}
.mct-inner>*{min-width:0}

.mct-title{display:flex;align-items:flex-start}
.mct-contact .mct-title h2{display:flex;align-items:center;gap:14px;width:100%;margin:6px 0 0;padding:0;font-family:inherit;font-size:36px;font-weight:400;letter-spacing:.3px;line-height:1.2;color:#fff;text-shadow:0 2px 10px rgba(40,70,90,.55),0 1px 2px rgba(40,70,90,.5)}
.mct-title h2::after{content:"";flex:1;height:2px;border-radius:2px;background:#fff;box-shadow:0 1px 6px rgba(40,70,90,.45)}

.mct-vline{background:linear-gradient(180deg,transparent,var(--rule) 20%,var(--rule) 80%,transparent)}

/* ---- Table card ---- */
.mct-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--mct-radius);box-shadow:var(--card-shadow);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.mct-contact a.mct-row{display:grid;grid-template-columns:38px minmax(130px,190px) minmax(0,1fr) 22px;align-items:center;column-gap:20px;
  padding:26px 28px;min-height:84px;text-decoration:none;color:var(--mct-fg);background:var(--row-a);text-shadow:0 1px 2px rgba(20,60,85,.35);
  transition:background .2s}
.mct-contact a.mct-row:nth-child(even){background:var(--row-b)}
.mct-contact a.mct-row:hover,.mct-contact a.mct-row:focus-visible{background:var(--row-b);color:var(--mct-fg)}
.mct-contact a.mct-row:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.mct-ico{width:38px;height:38px;display:grid;place-items:center}
.mct-ico svg{width:36px;height:36px}
.mct-label{font-size:clamp(16px,calc(11px + .45vw),19px);font-weight:700;letter-spacing:.2px;line-height:1.3}
.mct-value{font-size:clamp(15px,calc(10px + .45vw),19px);font-weight:400;color:var(--mct-fg);opacity:.95;line-height:1.35;overflow-wrap:anywhere}
.mct-chev{width:22px;height:22px;display:grid;place-items:center;transition:transform .2s}
.mct-chev svg{width:22px;height:22px}
.mct-contact a.mct-row:hover .mct-chev{transform:translateX(3px)}

/* Tablet / small laptop: stack title above the card */
@media (max-width:980px){
  .mct-contact{padding:52px 20px}
  .mct-contact.mct-full{padding:56px 20px}
  .mct-inner{grid-template-columns:minmax(0,1fr);gap:22px}
  .mct-vline{display:none}
  .mct-contact .mct-title h2{font-size:30px;margin-top:0}
  .mct-b1{width:200px;height:200px;top:-60px}
  .mct-b2{width:170px;height:170px}
  .mct-b3{width:140px;height:140px;bottom:-70px}
}
/* Phones */
@media (max-width:600px){
  .mct-contact{margin:16px auto;padding:36px 14px;--mct-radius:14px}
  .mct-contact.mct-full{margin:0 0 0 -50vw;padding:36px 14px}
  .mct-contact .mct-title h2{font-size:26px;gap:10px}
  .mct-contact a.mct-row{grid-template-columns:32px minmax(0,1fr) 20px;column-gap:14px;row-gap:3px;padding:18px 16px;min-height:0}
  .mct-ico{width:32px;height:32px;grid-row:1 / span 2}
  .mct-ico svg{width:30px;height:30px}
  .mct-chev{grid-row:1 / span 2;grid-column:3;width:20px;height:20px}
  .mct-chev svg{width:20px;height:20px}
  .mct-label{grid-column:2;font-size:16px}
  .mct-value{grid-column:2;font-size:16px}
  .mct-b1{width:150px;height:150px;left:4%}
  .mct-b2{width:120px;height:120px;right:2%}
  .mct-b3{display:none}
}
@media (max-width:360px){
  .mct-contact,.mct-contact.mct-full{padding:30px 10px}
  .mct-contact a.mct-row{padding:16px 12px;column-gap:10px}
  .mct-label,.mct-value{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.mct-contact a.mct-row,.mct-chev{transition:none}}